樣式部分

<LinearGradientBrush x:Key="GradientBrush_1"  EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Offset="1" Color="#CEE5D1" />
                        <GradientStop Offset="0" Color="#FAFAFA" />
                    </LinearGradientBrush>

                    <Style TargetType="{x:Type RadioButton}" x:Key="rbut_style1">
                        <Setter Property="Width" Value="130" />
                        <Setter Property="Height" Value="60" />
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="FontSize" Value="24" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type RadioButton}">
                                    <Grid x:Name="Ellipse" >
                                        <Border x:Name="border1"  >
                                            <TextBlock x:Name="txt1" Text="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" />
                                        </Border>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsChecked" Value="False">
                                            <Setter TargetName="border1" Property="Background" Value="#E2E2E2" />
                                            <Setter TargetName="txt1" Property="Foreground" Value="#4E534F" />
                                            <Setter TargetName="txt1" Property="FontWeight" Value="400" />
                                        </Trigger>
                                        <Trigger Property="IsChecked" Value="True">
                                            <Setter TargetName="border1" Property="Background" Value="{StaticResource GradientBrush_1}" />
                                            <Setter TargetName="border1" Property="BorderThickness" Value="0,0,0,5" />
                                            <Setter TargetName="border1" Property="BorderBrush" Value="#43854B" />

                                            <Setter TargetName="txt1" Property="Foreground" Value="#43854B" />
                                            <Setter TargetName="txt1" Property="FontWeight" Value="Bold" />
                                        </Trigger>
                                        <DataTrigger Binding="{Binding CommandParameter, RelativeSource={RelativeSource Self}}" Value="0">
                                            <Setter TargetName="border1" Property="CornerRadius" Value="5,0,0,5" />
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding CommandParameter, RelativeSource={RelativeSource Self}}" Value="2">
                                            <Setter TargetName="border1" Property="CornerRadius" Value="0,5,5,0" />
                                        </DataTrigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>

xam

<RadioButton Content="長(zhǎng)度" CommandParameter="0"  Style="{StaticResource rbut_style1}" IsChecked="True"/>
<RadioButton Content="寬度" CommandParameter="1"  Style="{StaticResource rbut_style1}" />
<RadioButton Content="高度" CommandParameter="2"  Style="{StaticResource rbut_style1}" />

?根據(jù)? CommandParameter 的value不同，背景圓角的方向不同

效果如

?

?文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-601013.html

到了這里，關(guān)于wpf RadioButton自定義樣式 圓角/直角變化 背景色漸變的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！