快好知 kuaihz

Axure技巧:矩形框的透明度与填充色的透明度

本文主要说明为什么通常情况下在Axure中使用命令Set Opacity改变一个矩形透明度时,矩形框的透明度却不是想要的效果;以及如何解决这个问题。

通常情况下,如何给一个矩形框设置透明度呢?

我的习惯是:为矩形框填充一个颜色,并为颜色设置透明度

通常情况下,这个都是OK的,但是在下面这种情况下,就出现问题了。

遇到问题

前提:矩形框填充任意颜色,并设置填充颜色的透明度为50%

在使用命令Set Opacity改变一个矩形透明度时候,发现两个问题:

通过命令【Set Opacity】设置矩形框的透明度为100%,无效;

通过命令【Set Opacity】设置矩形框的透明度为20%,发现设置后的20%并不是期望中得到的20%。

执行点击后,结果没有得到想要的效果,如下:

解决问题

前提:矩形框填充任意颜色,设置矩形透明度(之前设置是矩形框填充颜色的透明度为50%)为50%:

设置矩形框的透明度为100%;

设置矩形框的透明度为20%。

执行点击后,最终得到想要的结果,如下:

通过这次的运行,得到了想要的效果。

到底是哪里的问题导致这个结果的差异呢?

问题的原因

矩形框的填充色的Opacity(Fill Color中设置)与矩形框本身的Opacity(控件的STYLE中设置)这是两个不同属性;

【Set Opacity】命令设置的是矩形框本身的Opacity而不是填充色的Opacity。

总结

这只是一个非常非常小的知识点,希望能够对你有所帮助。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:透明度  透明度词条  矩形  矩形词条  填充  填充词条  技巧  技巧词条  Axure  Axure词条  
原型

 Axure教程|手把手教你用Ax...

通过使用Axure制作「贪吃蛇」游戏,使自己更加熟练Axure中的各种函数及对一款产品开发时的结构梳理及逻辑分析。本文的受众对象为喜欢Axure或想学Axure...(展开)

原型

 Axure教程:以微信为例,模拟...

无论是APP还是网站,上下纵向浏览或者左右横向浏览是非常常见的,除此之外,大家肯定也都注意到了一种情况一种现象:当内容浏览到底部时,继续下拉页面会出现触底反弹,...(展开)

原型

 Axure 教程:用 Axure...

这次我找了我之前用 Axure 做的一个简历,给大家做一个分享。简历较为简约,可以自行添加内容。这个我之前在面试的时候有用过,对于产品经理、交互设计师……当你用...(展开)