自定义控件-RadioButton

锤子哥哥烦恼风

于 2021-01-21 10:01:31 发布

阅读量587

点赞数

分类专栏： # WPF 文章标签：前端 xaml wpf c#

本文链接：https://blog.csdn.net/weixin_44322407/article/details/112915945

版权

本文介绍了如何在WPF中自定义RadioButton样式，用于切换页面的按钮。详细讲解了实现过程，包括添加图标、文本以及横线效果，并提供了在CS文件中定义自定义类和属性的步骤。还展示了带图标和不带图标的使用示例。

摘要由CSDN通过智能技术生成

需求：

自定义RadioButton样式，作为切换页面的按钮

先上结果：

在这里插入图片描述

实现方式：

在自定义Style中，加入一个图标（阿里图库图标的使用），一个TextBlock文本，下方一个Border作为横线。

    xmlns:helper="clr-namespace:Helper" //引用命名空间，放自定义属性的类的命名空间
    <FontFamily x:Key="iconFamily">/你的项目名;component/Resources/#iconfont
    </FontFamily> //iconFamily是图标文件（iconfont.ttf）的路径资源

 <Style x:Key="MyRadionButtonIconAndText" TargetType="{x:Type RadioButton}">
        <Setter Property="BorderBrush" Value="#635BDC"/>
        <Setter Property="Foreground" Value="#99666666"/>
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="helper:MyIcon.IconText" Value=""/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <Grid Background="{TemplateBinding Background}">
                        <Grid.ColumnDefinitions>