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

5 評論 11491 瀏覽 3 收藏 3 分鐘

本文主要說明為什么通常情況下在Axure中使用命令Set Opacity改變一個矩形的透明度時,矩形框的透明度卻不是想要的效果;以及如何解決這個問題。

通常情況下,如何給一個矩形框設置透明度呢?

我的習慣是:為矩形框填充一個顏色,并為顏色設置透明度。

通常情況下,這個都是OK的,但是在下面這種情況下,就出現問題了。

遇到問題

前提:矩形框填充任意顏色,并設置填充顏色的透明度為50%

在使用命令Set Opacity改變一個矩形的透明度時候,發現兩個問題:

  1. 通過命令【Set Opacity】設置矩形框的透明度為100%,無效;
  2. 通過命令【Set Opacity】設置矩形框的透明度為20%,發現設置后的20%并不是期望中得到的20%。

執行點擊后,結果沒有得到想要的效果,如下:

解決問題

前提:矩形框填充任意顏色,設置矩形框透明度(之前設置是矩形框填充顏色的透明度為50%)為50%:

  1. 設置矩形框的透明度為100%;
  2. 設置矩形框的透明度為20%。

執行點擊后,最終得到想要的結果,如下:

通過這次的運行,得到了想要的效果。

到底是哪里的問題導致這個結果的差異呢?

問題的原因

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

總結

這只是一個非常非常小的知識點,希望能夠對你有所幫助。

 

本文由 @awai827 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Pexels ,基于 CC0 協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這都能騙一個文章

    回復
    1. 哈哈哈

      來自廣東 回復
    2. 好尷尬,確實是自己遇到的問題,還和axure反饋說是bug,后來才發現是自己沒搞清楚。感謝回復

      來自遼寧 回復