Skip to content

Commit b0b59f7

Browse files
committed
bring toolbars into demo
1 parent 646d0a7 commit b0b59f7

File tree

2 files changed

+79
-5
lines changed

2 files changed

+79
-5
lines changed

MaterialDesignColors.WpfExample/MainWindow.xaml

Lines changed: 73 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<MenuItem.Icon>
2828
<Viewbox Width="16" Height="16">
2929
<Canvas Width="24" Height="24">
30-
<Path Data="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" Fill="Black" />
30+
<Path Data="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" Fill="{DynamicResource MaterialDesignBody}" />
3131
</Canvas>
3232
</Viewbox>
3333
</MenuItem.Icon>
@@ -37,7 +37,7 @@
3737
<MenuItem.Icon>
3838
<Viewbox Width="16" Height="16">
3939
<Canvas Width="24" Height="24">
40-
<Path Data="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" Fill="Black" />
40+
<Path Data="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" Fill="{DynamicResource MaterialDesignBody}" />
4141
</Canvas>
4242
</Viewbox>
4343
</MenuItem.Icon>
@@ -55,7 +55,7 @@
5555
<MenuItem.Icon>
5656
<Viewbox Width="16" Height="16">
5757
<Canvas Width="24" Height="24">
58-
<Path Data="M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" Fill="Black" />
58+
<Path Data="M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" Fill="{DynamicResource MaterialDesignBody}" />
5959
</Canvas>
6060
</Viewbox>
6161
</MenuItem.Icon>
@@ -64,7 +64,7 @@
6464
<MenuItem.Icon>
6565
<Viewbox Width="16" Height="16">
6666
<Canvas Width="24" Height="24">
67-
<Path Data="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" Fill="Black" />
67+
<Path Data="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" Fill="{DynamicResource MaterialDesignBody}" />
6868
</Canvas>
6969
</Viewbox>
7070
</MenuItem.Icon>
@@ -73,13 +73,81 @@
7373
<MenuItem.Icon>
7474
<Viewbox Width="16" Height="16">
7575
<Canvas Width="24" Height="24">
76-
<Path Data="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" Fill="Black" />
76+
<Path Data="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" Fill="{DynamicResource MaterialDesignBody}" />
7777
</Canvas>
7878
</Viewbox>
7979
</MenuItem.Icon>
8080
</MenuItem>
8181
</MenuItem>
8282
</Menu>
83+
<ToolBarTray DockPanel.Dock="Top">
84+
<ToolBar Style="{DynamicResource MaterialDesignToolBar}">
85+
<Button ToolTip="Follow me on Twitter" Click="TwitterButton_OnClick">
86+
<Viewbox Width="16" Height="16">
87+
<Canvas Width="24" Height="24">
88+
<Path Data="M17.71,9.33C17.64,13.95 14.69,17.11 10.28,17.31C8.46,17.39 7.15,16.81 6,16.08C7.34,16.29 9,15.76 9.9,15C8.58,14.86 7.81,14.19 7.44,13.12C7.82,13.18 8.22,13.16 8.58,13.09C7.39,12.69 6.54,11.95 6.5,10.41C6.83,10.57 7.18,10.71 7.64,10.74C6.75,10.23 6.1,8.38 6.85,7.16C8.17,8.61 9.76,9.79 12.37,9.95C11.71,7.15 15.42,5.63 16.97,7.5C17.63,7.38 18.16,7.14 18.68,6.86C18.47,7.5 18.06,7.97 17.56,8.33C18.1,8.26 18.59,8.13 19,7.92C18.75,8.45 18.19,8.93 17.71,9.33M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" Fill="{DynamicResource MaterialDesignBody}" />
89+
</Canvas>
90+
</Viewbox>
91+
</Button>
92+
<Button ToolTip="Save">
93+
<Viewbox Width="16" Height="16">
94+
<Canvas Width="24" Height="24">
95+
<Path Data="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" Fill="{DynamicResource MaterialDesignBody}" />
96+
</Canvas>
97+
</Viewbox>
98+
</Button>
99+
<Separator />
100+
<Button Command="Cut" ToolTip="Cut" ToolBar.OverflowMode="AsNeeded">
101+
<Viewbox Width="16" Height="16">
102+
<Canvas Width="24" Height="24">
103+
<Path Data="M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" Fill="{DynamicResource MaterialDesignBody}" />
104+
</Canvas>
105+
</Viewbox>
106+
</Button>
107+
<Button Command="Copy" ToolTip="Copy that stuff" ToolBar.OverflowMode="AsNeeded">
108+
<Viewbox Width="16" Height="16">
109+
<Canvas Width="24" Height="24">
110+
<Path Data="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" Fill="{DynamicResource MaterialDesignBody}" />
111+
</Canvas>
112+
</Viewbox>
113+
</Button>
114+
<Separator />
115+
<Button Command="Paste" ToolTip="Paste some stuff" ToolBar.OverflowMode="AsNeeded">
116+
<Viewbox Width="16" Height="16">
117+
<Canvas Width="24" Height="24">
118+
<Path Data="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" Fill="{DynamicResource MaterialDesignBody}" />
119+
</Canvas>
120+
</Viewbox>
121+
</Button>
122+
<Separator />
123+
<Label Content="Font size:" VerticalAlignment="Center"/>
124+
<ComboBox>
125+
<ComboBoxItem Content="10"/>
126+
<ComboBoxItem IsSelected="True" Content="12"/>
127+
<ComboBoxItem Content="14"/>
128+
<ComboBoxItem Content="16"/>
129+
</ComboBox>
130+
<CheckBox>
131+
Check
132+
</CheckBox>
133+
<Button ToolTip="Take a nap" ToolBar.OverflowMode="Always">
134+
<Viewbox Width="16" Height="16">
135+
<Canvas Width="24" Height="24">
136+
<Path Data="M19,7H11V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13Z" Fill="{DynamicResource MaterialDesignBody}" />
137+
</Canvas>
138+
</Viewbox>
139+
</Button>
140+
<RadioButton GroupName="XXX" Content="Radio" />
141+
<RadioButton GroupName="XXX" Content="Ga Ga" />
142+
<ToggleButton>
143+
Switch
144+
</ToggleButton>
145+
<Menu>
146+
<MenuItem>Embedded menu</MenuItem>
147+
</Menu>
148+
</ToolBar>
149+
</ToolBarTray>
150+
83151
<StackPanel Orientation="Horizontal" DockPanel.Dock="Top" Margin="8">
84152
<ToggleButton Style="{StaticResource MaterialDesignHamburgerToggleButton}" Checked="ToggleButton_OnChecked" Unchecked="ToggleButton_OnChecked" IsChecked="{Binding ElementName=FieldsRadioButton, Path=IsChecked, Mode=OneWay}" />
85153
<RadioButton Style="{StaticResource MaterialDesignRadioButton}" x:Name="ButtonsRadioButton" IsChecked="True" Margin="8 0 0 0" VerticalAlignment="Center">Buttons</RadioButton>

MaterialDesignColors.WpfExample/MainWindow.xaml.cs

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
using System;
22
using System.Collections.Generic;
3+
using System.Diagnostics;
34
using System.Linq;
45
using System.Text;
56
using System.Threading.Tasks;
@@ -45,5 +46,10 @@ private void ProgressButton_OnClick(object sender, RoutedEventArgs e)
4546
{
4647
new ProgressWindow().Show();
4748
}
49+
50+
private void TwitterButton_OnClick(object sender, RoutedEventArgs e)
51+
{
52+
Process.Start("https://twitter.com/James_Willock");
53+
}
4854
}
4955
}

0 commit comments

Comments
 (0)