Blend 制作水晶按钮

Blend 制作水晶按钮【转帖:http://www.cnblogs.com/xiaokang088/archive/2011/04/29/2032648.html

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

 Blend 制作水晶按钮

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

  Blend 制作水晶按钮

 Blend 制作水晶按钮

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

 Blend 制作水晶按钮

 Blend 制作水晶按钮

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

  Blend 制作水晶按钮

 Blend 制作水晶按钮

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

  Blend 制作水晶按钮

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

  Blend 制作水晶按钮

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

  Blend 制作水晶按钮

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

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

 Blend 制作水晶按钮

 Blend 制作水晶按钮

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

 Blend 制作水晶按钮

转载于:https://www.cnblogs.com/kelei12399/archive/2012/08/02/2619334.html