button按钮样式修改

This commit is contained in:
MoYue 2023-03-13 08:52:25 +08:00
parent 7d770a1814
commit ebf359ae9b
2 changed files with 23 additions and 11 deletions

View File

@ -34,15 +34,21 @@
</StackPanel>
</Grid>
</DataTemplate>
<ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
<Border Background="#FF3269DE" Name="back" CornerRadius="3">
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"
Content="{TemplateBinding Content}" TextBlock.Foreground="White"/>
<Border Background="#FF3269DE" CornerRadius="5">
<Grid>
<Border CornerRadius="4" Background="#22FFFFFF" Name="back" Visibility="Hidden"/>
<ContentControl Content="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="{TemplateBinding Foreground}"/>
<Border CornerRadius="4" Background="#22FFFFFF" Name="BK" Visibility="Hidden" BorderThickness="2" BorderBrush="Black"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#CC3269DE" TargetName="back"/>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="back"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="BK"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>

View File

@ -50,13 +50,19 @@
</Setter>
</Style>
<ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
<Border Background="#FF3269DE" Name="back" CornerRadius="3">
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"
Content="{TemplateBinding Content}" TextBlock.Foreground="White"/>
<Border Background="#FF3269DE" CornerRadius="5">
<Grid>
<Border CornerRadius="4" Background="#22FFFFFF" Name="back" Visibility="Hidden"/>
<ContentControl Content="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="{TemplateBinding Foreground}"/>
<Border CornerRadius="4" Background="#22FFFFFF" Name="BK" Visibility="Hidden" BorderThickness="2" BorderBrush="Black"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="#CC3269DE" TargetName="back"/>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="back"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="BK"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>