|
16 | 16 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ListBox.xaml" />
|
17 | 17 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.PopupBox.xaml" />
|
18 | 18 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.RadioButton.xaml" />
|
| 19 | + <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" /> |
19 | 20 | <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.ToggleButton.xaml" />
|
20 | 21 | </ResourceDictionary.MergedDictionaries>
|
21 | 22 | </ResourceDictionary>
|
|
30 | 31 | <RowDefinition Height="Auto" />
|
31 | 32 | <RowDefinition Height="Auto" />
|
32 | 33 | <RowDefinition Height="Auto" />
|
33 |
| - <RowDefinition Height="Auto" /> |
34 |
| - <RowDefinition Height="Auto" /> |
35 |
| - <RowDefinition Height="Auto" /> |
36 | 34 | </Grid.RowDefinitions>
|
37 |
| - <TextBlock>Buttons</TextBlock> |
| 35 | + <TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}">Buttons</TextBlock> |
38 | 36 | <Grid Grid.Row="1" >
|
39 |
| - <StackPanel Orientation="Horizontal" Margin="0 24 0 0"> |
| 37 | + <StackPanel Orientation="Horizontal" Margin="0 12 0 0"> |
40 | 38 | <Button Style="{StaticResource MaterialDesignFloatingActionMiniLightButton}"
|
41 | 39 | Margin="0 0 8 0" HorizontalAlignment="Left"
|
42 | 40 | ToolTip="MaterialDesignFloatingActionMiniLightButton">
|
|
171 | 169 | </Button>
|
172 | 170 |
|
173 | 171 | </StackPanel>
|
174 |
| - <StackPanel Grid.Row="3" Margin="0 16 0 0" Orientation="Horizontal"> |
| 172 | + <StackPanel Grid.Row="3" Margin="0 24 0 0" Orientation="Horizontal"> |
175 | 173 | <Button Style="{StaticResource MaterialDesignRaisedAccentButton}"
|
176 | 174 | Margin="0 0 8 0"
|
177 | 175 | Width="150"
|
|
180 | 178 | <Button Style="{StaticResource MaterialDesignFlatButton}" Click="ButtonBase_OnClick" ToolTip="MaterialDesignFlatButton" Margin="200 0 0 0">ACCEPT</Button>
|
181 | 179 | <Button Style="{StaticResource MaterialDesignFlatButton}" ToolTip="MaterialDesignFlatButton">CANCEL</Button>
|
182 | 180 | </StackPanel>
|
183 |
| - <TextBlock Margin="0 24 0 0" Grid.Row="4">Toggles</TextBlock> |
184 |
| - <StackPanel Grid.Row="5" Margin="0 24 0 0" Orientation="Horizontal"> |
185 |
| - <ToggleButton Content="C" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionLightToggleButton}" IsChecked="True" |
| 181 | + |
| 182 | + <Border Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" Grid.Row="4" /> |
| 183 | + <TextBlock Margin="0 32 0 24" Grid.Row="4" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Toggles</TextBlock> |
| 184 | + <Grid Grid.Row="5"> |
| 185 | + <Grid.RowDefinitions> |
| 186 | + <RowDefinition Height="Auto" /> |
| 187 | + <RowDefinition Height="Auto" /> |
| 188 | + <RowDefinition Height="Auto" /> |
| 189 | + <RowDefinition Height="Auto" /> |
| 190 | + </Grid.RowDefinitions> |
| 191 | + <Grid.ColumnDefinitions> |
| 192 | + <ColumnDefinition Width="1*" /> |
| 193 | + <ColumnDefinition Width="1*" /> |
| 194 | + </Grid.ColumnDefinitions> |
| 195 | + <StackPanel Grid.Row="0" Orientation="Horizontal"> |
| 196 | + <ToggleButton Content="C" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionLightToggleButton}" IsChecked="True" |
186 | 197 | ToolTip="MaterialDesignActionLightToggleButton"/>
|
187 |
| - <ToggleButton Content="H" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" |
| 198 | + <ToggleButton Content="H" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" |
188 | 199 | ToolTip="MaterialDesignActionToggleButton"/>
|
189 |
| - <!-- checkbox style same as toggle button --> |
190 |
| - <CheckBox Content="E" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionDarkCheckBox}" |
| 200 | + <!-- checkbox style same as toggle button --> |
| 201 | + <CheckBox Content="E" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionDarkCheckBox}" |
191 | 202 | ToolTip="MaterialDesignActionDarkCheckBox"/>
|
192 |
| - <ToggleButton Content="C" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionAccentToggleButton}" |
| 203 | + <ToggleButton Content="C" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionAccentToggleButton}" |
193 | 204 | IsChecked="True"
|
194 | 205 | ToolTip="MaterialDesignActionAccentToggleButton"/>
|
195 |
| - <ToggleButton Content="K" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" IsEnabled="False" |
| 206 | + <ToggleButton Content="K" Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" IsEnabled="False" |
196 | 207 | ToolTip="MaterialDesignActionToggleButton"/>
|
197 |
| - <ToggleButton Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" |
| 208 | + <ToggleButton Margin="0 0 8 8" Style="{StaticResource MaterialDesignActionToggleButton}" |
198 | 209 | ToolTip="MaterialDesignActionToggleButton">
|
199 |
| - <Image Source="Resources/ProfilePic.jpg"></Image> |
200 |
| - </ToggleButton> |
201 |
| - <TextBlock Margin="16 0 8 0" VerticalAlignment="Center">Customise On Content:</TextBlock> |
202 |
| - <ToggleButton Style="{StaticResource MaterialDesignActionToggleButton}" |
| 210 | + <Image Source="Resources/ProfilePic.jpg"></Image> |
| 211 | + </ToggleButton> |
| 212 | + <TextBlock Margin="16 0 8 0" VerticalAlignment="Center">Customise On Content:</TextBlock> |
| 213 | + <ToggleButton Style="{StaticResource MaterialDesignActionToggleButton}" |
203 | 214 | ToolTip="MaterialDesignActionLightToggleButton">
|
204 |
| - <ToggleButton.Content> |
205 |
| - <materialDesign:PackIcon Kind="EmoticonSad" /> |
206 |
| - </ToggleButton.Content> |
207 |
| - <materialDesign:ToggleButtonAssist.OnContent> |
208 |
| - <materialDesign:PackIcon Kind="EmoticonHappy" /> |
209 |
| - </materialDesign:ToggleButtonAssist.OnContent> |
210 |
| - </ToggleButton> |
211 |
| - </StackPanel> |
212 |
| - <StackPanel Grid.Row="6" Margin="0 16 0 0" Orientation="Horizontal"> |
213 |
| - <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True"> |
214 |
| - Radio |
215 |
| - </RadioButton> |
216 |
| - <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center"> |
217 |
| - Ga Ga |
218 |
| - </RadioButton> |
219 |
| - <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" |
| 215 | + <ToggleButton.Content> |
| 216 | + <materialDesign:PackIcon Kind="EmoticonSad" /> |
| 217 | + </ToggleButton.Content> |
| 218 | + <materialDesign:ToggleButtonAssist.OnContent> |
| 219 | + <materialDesign:PackIcon Kind="EmoticonHappy" /> |
| 220 | + </materialDesign:ToggleButtonAssist.OnContent> |
| 221 | + </ToggleButton> |
| 222 | + </StackPanel> |
| 223 | + <StackPanel Grid.Row="1" Margin="0 16 0 0" Orientation="Horizontal"> |
| 224 | + <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True"> |
| 225 | + Radio |
| 226 | + </RadioButton> |
| 227 | + <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center"> |
| 228 | + Ga Ga |
| 229 | + </RadioButton> |
| 230 | + <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" |
220 | 231 | IsEnabled="False">
|
221 |
| - Disabled |
222 |
| - </RadioButton> |
223 |
| - <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center"> |
224 |
| - Check |
225 |
| - </CheckBox> |
226 |
| - <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True"> |
227 |
| - Mate |
228 |
| - </CheckBox> |
229 |
| - <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" |
| 232 | + Disabled |
| 233 | + </RadioButton> |
| 234 | + <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center"> |
| 235 | + Check |
| 236 | + </CheckBox> |
| 237 | + <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True"> |
| 238 | + Mate |
| 239 | + </CheckBox> |
| 240 | + <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" |
230 | 241 | IsEnabled="False">
|
231 |
| - Disabled |
232 |
| - </CheckBox> |
233 |
| - </StackPanel> |
234 |
| - <StackPanel Grid.Row="7" Margin="0 16 0 0" Orientation="Horizontal"> |
235 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" |
| 242 | + Disabled |
| 243 | + </CheckBox> |
| 244 | + </StackPanel> |
| 245 | + <StackPanel Grid.Row="2" Margin="0 16 0 0" Orientation="Horizontal"> |
| 246 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" |
236 | 247 | ToolTip="Default ToggleButton Style"/>
|
237 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" IsEnabled="False" /> |
238 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchLightToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 248 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" IsEnabled="False" /> |
| 249 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchLightToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
239 | 250 | ToolTip="MaterialDesignSwitchLightToggleButton" IsChecked="True" />
|
240 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 251 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
241 | 252 | ToolTip="MaterialDesignSwitchToggleButton" IsChecked="True" />
|
242 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchDarkToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 253 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchDarkToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
243 | 254 | ToolTip="MaterialDesignSwitchDarkToggleButton" IsChecked="True" />
|
244 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchAccentToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 255 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchAccentToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
245 | 256 | ToolTip="MaterialDesignSwitchAccentToggleButton" IsChecked="True" />
|
246 |
| - </StackPanel> |
247 |
| - <StackPanel Grid.Row="8" Margin="0 16 0 0" Orientation="Horizontal"> |
248 |
| - <ToggleButton Style="{StaticResource MaterialDesignFlatToggleButton}" ToolTip="MaterialDesignFlatToggleButton"> |
249 |
| - <materialDesign:PackIcon Kind="Paperclip" Height="21" Width="21" /> |
250 |
| - </ToggleButton> |
251 |
| - <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}" |
| 257 | + </StackPanel> |
| 258 | + <StackPanel Grid.Row="3" Margin="0 16 0 0" Orientation="Horizontal"> |
| 259 | + <ToggleButton Style="{StaticResource MaterialDesignFlatToggleButton}" ToolTip="MaterialDesignFlatToggleButton"> |
| 260 | + <materialDesign:PackIcon Kind="Paperclip" Height="21" Width="21" /> |
| 261 | + </ToggleButton> |
| 262 | + <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}" |
252 | 263 | Margin="8 0 0 0"
|
253 | 264 | ToolTip="MaterialDesignFlatPrimaryToggleButton"
|
254 | 265 | IsChecked="True">
|
255 |
| - <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" /> |
256 |
| - </ToggleButton> |
257 |
| - <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}" |
| 266 | + <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" /> |
| 267 | + </ToggleButton> |
| 268 | + <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}" |
258 | 269 | ToolTip="MaterialDesignFlatPrimaryToggleButton"
|
259 | 270 | IsEnabled="False" Margin="8 0 0 0">
|
260 |
| - <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" /> |
261 |
| - </ToggleButton> |
262 |
| - </StackPanel> |
263 |
| - <TextBlock Margin="0 24 0 0" Grid.Row="9">Rating bar</TextBlock> |
264 |
| - <StackPanel Grid.Row="10" Margin="0 16 0 0" Orientation="Horizontal"> |
| 271 | + <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" /> |
| 272 | + </ToggleButton> |
| 273 | + </StackPanel> |
| 274 | + |
| 275 | + <ListBox Grid.Column="1" Grid.Row="0" Style="{StaticResource MaterialDesignToolToggleListBox}"> |
| 276 | + <ListBox.ToolTip> |
| 277 | + <StackPanel> |
| 278 | + <TextBlock Text="MaterialDesignToolToggleListBox" /> |
| 279 | + <TextBlock Text="Exclusive selection" /> |
| 280 | + <TextBlock Text="ListBoxAssist.IsToggle allows more natural toggle behaviour" /> |
| 281 | + </StackPanel> |
| 282 | + </ListBox.ToolTip> |
| 283 | + <ListBoxItem> |
| 284 | + <materialDesign:PackIcon Kind="FormatAlignLeft"/> |
| 285 | + </ListBoxItem> |
| 286 | + <ListBoxItem> |
| 287 | + <materialDesign:PackIcon Kind="FormatAlignCenter"/> |
| 288 | + </ListBoxItem> |
| 289 | + <ListBoxItem> |
| 290 | + <materialDesign:PackIcon Kind="FormatAlignRight"/> |
| 291 | + </ListBoxItem> |
| 292 | + <ListBoxItem> |
| 293 | + <materialDesign:PackIcon Kind="FormatAlignJustify"/> |
| 294 | + </ListBoxItem> |
| 295 | + </ListBox> |
| 296 | + |
| 297 | + <ListBox Grid.Column="1" Grid.Row="1" Style="{StaticResource MaterialDesignToolToggleListBox}" |
| 298 | + SelectionMode="Extended" |
| 299 | + Margin="0 8 0 0"> |
| 300 | + <ListBox.ToolTip> |
| 301 | + <StackPanel> |
| 302 | + <TextBlock Text="MaterialDesignToolToggleListBox" /> |
| 303 | + <TextBlock Text="Multiple selection" /> |
| 304 | + <TextBlock Text="ListBoxAssist.IsToggle allows more natural toggle behaviour" /> |
| 305 | + </StackPanel> |
| 306 | + </ListBox.ToolTip> |
| 307 | + <ListBoxItem> |
| 308 | + <materialDesign:PackIcon Kind="FormatBold"/> |
| 309 | + </ListBoxItem> |
| 310 | + <ListBoxItem> |
| 311 | + <materialDesign:PackIcon Kind="FormatItalic"/> |
| 312 | + </ListBoxItem> |
| 313 | + <ListBoxItem x:Name="UnderlineCheckbox"> |
| 314 | + <materialDesign:PackIcon Kind="FormatUnderline"/> |
| 315 | + </ListBoxItem> |
| 316 | + </ListBox> |
| 317 | + </Grid> |
| 318 | + |
| 319 | + <Border Grid.Row="6" Margin="0 16 0 0" BorderThickness="0 1 0 0" BorderBrush="{DynamicResource MaterialDesignDivider}" /> |
| 320 | + <TextBlock Margin="0 32 0 0" Grid.Row="6" Style="{StaticResource MaterialDesignHeadlineTextBlock}">Rating bar</TextBlock> |
| 321 | + <StackPanel Grid.Row="7" Margin="0 16 0 0" Orientation="Horizontal"> |
265 | 322 | <materialDesign:RatingBar Value="3" x:Name="BasicRatingBar" />
|
266 | 323 | <TextBlock Text="{Binding ElementName=BasicRatingBar, Path=Value, StringFormat=Rating: {0}}" VerticalAlignment="Top" Margin="10,2,0,0" />
|
267 | 324 | <materialDesign:RatingBar x:Name="CustomRatingBar" Max="3" Value="2" Margin="24 0 0 0" Orientation="Vertical">
|
|
0 commit comments