wpf 有图片的按键样式

<Style x:Key="BtnBackgroundIconCustomDialogStyle" TargetType="{x:Type Button}">
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="Width" Value="150" />
    <Setter Property="Height" Value="40" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="FontWeight" Value="Normal" />
    <Setter Property="FontSize" Value="17" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="Background" Value="#049AFF" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border BorderThickness="{TemplateBinding BorderThickness}" Width="{TemplateBinding Width}" CornerRadius="4" Background="{TemplateBinding Background}" Effect="{TemplateBinding Effect}" HorizontalAlignment="Center">
                    <Grid HorizontalAlignment="Center">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <Image Grid.Column="0" Source="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Tag}" Width="14" Height="14" Margin="5" HorizontalAlignment="Left" VerticalAlignment="Center" />
                        <TextBlock Grid.Column="1" Text="{TemplateBinding Content}" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="5" Foreground="{TemplateBinding Foreground}" FontSize="{TemplateBinding FontSize}" FontWeight="{TemplateBinding FontWeight}" TextAlignment="Center" />
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsFocused" Value="True">
                        <Setter Property="Background" Value="#2B6FD5" />
                        <Setter Property="Foreground" Value="#fff" />
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#2B6FD5" />
                        <Setter Property="Foreground" Value="#fff" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

相关推荐

  1. wpf 按钮禁用样式

    2024-04-07 06:14:01       13 阅读
  2. C#WPF设置圆角按钮样式

    2024-04-07 06:14:01       14 阅读
  3. WPF 按键图标转动效果示例

    2024-04-07 06:14:01       8 阅读
  4. WPF 按键图标缩放动画示例

    2024-04-07 06:14:01       8 阅读
  5. wpf-动态设置组件【按钮为例】样式

    2024-04-07 06:14:01       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-07 06:14:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-07 06:14:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-07 06:14:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-07 06:14:01       20 阅读

热门阅读

  1. React Native调用Android的原生功能

    2024-04-07 06:14:01       15 阅读
  2. SpringBoot 优雅的网络请求

    2024-04-07 06:14:01       13 阅读
  3. spring 和springBoot区别

    2024-04-07 06:14:01       11 阅读
  4. 期权的各种套利分类

    2024-04-07 06:14:01       18 阅读
  5. 效率系列(十) macOS软件管理工具

    2024-04-07 06:14:01       13 阅读
  6. 设计模式:策略模式示例

    2024-04-07 06:14:01       10 阅读
  7. 计算机网络路由的配置

    2024-04-07 06:14:01       16 阅读
  8. C语言预处理基础知识笔记

    2024-04-07 06:14:01       14 阅读
  9. YOLOv5实战记录03 数据集构建

    2024-04-07 06:14:01       14 阅读
  10. go | gin多服务 | goroutine | ReadTimeout&WriteTimeout

    2024-04-07 06:14:01       15 阅读
  11. ffmpeg 从现有视频中截取一段

    2024-04-07 06:14:01       13 阅读