WPF Button按鈕模板樣式修改(一)
阿新 • • 發佈:2018-11-01
本章講述:Button簡單模板樣式的修改,圓角矩形按鈕實現;
主要通過修改控制元件模板以達到效果;
XAML前端樣式程式碼:通過Border來控制控制元件的圓角;採用屬性觸發器控制滑鼠操作時,改變前景色和背景色。
<Style x:Key="ExButton" TargetType="{x:Type Button}"> <Setter Property="MinHeight" Value="30"/> <Setter Property="MinWidth" Value="100"/> <Setter Property="FontSize" Value="15"/> <Setter Property="FontFamily" Value="微軟雅黑"/> <Setter Property="Background" Value="#FFE4E4E4"/> <Setter Property="Foreground" Value="#FF009DDC"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Border x:Name="Bd" Background="{TemplateBinding Background}" CornerRadius="5" MinHeight="{TemplateBinding MinHeight}" MinWidth="{TemplateBinding MinWidth}" SnapsToDevicePixels="true" Margin="{TemplateBinding Margin}"> <TextBlock x:Name="text" Text="{TemplateBinding Content}" Margin="3,2" HorizontalAlignment="Center" VerticalAlignment="Center"/> </Border> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="Bd" Property="Background" Value="#FF009DDA" /> <Setter Property="Foreground" Value="White" /> </Trigger> <Trigger Property="IsPressed" Value="True"> <Setter TargetName="Bd" Property="Background" Value="#FFFF6633" /> <Setter Property="Foreground" Value="White" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>
效果圖