透明度

本文介绍了如何在Axure中创建一个透明度调节功能,通过动态面板和交互设置,实现图片透明度随着调节滑块移动而变化。详细讲解了设置动态面板移动、交互界限以及透明度计算的步骤,包括相关变量的配置和函数表达式。
摘要由CSDN通过智能技术生成
  1. 先在Axure中设置好调节透明度的展示效果,比如说在手机的样式图中放置一张图片,然后下面放一个类似调节音量的调节线,如下

     

  2. 把小圆点设置为动态面板然后设置拖动时选择移动设置为水平移动,为了方便我们先把进度条分开打上备注。
  3. 以免设置交互时找不到,在水平移动中添加界限一个为左侧一个为右侧,在这里你会发现在选择位置的旁边有一个选择符号的框,在左侧选择>=,在右侧选择<=
  4. 左侧在选择符号的旁边有一个,选择变量的框点击旁边的fx,接下来先设置一个局部变量,把状态选择为元件,后面的是参考条(就是在下面不动的),设置好后就开始设置变量,在插入变量中找到元件选择X,下面会出现[[This.x]]把This换成

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值