RadioButton 自定义样式(带动画)

  <Style x:Key="Radbtn" TargetType="{x:Type RadioButton}">
            <Setter Property="Foreground" Value="White"></Setter>
            <Setter Property="FontSize" Value="18"></Setter>
            <Setter Property="Background" Value="Transparent"></Setter>
            <Setter Property="FocusVisualStyle" Value="{x:Null}"></Setter>
            <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
            <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
            <Setter Property="Margin" Value="10,0"></Setter>
            <Setter Property="Tag" Value="{Binding MinWidth ,
                    RelativeSource={RelativeSource Mode=Self},
                    Converter={StaticResource ResourceKey=To}}"></Setter>
            <Setter Property="MinWidth" Value="80"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="RadioButton">
                        <ControlTemplate.Resources>
                            <local:IVWindow  x:Key="ToConHeight"/>
                        </ControlTemplate.Resources>
                        <Grid  Height="30"  >
                            <Border x:Name="Border"   Width="{Binding Tag,RelativeSource={RelativeSource Mode=Self},  Converter={ StaticResource ToConHeight }}">
                                <Border.Tag>
                                    <Binding Path="Tag" RelativeSource="{RelativeSource Mode=TemplatedParent}" Converter="{StaticResource ToConHeight }"/>
                                </Border.Tag>
                            </Border>
                            <Border   x:Name="Border1" Width="{Binding Tag,RelativeSource={RelativeSource Mode=Self},  Converter={ StaticResource ToConHeight }}"   CornerRadius="0,0,5,5" BorderThickness="0" Opacity="0.2">
                                <Border.Tag>
                                    <Binding Path="Tag" RelativeSource="{RelativeSource Mode=TemplatedParent}" Converter="{StaticResource ToConHeight }"/>
                                </Border.Tag>
                            </Border>
                            <ContentPresenter  x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}"
                                               Content="{TemplateBinding Content}" 
                                               ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" 
                                               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                               Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsChecked" Value="True">
                                <Setter Property="BorderBrush"  Value="Green" TargetName="Border"></Setter>
                                <Setter Property="Foreground"  Value="Green" ></Setter>
                                <Setter Property="BorderThickness" Value="0,0,0,4" TargetName="Border"></Setter>
                                <Setter Property="Background" Value="White" TargetName="Border1"></Setter>
                                <Setter Property="Background" Value="Red"></Setter>
                                <Trigger.EnterActions>
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation   Storyboard.TargetProperty="Tag"  From="0" Duration="0:0:0.2"  />
                                        </Storyboard>
                                    </BeginStoryboard>
                                </Trigger.EnterActions>
                            </Trigger>
                            <Trigger Property="IsChecked" Value="False">
                                <Setter Property="BorderBrush"  Value="White" TargetName="Border"></Setter>
                                <Setter Property="BorderThickness" Value="0" TargetName="Border"></Setter>
                             
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Cursor" Value="Hand"></Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

效果如下


__EOF__

本文作者可乐加冰
本文链接https://www.cnblogs.com/zt199510/p/12573979.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   可乐_加冰  阅读(899)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示