Expression Blend学习四控件-按钮

Expression Blend制作自定义按钮

1.从Blend工具箱中添加一个Button,按住shift,将尺寸调整为125*125;

2.右键点击此按钮，选择Edit control parts(template)>Edit a copy...

3.在弹出的Create style resource对话框中，修改新按钮样式的名称

4.在左侧的Object and timeline面板中选中ContentPresenter元素，按Ctrl+X将此标记临时保存到内存中

5.选中Chrome,按Delete键删除

6.选中Template,在工具条中双击Grid,添加一个Grid到Template中

7.双击Grid，按Ctrl+V将之前保存在内存中的ContentPresenter元素粘贴到Grid中

8.在Property面板的Layout中修改ContentPresenter的属性，将HorizontalAllignment和VerticalAllignment设为Center，将Margin属性Reset为0

9.添加一个Ellipse到Grid中，设置其width和Height属性为Auto,这样此圆会始终与Grid大小相同

10.选中Ellipse，然后在Brushes中选择GradientBrush

11.选中左侧的Stop，调整其颜色为深蓝色，然后将其向右拖到大约三分之一的位置

12.在工具条中选择Brush Transform工具,然后按住圆上的箭头调整使其朝向右上角

13.选择Stroke，设置颜色为黄色，StrokeThickness为5

14.在Triggers面板中点击+Property,添加一个PropertyTrigger

15.选择IsMouseOver，然后修改结果为True

16.将左侧的Stop的颜色设置为浅蓝色，并将StrokeThickness设置为8

17.点击ScopeUp按钮推出Template编辑，然后按F5，即可看到自定义按钮的实际效果

不过这个自定义按钮还是有点问题：按钮的Content属性是字符串"Button",可实际上看不到这个内容。原因是在编辑Template 时，ContentPresenter（用于放置Content的元素）和Ellipse的顺序不正确，导致Content被Ellipse遮住了，只要进入编辑模式将ContentPresenter的位置调整下就好了

修正后的自定义按钮的行为就很正常了：

注意，由于Button是一个Content控件，具有Content属性，因此可以包含任何WPF控件/元素，比如图片等，而不仅仅是"Button"这样的字符串。

转载于:https://www.cnblogs.com/iChina/archive/2011/11/25/2262854.html

Expression Blend学习四控件-按钮相关推荐

Expression Blend学习5控件
Expression Blend ButtonStyle- TextButton 本章以TextButton为例,讲解如何最简单,最快速的制作一个专业的TextButton. 对于这个TextButt ...
.net学习之母版页执行顺序、jsonp跨域请求原理、IsPostBack原理、服务器端控件按钮Button点击时的过程、缓存、IHttpModule 过滤器...
1.WebForm使用母版页后执行的顺序是先执行子页面中的Page_Load,再执行母版页中的Page_Load,请求是先生成母版页的控件树,然后将子页面生成的控件树填充到母版页中,最后输出 2.We ...
Expression Blend学习动画基础
原文:Expression Blend学习动画基础什么是动画(Animation)? 动画就是时间+换面的组合,画面跟着时间变化.最常见的是flash的动画,还有GIF动态图片. 动画的主要元素时 ...
Delphi 7学习开发控件
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 我们知道 ...
excel 表单控件按钮_Excel表单控制按钮怪癖
excel 表单控件按钮 If you're building an Excel workbook for other people to use, you can add form control ...
Gtk常用控件按钮图片控件进度条滑动窗口分栏列表
Gtk常用控件按钮(GtkButton) // 带图标按钮的创建 // image: 通过 gtk_image_new_from_file()来创建, 参数为图片的路径 void gtk_butto ...
3、Web 窗体的基本控件——按钮控件（Button，LinkButton）
3.Web 窗体的基本控件--按钮控件(Button,LinkButton) 按钮控件(Button,LinkButton) 前端 <%@ Page Language="C#" ...
安卓学习笔记18：常用控件 - 按钮、图像视图和图像按钮
文章目录零.学习目标一.按钮控件 1.继承关系图 2.常用属性二.图像视图 1.继承关系图 2.常用属性三.图像按钮 1.继承关系图 2.常用属性四.教学案例 - 通过按钮缩放图片 (一)运 ...
学习UpdatePanel控件
UpdatePanel控件的使用 ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果.其中的UpdatePanel就是设置页面中异步局部更新区域,它必须依赖 ...
学习UpdatePanel控件-
原文可以显示图片(转载:http://blog.csdn.net/ILOVEMSDN/archive/2007/11/11/1879343.aspx) UpdatePanel控件的使用 200 ...

Expression Blend学习四控件-按钮

Expression Blend学习四控件-按钮相关推荐

最新文章

热门文章