菜鸟笔记---axure9 动态面板 移动端上下滑屏

本文详细介绍了如何使用Axure9的动态面板功能制作移动端上下滑屏效果,包括动态面板的编辑路径、添加交互和设置拖动结束时的情景,适合初学者学习。
摘要由CSDN通过智能技术生成

在网上找了好久如何实现原型手机端上下滑动,各种攻略看的呀,方法都不一样,版本也不一样,试了半天都没成功,看的多了,知道个大体动态面板的操作路径了,才最终成功。(成功1.0,实现了滑动,但是细节控制的不太好)

首先,动态面板编辑路径

axure动态面板编辑的路径,作为小白的我,一直找不到怎么编辑,差点就放弃了。这里把本次需要用到的操作简单描述一下

1、default基本元件中找到【动态面板】

2、拖一个动态面板页面;

3、双击这个【动态面板】进入动态面板的编辑界面(上面有一条蓝绿色的条,表示进来了)

4、在这个编辑界面,你可以往上继续添加任何页面预算。一般会继续添加一些动态面板做一些动态效果,比如上下滑动、左右滑动、tab切换之类。

5、同理,所有的动态面板编辑都是找到入口,双击它,直到你要编辑内容可以选中那层。

开始实现上下滑屏效果(共5步)

1、先把要滑屏的页面的头部和底部元素放上、命名,这里为了方便描述,假设这两个元素分别叫做【头部】【底部】

      头部:一般都是导航栏之类的,实在没有头部的页面可以放个热区占位(热区目前我用的主要是隐形围栏功能)

       底部:一般都是菜单之类的,实在没有,同头部操作,放个热区上去。

2、在【头部】【底部】中间位置,铺一个动态面板,给他命名【屏幕】,这个面板就是手机看东西的窗口,等到最后就在在这个动态面板【屏幕】上增加交互,实现上下滑动

3、双击动态

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值