Axure教程:小白如何1分钟搞定垂直滑动?

zz
4 评论 4722 浏览 4 收藏 4 分钟

贡献一个滑动模板,可以减少操作失误,更简单的设置滑动效果,并且没有滑动框。

效果预览地址:https://95mtb2.axshare.com

一、新建AXURE

插入iphone6外壳:

二、载入模板

1. 下载“我的页面-垂直拖动案例”,解压压缩包

链接: https://pan.baidu.com/s/1z0MUefPFZ1_j_zHbBWNqDg

提取码: qr2a

2. 载入模板

文件—从rp文件导入,按照提示一步步操作就能载入模板。

3. 复制动态模板

把动态模板复制到之前的iphone6外壳内。

三、修改内容

1. 双击中间选中区域

2. 进入fisrst/state1编辑动态面板

3. 调节动态面板高度和宽度

蓝色的线调节高度,绿色的线调节宽度。

4. 调节显示内容长度

如果内容增多或减少,一定要修改“-759”这两个数值,否则内容显示不全。

公式:542(面板高度)-1301(内容高度)=-759

动态面板—动作—编辑条件—修改fx—确定,另一个“-759”也是这个修改方法。

5. 编辑动态面板

双击面板,进入second/state1编辑面板内容。

“second/state1(我的)”和“fisrst/state1(我的)”、“我的”页面可以切换编辑。

第一次编写教程,如果您觉得有用,欢迎点赞支持,写得不好的地方也可相互交流。

 

本文由 @zz 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 解决了。。。作者你也太坑了,小白研究了半天发现LVAR1这个东西叫做局部变量,简单来说这个是需要自己来设置的,为了解决其他小白可能也出现和我一样的问题分享下解决方案:
    在交互编辑器点击if “[[LVAR1.y]]”>”0”,然后点击“[[LVAR1.y]]”后面的fx,弹出值编辑面板,点击“添加局部变量”,中间的元件类型选择“元件”,选择当前元件。

    来自云南 回复
  2. 小白提问,按照你的内容尝试做了垂直拖动的交互,但是在回弹这里[[LVAR1.y]]这个条件无法触发,LVAR1我查了是局部变量,怎么设置?

    来自云南 回复
  3. 你里面的内容可以用中继器实现的……

    来自北京 回复
  4. 如果不下载你的原型,确实看不明白……

    来自北京 回复