Wpf-自定义图标Button

最新推荐文章于 2024-05-26 12:55:17 发布

一介学徒

最新推荐文章于 2024-05-26 12:55:17 发布

阅读量687

点赞数 1

分类专栏： WPF-控件篇文章标签： wpf 开发语言 c# ui

本文链接：https://blog.csdn.net/rwo_bear/article/details/136882641

版权

WPF-控件篇专栏收录该内容

3 篇文章 0 订阅

订阅专栏

FontFamily：指定图标字体资源文件；（推荐iconfont阿里矢量图标）

示例代码：

    <Style x:Key="MyIconButtonStyle" TargetType="Button">
        <Setter Property="Width" Value="40" />
        <Setter Property="Height" Value="30" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="back" Background="Transparent">
                        <TextBlock HorizontalAlignment="Center"
                                   VerticalAlignment="Center"
                                   FontFamily="./Fonts/#iconfont"
                                   FontSize="{Binding FontSize, RelativeSource={RelativeSource AncestorType=Button, Mode=FindAncestor}}"
                                   Text="{Binding Content, RelativeSource={RelativeSource AncestorType=Button, Mode=FindAncestor}}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="back" Property="Background" Value="#FFFFFF" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="back" Property="Background" Value="#AAAAAA" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>