<!-- 两个按钮来回切换样式 -->

    <Style x:Key="SwicthFunctionMetroToggleButton" TargetType="{x:Type ToggleButton}">

        <Setter Property="Background" Value="White" />

        <Setter Property="BorderBrush" Value="Black" />

        <Setter Property="BorderThickness" Value="1" />

        <Setter Property="MetroControls:ControlsHelper.CornerRadius" Value="0" />

        <Setter Property="FontFamily" Value="Meiryo" />

        <Setter Property="FontSize" Value="15" />

        <Setter Property="FontWeight" Value="Bold" />

        <Setter Property="Foreground" Value="Black" />

        <Setter Property="SnapsToDevicePixels" Value="True" />

        <Setter Property="Template">

            <Setter.Value>

                <ControlTemplate TargetType="ToggleButton">

                    <Grid>

                        <Border x:Name="_Border"

                                Background="{TemplateBinding Background}"

                                BorderBrush="{TemplateBinding BorderBrush}"

                                BorderThickness="{TemplateBinding BorderThickness}"

                                CornerRadius="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(MetroControls:ControlsHelper.CornerRadius), Mode=OneWay}"

                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                        <Border x:Name="DisabledVisualElement"

                                Background="{DynamicResource ControlsDisabledBrush}"

                                CornerRadius="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(MetroControls:ControlsHelper.CornerRadius), Mode=OneWay}"

                                IsHitTestVisible="False"

                                Opacity="0"

                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                        <MetroControls:ContentControlEx x:Name="PART_ContentPresenter"

                                                   Margin="{TemplateBinding BorderThickness}"

                                                   Padding="{TemplateBinding Padding}"

                                                   HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"

                                                   VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"

                                                   Content="{TemplateBinding Content}"

                                                   ContentCharacterCasing="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(MetroControls:ControlsHelper.ContentCharacterCasing)}"

                                                   ContentStringFormat="{TemplateBinding ContentStringFormat}"

                                                   ContentTemplate="{TemplateBinding ContentTemplate}"

                                                   ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"

                                                   RecognizesAccessKey="True"

                                                   SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />

                    </Grid>

                    <ControlTemplate.Triggers>

                        <Trigger Property="IsChecked" Value="True">

                            <Setter TargetName="_Border" Property="Background" Value="#4e81bd" />

                            <Setter Property="Foreground" Value="White" />

                        </Trigger>

                        <Trigger Property="IsChecked" Value="False">

                            <Setter TargetName="_Border" Property="Background" Value="White" />

                            <Setter Property="Foreground" Value="Black" />

                        </Trigger>

                        <!--<Trigger Property="IsKeyboardFocusWithin" Value="True">

                            <Setter TargetName="_Border" Property="Background" Value="#4e81bd" />

                            <Setter Property="Foreground" Value="White" />

                        </Trigger>-->

                        <!--<Trigger Property="IsEnabled" Value="False">

                            <Setter TargetName="DisabledVisualElement" Property="Opacity" Value="0.7" />

                            <Setter TargetName="PART_ContentPresenter" Property="Opacity" Value="0.3" />

                        </Trigger>-->

                        <Trigger Property="IsMouseOver" Value="True">

                            <Setter TargetName="_Border" Property="Background" Value="#e6e6e6"/>

                        </Trigger>

                    </ControlTemplate.Triggers>

                </ControlTemplate>

            </Setter.Value>

        </Setter>

        <!--<Style.Triggers>

            <Trigger Property="IsChecked" Value="True">

                <Setter Property="Background" Value="{DynamicResource GrayBrush2}" />

                <Setter Property="BorderBrush" Value="{DynamicResource GrayBrush5}" />

            </Trigger>

            <MultiTrigger>

                <MultiTrigger.Conditions>

                    <Condition Property="IsMouseOver" Value="True" />

                    <Condition Property="IsChecked" Value="False" />

                </MultiTrigger.Conditions>

                <Setter Property="Background" Value="{DynamicResource GrayBrush8}" />

            </MultiTrigger>

            <MultiTrigger>

                <MultiTrigger.Conditions>

                    <Condition Property="IsMouseOver" Value="True" />

                    <Condition Property="IsChecked" Value="True" />

                </MultiTrigger.Conditions>

                <Setter Property="Background" Value="{DynamicResource GrayBrush3}" />

            </MultiTrigger>

            <Trigger Property="IsPressed" Value="True">

                <Setter Property="Background" Value="{DynamicResource GrayBrush7}" />

            </Trigger>

            <Trigger Property="IsKeyboardFocusWithin" Value="True">

                <Setter Property="BorderBrush" Value="{DynamicResource ButtonMouseOverBorderBrush}" />

            </Trigger>

        </Style.Triggers>-->

    </Style>

使用如下

 <ToggleButton x:Name="uiuserdataImpTbtnContent" Style="{StaticResource SwicthFunctionMetroToggleButton}"

                                  Width="80" Height="25" Content="{x:Static const:Resources.TextImportResultLabContent}" Margin="0,1,1,0" FontSize="11"

                                  IsChecked="{Binding TBContentIsChecked}"

                                  IsEnabled="{Binding TBTagIsChecked}"

                                  Visibility="{Binding IsContentVisibility}"

                            />

                    <ToggleButton x:Name="uiuserdataImpTbtnTag" Style="{StaticResource SwicthFunctionMetroToggleButton}"

                                  Width="80" Height="25" Content="{x:Static const:Resources.TextImportResultLabTag}" Margin="-2,1,1,0" FontSize="11"

                                  IsChecked="{Binding TBTagIsChecked}"

                                  IsEnabled="{Binding TBContentIsChecked}" VerticalAlignment="Top"

                                  Visibility="{Binding IsTagVisibility}"

                                  />

WPF两个按钮来回切换样式的更多相关文章

  1. vue+element 按钮来回切换

    需求很简单,实现很容易,日常记录一下 templace代码: data数据声明: me'thods方法:

  2. 使用classList来实现两个按钮样式的切换

    classList属性的方法:add();remove();toggle(); 描述,在一些页面我们需要使用两个按钮来回切换,如图: 我们要使用到add()和remove()方法 html部分: &l ...

  3. WPF 动态添加按钮以及样式字典的引用(Style introduction)

    我们想要达到的结果是,绑定多个Checkbox然后我们还可以获取它是否被选中,其实很简单,我们只要找到那几个关键的对象就可以了. 下面是Ui,其中定义了一个WrapPanel来存放CheckBox,还 ...

  4. WPF实现按钮鼠标停留样式的一个坑

    弄了个按钮鼠标停留样式,发现把它应用到某些窗体的Button上会发生样式模糊的问题,而其它窗体又不会. 百思不得其解,真是活久见. 后来发现是跟包着Button的容器控件有关,只要是那些会自适应的容器 ...

  5. WPF 动态添加控件以及样式字典的引用(Style introduction)

    原文:WPF 动态添加控件以及样式字典的引用(Style introduction) 我们想要达到的结果是,绑定多个Checkbox然后我们还可以获取它是否被选中,其实很简单,我们只要找到那几个关键的 ...

  6. swift项目实战--微博的未登录界面的实现,和监听未登录界面两个按钮的两种实现方法

    1.未登录界面的实现 微博项目中,用户不登录的话,显示的是未登录的界面.项目中TabBarVC的子控制器都是tableViewVC,所以抽取了父类,让父类判断用户是否登录,决定显示什么样的界面.loa ...

  7. 使用<input>标签做了两个按钮, 按钮之间间距如何去掉

    遇到的问题: 使用<input>标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图: 问题解决: <input>是内联块状元素(inline-block); 内联元素 ...

  8. 如何进行fragment中的来回切换？

    本文选自StackOverflow(简称:SOF)精选问答汇总系列文章之一,本系列文章将为读者分享国外最优质的精彩问与答,供读者学习和了解国外最新技术,本文为大家讲解如何进行fragment中的来回切 ...

  9. (17/24) webpack实战技巧：生产环境和开发环境并行设置,实现来回切换

    1. 概述 生产环境和开发环境所需依赖是不同: --开发依赖:就是开发中用到而发布时用不到的.在package.json里面对应的就是devDependencies下面相关配置. --生产依赖: 就是 ...

随机推荐

  1. 自定义滚动条样式纯（css）

    啥都不说先看图: 注: 只适合chrom,不适用IE和fireFox 下面展示代码: <html lang="en"> <head> <meta ch ...

  2. Spring/Spring boot正确集成Quartz及解决@Autowired失效问题

    周五检查以前Spring boot集成Quartz项目的时候,发现配置错误,因此通过阅读源码的方式,探索Spring正确集成Quartz的方式. 问题发现 检查去年的项目代码,发现关于QuartzJo ...

  3. linux环境下安装selenium+chrom+chromdriver.exe

    原文:https://blog.csdn.net/yoyocat915/article/details/80580066 原文:https://blog.csdn.net/hanxue6898/art ...

  4. [PHP] PHP-FPM的access日志error日志和slow日志

    PHP-FPM的错误日志建议打开,这样可以看到PHP的错误信息:一般是这个配置路径 /etc/php/7.3/fpm/pool.d/www.conf,日志目录如果需要自己建立PHP目录,一定要把权限赋 ...

  5. vue实现点击图标，图标在2s中完成旋转

    <!-- 点击 vue实现点击图标,图标在2s中完成旋转 1==>如何让它在2s内完成旋转 使用动画 transform: rotate(-180deg); 动画的运动状态 transit ...

  6. C++中各种输入函数的用法总结

    1.scanf()函数 原型:int scanf(const char *restrict format,......); 入口参数:第一个参数是格式字符串,它指定了输入的格式,......格式化后的 ...

  7. Tensorflow之单变量线性回归问题的解决方法

    跟着网易云课堂上面的免费公开课深度学习应用开发Tensorflow实践学习,学到线性回归这里感觉有很多需要总结,梳理记录下阶段性学习内容. 题目:通过生成人工数据集合,基于TensorFlow实现y= ...

  8. Windows环境下搭建Redis集群（Redis-x64-3.2.100）

    一 .前期准备Redis.Ruby语言运行环境.Redis的Ruby驱动redis-xxxx.gem.创建Redis集群的工具redis-trib.rb 二.安装配置redisredis下载地址 ht ...

  9. C++ STL priority_queue 优先队列

    优先队列: 与队列的用法是一样的,优先队列内部是通过堆来排序实现的, #include<iostream> #include <queue> using namespace s ...

  10. Conda和Python的国内安装源

    Conda和Python的国内安装源 Windows系统: 更换python国内源的方法. 在"C:\Users[xxxx]\pip\pip.ini"文件中配置如下内容(没有则新建 ...