WPF制作带小箭头的按钮完整代码

2024-12-02 23:10:03

什么是WPF

WPF（Windows Presentation Foundation）是微软推出的基于Windows 的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。

在没给大家介绍实现代码之前，先给大家看下效果图,如果大家感觉效果不错，请参考实现代码：

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>

总结

以上所述是小编给大家介绍的WPF制作带小箭头的按钮完整代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！

WPF实现窗体中的悬浮按钮

WPF实现窗体中的悬浮按钮,按钮可拖动,吸附停靠在窗体边缘. 控件XAML代码: <Button x:Class="SunCreate.Common.Controls.FloatButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmln
WPF图片按钮的实现方法

本文实例为大家分享了WPF图片按钮的实现代码,供大家参考,具体内容如下直接代码 public class ImageButton : System.Windows.Controls.Button { /// <summary> /// 图片 /// </summary> public static readonly DependencyProperty ImageProperty = DependencyProperty.Register("Image", t
WPF微信聊天和通讯录按钮样式代码分享

一.先用Path画一下轮廓 <Path Stroke="Red" StrokeThickness="1" Margin="10" StrokeDashCap="Round"> <Path.Data> <GeometryGroup> <PathGeometry Figures="M 4,40 A 16,13 0 1 1 10,45 L 3,48 Z" /> &l
WPF水珠效果按钮组的实现教程

效果图相关知识这部分基本就是废话,网上都能找到,我只不过是整理了以下.建议先不看,用到的时候可以回来看看贝塞尔曲线先来看两组图,有助于理解什么是贝塞尔曲线(图片取自维基百科,参考链接1) 二次贝塞尔曲线: P0是起点,P2是终点,P1是控制点三次贝塞尔曲线: P0是起点,P2是终点,P1是控制点1,P2是控制点2 依次连接所有点,组成线段 t是比例,在0-1之间,就是每条线段的长度都是1 贝塞尔曲线就是最里层的线段在t位置的点所组成的路径三次贝塞尔曲线公式:B(t)=(1-t)^3*
WPF MVVM制作发送短信小按钮

最近做一个项目,因为涉及到注册,因此需要发送短信,一般发送短信都有一个倒计时的小按钮,因此,就做了一个,在此做个记录. 一.发送消息没有调用公司的短信平台,只是模拟前台生成一串数字,将此串数字输出一下. 在这个部分写了两个类文件:一个是生成随机数,一个是模拟发送此数字的. 1.因为生成几位随机数,是必须要到项目上线之前才能定的,因此,写了一个带参数的函数,如下 /// <summary> /// 生成随机验证码 /// </summary> public static class
WPF自定义控件和样式之自定义按钮（Button）

一.前言程序界面上的按钮多种多样,常用的就这几种:普通按钮.图标按钮.文字按钮.图片文字混合按钮.本文章记录了不同样式类型的按钮实现方法.下面话不多说了,来一起看看详细的介绍吧. 二.固定样式的按钮固定样式的按钮一般在临时使用时或程序的样式比较固定时才会使用,按钮整体样式不需要做大的改动. 2.1 普通按钮-扁平化风格先看效果: 定义Button的样式,详见代码: <Style x:Key="BtnInfoStyle" TargetType="Button&quo
WPF中button按钮同时点击多次触发click解决方法

解决WPF中button按钮同时点击多次触发click的方法,供大家参考,具体内容如下 DateTime lastClick = DateTime.Now; object obj = new object(); int i = 0; private void Button_Click(object sender, RoutedEventArgs e) { this.IsEnabled = false; var t = (DateTime.Now - lastClick).TotalMillise
WPF制作带小箭头的按钮完整代码

什么是WPF WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户界面框架,属于.NET Framework 3.0的一部分.它提供了统一的编程模型.语言和框架,真正做到了分离界面设计人员与开发人员的工作:同时它提供了全新的多媒体交互用户图形界面. 在没给大家介绍实现代码之前,先给大家看下效果图,如果大家感觉效果不错,请参考实现代码: XAML代码: <ControlTemplate x:Key="btnTpl" Targ
jquery实现标签支持图文排列带上下箭头按钮的选项卡

带上下箭头jquery垂直tab选项卡切换标签,技持左侧列表上下滚动,滚动到底部带信息提示. 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml
Quasar Input:type="number" 去掉上下小箭头实现加减按钮样式功能

实现效果 UI组件依然是使用 Quasar Framework. 先来看一下效果: 加减.gif input type="number" 去掉上下小箭头去掉上下小箭头,主要是css: input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type='number'] { -moz-appearance: textfield; } 实现
JQuery和html+css实现带小圆点和左右按钮的轮播图实例

是的!你没看错!还是轮播图.这次的JQuery的哟!! CSS代码: /*轮播图左右按钮小白点*/ #second_div{ margin-top: 160px; } .img_box{ overflow: hidden; width:100%; height:420px; border:1px solid; position:relative; } .img_box img{ width:100%; position:absolute; } .ul5{ list-style: none;
如何用CocosCreator制作微信小游戏

CocosCreator在1.8版本开始,就支持一键发布微信小程序,下面是详细的发布步骤: 1.在微信公众平台下载微信开发者工具地址: https://mp.weixin.qq.com/debug/wxagame/dev/devtools/download.html?t=2018115,根据需要选择相应的版本. 2.cocoscreator设置选择Cocos Creator --> 偏好设置 --> 原生开发环境,配置WechatGame程序路径,点击保存并关闭. 3.配置构建发布下面
使用Matlab制作大富翁小游戏的过程详解

目录 1.自定义头像及名称 2.买地.收费.破产 3.部分代码展示 gui_init.m self_init.m 4.修改记录 5.下载地址大富翁大家都玩过,走到建筑的位置可以买地,第二圈走到买过的地可以升级,别人经过后需要付过路费,每次经过起点都会获得一定资金,玩到最后还没破产的就是胜者,这里我用MATLAB制作了一款MATLAB版的大富翁小游戏: 1.自定义头像及名称点击方框内加号可换头像,点击文本区域可改昵称: 当然即使不换头像点击开始后,也会自动分配头像和名称: 2.买地.收费.破产
基于PyQt5制作数据处理小工具

需求分析: 现在有一大堆的Excel数据文件,需要根据每个Excel数据文件里面的Sheet批量将数据文件合并成为一个汇总后的Excel数据文件.或者是将一个汇总后的Excel数据文件按照Sheet拆分成很多个Excel数据文件.根据上面的需求,我们先来进行UI界面的布局设计. 导入UI界面设计相关的PyQt5模块 from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * 应用操作相关的模
制作微信小程序的小白简单入门教程

目录一.小程序是什么? 二.小程序的优势三.知识准备四.开发准备五. hello world 示例六.WXML 标签语言七.小程序的项目结构八.项目配置文件 app.json 小程序已经成为国内前端的一个重要业务,跟 Web 和手机 App 有着同等的重要性.小程序开发者供不应求,市场招聘需求极其旺盛,企业都抢着要. 尽管如此,小程序的教程却很缺,要么是不够系统,要么就是跳跃性太大,很多关键的地方寥寥数语,初学者摸不着头脑.我自己学的时候,就苦于找不到好一点的教程. 本文就是我的小
利用java制作一个小的目录查询器的方法

实例如下: import java.util.*; import javax.swing.*; import java.awt.*; import java.io.*; import java.awt.event.*; class MyWindow{ private Frame f1; private Button bt1; private TextField tx1; private TextArea tx2; MyWindow(){ init(); } public void init(){
带左右箭头图片轮播的JS代码

轮播图实现效果见下图,图片能自己轮播,点击左右按钮进行翻页轮播,鼠标悬停图片或者标题上,停止轮播: 效果图为: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/19

WPF制作带小箭头的按钮完整代码

相关推荐

随机推荐