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> </StackPanel>
</Grid> </Grid>
</DataTemplate> </DataTemplate>
<ControlTemplate TargetType="Button" x:Key="ButtonTemplate"> <ControlTemplate TargetType="Button" x:Key="ButtonTemplate">
<Border Background="#FF3269DE" Name="back" CornerRadius="3"> <Border Background="#FF3269DE" CornerRadius="5">
<ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center" <Grid>
Content="{TemplateBinding Content}" TextBlock.Foreground="White"/> <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> </Border>
<ControlTemplate.Triggers> <ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True"> <Trigger Property="IsMouseOver" Value="true">
<Setter Property="Background" Value="#CC3269DE" TargetName="back"/> <Setter Property="Visibility" Value="Visible" TargetName="back"/>
</Trigger>
<Trigger Property="IsPressed" Value="true">
<Setter Property="Visibility" Value="Visible" TargetName="BK"/>
</Trigger> </Trigger>
</ControlTemplate.Triggers> </ControlTemplate.Triggers>
</ControlTemplate> </ControlTemplate>

View File

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