Expression Blend4学习——制作WPF按钮

Microsoft Expression Blend4 作为一款功能齐全的专业设计工具，利用它可以直接设计出想要的界面效果，而基本不需要编写代码。下面让我们一起来见识一下它强大的功能吧。 下面的例子就是用Expression Blend4制作WPF按钮的过程。 1.创建工程 FileNew Project，跳出如下窗口，选择WPFWPFApplication点击OK 图1 2.双击图2中红

　　

　　Microsoft Expression Blend4 作为一款功能齐全的专业设计工具，利用它可以直接设计出想要的界面效果，而基本不需要编写代码。下面让我们一起来见识一下它强大的功能吧。

　　下面的例子就是用Expression Blend4制作WPF按钮的过程。

　　1.创建工程

　　File——New Project，跳出如下窗口，选择WPF——WPFApplication—点击OK

 

　　图1

　　2.双击图2中红色圈右边的工具(添加grid面板)。

　　3.右击左侧工具箱里的 Rectangle(如下图2红色圈起的部分)，选择Ellipse，然后按住Shift键的同时，鼠标在画布上拖动，画出两个圆(小圆在上，大圆在下)，如图3，注：选择画布中的控件操作时，要先点击图2中左边第一个按钮，两个圆均放在Grid面板内。

　　

 

　　图2

　　

 

　　图3

　　4.选择某一个圆，点击属性Properties，选择Brushes，点击Fill，选择图4中红线圈出的部分(Gradient Brush),然后在颜色板里更改椭圆的填充颜色，两个椭圆填充颜色的方法相同。最后配出的椭圆颜色如图5

　　

 

　　图4

　　

 

　　图5

　　5.右击Objects and Timeline 面板下的[Grid]，然后选择Make Into Control……，如图6

　　

 

　　图6

　　6.第五步结束后，会跳出一个窗口，如图7 ，选择Button，然后Name一栏自己命名，Define in一栏默认，然后点击OK。

　　

 

　　图7

　　7.现在一个带有立体感的圆形Button按钮做好了，如图8

　　

 

　　图8

　　8.接下来给按钮添加MouseOver放大效果，Pressed缩小效果，选择图9中的Triggers，然后选择IsMouseOver=True

　　

 

　　图9

　　9.选择图2中右边第一个箭头，然后选中图6中的Grid，向外拉伸grid的任一个角，都会放大按钮，把按钮放大到自己想要的效果，当鼠标放上去的时候就有被放大的感觉了，现在IsMouseOver设置好了，接下来选择IsPressed=True，然后向里拉伸Grid的任一个按钮，都会缩小按钮，把按钮缩小到自己想要的效果，当鼠标点击的时候就有被按下去的感觉了

　　10.现在一个圆形的按钮已经做好了，按F5运行程序，鼠标放上去的时候，按钮有放大的效果，鼠标点击的时候有被按下去的效果，其实还可以更改背景颜色，这里就不详述了，O(∩_∩)O，有兴趣的可以自己试一下

本文来自绿茶叶的博客，原文地址:http://www.cnblogs.com/greenteaone/archive/2011/03/07/1971133.html