Axure想要制作一個調整屏幕的亮度的效果，該怎么制作這個交互動畫呢？主要是通過移動的位置和距離來控制的，下面我們就來看看詳細的教程。

1、打開Axure原型工具，創建一個空白頁面，在工作區域中拖入矩形、橢圓形及動態面板等元件元素，如下圖所示。

2、元件素材準備完成后，將各處元件的樣式進行調整，并將橢圓形放入到動態面板中，同時需要對各個元件的名稱進行命名，后面在做交互的時候需要用到，如下圖所示。

3、下面開始對前置的線條選中時的樣式進行設置，主要是填充顏色的變化，后面做交互事件的時候會應用到，如下圖所示。

4、選中的樣式設置完成后，對動態頁面的拖動時的交互事件進行設置，如下圖所示。

5、在設置動態面板拖動時的交互事件時，需要用到變量，主要用于判斷背景線條的長度和位置，這樣圓形只能在這條線上拖動，如下圖所示。

6、下面一步，對頁面加載的交互事件進行設置，將對應的元件設置成選中狀態，如下圖所示。

7、最后我們將元件拖放到一起，形成好看的效果，并加入另外一些圖標或元素做修飾 ，如下圖所示。

8、好了，所有交互和樣式都設置完成了，f5預覽一下效果，拖動線上面的圓，是不是有調整屏幕亮度的效果。

以上就是Axure制作調整屏幕亮度效果的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

Axure8怎么使用鋼筆畫線段?

Axure8怎么將所有頁面導出為圖片?

Axure怎么制作一個幸運大轉盤動畫?