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