WPF带小箭头的按钮

原文:WPF带小箭头的按钮

XAML代码:

<ControlTemplate x:Key="btnTpl" TargetType="RadioButton">
    <StackPanel Orientation="Vertical" Height="30" Background="Transparent">
        <Border Name="border" Background="#006AB8" Height="25">
            <ContentPresenter Name="contentPre" VerticalAlignment="Center" HorizontalAlignment="Center" TextElement.Foreground="#FFF" TextElement.FontSize="12" Margin="0"/>
        </Border>
        <Path x:Name="path" HorizontalAlignment="Center" VerticalAlignment="Center" Data="M 0 0 L 6 4 L 12 0 Z">
            <Path.Fill>
                <SolidColorBrush Color="#006AB8" />
            </Path.Fill>
        </Path>
    </StackPanel>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="border" Property="Margin" Value="2 2 2 0"></Setter>
            <Setter TargetName="border" Property="Height" Value="23"></Setter>
            <Setter Property="TextElement.FontSize" Value="11"></Setter>
        </Trigger>
        <Trigger Property="IsChecked" Value="true">
            <Setter TargetName="border" Property="Border.Background" Value="#15BDF7"></Setter>
            <Setter TargetName="path" Property="Fill" >
                <Setter.Value>
                    <SolidColorBrush Color="#15BDF7" />
                </Setter.Value>
            </Setter>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

效果图:

原文地址:https://www.cnblogs.com/lonelyxmas/p/10641769.html

时间: 2024-11-07 12:25:10

WPF带小箭头的按钮的相关文章

20款带左右箭头的焦点图片轮播特效代码

20款带左右箭头的焦点图片轮播特效代码分享 html5带倒影3D图片叠加轮播切换特效 jQuery slide图片自动轮播滚动插件 jQuery焦点图插件带按钮控制图片轮播滚动代码 jquery仿hao123带新闻标题图片轮播滚动效果 jQuery仿瑞丽全屏透明遮罩图片轮播滚动代码 jQuery带网上开户表单的焦点图轮播代码 jquery左右箭头控制带缩略图片轮播切换 jQuery responsiveslides.js响应式图片轮播特效 jQuery OwlCarousel图片滚动插件世界杯图

win10系统桌面图标变为白色方框和去除桌面图标快捷方式小箭头的方法

一.有些用户在开机后,发现windows10系统桌面的图标都变成了白色的方框.这是怎么回事?下面就为大家介绍一下Win10系统桌面图标变为白色方框的解决办法. 导致win10图标变白的情况有三种,大家可以按照自己的情况选择具体解决方法! (一)最为常见的是设置了显示设置中的:更改文本丶应用和其他项目的大小. 设置后图标会变大,图标缓存也会进行数据的更改,如果处理错误,开机就会出现图标变白. 解决方法如下: 1.右键桌面--显示设置--滑块向左移动--调节到100%--应用. 2.电源--关机--

用CSS3实现带小三角形的div框(不用图片)

用CSS3实现带小三角形的div框(不用图片) 现在看到了很多带小三角形的方框,如微信.Mac版的QQ.QQ空间的时间轴等等,在聊天或者是发表的状态的内容外面都有一个带小三角形的矩形框包围着,感觉看着很不错,于是决定亲自动手写一个,我上次用的是偏移背景图片法,那么今天就不用图片,用CSS3实现一下,下面我们来看一下实现代码. 首先我们来看一下CSS3实现三角形原理:其实就是对于transparent的应用 假如html代码是这样的 <div class="arrow-up">

Android中的ExpandableListView自定义显示的小箭头样式

ExpandableListView自带的小箭头样式不太好看,其实我们可以自己更换的.步骤如下: 1.隐藏ExpandableListView自带的图标. exListView = (ExpandableListView) findViewById(R.id.ex_KnowledgeList); exListView.setGroupIndicator(null); // 隐藏ExpandableListView自带的图标 2.设置视图展开和折叠装态的图片. // 判断组视图是否展开 if (i

win10去除小箭头(备忘)

去除小箭头.bat: reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /f taskkill /f /im explorer.exe attrib -s -r -h "%userprofile%\AppD

Win7旗舰版 去除桌面快捷方式图标上的小箭头

具体操作步骤如下: 1.利用键盘上的快捷组合键 “win+r” 打开运行程序,在运行窗口中输入 “regidit” 按回车键确定 2.在注册表编辑器窗口,依次点开 HKEY_CLASSES_ROOT\lnkfile,将 "lnkfile” 子项中的 “IsShortcut” 字符串值项右键删除掉 3.展开 “HKEY_CLASSES_ROOT\piffile” 将 ”piffile” 子项中的 ”IsShortcut” 字符串值项右键删除 4.退出注册表编辑器,重新启动计算机,开机后即可看到Wi

去除win7 64位系统桌面图标小箭头

去除win7电脑系统桌面图标的快捷方式的小箭头: 首先在桌面新建一个文本文档,设为去除箭头.txt,第二步,把如下代码粘贴到文档中. reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,196" /t reg_sz /f taskkill /f /

清除select自带小三角

select {/*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/background: url("http://ourjs.github.io/static/2015/arrow.png") no-re

动态获取设置提示框和小箭头的位置

var curY;   //获取所选项的TOP值 var curH;   //获取所选项的height值 var  curW;   //获取所选项的width值 var  srtY;    //设置提示箭头的TOP值 var  srtX;    //设置提示箭头的Left值 var objL;    //获取当前对象 function setInitValue(obj){ curY=obj.offset().top; curH=obj.height(); curW=obj.width(); sr