番茄系统家园 - 免费重装系统!简单装系统,人人都是装机大师!
当前位置:首页>软件问题 > Axure怎么设计调整屏幕亮度效果的效果?

Axure怎么设计调整屏幕亮度效果的效果?

来源:番茄系统家园浏览:时间:2022-04-07 18:22:14

Axure想要制作一个调整屏幕的亮度的效果,该怎么制作这个交互动画呢?主要是通过移动的位置和距离来控制的,下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

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

Axure怎么设计调整屏幕亮度效果的效果?

2、元件素材准备完成后,将各处元件的样式进行调整,并将椭圆形放入到动态面板中,同时需要对各个元件的名称进行命名,后面在做交互的时候需要用到,如下图所示。

Axure怎么设计调整屏幕亮度效果的效果?

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

Axure怎么设计调整屏幕亮度效果的效果?

4、选中的样式设置完成后,对动态页面的拖动时的交互事件进行设置,如下图所示。

Axure怎么设计调整屏幕亮度效果的效果?

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

Axure怎么设计调整屏幕亮度效果的效果?

6、下面一步,对页面加载的交互事件进行设置,将对应的元件设置成选中状态,如下图所示。

Axure怎么设计调整屏幕亮度效果的效果?

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

Axure怎么设计调整屏幕亮度效果的效果?

Axure怎么设计调整屏幕亮度效果的效果?

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

Axure怎么设计调整屏幕亮度效果的效果?

Axure怎么设计调整屏幕亮度效果的效果?

以上就是Axure制作调整屏幕亮度效果的教程,希望大家喜欢,请继续关注。

相关推荐:

推荐系统

  • 雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载

    雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载64位
    系统大小:0MB系统类型:WinXP

    雨林木风在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业知名品牌,雨林木风WindowsXP其系统口碑得到许多人认可,积累了广大的用户群体,是一款稳定流畅的系统,雨林木风 winxp下载 纯净版 永久激活 winxp ghost系统 sp3 系统下载,有需要的朋友速度下载吧。

    系统等级:
    进入下载 >
  • 萝卜家园win7纯净版 ghost系统下载 x64 联想电脑专用

    萝卜家园win7纯净版 ghost系统下载 x64 联想电脑专用64位
    系统大小:0MB系统类型:Win7

    萝卜家园win7纯净版是款非常纯净的win7系统,此版本优化更新了大量的驱动,帮助用户们进行舒适的使用,更加的适合家庭办公的使用,方便用户,有需要的用户们快来下载安装吧。

    系统等级:
    进入下载 >
  • 雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载

    雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载64位
    系统大小:1.01GB系统类型:WinXP

    雨林木风xp系统 xp系统纯净版 winXP ghost xp sp3 纯净版系统下载,雨林木风WinXP系统技术积累雄厚深耕多年,采用了新的系统功能和硬件驱动,可以更好的发挥系统的性能,优化了系统、驱动对硬件的加速,加固了系统安全策略,运行环境安全可靠稳定。

    系统等级:
    进入下载 >
  • 萝卜家园win10企业版 免激活密钥 激活工具 V2023 X64位系统下载

    萝卜家园win10企业版 免激活密钥 激活工具 V2023 X64位系统下载64位
    系统大小:0MB系统类型:Win10

    萝卜家园在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的萝卜家园品牌,(win10企业版,win10 ghost,win10镜像),萝卜家园win10企业版 免激活密钥 激活工具 ghost镜像 X64位系统下载,其系统口碑得到许多人认可,积累了广大的用户群体,萝卜家园win10纯净版是一款稳定流畅的系统,一直以来都以用户为中心,是由萝卜家园win10团队推出的萝卜家园

    系统等级:
    进入下载 >
  • 萝卜家园windows10游戏版 win10游戏专业版 V2023 X64位系统下载

    萝卜家园windows10游戏版 win10游戏专业版 V2023 X64位系统下载64位
    系统大小:0MB系统类型:Win10

    萝卜家园windows10游戏版 win10游戏专业版 ghost X64位 系统下载,萝卜家园在系统方面技术积累雄厚深耕多年,打造了国内重装系统行业的萝卜家园品牌,其系统口碑得到许多人认可,积累了广大的用户群体,萝卜家园win10纯净版是一款稳定流畅的系统,一直以来都以用户为中心,是由萝卜家园win10团队推出的萝卜家园win10国内镜像版,基于国内用户的习惯,做

    系统等级:
    进入下载 >
  • windows11下载 萝卜家园win11专业版 X64位 V2023官网下载

    windows11下载 萝卜家园win11专业版 X64位 V2023官网下载64位
    系统大小:0MB系统类型:Win11

    萝卜家园在系统方面技术积累雄厚深耕多年,windows11下载 萝卜家园win11专业版 X64位 官网正式版可以更好的发挥系统的性能,优化了系统、驱动对硬件的加速,使得软件在WINDOWS11系统中运行得更加流畅,加固了系统安全策略,WINDOWS11系统在家用办公上跑分表现都是非常优秀,完美的兼容各种硬件和软件,运行环境安全可靠稳定。

    系统等级:
    进入下载 >