Axure RP 手机锁屏解锁的交互效果-动态面板的应用

本文通过一个详细的步骤指南,介绍了如何利用Axure RP的动态面板功能制作手机锁屏解锁的交互效果。从创建各组件,转换为动态面板,到设置开始、拖动和结束拖动时的交互事件,最终实现解锁页面的跳转,提供了一个直观的原型设计案例。
摘要由CSDN通过智能技术生成

开始拖动动态面板时事件是指开始拖动动态面时触发的交互行为。下面以一个锁屏解锁的交互效果为案例来介绍开动拖动动态面板时事件。产品设计axure 交互效果。

步骤1:
准备一张“解锁”图标。另从部件库中拖拽三个矩形到线框图中,分别调整成圆角矩形,两个圆形(一大一小)



 

步骤2:
选中两个圆形,右击打开快捷菜单,点击“转换为动态面板”,并命名为“拖拽按钮”


 

步骤3:
从部件库中拖拽一个单行文本框到线框图中,输入文字“向右滑动解锁>”,命名为“解锁文字”

 

步骤4:
导入“解锁”图标&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值