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