Axure原型工具实现调整屏幕亮度效果

1、打开Axure原型工具，创建一个空白页面，在工作区域中拖入矩形、椭圆形及动态面板等元件元素，如下图所示。

3、下面开始对前置的线条选中时的样式进行设置，主要是填充颜色的变化，后面做交互事件的时候会应用到，如下图所示。

5、在设置动态面板拖动时的交互事件时，需要用到变量，主要用于判断背景线条的长度和位置，烂瘀佐栾这样圆形只能在这条线上拖动，如下图所示。

7、最后我们将元件拖放到一起，形成好看的效果，并加入另外一些图标或元素做修饰 ，如下图所示。

8、好了，所有交互和样式都设置完成了，f5预览一下效果，拖动线上面的圆，是不是有调整屏幕亮度的效果。