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。
總結
這只是一個非常非常小的知識點,希望能夠對你有所幫助。
本文由 @awai827 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Pexels ,基于 CC0 協議
評論
這都能騙一個文章
哈哈哈
好尷尬,確實是自己遇到的問題,還和axure反饋說是bug,后來才發現是自己沒搞清楚。感謝回復