Skip to content

Commit 211d8ed

Browse files
wongjiahauwongjiahau
committed
Added subheaders for Buttons.xaml of demo
1 parent a794bf7 commit 211d8ed

File tree

1 file changed

+65
-23
lines changed

1 file changed

+65
-23
lines changed

‎MainDemo.Wpf/Buttons.xaml

Lines changed: 65 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,10 @@
2626
<materialDesignConverters:BooleanToVisibilityConverter x:Key="InvertedBooleanToVisibilityConverter" TrueValue="Collapsed" FalseValue="Visible" />
2727
</ResourceDictionary>
2828
</UserControl.Resources>
29-
<codeDisplayer:XamlDisplayerPanel >
30-
31-
29+
<codeDisplayer:XamlDisplayerPanel HorizontalAlignment="Center">
30+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
31+
Raised Button
32+
</TextBlock>
3233
<Button Style="{StaticResource MaterialDesignRaisedLightButton}" Width="100"
3334
ToolTip="Resource name: MaterialDesignRaisedLightButton">
3435
_LIGHT
@@ -46,46 +47,45 @@
4647
ACCENT
4748
</Button>
4849

50+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
51+
Floating Action Button
52+
</TextBlock>
4953
<Button Style="{StaticResource MaterialDesignFloatingActionMiniLightButton}"
5054
ToolTip="MaterialDesignFloatingActionMiniLightButton">
5155
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
5256
</Button>
53-
5457
<Button Style="{StaticResource MaterialDesignFloatingActionMiniButton}"
5558
ToolTip="MaterialDesignFloatingActionMiniButton">
5659
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
5760
</Button>
58-
5961
<Button Style="{StaticResource MaterialDesignFloatingActionMiniDarkButton}"
6062
ToolTip="MaterialDesignFloatingActionMiniDarkButton">
6163
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
6264
</Button>
63-
6465
<Button Style="{StaticResource MaterialDesignFloatingActionMiniAccentButton}"
6566
ToolTip="MaterialDesignFloatingActionMiniAccentButton">
6667
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
6768
</Button>
68-
6969
<Button Style="{StaticResource MaterialDesignFloatingActionLightButton}"
7070
ToolTip="MaterialDesignFloatingActionLightButton">
7171
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
7272
</Button>
73-
7473
<Button Style="{StaticResource MaterialDesignFloatingActionButton}"
7574
ToolTip="MaterialDesignFloatingActionButton">
7675
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
7776
</Button>
78-
7977
<Button Style="{StaticResource MaterialDesignFloatingActionDarkButton}"
8078
ToolTip="MaterialDesignFloatingActionDarkButton">
8179
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
8280
</Button>
83-
8481
<Button Style="{StaticResource MaterialDesignFloatingActionAccentButton}"
8582
ToolTip="MaterialDesignFloatingActionAccentButton">
8683
<materialDesign:PackIcon Kind="Alarm" Height="24" Width="24" />
8784
</Button>
8885

86+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
87+
PopupBox
88+
</TextBlock>
8989
<materialDesign:PopupBox PlacementMode="BottomAndAlignRightEdges" StaysOpen="False">
9090
<StackPanel>
9191
<Button Content="Hello World"/>
@@ -95,7 +95,6 @@
9595
<Button Content="Goodbye"/>
9696
</StackPanel>
9797
</materialDesign:PopupBox>
98-
9998
<materialDesign:PopupBox StaysOpen="True">
10099
<Grid Width="300" Margin="8,8,8,8">
101100
<Grid.Resources>
@@ -140,7 +139,6 @@
140139
</Grid>
141140

142141
</materialDesign:PopupBox>
143-
144142
<materialDesign:PopupBox
145143
Style="{StaticResource MaterialDesignMultiFloatingActionPopupBox}"
146144
PlacementMode="BottomAndAlignCentres"
@@ -169,32 +167,36 @@
169167
<Button ToolTip="Three">3</Button>
170168
</StackPanel>
171169
</materialDesign:PopupBox>
170+
171+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
172+
Badge
173+
</TextBlock>
172174
<materialDesign:Badged Badge="3">
173175
<Button>MAIL</Button>
174176
</materialDesign:Badged>
175-
176177
<materialDesign:Badged Badge="{materialDesign:PackIcon Heart}"
177178
BadgeColorZoneMode="Accent">
178179
<Button>LOVE</Button>
179180
</materialDesign:Badged>
180-
181181
<materialDesign:Badged Badge="DANGER"
182182
BadgeColorZoneMode="Dark">
183183
<Button>STATUS</Button>
184184
</materialDesign:Badged>
185-
<materialDesign:Badged
186-
x:Name="CountingBadge"
187-
BadgeColorZoneMode="PrimaryDark">
185+
<materialDesign:Badged x:Name="CountingBadge" BadgeColorZoneMode="PrimaryDark">
188186
<Button Style="{StaticResource MaterialDesignRaisedLightButton}"
189187
Click="CountingButton_OnClick">CLICK ME!</Button>
190188
</materialDesign:Badged>
191-
<Button Content="{materialDesign:PackIcon AirplaneTakeoff}"
192-
193-
ToolTip="Icon">
194-
</Button>
195189

190+
191+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
192+
Button with icon
193+
</TextBlock>
194+
<Button Content="{materialDesign:PackIcon AirplaneTakeoff}" ToolTip="Icon" />
195+
196+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
197+
Custom ripples
198+
</TextBlock>
196199
<Button Style="{StaticResource MaterialDesignRaisedAccentButton}"
197-
198200
Width="150"
199201
ToolTip="Resource name: MaterialDesignRaisedAccentButton"
200202
materialDesign:RippleAssist.Feedback="#DD000000">CUSTOM RIPPLE</Button>
@@ -203,12 +205,24 @@
203205
Width="150"
204206
ToolTip="Resource name: MaterialDesignRaisedAccentButton"
205207
materialDesign:RippleAssist.IsDisabled="True">NO RIPPLE</Button>
208+
209+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
210+
Repeat button
211+
</TextBlock>
206212
<RepeatButton Width="100"
207213
ToolTip="Resource name: MaterialDesignRaisedButton">
208214
REPEAT
209215
</RepeatButton>
216+
217+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
218+
Flat button
219+
</TextBlock>
210220
<Button Style="{StaticResource MaterialDesignFlatButton}" Click="ButtonBase_OnClick" ToolTip="MaterialDesignFlatButton">ACCEPT</Button>
211221
<Button Style="{StaticResource MaterialDesignFlatButton}" ToolTip="MaterialDesignFlatButton">CANCEL</Button>
222+
223+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
224+
Button with progress
225+
</TextBlock>
212226
<Grid Width="124">
213227
<Button Command="{Binding DismissComand}"
214228
Style="{StaticResource MaterialDesignRaisedButton}"
@@ -274,6 +288,10 @@
274288
materialDesign:ButtonProgressAssist.IsIndicatorVisible="True"
275289
materialDesign:ButtonProgressAssist.Value="75"
276290
Content="{materialDesign:PackIcon DotsHorizontal}" />
291+
292+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
293+
Action toggle button
294+
</TextBlock>
277295
<ToggleButton Content="C" Style="{StaticResource MaterialDesignActionLightToggleButton}" IsChecked="True"
278296
ToolTip="MaterialDesignActionLightToggleButton"/>
279297
<ToggleButton Content="H" Style="{StaticResource MaterialDesignActionToggleButton}"
@@ -298,6 +316,10 @@
298316
<materialDesign:PackIcon Kind="EmoticonHappy" />
299317
</materialDesign:ToggleButtonAssist.OnContent>
300318
</ToggleButton>
319+
320+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
321+
Radio button
322+
</TextBlock>
301323
<RadioButton Style="{StaticResource MaterialDesignRadioButton}" VerticalAlignment="Center" Tag="True">
302324
<RadioButton.IsChecked>
303325
<Binding Path="Tag" RelativeSource="{RelativeSource Self}">
@@ -315,6 +337,10 @@
315337
IsEnabled="False">
316338
Disabled
317339
</RadioButton>
340+
341+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
342+
Checkbox
343+
</TextBlock>
318344
<CheckBox Style="{StaticResource MaterialDesignCheckBox}" VerticalAlignment="Center">
319345
Check
320346
</CheckBox>
@@ -332,6 +358,10 @@
332358
IsEnabled="False" IsChecked="True">
333359
Disabled
334360
</CheckBox>
361+
362+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
363+
Switch Toggle
364+
</TextBlock>
335365
<ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center"
336366
ToolTip="Default ToggleButton Style"/>
337367
<ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" IsEnabled="False" />
@@ -355,7 +385,9 @@
355385
</materialDesign:ToggleButtonAssist.OnContent>
356386
</ToggleButton>
357387

358-
388+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
389+
Flat toggle
390+
</TextBlock>
359391
<ToggleButton Style="{StaticResource MaterialDesignFlatToggleButton}" ToolTip="MaterialDesignFlatToggleButton">
360392
<materialDesign:PackIcon Kind="Paperclip" Height="21" Width="21" />
361393
</ToggleButton>
@@ -370,6 +402,10 @@
370402
IsEnabled="False">
371403
<materialDesign:PackIcon Kind="Heart" Height="21" Width="21" />
372404
</ToggleButton>
405+
406+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
407+
Tool toggles
408+
</TextBlock>
373409
<ListBox Grid.Column="1" Grid.Row="0" Style="{StaticResource MaterialDesignToolToggleListBox}" SelectedIndex="0">
374410
<ListBox.ToolTip>
375411
<StackPanel>
@@ -409,6 +445,10 @@
409445
<materialDesign:PackIcon Kind="FormatUnderline"/>
410446
</ListBoxItem>
411447
</ListBox>
448+
449+
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}" codeDisplayer:XamlDisplayer.DisplayCode="False">
450+
Rating bar
451+
</TextBlock>
412452
<materialDesign:RatingBar Value="3" x:Name="BasicRatingBar" />
413453
<TextBlock Width="100" Text="{Binding ElementName=BasicRatingBar, Path=Value, StringFormat=Rating: {0}}" VerticalAlignment="Top" />
414454
<materialDesign:RatingBar x:Name="CustomRatingBar" Max="3" Value="2" Orientation="Vertical">
@@ -427,3 +467,5 @@
427467
</codeDisplayer:XamlDisplayerPanel>
428468
</UserControl>
429469

470+
471+

0 commit comments

Comments
 (0)