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,然后更改相应的属性即可。

原文地址:https://www.cnblogs.com/xiaokang088/p/2032648.html