Axure RP 8怎么制作圓形不斷變換透明度的效果?

Axure RP 8設(shè)計軟件有橢圓形元件,可以根據(jù)橢圓形形狀、透明度、背景色設(shè)置成不同的圖形。場景:有五個圓圈,中心圓圈是四個方向圓圈半徑的兩倍,點擊中心圓圈,四個方向的圓圈透明度發(fā)生改變,操作如下:

原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型:輔助設(shè)計
- 大?。?/span>90.5MB
- 語言:簡體中文
- 時間:2018-05-24
1、雙擊打開Axure RP 8設(shè)計軟件,在元件庫中找到橢圓形,拖一個到畫布上,如下圖所示:
2、再次拖四個橢圓形到畫布上,調(diào)整寬度和高度,使其半徑為中心圓圈的一半,如下圖所示:
3、選中中心圓圈,設(shè)置填充色,設(shè)置背景色為藍(lán)色,如下圖所示:
4、分別選中周圍的四個圓,給它們設(shè)置一個名稱為up、down、left和right,如下圖所示:
5、分別給四個圓圈設(shè)置填充色,設(shè)置不同的顏色,如下圖所示:
6、選中中心圓,添加鼠標(biāo)單擊事件用例,分別修改四個圓圈的透明度,如下圖所示:
相關(guān)推薦:
相關(guān)文章
- Axure RP 8怎么給下拉列表框添加多個值?Axure RP 8中想要制作一個下拉列表,有多個數(shù)值,該怎么制作呢?下面我們就來Axure給下拉列表框添加多行值的教程,需要的朋友可以2017-01-05
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?
Axure RP 8橢圓形元件怎么設(shè)置透明度陰影等屬性?Axure RP 8中自帶了橢圓形元件,這個元件怎么設(shè)置陰影、邊框、填充色呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2017-01-04Axure RP 8怎么設(shè)計內(nèi)聯(lián)框架原型?
Axure RP 8怎么設(shè)計內(nèi)聯(lián)框架原型?Axure設(shè)計網(wǎng)頁原型的時候,想要做一個內(nèi)部嵌套框架或頁面,將視頻、頁面、地圖放入框架中,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,2017-01-04Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?
Axure RP 8怎么制作一個旋轉(zhuǎn)的圓角圖片?Axure中想要旋轉(zhuǎn)圖片元件,將直角圖形變成圓角,該怎么設(shè)置呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-04- Axure RP 8怎么制作按鈕控制下拉框選項?Axure RP 8中想要制作一個按鈕觸發(fā)事件,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-01-01
- Axure RP 8怎么制作驗證碼倒計時原型?平時我們填寫手機驗證碼的時候,驗證碼都是有時效的,該怎么設(shè)置一分鐘的倒計時時效呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以2016-12-30
- Axure RP 8怎么設(shè)置文字提交工功能原型?Axure中經(jīng)常制作一些網(wǎng)頁原型,想要設(shè)置一個可以提交文本的功能,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-12-30
Axure RP 8怎么設(shè)計可以完成數(shù)學(xué)加法計算?
Axure RP 8怎么設(shè)計可以完成數(shù)學(xué)加法計算?Axure設(shè)計網(wǎng)頁的時候,想要在輸入框中輸入數(shù)據(jù),完成加法計算,該怎么設(shè)計呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2016-12-30- Axure RP 8怎么利用變量控制標(biāo)題變化?Axure中想要制作一個通過按鈕改變二級標(biāo)題,該怎么設(shè)置呢?下面我們就來看看Axure結(jié)合變量和元件控制標(biāo)題變化的教程,需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?想要給網(wǎng)頁添加一個圖片點贊的功能,該怎么添加呢?下面我們就來看看使用Axure來完成的教程,需要的朋友可以參考下2016-12-29