qzgx.net
当前位置:首页 >> AxurE垂直拖动 >>

AxurE垂直拖动

一位有PC端原型设计经验的产品人员,设计移动端产品原型时,遇到的第一个问题可能就是页面拖动的效果了.我们在设计PC端产品时,利用鼠标滚轮进行整个页面的展示,然后到了移动端,利用手指进行拖动,滑动展示整个页面.两种交互

简单的效果,可以参考下,大体思路就是拖动动态面板时对动态面板内的另一个动态面板进行垂直移动,上下随便加一个部件,判断拖动结束时是否接触,然后做相应的处理.

1、将要拖动的组件转成动态面板2、在动态面板属性中选择OnDrag(拖动)3、在事件中选择Move Panel,即移动动态面板4、勾选该动态面板即可

用axure7或8打开

用动态面板解决1. 建立两块动态面板,每块面板中包含两个状态2.建立一个部件在不在动态面板中无所谓,当单击该部件时A动态面板状态改变为第二个状态动态效果为向左或向右滑动.3.在A动态面板中选择“当动态面板状态改变时”写如交互“改变B动态面板的状态”动态效果是上下滑动4.为保证可以反向操作 在B动态面板上也写入“当动态面板状态改变时”改变A面板的状态.这样无论是A还是B触发了交互都可以实现你说的同步进行了

一、为了使效果显著一点,在实现原型效果之前,先做2页简单的原型图如下.二、1、双击Page1中的“内联框架”,2、选择Page2 使Page2与Page1建立链接,3、点击确定.三、1、双击Page2,进入Page2编辑页面,2、将页面中要做滑动

个人认为,axure作手机app原型不是很适用,可以用jquerymoblie试一下,很给力的

采用动态面板做,动态面板的添加case部分有划动效果的,不过只有左划右划~~就是左划右划的时候设置move panle 上下划动假如只是加载内容的话采用动态面板中编辑是否显示滚动条处理就可以了,具体的操作还是要靠你自己去完成了的~~

1、打开axure 8.0,在网上找一个手机外壳的图片,然后添加大小和手机屏幕相等的动态面板,命名为“屏幕”2、然后双击state1,添加一个矩形,宽度=屏幕宽度,长度任意.然后选中矩形,点击鼠标右键,选择转换为动态面板,命名为“内容”3、然后在“内容”动态面板中,搭建你的手机界面.如图,我随便添加了几个axure自带的原件4、然后回到index界面,选中“屏幕”动态面板,双击【拖动时】5、选择【移动】,勾选“内容”动态面板,选择移动为垂直移动6、点击添加边界.顶部 评论0 0 0

先画一个跟界面相同大小的动态面板;双击进入编辑动态面板,在动态面板里面画你想展示的内容,多长都可以;鼠标右击动态面板-滚动条-自动显示垂直滚动条,就可以了.

网站首页 | 网站地图
All rights reserved Powered by www.qzgx.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com