wpf RadioButton自定义样式 圆角/直角变化 背景色渐变

这篇具有很好参考价值的文章主要介绍了wpf RadioButton自定义样式 圆角/直角变化 背景色渐变。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

样式部分

<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="长度" CommandParameter="0"  Style="{StaticResource rbut_style1}" IsChecked="True"/>
<RadioButton Content="宽度" CommandParameter="1"  Style="{StaticResource rbut_style1}" />
<RadioButton Content="高度" CommandParameter="2"  Style="{StaticResource rbut_style1}" />

 根据  CommandParameter 的value不同,背景圆角的方向不同

效果如

wpf RadioButton自定义样式 圆角/直角变化 背景色渐变,wpf

 wpf RadioButton自定义样式 圆角/直角变化 背景色渐变,wpf

 文章来源地址https://www.toymoban.com/news/detail-601013.html

到了这里,关于wpf RadioButton自定义样式 圆角/直角变化 背景色渐变的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • WPF自定义TreeView滚动条样式

      根据客户需求,要在TreeView目录树上显示10万+个节点,但是目录树显示10万加节点后,整个页面操作起来非常卡,所以给目录树增加了虚拟化设置。但是虚拟化设置一直没生效,后来经过排查发现是使用的自定义滚动条导致了虚拟化设置没有生效,后来自己写了一个滚动条样

    2024年02月14日
    浏览(32)
  • WPF 自定义DataGrid控件样式模板5个

    样式一: 样式代码: 初始化绑定数据C#代码: 效果展示: 样式二: 上面的代码实现了隔行换色的效果,但是没有鼠标选中效果。另外有些用户希望能够进行列头拖动及排序。那么就需要做以下更改: 添加DataGridRow样式: 在引用时,设置DataGrid的RowStyle=\\\"{StaticResource AlertCoun

    2023年04月27日
    浏览(46)
  • WPF RadioButton单选失效

    我最近在照着教程敲代码,WPF深入讲解第8集。发现RadioButton按钮点击触发器不是单选的。WPF中单选和复选通过RadioButton和CheckButton来进行区分。我点击另一个RadioButton之后,之前的Radiobutton没有取消选择。 在原来的代码上面天啊及GroupName,就能进行区分。例如如下

    2024年02月16日
    浏览(40)
  • CSS3 实现边框圆角渐变色&&渐变文字效果

      background-clip: text; 是CSS中的一个属性,用于指定背景图片或颜色的裁剪方式,裁剪的区域是文本的轮廓。具体来说,就是将背景图片或颜色限制在文本的轮廓内,而不是整个元素的范围内。这个属性通常用于创建一些特殊的文本效果,比如文字渐变、文字填充等。  参考:

    2024年02月16日
    浏览(58)
  • WPF开发txt阅读器7:自定义文字和背景颜色

    除了字体、字体大小之外,文字和背景颜色也会影响阅读观感,其设置方法与选择字体如出一辙,都通过combobox控件来选择。故而在阅读设置里面添加 考虑到C#中封装的大多数颜色,其实我们都不太认识,为了更加直观,故而在 ComboBox 中的每个选项都赋上对应的颜色,其对应

    2024年02月08日
    浏览(51)
  • IntelliJ IDEA 常用设置 主题颜色模式、字体、样式、背景自定义颜色及其背景图片(图文步骤)

    这里已 IntelliJ IDEA 2018.2.8 版本为例(本人已将主题设置成了暗色主题): 点击 file﹥setting  打开设置 点击 Editor﹥Color Scheme﹥Color Scheme Font 主要的操作有主代码字体,字体字号大小,字体行间距,非主代码字体   主要的操作有颜色,斜体,加粗,背景,下划线,删除线,边框

    2023年04月16日
    浏览(57)
  • WPF自定义控件与样式(13)-自定义窗体Window & 自适应内容大小消息框MessageBox

    一.前言 申明 :WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接。 本文主要内容: 自定义Window窗体样式; 基于自定义窗体实现自定义MessageBox消息

    2024年02月05日
    浏览(39)
  • WPF 已知问题 RadioButton 指定 GroupName 后关闭窗口可能导致无法选中

    本文记录一个 WPF 已知问题,当 WPF 的 RadioButton 指定 GroupName 且将 IsChecked 状态绑定到 ViewModel 上,将包含以上控件的代码的窗口显示两个,接着关闭其中一个。此时可以看到依然开着的窗口的 RadioButton 控件无法正确在用户界面上点击选中 此问题已经报告给 WPF 官方,请看 ht

    2024年02月08日
    浏览(40)
  • WPF【二】基于MVVM模式,通过点击按钮(RadioButton)实现主页面显示不同的UserControl

    效果图 一、UI界面的按钮绑定对应的命令【Command】以及命令参数【CommandParameter】 二、 UI【代码】通过内容去绑定需要显示的UserControl页 三、 编写对应的ViewModel.cs文件实现对应的功能,注意:代码中SecondWindow以及FirstPageView两个类是需要用户鼠标右键点击添加【新建项目】选

    2024年02月05日
    浏览(49)
  • Android背景Shape颜色渐变—线性渐变

    Android背景颜色渐变可以通过在res/drawable里定义一个xml文件(xml文件名称可根据个人定义): 一、 color_gradient. xml代码: 1、 android:angle 渐变方向角度 2、 android:startColor 开始颜色 3、 android:centerColor 中间颜色 4、 android:endColor 结束颜色 5、 android:type 渐变类型,线性linear 二、在你

    2024年02月09日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包