Blend 制作水晶按钮

Blend 制作水晶按钮

1.在界面上画一个矩形，宽150 高50，圆角10，边线宽度为0

 

2.填充渐变色，纵向渐变，StartPoint和EndPoint 见下图。两个渐变点颜色值为 #FF313030、#FFCECACA

  

 

3.将当前的矩形复制一份，以下称为矩形2，调整尺寸和圆角，如下

 

 

4.调整矩形2 的渐变画刷，如下图：两个渐变点颜色值都为#FFFFFF,第二个渐变点的Alaha值设为0

  

 

5.将两个矩形放入grid内，然后右键菜单—》group in-》grid，如下：

  

6. 选中rectangle2,设置margin和alignment如下图

  

7. 菜单View---》Show Handles，或者直接按F9，效果出来了，如下:

  

如果觉得颜色需要调整，选中rectangle1，然后调整两个渐变点的颜色。

8. 再按F9,把handles 显示出来，选中Grid，右键 make into control，选择button，然后改key名称，ok即可。

 

 

9.按钮鼠标滑过，按下等效果在这里设置

 

选中MouseOver，然后更改相应的属性即可。