Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?
我要評(píng)論Axure想要制作一個(gè)調(diào)整屏幕的亮度的效果，該怎么制作這個(gè)交互動(dòng)畫(huà)呢？主要是通過(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)畫(huà)?
相關(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-21
Axure 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-20
Axure設(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
