|
7 | 7 | xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
8 | 8 | xmlns:wpfExample="clr-namespace:MaterialDesignColors.WpfExample"
|
9 | 9 | mc:Ignorable="d"
|
10 |
| - d:DesignHeight="300" d:DesignWidth="300"> |
| 10 | + d:DesignHeight="400" d:DesignWidth="800"> |
11 | 11 | <UserControl.Resources>
|
12 | 12 | <ResourceDictionary>
|
13 | 13 | <ResourceDictionary.MergedDictionaries>
|
|
80 | 80 | <materialDesign:PopupBox Style="{StaticResource MaterialDesignMultiFloatingActionPopupBox}"
|
81 | 81 | PlacementMode="BottomAndAlignCentres"
|
82 | 82 | ToolTipService.Placement="Right"
|
83 |
| - ToolTip="PopupBox, Style MaterialDesignMultiFloatingActionPopupBox"> |
| 83 | + ToolTip="PopupBox, Style MaterialDesignMultiFloatingActionPopupBox" |
| 84 | + Opened="PopupBox_OnOpened" |
| 85 | + Closed="PopupBox_OnClosed"> |
84 | 86 | <StackPanel>
|
85 |
| - <Button ToolTip="One">1</Button> |
| 87 | + <Button ToolTip="One with custom opacity" Opacity="0.5">1 </Button> |
86 | 88 | <Button ToolTip="Two">2</Button>
|
87 | 89 | <Button ToolTip="Three">3</Button>
|
88 | 90 | </StackPanel>
|
89 | 91 | </materialDesign:PopupBox>
|
90 | 92 | </StackPanel>
|
91 |
| - <materialDesign:PopupBox Style="{StaticResource MaterialDesignMultiFloatingActionAccentPopupBox}" |
92 |
| - PlacementMode="BottomAndAlignCentres" |
93 |
| - HorizontalAlignment="Right" |
| 93 | + <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Bottom"> |
| 94 | + <materialDesign:PopupBox Margin="16,0,16,0" StaysOpen="True"> |
| 95 | + <Grid Width="300" Margin="8,8,8,8"> |
| 96 | + <Grid.Resources> |
| 97 | + <Style TargetType="CheckBox" BasedOn="{StaticResource MaterialDesignCheckBox}"> |
| 98 | + <Setter Property="Margin" Value="8,8,10,8"/> |
| 99 | + </Style> |
| 100 | + <Style TargetType="TextBox" BasedOn="{StaticResource MaterialDesignTextBox}"> |
| 101 | + <Setter Property="materialDesign:HintAssist.IsFloating" Value="True"/> |
| 102 | + <Setter Property="Margin" Value="8,8,8,8"/> |
| 103 | + </Style> |
| 104 | + </Grid.Resources> |
| 105 | + <Grid.ColumnDefinitions> |
| 106 | + <ColumnDefinition Width="*"/> |
| 107 | + <ColumnDefinition Width="Auto"/> |
| 108 | + </Grid.ColumnDefinitions> |
| 109 | + <Grid.RowDefinitions> |
| 110 | + <RowDefinition Height="*"/> |
| 111 | + <RowDefinition Height="*"/> |
| 112 | + <RowDefinition Height="*"/> |
| 113 | + <RowDefinition Height="*"/> |
| 114 | + <RowDefinition Height="*" /> |
| 115 | + </Grid.RowDefinitions> |
| 116 | + <TextBlock Grid.Column="0" Grid.Row="0" Style="{StaticResource MaterialDesignTitleTextBlock}" Margin="8,8,8,16">OPTIONS</TextBlock> |
| 117 | + <TextBox Grid.Column="0" Grid.Row="1" materialDesign:HintAssist.Hint="Setting 1" Text="200"/> |
| 118 | + <TextBox Grid.Column="0" Grid.Row="2" materialDesign:HintAssist.Hint="Setting 2" Text="400"/> |
| 119 | + <TextBox Grid.Column="0" Grid.Row="3" materialDesign:HintAssist.Hint="Setting 3" Text="600"/> |
| 120 | + <CheckBox Grid.Column="1" Grid.Row="1" VerticalAlignment="Bottom" /> |
| 121 | + <CheckBox Grid.Column="1" Grid.Row="2" IsChecked="True" VerticalAlignment="Bottom" /> |
| 122 | + <CheckBox Grid.Column="1" Grid.Row="3" VerticalAlignment="Bottom" /> |
| 123 | + <ComboBox Grid.Column="0" Grid.Row="4" materialDesign:HintAssist.Hint="Setting 4" materialDesign:HintAssist.IsFloating="True" |
| 124 | + Margin="8 8 8 8"> |
| 125 | + <ComboBoxItem>25%</ComboBoxItem> |
| 126 | + <ComboBoxItem>50%</ComboBoxItem> |
| 127 | + <ComboBoxItem>75%</ComboBoxItem> |
| 128 | + <ComboBoxItem>100%</ComboBoxItem> |
| 129 | + <ComboBoxItem>150%</ComboBoxItem> |
| 130 | + <ComboBoxItem>200%</ComboBoxItem> |
| 131 | + <ComboBoxItem>250%</ComboBoxItem> |
| 132 | + <ComboBoxItem>500%</ComboBoxItem> |
| 133 | + </ComboBox> |
| 134 | + </Grid> |
| 135 | + |
| 136 | + </materialDesign:PopupBox> |
| 137 | + |
| 138 | + <materialDesign:PopupBox Style="{StaticResource MaterialDesignMultiFloatingActionAccentPopupBox}" |
| 139 | + PlacementMode="BottomAndAlignCentres" |
94 | 140 | ToggleCheckedContentCommand="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=wpfExample:Buttons}, Path=FloatingActionDemoCommand}"
|
95 | 141 | ToggleCheckedContentCommandParameter="wowsers"
|
96 | 142 | Margin="0 0 48 0"
|
97 | 143 | ToolTip="PopupBox, Style MaterialDesignMultiFloatingActionAccentPopupBox">
|
98 |
| - <materialDesign:PopupBox.ToggleCheckedContent> |
99 |
| - <materialDesign:PackIcon Kind="Pencil" Width="24" Height="24" /> |
100 |
| - </materialDesign:PopupBox.ToggleCheckedContent> |
101 |
| - <StackPanel> |
102 |
| - <Button ToolTip="One">1</Button> |
103 |
| - <Button ToolTip="Two">2</Button> |
104 |
| - <Button ToolTip="Three">3</Button> |
105 |
| - </StackPanel> |
106 |
| - </materialDesign:PopupBox> |
| 144 | + <materialDesign:PopupBox.ToggleCheckedContent> |
| 145 | + <materialDesign:PackIcon Kind="Pencil" Width="24" Height="24" /> |
| 146 | + </materialDesign:PopupBox.ToggleCheckedContent> |
| 147 | + <StackPanel> |
| 148 | + <Button ToolTip="One">1</Button> |
| 149 | + <Button ToolTip="Two" IsEnabled="False">2</Button> |
| 150 | + <Button ToolTip="Three">3</Button> |
| 151 | + </StackPanel> |
| 152 | + </materialDesign:PopupBox> |
| 153 | + </StackPanel> |
107 | 154 | </Grid>
|
108 | 155 | <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="0 16 0 0">
|
109 | 156 | <Button Style="{StaticResource MaterialDesignRaisedLightButton}" Margin="0 0 8 0" Width="100"
|
|
122 | 169 | ToolTip="Resource name: MaterialDesignRaisedAccentButton">
|
123 | 170 | ACCENT
|
124 | 171 | </Button>
|
| 172 | + |
125 | 173 | </StackPanel>
|
126 |
| - <StackPanel Grid.Row="3" Margin="256 16 0 0" Orientation="Horizontal"> |
127 |
| - <Button Style="{StaticResource MaterialDesignFlatButton}" Click="ButtonBase_OnClick">ACCEPT</Button> |
128 |
| - <Button Style="{StaticResource MaterialDesignFlatButton}">CANCEL</Button> |
| 174 | + <StackPanel Grid.Row="3" Margin="0 16 0 0" Orientation="Horizontal"> |
| 175 | + <Button Style="{StaticResource MaterialDesignRaisedAccentButton}" |
| 176 | + Margin="0 0 8 0" |
| 177 | + Width="150" |
| 178 | + ToolTip="Resource name: MaterialDesignRaisedAccentButton" |
| 179 | + materialDesign:RippleAssist.Feedback="#DD000000">CUSTOM RIPPLE</Button> |
| 180 | + <Button Style="{StaticResource MaterialDesignFlatButton}" Click="ButtonBase_OnClick" ToolTip="MaterialDesignFlatButton" Margin="200 0 0 0">ACCEPT</Button> |
| 181 | + <Button Style="{StaticResource MaterialDesignFlatButton}" ToolTip="MaterialDesignFlatButton">CANCEL</Button> |
129 | 182 | </StackPanel>
|
130 | 183 | <TextBlock Margin="0 24 0 0" Grid.Row="4">Toggles</TextBlock>
|
131 | 184 | <StackPanel Grid.Row="5" Margin="0 24 0 0" Orientation="Horizontal">
|
|
145 | 198 | ToolTip="MaterialDesignActionToggleButton">
|
146 | 199 | <Image Source="Resources/ProfilePic.jpg"></Image>
|
147 | 200 | </ToggleButton>
|
| 201 | + <TextBlock Margin="16 0 8 0" VerticalAlignment="Center">Customise On Content:</TextBlock> |
| 202 | + <ToggleButton Style="{StaticResource MaterialDesignActionToggleButton}" |
| 203 | + 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> |
148 | 211 | </StackPanel>
|
149 | 212 | <StackPanel Grid.Row="6" Margin="0 16 0 0" Orientation="Horizontal">
|
150 | 213 | <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True">
|
|
153 | 216 | <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center">
|
154 | 217 | Ga Ga
|
155 | 218 | </RadioButton>
|
| 219 | + <RadioButton Style="{StaticResource MaterialDesignRadioButton}" Margin="0 0 8 8" VerticalAlignment="Center" |
| 220 | + IsEnabled="False"> |
| 221 | + Disabled |
| 222 | + </RadioButton> |
156 | 223 | <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center">
|
157 | 224 | Check
|
158 | 225 | </CheckBox>
|
159 | 226 | <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" IsChecked="True">
|
160 | 227 | Mate
|
161 | 228 | </CheckBox>
|
| 229 | + <CheckBox Style="{StaticResource MaterialDesignCheckBox}" Margin="0 0 8 8" VerticalAlignment="Center" |
| 230 | + IsEnabled="False"> |
| 231 | + Disabled |
| 232 | + </CheckBox> |
162 | 233 | </StackPanel>
|
163 | 234 | <StackPanel Grid.Row="7" Margin="0 16 0 0" Orientation="Horizontal">
|
164 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" /> |
165 |
| - <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" IsChecked="True" /> |
| 235 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" |
| 236 | + ToolTip="Default ToggleButton Style"/> |
166 | 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" |
| 239 | + ToolTip="MaterialDesignSwitchLightToggleButton" IsChecked="True" /> |
| 240 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 241 | + ToolTip="MaterialDesignSwitchToggleButton" IsChecked="True" /> |
| 242 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchDarkToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 243 | + ToolTip="MaterialDesignSwitchDarkToggleButton" IsChecked="True" /> |
| 244 | + <ToggleButton Style="{StaticResource MaterialDesignSwitchAccentToggleButton}" VerticalAlignment="Center" Margin="8 0 0 0" |
| 245 | + ToolTip="MaterialDesignSwitchAccentToggleButton" IsChecked="True" /> |
167 | 246 | </StackPanel>
|
168 | 247 | <StackPanel Grid.Row="8" Margin="0 16 0 0" Orientation="Horizontal">
|
169 |
| - <ToggleButton Style="{StaticResource MaterialDesignFlatToggleButton}"> |
| 248 | + <ToggleButton Style="{StaticResource MaterialDesignFlatToggleButton}" ToolTip="MaterialDesignFlatToggleButton"> |
170 | 249 | <materialDesign:PackIcon Kind="Paperclip" Height="21" Width="21" />
|
171 | 250 | </ToggleButton>
|
172 | 251 | <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}"
|
173 | 252 | Margin="8 0 0 0"
|
| 253 | + ToolTip="MaterialDesignFlatPrimaryToggleButton" |
174 | 254 | IsChecked="True">
|
175 | 255 | <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" />
|
176 | 256 | </ToggleButton>
|
177 | 257 | <ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}"
|
| 258 | + ToolTip="MaterialDesignFlatPrimaryToggleButton" |
178 | 259 | IsEnabled="False" Margin="8 0 0 0">
|
179 | 260 | <materialDesign:PackIcon Kind="Heart" Height="21" Width="21" />
|
180 | 261 | </ToggleButton>
|
181 | 262 | </StackPanel>
|
182 | 263 | <TextBlock Margin="0 24 0 0" Grid.Row="9">Rating bar</TextBlock>
|
183 | 264 | <StackPanel Grid.Row="10" Margin="0 16 0 0" Orientation="Horizontal">
|
184 | 265 | <materialDesign:RatingBar Value="3" x:Name="BasicRatingBar" />
|
185 |
| - <TextBlock Text="{Binding ElementName=BasicRatingBar, Path=Value, StringFormat=Rating: {0}}" VerticalAlignment="Top" Margin="10,2,0,0" /> |
| 266 | + <TextBlock Text="{Binding ElementName=BasicRatingBar, Path=Value, StringFormat=Rating: {0}}" VerticalAlignment="Top" Margin="10,2,0,0" /> |
186 | 267 | <materialDesign:RatingBar x:Name="CustomRatingBar" Max="3" Value="2" Margin="24 0 0 0" Orientation="Vertical">
|
187 | 268 | <materialDesign:RatingBar.ValueItemTemplate>
|
188 | 269 | <DataTemplate DataType="system:Int32">
|
|
0 commit comments