Skip to content

Added a MetroFlatToggleButton style like MetroFlatButton #2481

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Apr 25, 2016
Merged

Added a MetroFlatToggleButton style like MetroFlatButton #2481

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e912233
Added MetroFlatToggleButton style
picosmos Apr 22, 2016
e3ca7ab
Added MetroFlatToggleButton to Demo
picosmos Apr 22, 2016
916fae2
Changed colors of MetroFlatToggleButton
picosmos Apr 22, 2016
2e47c84
Removed FlatToggleButton.xaml
picosmos Apr 25, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
77 changes: 77 additions & 0 deletions MahApps.Metro/Styles/Controls.Buttons.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,83 @@
</Style.Triggers>
</Style>

<!--style for flat toggle button like MetroFlatButton-->
<Style x:Key="MetroFlatToggleButton" TargetType="{x:Type ToggleButton}">
<Setter Property="Foreground" Value="{DynamicResource FlatButtonForegroundBrush}" />
<Setter Property="Background" Value="{DynamicResource FlatButtonBackgroundBrush}" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="FontSize" Value="{DynamicResource FlatButtonFontSize}" />
<Setter Property="Padding" Value="10 5 10 5" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ToggleButton}">
<Border x:Name="Border"
Margin="0"
Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
<Controls:ContentControlEx x:Name="PART_ContentPresenter"
Padding="{TemplateBinding Padding}"
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
Content="{TemplateBinding Content}"
ContentCharacterCasing="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Controls:ControlsHelper.ContentCharacterCasing)}"
ContentStringFormat="{TemplateBinding ContentStringFormat}"
ContentTemplate="{TemplateBinding ContentTemplate}"
ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
RecognizesAccessKey="True"
SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter Property="Background" Value="{DynamicResource AccentColorBrush}" />
<Setter Property="Foreground" Value="{DynamicResource FlatButtonPressedForegroundBrush}" />
</Trigger>

<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True" />
<Condition Property="IsChecked" Value="False" />
</MultiTrigger.Conditions>
<Setter Property="Background" Value="DarkGray" />
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True" />
<Condition Property="IsChecked" Value="True" />
</MultiTrigger.Conditions>
<Setter Property="Foreground" Value="{DynamicResource FlatButtonPressedForegroundBrush}" />
<Setter Property="Background" Value="{DynamicResource AccentColorBrush2}" />
</MultiTrigger>

<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsPressed" Value="True" />
<Condition Property="IsChecked" Value="False" />
</MultiTrigger.Conditions>
<Setter Property="Foreground" Value="{DynamicResource FlatButtonPressedForegroundBrush}" />
<Setter Property="Background" Value="{DynamicResource FlatButtonPressedBackgroundBrush}" />
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsPressed" Value="True" />
<Condition Property="IsChecked" Value="True" />
</MultiTrigger.Conditions>
<Setter Property="Foreground" Value="{DynamicResource FlatButtonPressedForegroundBrush}" />
<Setter Property="Background" Value="{DynamicResource AccentColorBrush3}" />
</MultiTrigger>

<Trigger Property="IsEnabled" Value="False">
<Setter Property="Foreground" Value="{DynamicResource GrayBrush2}" />
</Trigger>
</Style.Triggers>
</Style>


<Style x:Key="MetroCircleButtonFocusVisual">
<Setter Property="Control.Template">
<Setter.Value>
Expand Down
9 changes: 9 additions & 0 deletions samples/MetroDemo/ExampleViews/ButtonsExample.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,6 +75,15 @@
Margin="{StaticResource ControlMargin}"
Content="Disabled"
IsEnabled="False" />
<ToggleButton Width="100"
Margin="{StaticResource ControlMargin}"
Style="{DynamicResource MetroFlatToggleButton}"
Content="Enabled" />
<ToggleButton Width="100"
Margin="{StaticResource ControlMargin}"
Style="{DynamicResource MetroFlatToggleButton}"
Content="Disabled"
IsEnabled="False" />
<StackPanel Margin="{StaticResource ControlMargin}"
HorizontalAlignment="Center"
Orientation="Horizontal">
Expand Down