wpf RadioButton 按钮外观
时间: 2023-10-09 19:11:15 浏览: 282
wpf 按钮 样式
4星 · 用户满意度95%
WPF中的RadioButton按钮的外观可以通过样式(Style)来自定义。以下是一个简单的样式示例,将RadioButton的外观更改为圆形按钮:
```
<Window.Resources>
<Style x:Key="RadioButtonStyle" TargetType="{x:Type RadioButton}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type RadioButton}">
<Grid>
<Ellipse x:Name="outerEllipse" Stroke="Black" StrokeThickness="2" Fill="White" />
<Ellipse x:Name="innerEllipse" Margin="4" Fill="Black" Opacity="0"/>
<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsChecked" Value="True">
<Setter TargetName="innerEllipse" Property="Opacity" Value="1"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="outerEllipse" Property="Stroke" Value="DarkGray"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<StackPanel>
<RadioButton Content="Button1" Style="{StaticResource RadioButtonStyle}" />
<RadioButton Content="Button2" Style="{StaticResource RadioButtonStyle}" />
<RadioButton Content="Button3" Style="{StaticResource RadioButtonStyle}" />
</StackPanel>
```
在这个样式中,我们使用了两个Ellipse元素来绘制外圆和内圆,使用ContentPresenter来显示RadioButton的内容。控件模板中的触发器用于更改内圆的透明度以及鼠标悬停时的外圆颜色。
这只是一个简单的样式示例,你可以按照自己的需求来自定义RadioButton的外观。
阅读全文