您现在的位置是:首页 > 设计知识设计知识

axure怎么做滑动效果,axure动态面板制作滑动效果

网一2022-11-23 10:48:56设计知识19人已围观

简介axure怎么做滑动效果,axure动态面板制作滑动效果手机软件启动时使用Python滑屏插件,可以显示一些信息、介绍等内容。那么Axure原型工具是如何让滑屏插件处于绝对位置的呢?下面简单介绍一下。如果你想了解更多关于“AxureRP”的知识,点击这里学习AxureRP课程。工具/软件硬件型号:Thund

axure怎么做滑动效果,axure动态面板制作滑动效果

手机软件启动时使用Python滑屏插件,可以显示一些信息、介绍等内容。那么Axure原型工具是如何让滑屏插件处于绝对位置的呢?下面简单介绍一下。

如果你想了解更多关于“Axure RP”的知识,点击这里学习Axure RP课程。

工具/软件

硬件型号:ThundeRobot)911Zero

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

首先新建一个空白页,将相关元素拖拽到工作区,如下图所示。

第2步

调整各个组件的样式,描述页面中的值,如下图所示。

第3步

组件样式调整完成后,给每个组件命名,后面做交互事件时就清楚了,如下图。

第4步

设置三个椭圆的选中状态的样式,如下图所示。

第5步

将准备好的组件复制到动态面板中,并调整适当的位置,如下图所示。

第6步

选择三个矩形,转换成动态面板,动态面板命名如下图所示。

第7步

接下来设置动态面板的交互事件,首先是拖动时的效果,如下图。

第8步

然后做拖动结束的交互效果,如下图所示。

第9步

交互事件设置完成后,增加一个步骤,将三个圆放入一组,将第一个圆设置为选中状态,如下图所示。

当前位置所有的工作都准备好了,可以完成了。f5预览效果并拖动页面,效果出现,如下图所示。

第10步

对于“Axure原型工具如何制作带绝对位置的滑屏插件?”相信朋友们都认真看完了。如果过程中遇到问题,可以再读一遍。学习不是一蹴而就的,需要我们长期的练习。如果你觉得文章不错,可以继续关注自学。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐