Skip to content

Instantly share code, notes, and snippets.

@s-fernandez-v
Last active January 30, 2020 09:00
Show Gist options
  • Save s-fernandez-v/d3d12cf3ab515f271fb711c836eff056 to your computer and use it in GitHub Desktop.
Save s-fernandez-v/d3d12cf3ab515f271fb711c836eff056 to your computer and use it in GitHub Desktop.
Button: ClickMode
<Grid
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Grid HorizontalAlignment="Center" VerticalAlignment="Center">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<StackPanel Grid.Row="0">
<StackPanel.Triggers>
<EventTrigger RoutedEvent="ButtonBase.Click">
<BeginStoryboard>
<Storyboard>
<ColorAnimation Duration="0:0:0.5" Storyboard.TargetName="Rect1" Storyboard.TargetProperty="Fill.Color" From="#00ADFF2F" To="#FFADFF2F"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</StackPanel.Triggers>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="50"/>
</Grid.ColumnDefinitions>
<Button x:Name="Button1" Content="Normal Button" VerticalAlignment="Center" Padding="32,8"/>
<TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button1}" VerticalAlignment="Center" Margin="8,0,0,0"/>
</Grid>
<Grid Margin="0,8,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="50"/>
</Grid.ColumnDefinitions>
<Button x:Name="Button2" Content="Press Button" VerticalAlignment="Center" Padding="32,8" ClickMode="Press"/>
<TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button2}" VerticalAlignment="Center" Margin="8,0,0,0"/>
</Grid>
<Grid Margin="0,8,0,0">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="50"/>
</Grid.ColumnDefinitions>
<Button x:Name="Button3" Content="Hover Button" VerticalAlignment="Center" Padding="32,8" ClickMode="Hover"/>
<TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button3}" VerticalAlignment="Center" Margin="8,0,0,0"/>
</Grid>
</StackPanel>
<Grid Grid.Column="1" Grid.Row="0" Margin="8,0,0,0" UseLayoutRounding="True">
<Rectangle Fill="DodgerBlue" Width="40"/>
<Rectangle Fill="#FFADFF2F" Width="40" x:Name="Rect1"/>
</Grid>
</Grid>
</Grid>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment