Expression Blend学习四控件
来源:互联网 发布:mac战网怎么切换大小写 编辑:程序博客网 时间:2024/06/16 10:22
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"这样的字符串。
- Expression Blend学习四控件
- Expression Blend学习5控件
- Expression Blend学习动画基础
- 微软Expression Blend基础教程系列 - Blend基础-布局控件
- Expression Blend 属性面板和常用控件
- Expression Blend - 控件模板快速入门ControlTemplates
- Expression Blend
- 快速学习Expression Blend开发三要素
- Expression Blend学习二UI布局
- 微软Expression Blend基础教程系列 - Blend基础-控件与用户控件
- WP7-Expression Blend 为Banner Text控件创建动画效果
- Microsoft Expression Blend Unleashed
- Expression Blend 4 下载
- MPF--Expression Blend
- Expression Blend制作动画
- Expression Blend 5 安装
- Expression blend 4 破解
- Expression Blend 4 Tutorial
- Windows server 搭建 shadowsocks服务端
- Linux线程的操作以及与进程的区别
- 学习互联网架构第七课(ThreadLocal的使用)
- 静默安装和卸载第三方apk
- 表格布局TableLayout
- Expression Blend学习四控件
- CenOS 7安装Nginx
- Spring-boot 微服务jar包方式启动,获取jar内资源文件到本地磁盘
- Laravel邮件、事件、队列浅谈
- 使用Unity 实现依赖注入
- 微信小程序 动画
- Android Service完全解析,关于服务你所需知道的一切(上)
- 个人学习oracle数据库内连接和外连接心得
- Inno Setup 编程技术全图文教程(转载)