您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure8.0教程:模拟滑动效果

发布人:www.yunke.ai 发布时间:2021-01-01 143 次浏览

本文简要地为大家展示了,如何Axure8.0模拟纵向滑动的效果,enjoy~

好长时间不怎么玩儿Axure了,以至于很多功能都有点快忘记了,今天下午无聊就想在网上找了一圈关于Axure怎么做纵向滑动的,终于找到了一个写的挺详细的,但是定义了很多的变量,加上功能还不是很全面,这可难为死处女座的我了,于是我潜下心来花了十五分钟,做出来了个我自认为还可以又简单易懂的教程,供大家学习Axure。

但是还是有点小bug,bug的根源是如果原型的起始点不是(0.0)的时候拖动的时候有问题,我还没有想到怎么解决。有大腿会的话留言和我说下!

首先放源文件链接:https://pan.baidu.com/s/1aIWrqYjLHTTdRwBbq8wHcw 提取码:v79h

第一步:准备工作

先准备一个动态面板两个底部的ico,我懒就随便弄了俩矩形,然后,给命名成tab1和tab2。这里没放图,是元件命名的那个地方;然后给动态面板起个名字——page1。

里面两个状态页面默认的就好,我这里是state1和state2,话不多,上图:

动态面板的里面很简单,把动态面板里面的内容组合起来命名为page_tab1和page_tab2,就和上面显示出来的差不多,但是要比动态面板的长度要高一点,就不放图了。

第二步:开始写交互事件