您现在的位置是：首页 > 设计知识设计知识
axure做滚动,axure动态面板左右滑动
网一2022-11-23 10:40:12设计知识17人已围观
简介axure做滚动,axure动态面板左右滑动pythonAxure是如何实现手机滑动解锁屏幕的效果的？作为一个产品，我们有时候会接触到一些手机ui产品。今天小六主要想和大家分享一个Axure的方法，实现手机滑动解锁屏幕的效果，希望能
pythonAxure是如何实现手机滑动解锁屏幕的效果的？作为一个产品，我们有时候会接触到一些手机ui产品。今天小六主要想和大家分享一个Axure的方法，实现手机滑动解锁屏幕的效果，希望能帮到你。
如果你是第一次学习“Axure RP”，可以点击这里免费试用Axure RP的最新课程。
工具/软件
硬件型号：华硕)S500
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
从零件库中拖动图片零件。双击此图片部分，打开并浏览本地手机壳图片。调整图片大小，拖动成一个图片部分，做手机的背景桌面。
第2步
从零件库中拖动一个文本零件。双击可将文本修改为时间显示格式。随意填写，拖到文字部分。将文本修改为日期和星期格式。调整文本样式和位置。
第3步
从零件库中拖动一个矩形零件。点击选择这个矩形，矩形的左上角会显示一个三角形。点击这个三角形并拖动，将这个矩形的角变成圆角，然后用渐变颜色填充工具栏，调整大小和位置。用同样的方法做滑槽和滑块，调整位置，笑。
第4步
选择手机屏幕桌面上的所有组件，点击鼠标右键，在弹出的下拉列表中点击转换为动态面板，并将此动态面板命名为Unlock。
第5步
双击以解锁动态面板。在弹出的动态面板状态管理框中点击图标，添加一个动态面板状态，分别命名解锁前后的两种状态。
第6步
点击微件管理右下角的预解说状态，打开预解锁状态页面。点击slider小工具，按照第四步的方法将滑块转换成动态面板，然后拖动成矩形，放在滑动槽的右侧，调整大小，命名右边的线为参考线。将这个右行小部件调整到底部，然后打开解锁后状态页面并拖动文本。双击修改文字祝贺解锁成功。
第7步
单击滑块动态面板中的状态。进入状态后，将面板拖动到一个矩形中，放在滑块的最左侧，并将其命名为left line。将左边的线条部分调整到底部。
第8步
点击进入预解锁状态页面，点击选择滑动面板，在右上角组件交互中双击拖动面板。该动作将进入用例编辑器，设置移动滑块面板的X轴拖动，并单击OK。
第9步
点击结束。拖拽动态面板时，动作进入用例编辑，在用例编辑中点击编辑条件。当左线接触右线时，将解锁面板的状态设置为解锁后。
第10步
再次单击结束。拖拽动态面板时，动作进入用例编辑，在用例编辑中点击编辑条件。当左线不接触右线时，将滑动面板设置到绝对位置(13，361)，这是滑块的初始位置。
第11步
下面我们来演示一下效果。如果有帮助，可以帮我点击左下角的投票或者喜欢。
注意/提示
希望“Axure如何实现手机屏幕滑动解锁的效果？”这篇文章可以给大家带来一些帮助。如果觉得内容有点晦涩，建议练习一下！如果想了解更多，也可以关注。
Tags：
很赞哦！ ()