|
2 | 2 | xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
3 | 3 | xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
4 | 4 | xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
5 |
| - xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
6 |
| - xmlns:local="clr-namespace:MaterialDesignColors.WpfExample" |
7 |
| - xmlns:wpf="clr-namespace:MaterialDesignThemes.Wpf;assembly=MaterialDesignThemes.Wpf" |
| 5 | + xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
| 6 | + xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" |
8 | 7 | mc:Ignorable="d"
|
9 | 8 | d:DesignHeight="800" d:DesignWidth="600">
|
10 | 9 | <ScrollViewer>
|
11 | 10 | <StackPanel Margin="16">
|
12 | 11 | <TextBlock FontSize="16">Colour Zones</TextBlock>
|
13 | 12 | <TextBlock TextWrapping="Wrap" Margin="0 16 0 0">The ColorZone control allows you to easily define striking blocks of colour to give your application extra clarity and style, whilst still remaining within the bounds of your Material Design palette.</TextBlock>
|
14 | 13 | <TextBlock Margin="0 16 0 0" FontSize="10">Invert the basic paper/body colours.</TextBlock>
|
15 |
| - <wpf:ColorZone Mode="Inverted" Padding="16"> |
| 14 | + <materialDesign:ColorZone Mode="Inverted" Padding="16"> |
16 | 15 | <DockPanel>
|
17 | 16 | <StackPanel Orientation="Horizontal">
|
18 | 17 | <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
|
19 | 18 | <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
|
20 | 19 | </StackPanel>
|
21 | 20 | <Button Style="{DynamicResource MaterialDesignToolForegroundButton}" DockPanel.Dock="Right" HorizontalAlignment="Right"
|
22 |
| - wpf:RippleAssist.IsCentered="True"> |
| 21 | + materialDesign:RippleAssist.IsCentered="True"> |
23 | 22 | <Viewbox Width="16" Height="16">
|
24 | 23 | <Canvas Width="24" Height="24">
|
25 | 24 | <Path Data="M2,21L23,12L2,3V10L17,12L2,14V21Z" Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=Foreground}" />
|
26 | 25 | </Canvas>
|
27 | 26 | </Viewbox>
|
28 | 27 | </Button>
|
29 | 28 | </DockPanel>
|
30 |
| - </wpf:ColorZone> |
| 29 | + </materialDesign:ColorZone> |
31 | 30 | <TextBlock Margin="0 16 0 0" FontSize="10">Use primary light back and fore colours.</TextBlock>
|
32 |
| - <wpf:ColorZone Mode="PrimaryLight" Padding="16"> |
| 31 | + <materialDesign:ColorZone Mode="PrimaryLight" Padding="16"> |
33 | 32 | <StackPanel Orientation="Horizontal">
|
34 | 33 | <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
|
35 | 34 | <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
|
36 | 35 | </StackPanel>
|
37 |
| - </wpf:ColorZone> |
| 36 | + </materialDesign:ColorZone> |
38 | 37 | <TextBlock Margin="0 16 0 0" FontSize="10">Use primary mid colours, and nest colour zones!</TextBlock>
|
39 |
| - <wpf:ColorZone Mode="PrimaryMid" Padding="16"> |
| 38 | + <materialDesign:ColorZone Mode="PrimaryMid" Padding="16"> |
40 | 39 | <StackPanel Orientation="Horizontal"
|
41 |
| - wpf:RippleAssist.IsCentered="True"> |
| 40 | + materialDesign:RippleAssist.IsCentered="True"> |
42 | 41 | <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
|
43 |
| - <wpf:ColorZone Mode="Standard" Padding="8 4 8 4" CornerRadius="2" Panel.ZIndex="1" |
| 42 | + <materialDesign:ColorZone Mode="Standard" Padding="8 4 8 4" CornerRadius="2" Panel.ZIndex="1" |
44 | 43 | Margin="16 0 0 0"
|
45 |
| - wpf:ShadowAssist.ShadowDepth="Depth1"> |
| 44 | + materialDesign:ShadowAssist.ShadowDepth="Depth1"> |
46 | 45 | <Grid>
|
47 | 46 | <Grid.ColumnDefinitions>
|
48 | 47 | <ColumnDefinition Width="Auto" />
|
|
53 | 52 | <Viewbox Width="16" Height="16" VerticalAlignment="Center" Opacity=".56">
|
54 | 53 | <Canvas Width="24" Height="24">
|
55 | 54 | <Path Data="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"
|
56 |
| - Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=wpf:ColorZone}, Path=Foreground}" /> |
| 55 | + Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=materialDesign:ColorZone}, Path=Foreground}" /> |
57 | 56 | </Canvas>
|
58 | 57 | </Viewbox>
|
59 | 58 | </Button>
|
60 |
| - <TextBox Grid.Column="1" Margin="8 0 0 0" wpf:TextFieldAssist.Hint="Build a search bar" MinWidth="200" VerticalAlignment="Center" /> |
| 59 | + <TextBox Grid.Column="1" Margin="8 0 0 0" materialDesign:TextFieldAssist.Hint="Build a search bar" MinWidth="200" VerticalAlignment="Center" /> |
61 | 60 | <Button Style="{DynamicResource MaterialDesignToolButton}" Grid.Column="2">
|
62 | 61 | <Viewbox Width="16" Height="16" Margin="8 0 0 0" Opacity=".56">
|
63 | 62 | <Canvas Width="24" Height="24">
|
64 | 63 | <Path Data="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"
|
65 |
| - Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=wpf:ColorZone}, Path=Foreground}" /> |
| 64 | + Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=materialDesign:ColorZone}, Path=Foreground}" /> |
66 | 65 | </Canvas>
|
67 | 66 | </Viewbox>
|
68 | 67 | </Button>
|
69 | 68 | </Grid>
|
70 |
| - </wpf:ColorZone> |
| 69 | + </materialDesign:ColorZone> |
71 | 70 | <Button Style="{DynamicResource MaterialDesignToolForegroundButton}" Margin="8 0 0 0" Panel.ZIndex="0">
|
72 | 71 | <Viewbox Width="16" Height="16">
|
73 | 72 | <Canvas Width="24" Height="24">
|
|
76 | 75 | </Viewbox>
|
77 | 76 | </Button>
|
78 | 77 | </StackPanel>
|
79 |
| - </wpf:ColorZone> |
| 78 | + </materialDesign:ColorZone> |
80 | 79 | <TextBlock Margin="0 16 0 0" FontSize="10">Add in a corner radius and shadow.</TextBlock>
|
81 |
| - <wpf:ColorZone Mode="PrimaryDark" Padding="16" CornerRadius="3" wpf:ShadowAssist.ShadowDepth="Depth3" Margin="2"> |
| 80 | + <materialDesign:ColorZone Mode="PrimaryDark" Padding="16" CornerRadius="3" materialDesign:ShadowAssist.ShadowDepth="Depth3" Margin="2"> |
82 | 81 | <StackPanel Orientation="Horizontal">
|
83 | 82 | <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
|
84 | 83 | <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
|
85 | 84 | </StackPanel>
|
86 |
| - </wpf:ColorZone> |
| 85 | + </materialDesign:ColorZone> |
87 | 86 | <TextBlock Margin="0 16 0 0" FontSize="10">Use accent back and fore colours.</TextBlock>
|
88 |
| - <wpf:ColorZone Mode="Accent" Padding="16"> |
| 87 | + <materialDesign:ColorZone Mode="Accent" Padding="16"> |
89 | 88 | <StackPanel Orientation="Horizontal">
|
90 | 89 | <ToggleButton Style="{DynamicResource MaterialDesignHamburgerToggleButton}" />
|
91 | 90 | <TextBlock VerticalAlignment="Center" Margin="16 0 0 0">Material Design In XAML Toolkit</TextBlock>
|
92 | 91 | </StackPanel>
|
93 |
| - </wpf:ColorZone> |
| 92 | + </materialDesign:ColorZone> |
94 | 93 | </StackPanel>
|
95 | 94 | </ScrollViewer>
|
96 | 95 |
|
|
0 commit comments