|
5 | 5 | xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
6 | 6 | xmlns:local="clr-namespace:MaterialDesignColors.WpfExample" |
7 | 7 | xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" |
| 8 | + xmlns:codeDisplayer="clr-namespace:CodeDisplayer;assembly=CodeDisplayer" |
8 | 9 | mc:Ignorable="d" |
9 | 10 | d:DesignHeight="300" d:DesignWidth="300"> |
10 | | - <Grid Margin="32"> |
11 | | - <Grid.RowDefinitions> |
12 | | - <RowDefinition Height="Auto" /> |
13 | | - <RowDefinition Height="Auto" /> |
14 | | - </Grid.RowDefinitions> |
15 | | - <TextBlock Style="{StaticResource MaterialDesignTitleTextBlock}">Chips</TextBlock> |
16 | | - <StackPanel Grid.Row="1" Margin="0 16 0 0"> |
17 | | - <WrapPanel Orientation="Horizontal"> |
18 | | - <materialDesign:Chip Content="James Willock" Margin="0 0 6 4"> |
19 | | - <materialDesign:Chip.Icon> |
20 | | - <Image Source="Resources/ProfilePic.jpg" /> |
21 | | - </materialDesign:Chip.Icon> |
22 | | - </materialDesign:Chip> |
23 | | - <materialDesign:Chip Margin="0 0 4 4"> |
24 | | - Example Chip |
25 | | - </materialDesign:Chip> |
26 | | - <materialDesign:Chip Content="ANZ Bank" |
| 11 | + <ScrollViewer> |
| 12 | + <codeDisplayer:XamlDisplayerPanel Margin="32"> |
| 13 | + <TextBlock Style="{StaticResource MaterialDesignTitleTextBlock}">Chips</TextBlock> |
| 14 | + <materialDesign:Chip Content="James Willock" Margin="0 0 6 4"> |
| 15 | + <materialDesign:Chip.Icon> |
| 16 | + <Image Source="Resources/ProfilePic.jpg" /> |
| 17 | + </materialDesign:Chip.Icon> |
| 18 | + </materialDesign:Chip> |
| 19 | + <materialDesign:Chip Margin="0 0 4 4"> |
| 20 | + Example Chip |
| 21 | + </materialDesign:Chip> |
| 22 | + <materialDesign:Chip Content="ANZ Bank" |
27 | 23 | Icon="A" |
28 | 24 | Margin="0 0 4 4" /> |
29 | | - <materialDesign:Chip Content="ZNA Inc" |
| 25 | + <materialDesign:Chip Content="ZNA Inc" |
30 | 26 | Icon="Z" |
31 | 27 | Margin="0 0 4 4" /> |
32 | | - <materialDesign:Chip Content="Twitter" |
| 28 | + <materialDesign:Chip Content="Twitter" |
33 | 29 | IconBackground="{DynamicResource PrimaryHueDarkBrush}" |
34 | 30 | IconForeground="{DynamicResource PrimaryHueDarkForegroundBrush}" |
35 | 31 | Margin="0 0 4 4"> |
36 | | - <materialDesign:Chip.Icon> |
37 | | - <materialDesign:PackIcon Kind="Twitter"></materialDesign:PackIcon> |
38 | | - </materialDesign:Chip.Icon> |
39 | | - </materialDesign:Chip> |
40 | | - </WrapPanel> |
41 | | - <WrapPanel Margin="0 12 0 0" Orientation="Horizontal"> |
42 | | - <materialDesign:Chip Content="James Willock" |
| 32 | + <materialDesign:Chip.Icon> |
| 33 | + <materialDesign:PackIcon Kind="Twitter"></materialDesign:PackIcon> |
| 34 | + </materialDesign:Chip.Icon> |
| 35 | + </materialDesign:Chip> |
| 36 | + <materialDesign:Chip Content="James Willock" |
43 | 37 | IsDeletable="True" |
44 | 38 | Margin="0 0 4 4" |
45 | 39 | x:Name="ButtonsDemoChip" |
46 | 40 | Click="ButtonsDemoChip_OnClick" |
47 | 41 | DeleteClick="ButtonsDemoChip_OnDeleteClick" |
48 | | - ToolTip="Just a tool tip" |
| 42 | + ToolTip="Just a tool tip" |
49 | 43 | DeleteToolTip="Your friendly neighbour delete button" |
50 | 44 | > |
51 | | - <materialDesign:Chip.Icon> |
52 | | - <Image Source="Resources/ProfilePic.jpg"></Image> |
53 | | - </materialDesign:Chip.Icon> |
54 | | - </materialDesign:Chip> |
55 | | - <materialDesign:Chip Content="Example Chip" |
| 45 | + <materialDesign:Chip.Icon> |
| 46 | + <Image Source="Resources/ProfilePic.jpg"></Image> |
| 47 | + </materialDesign:Chip.Icon> |
| 48 | + </materialDesign:Chip> |
| 49 | + <materialDesign:Chip Content="Example Chip" |
56 | 50 | IsDeletable="True" |
57 | 51 | ToolTip="This is an example chip" |
58 | 52 | Margin="0 0 4 4"> |
59 | | - </materialDesign:Chip> |
60 | | - <materialDesign:Chip Content="ANZ Bank" |
| 53 | + </materialDesign:Chip> |
| 54 | + <materialDesign:Chip Content="ANZ Bank" |
61 | 55 | Icon="A" |
62 | 56 | IsDeletable="True" |
63 | 57 | Margin="0 0 4 4" /> |
64 | | - <materialDesign:Chip Content="ZNA Inc" |
| 58 | + <materialDesign:Chip Content="ZNA Inc" |
65 | 59 | Icon="Z" |
66 | 60 | IsDeletable="True" |
67 | 61 | IconBackground="{DynamicResource PrimaryHueLightBrush}" |
68 | 62 | IconForeground="{DynamicResource PrimaryHueLightForegroundBrush}" |
69 | 63 | Margin="0 0 4 4" /> |
70 | | - </WrapPanel> |
71 | | - </StackPanel> |
72 | | - </Grid> |
| 64 | + </codeDisplayer:XamlDisplayerPanel> |
| 65 | + </ScrollViewer> |
73 | 66 | </UserControl> |
0 commit comments