Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?

Axure想要制作一個(gè)調(diào)整屏幕的亮度的效果,該怎么制作這個(gè)交互動(dòng)畫呢?主要是通過(guò)移動(dòng)的位置和距離來(lái)控制的,下面我們就來(lái)看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
1、打開(kāi)Axure原型工具,創(chuàng)建一個(gè)空白頁(yè)面,在工作區(qū)域中拖入矩形、橢圓形及動(dòng)態(tài)面板等元件元素,如下圖所示。
2、元件素材準(zhǔn)備完成后,將各處元件的樣式進(jìn)行調(diào)整,并將橢圓形放入到動(dòng)態(tài)面板中,同時(shí)需要對(duì)各個(gè)元件的名稱進(jìn)行命名,后面在做交互的時(shí)候需要用到,如下圖所示。
3、下面開(kāi)始對(duì)前置的線條選中時(shí)的樣式進(jìn)行設(shè)置,主要是填充顏色的變化,后面做交互事件的時(shí)候會(huì)應(yīng)用到,如下圖所示。
4、選中的樣式設(shè)置完成后,對(duì)動(dòng)態(tài)頁(yè)面的拖動(dòng)時(shí)的交互事件進(jìn)行設(shè)置,如下圖所示。
5、在設(shè)置動(dòng)態(tài)面板拖動(dòng)時(shí)的交互事件時(shí),需要用到變量,主要用于判斷背景線條的長(zhǎng)度和位置,這樣圓形只能在這條線上拖動(dòng),如下圖所示。
6、下面一步,對(duì)頁(yè)面加載的交互事件進(jìn)行設(shè)置,將對(duì)應(yīng)的元件設(shè)置成選中狀態(tài),如下圖所示。
7、最后我們將元件拖放到一起,形成好看的效果,并加入另外一些圖標(biāo)或元素做修飾 ,如下圖所示。
8、好了,所有交互和樣式都設(shè)置完成了,f5預(yù)覽一下效果,拖動(dòng)線上面的圓,是不是有調(diào)整屏幕亮度的效果。
以上就是Axure制作調(diào)整屏幕亮度效果的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
Axure怎么制作一個(gè)幸運(yùn)大轉(zhuǎn)盤動(dòng)畫?
相關(guān)文章
- Axure RP 8設(shè)怎么控制輸入框禁用或啟用?想要設(shè)置一個(gè)輸入框的禁用或者啟用的按鈕,并實(shí)現(xiàn)相對(duì)應(yīng)的功能,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-14
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?Axure RP 8總想通過(guò)按鈕點(diǎn)擊事件給多選列表添加值,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-04-05- Axure元件怎么鎖定與解鎖?Axure繪制網(wǎng)頁(yè)原型的時(shí)候,想要鎖定某些元件,該怎么鎖定呢?鎖定以后又該怎么解鎖呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-03-27
- Axure RP怎么設(shè)計(jì)彈出窗口的效果?Axure RP在設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,需要制作一個(gè)彈出的窗口,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-03-27
Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果?
Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果?想要使用Axure設(shè)計(jì)一個(gè)商品圖片展示效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-03-26- Axure怎么制作中繼器的篩選功能?Axure中設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想要使用志及其制作一個(gè)篩選的教程,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-03-26
- axure怎么制作復(fù)選框的全選和反選?axure中制作了三個(gè)復(fù)選框,想要添加兩個(gè)按鈕可以控制復(fù)選框,一個(gè)是全選按鈕,一個(gè)是單選按鈕,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教2017-03-22
Axure RP 8怎么設(shè)計(jì)單選按鈕和按鈕選擇值?
Axure RP 8怎么設(shè)計(jì)單選按鈕和按鈕選擇值?Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想要插入單選按鈕、按鈕和輸入框,該怎么辦呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-03-21Axure RP 8怎么設(shè)計(jì)模擬播放器模型?
Axure RP 8怎么設(shè)計(jì)模擬播放器模型?Axure RP 8中想要設(shè)計(jì)一款mp3音樂(lè)播放器,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看使用Axure設(shè)計(jì)的教程,需要的朋友可以參考下2017-03-20Axure設(shè)計(jì)的網(wǎng)頁(yè)怎么生成html文件?
Axure設(shè)計(jì)的網(wǎng)頁(yè)怎么生成html文件?Axure中設(shè)計(jì)了網(wǎng)頁(yè),想要將網(wǎng)頁(yè)生成html頁(yè)面,該怎么生成呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2017-02-28