本文主要說(shuō)明為什么通常情況下在Axure中使用命令Set Opacity改變一個(gè)矩形的透明度時(shí)，矩形框的透明度卻不是想要的效果；以及如何解決這個(gè)問(wèn)題。

通常情況下，如何給一個(gè)矩形框設(shè)置透明度呢？

我的習(xí)慣是：為矩形框填充一個(gè)顏色，并為顏色設(shè)置透明度。

通常情況下，這個(gè)都是OK的，但是在下面這種情況下，就出現(xiàn)問(wèn)題了。

遇到問(wèn)題

前提：矩形框填充任意顏色，并設(shè)置填充顏色的透明度為50%

在使用命令Set Opacity改變一個(gè)矩形的透明度時(shí)候，發(fā)現(xiàn)兩個(gè)問(wèn)題：

1. 通過(guò)命令【Set Opacity】設(shè)置矩形框的透明度為100%，無(wú)效；
2. 通過(guò)命令【Set Opacity】設(shè)置矩形框的透明度為20%，發(fā)現(xiàn)設(shè)置后的20%并不是期望中得到的20%。

執(zhí)行點(diǎn)擊后，結(jié)果沒(méi)有得到想要的效果，如下：

解決問(wèn)題

前提：矩形框填充任意顏色，設(shè)置矩形框透明度（之前設(shè)置是矩形框填充顏色的透明度為50%）為50%：

1. 設(shè)置矩形框的透明度為100%；
2. 設(shè)置矩形框的透明度為20%。

執(zhí)行點(diǎn)擊后，最終得到想要的結(jié)果，如下：

通過(guò)這次的運(yùn)行，得到了想要的效果。

到底是哪里的問(wèn)題導(dǎo)致這個(gè)結(jié)果的差異呢？

問(wèn)題的原因

1. 矩形框的填充色的Opacity（Fill Color中設(shè)置）與矩形框本身的Opacity（控件的STYLE中設(shè)置）這是兩個(gè)不同屬性；
2. 【Set Opacity】命令設(shè)置的是矩形框本身的Opacity而不是填充色的Opacity。

總結(jié)

這只是一個(gè)非常非常小的知識(shí)點(diǎn)，希望能夠?qū)δ阌兴鶐椭?/p>

本文由 @awai827 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels ，基于 CC0 協(xié)議