矩形中颜色渐变怎么加？

Dragon_Hui

矩形框中颜色渐变如何添加？

尹广磊

参考：http://www.hiaxure.com/thread-331-1-1.html

Dragon_Hui

2# 尹广磊

自己琢磨看到了，不过有另外一个问题，它上面的标签是怎么实现的，采用矩形悬停形式，我怎么也实现不了！

best919

2# 尹广磊

自己琢磨看到了，不过有另外一个问题，它上面的标签是怎么实现的，采用矩形悬停形式，我怎么也实现不了！
Dragon_Hui 发表于 2013-3-29 15:29

这个例子只用到两种元件，矩形和圆角矩形：矩形纵向填充圆角矩形制作例子中的鼠标悬停效果（或点击效果），具体思路：
1.填充好矩形渐变；
2.因为效果图中显示的标签为圆角，所以添加圆角矩形，适当拉大圆角矩形高度，使其下边圆角部分完全超出渐变矩形的底边；在圆角矩形中输入文字，加粗，调整文字上边距，将文字颜色设为白色；在圆角矩形填充色中将透明度调到100，使其完全透明，并将圆角矩形的线宽指定为“无“，这时就只能看到白色的文字了；然后鼠标右键”编辑内容－鼠标悬停样式“，在弹出的对话框中先将左下角的”预览“勾选（好看效果），然后设置字体颜色为红色、填充色为白色、边框为实线、线条颜色为深红色即可，点确定按钮关闭对话框。然后复制设置好的圆角矩形作为其他文字标签；

3.因为不想显示圆角矩形下面的圆角部分，所以将所有的元件选中并转为动态面板，然后调整动态面板的高度，使其底边与渐变矩形底边一致即可大功告成。
生成原型实际效果：

说得有点啰嗦，但其实挺简单的。附实例：
例子.rp (51.34 KB, 下载次数: 8)

2013-3-30 00:09 上传

点击文件名下载附件

jimmylu_gdnt

不错，学习了

jimmylu_gdnt

不错，学习了

best919

这个例子只用到两种元件，矩形和圆角矩形：矩形纵向填充圆角矩形制作例子中的鼠标悬停效果（或点击效果），具体思路：
1.填充好矩形渐变；
2.因为效果图中显示的标签为圆角，所以添加圆角矩形，适当拉大圆角矩形 ...
best919 发表于 2013-3-30 00:09

其实将里面的标签换成形状: 顶部圆角矩形  会更好的.

xqyy0611

渐变颜色。