blob: b6d4ad72878f44e01da4e7680da8966bff39d082 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
<UserControl x:Class="MaterialDesignDemo.IconPack"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:materialDesignDemo="clr-namespace:MaterialDesignDemo"
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
xmlns:virtualCollection="clr-namespace:VirtualCollection.VirtualCollection"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<UserControl.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
<ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.TextBlock.xaml" />
</ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</UserControl.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="*" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<StackPanel>
<TextBlock Style="{StaticResource MaterialDesignDisplay2TextBlock}">Icon Pack</TextBlock>
<TextBlock Style="{StaticResource MaterialDesignHeadlineTextBlock}"
Margin="0 8 0 0">
Material Design In XAML Toolkit includes the Material Design Icons collection.
</TextBlock>
<TextBlock Margin="0 12 0 0">
For more information on Material Design Icons see the official website:
<Hyperlink Command="{Binding OpenDotComCommand}">materialdesignicons.com</Hyperlink>
</TextBlock>
</StackPanel>
<ListBox ItemsSource="{Binding Kinds}" Grid.Row="1" Margin="0 8 0 0"
x:Name="KindsListBox">
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<virtualCollection:VirtualizingWrapPanel ItemHeight="80" ItemWidth="80" />
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate DataType="materialDesign:PackIconKind">
<DockPanel ToolTip="{Binding }" Width="64" Height="64" Background="Transparent">
<TextBlock Text="{Binding }" DockPanel.Dock="Bottom" TextTrimming="CharacterEllipsis" HorizontalAlignment="Center" />
<materialDesign:PackIcon Kind="{Binding }" VerticalAlignment="Center" HorizontalAlignment="Center"
Width="32" Height="32"
/>
</DockPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<materialDesign:ColorZone Mode="PrimaryLight" Grid.Row="2" Margin="0 8 0 0" CornerRadius="2" materialDesign:ShadowAssist.ShadowDepth="Depth2">
<StackPanel Orientation="Horizontal" Margin="8">
<Border Background="White" MaxHeight="30" CornerRadius="3" ToolTip="Enter to search, ignore case">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Button Style="{DynamicResource MaterialDesignToolButton}"
Command="{Binding SearchCommand}" x:Name="SearchButton"
CommandParameter="{Binding ElementName=SearchBox, Path=Text}"
Height="24" Width="24">
<materialDesign:PackIcon Kind="Magnify" Opacity=".56" />
</Button>
<TextBox Grid.Column="1" Margin="5 0 0 0" KeyDown="Search_OnKeyDown"
materialDesign:HintAssist.Hint="Search" x:Name="SearchBox"
materialDesign:TextFieldAssist.DecorationVisibility="Hidden" BorderThickness="0"
MinWidth="200" VerticalAlignment="Center" />
</Grid>
</Border>
<TextBlock Margin="8 0 0 0" Style="{StaticResource MaterialDesignSubheadingTextBlock}" VerticalAlignment="Center">Usage:</TextBlock>
<materialDesign:ColorZone Mode="Standard" Margin="8" CornerRadius="2" Padding="6 2 6 2">
<TextBox IsReadOnly="True"
materialDesign:TextFieldAssist.DecorationVisibility="Collapsed"
BorderThickness="0"
FontFamily="Courier New"
FontWeight="Bold"
GotFocus="TextBox_OnGotFocus"
Text="{Binding ElementName=KindsListBox, Path=SelectedValue, StringFormat='<materialDesign:PackIcon Kind="{0}" \/>'}" />
</materialDesign:ColorZone>
<materialDesign:PackIcon Kind="{Binding ElementName=KindsListBox, Path=SelectedValue}" VerticalAlignment="Center" />
<Button Margin="8 0" Command="{Binding CopyToClipboardCommand, Mode=OneTime}" CommandParameter="{Binding ElementName=KindsListBox, Path=SelectedValue}">
<StackPanel Orientation="Horizontal">
<materialDesign:PackIcon Kind="ContentCopy"/>
<TextBlock Text="Copy To Clipboard" Margin="8 0 0 0" />
</StackPanel>
</Button>
</StackPanel>
</materialDesign:ColorZone>
</Grid>
</UserControl>
|