Axure怎么设计调整屏幕亮度效果的效果?
百度经验 发布时间：2018-11-30 12:32:35 作者：毕志华1991 
我要评论
我要评论Axure怎么设计调整屏幕亮度效果的效果？Axure设计网页原型很简单，想要制作一个调整屏幕亮度的交互效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下
Axure想要制作一个调整屏幕的亮度的效果，该怎么制作这个交互动画呢？主要是通过移动的位置和距离来控制的，下面我们就来看看详细的教程。
1、打开Axure原型工具，创建一个空白页面，在工作区域中拖入矩形、椭圆形及动态面板等元件元素，如下图所示。
2、元件素材准备完成后，将各处元件的样式进行调整，并将椭圆形放入到动态面板中，同时需要对各个元件的名称进行命名，后面在做交互的时候需要用到，如下图所示。
3、下面开始对前置的线条选中时的样式进行设置，主要是填充颜色的变化，后面做交互事件的时候会应用到，如下图所示。
4、选中的样式设置完成后，对动态页面的拖动时的交互事件进行设置，如下图所示。
5、在设置动态面板拖动时的交互事件时，需要用到变量，主要用于判断背景线条的长度和位置，这样圆形只能在这条线上拖动，如下图所示。
6、下面一步，对页面加载的交互事件进行设置，将对应的元件设置成选中状态，如下图所示。
7、最后我们将元件拖放到一起，形成好看的效果，并加入另外一些图标或元素做修饰 ，如下图所示。
8、好了，所有交互和样式都设置完成了，f5预览一下效果，拖动线上面的圆，是不是有调整屏幕亮度的效果。
以上就是Axure制作调整屏幕亮度效果的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure RP 8设怎么控制输入框禁用或启用？想要设置一个输入框的禁用或者启用的按钮，并实现相对应的功能，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-14
Axure RP 8怎么设置控制多选列表传值的效果？Axure RP 8总想通过按钮点击事件给多选列表添加值，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-04-05
Axure元件怎么锁定与解锁？Axure绘制网页原型的时候，想要锁定某些元件，该怎么锁定呢？锁定以后又该怎么解锁呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-27
Axure RP怎么设计弹出窗口的效果？Axure RP在设计网页原型的时候，需要制作一个弹出的窗口，该怎么设置呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-27
Axure怎么制作商品详情页产品图展示效果？想要使用Axure设计一个商品图片展示效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-26
Axure怎么制作中继器的筛选功能？Axure中设计网页的时候，想要使用志及其制作一个筛选的教程，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-26
axure怎么制作复选框的全选和反选？axure中制作了三个复选框，想要添加两个按钮可以控制复选框，一个是全选按钮，一个是单选按钮，该怎么制作呢？下面我们就来看看详细的教2017-03-22
Axure RP 8怎么设计单选按钮和按钮选择值？Axure RP 8设计网页的时候，想要插入单选按钮、按钮和输入框，该怎么办呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-03-21
Axure RP 8怎么设计模拟播放器模型？Axure RP 8中想要设计一款mp3音乐播放器，该怎么设计呢？下面我们就来看看使用Axure设计的教程，需要的朋友可以参考下2017-03-20
Axure设计的网页怎么生成html文件？Axure中设计了网页，想要将网页生成html页面，该怎么生成呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-02-28
最新评论