您现在的位置是：首页 > 设计知识设计知识
axure拖动滑块解锁,axure怎么做滑动效果
网一2022-11-23 10:55:59设计知识34人已围观
简介axure拖动滑块解锁,axure怎么做滑动效果Python在我们设计手机UI的时候经常会看到一些类似右滑的解锁效果，那么是如何实现的呢？今天我们就来看看如何通过Axure实现滑动解锁效果。有很多“AxureRP”
Python在我们设计手机UI的时候经常会看到一些类似右滑的解锁效果，那么是如何实现的呢？今天我们就来看看如何通过Axure实现滑动解锁效果。
有很多“Axure RP”的视频课程，请点击查看。
工具/软件
硬件型号：华为笔记本MateBook 14s
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
打开软件后，我们在目录中选择“rectangle”组件，并将其拖动到画布中。并设置设置矩形的位置，x:0，y:0，(x和y代表画布上的位置，根据项目中的具体位置进行设置)。宽度为w:400，高度为h:50(如图)。
第2步
在组件中选择“动态面板”并拖动到刚刚绘制的矩形中(如图)。
第3步
双击动态面板。看到蓝色蚂蚁线后，给动态面板添加一个图标，带滑动效果。(如图)。
第4步
选择动态面板，点击右上角属性栏的“拖动时”(如图)。
第5步
在弹出的对话框中点击“移动”，在配置动作中选择“动态面板”，移动选择“水平拖动”，动画选择“慢动画”。边界参数：top > 0，left <=0，bottom <=40，right >=400(如图)。点击确定，完成设置(如图)。
第6步
保存文件，在浏览器中预览，滑动鼠标看效果。
:
第7步
1.选择组件设置大小。
2.选择动态面板。
3.设置参数添加图标。
4.选择拖动效果。
5.设置参数
6.结束
注意/提示
好了，这次关于“Axure是如何实现滑动解锁效果的？”分享到此为止。希望小六分享的内容能帮助到大家。同时可以关注一下，有不懂的问题可以在这里找到详细的解决方法。
Tags：
很赞哦！ ()