文章主要跟大家介绍，如何利用Axure制作上下翻动效果，一起来看看
　　主要是用Axure做手机APP，内容翻动的效果如何实现：
　　让内容在显示区域滚动；
　　内容面板没有接触到顶部时，让内容面板移动至顶部；
　　内容面板接触到顶部，没有接触到底部时，把内容面板的底部定位到底部元件位置。
　　
　　1。元件布局
　　将顶部和底部矩形、动态面板显示区域先放置好，设置相同的宽度，高度自定，无缝衔接在一起。
　　以顶部为例，从元件库中选择矩形1拉入画板中，双击矩形编写文字顶部，之后调整顶部的宽和高，如果宽和高固定了，你点击上图步骤4中箭头所指位置的蓝色小点，去除锁定即可修改，最后在右下角页面中双击矩形命名为顶部，同理可得底部。
　　显示区域是动态面板同样是从元件库中选中拉入画板中，命名方式有两种，1种在面板选中的情况下，直接在右上角3的区域填写；第2种则是在右下角页面处双击动态面板弹框中命名，如右下角的3区域。
　　显示区域除了长宽要设置，还有最左上端的坐标，要承接顶部最坐下端坐标，X轴为0，Y轴为顶部高。
　　内容区域也是动态面板，但是，生成方式跟显示面板不同，敲黑板这部分是关键，初学看了其他的教程摸索很久才弄懂。内容区域是在显示面板的state1里面实现的，双击state1进入，然后从元件库拉入新的画板中。设置内容画板宽度同其他元件，高度比显示区域大。图中忘了截图内容区域命名后的，别忘了要命名。
　　2。填充内容面板
　　双击内容面板中的state1，填充一些元素，方便查看滚动效果，记得操作完要回到首页。
　　3。添加事件
　　1）让内容在显示区域滚动
　　2）内容面板没有接触到顶部时，让内容面板移动至顶部；意思是你拉下来页面，让内容面板上部没有接触到顶部时，会自动回到顶部。
　　先编辑条件，内容面板未接触顶部时；
　　让内容面板移动到顶部，即绝对位置。
　　3）内容面板接触到顶部，没有接触到底部时，把内容面板的底部定位到底部元件位置。
　　先编辑条件，内容面板接触到顶部，但未接触底部。
　　让内容面板移动到底部，移动距离显示面板高度内容面板高度（为负数）。
　　确认之后预览即可。

Axure教程：上下翻动效果制作步骤详解文章主要跟大家介绍，如何利用Axure制作上下翻动效果，一起来看看主要是用Axure做手机APP，内容翻动的效果如何实现：让内容在显示区域滚动；内容面板没有接……Axure教程：商品图片放大效果制作步骤详解（简版）商品图片，在鼠标移到就有放大的效果，这就情况该如何实现？学习做京东、淘宝等购物网站，鼠标移入商品图片上就有放大的效果，如何实现：选中商品小图，显示对应的商品中图（简……Axure教程：拖动拼图解锁效果制作步骤详解本文详细介绍了如何用Axure制作拼图样式的拖动解锁效果，有需要的小伙伴赶紧学习起来用Axure制作拼图样式的拖动解锁的效果：拉动按钮直线运动在一定范围内；拼……AxureRP8：如何做出点击按钮切换页面效果？如何利用AxureRP8做出点击按钮切换页面效果？一起来文中看看先来看一下页面的效果图：点击不同的按钮，切换不同的页面。（是web端和手机端都很常见的交互效果）实现……Axure教程（中级）：分类导航菜单高亮条的实现本文介绍了分类导航菜单高亮条效果如何实现，供大家参考学习，enjoy下面这种分类导航菜单效果，大家都见过，接下来将讲解此实现效果。主要是运用【绝对位置】移动效果和函数〔〔……打造高品质Axure组件库，就是这么简单！本文介绍的关于如何打造高品质Axure组件的思路，希望能够给大家带来一些新的思路拓展和知识补给。提高效率是节约时间成本的唯一途径，产品组件库地打造可以有效的帮助我们解决一……Axure教程：由下至上机械形式滚动的动态列表由下至上机械滚动动态列表该如何设计？本文对其设计过程进行了详细地介绍，enjoy一、页面布局1。1页面设定新建一个页面，命名为【由下至上一次机械滚动……Axure教程：通过关键字进行搜索方法探索在Axure原型中，究竟是如何通过关键字进行搜索的？实现效果：通过关键字，在众多条目信息中检索出符合要求的信息，即关键字筛查功能的实现。部件：文本框、形状、表格单元……AxureRP9案例：京东与淘宝的商品图片是如何被放大的？在电商的商品详情页中我们经常会看到图片放大器的运用，我们以京东商品详情页为例来制作这样的原型效果。案例中综合运用了鼠标移入事件、鼠标移动事件，元件的移动、元件的显示隐藏等交互动……Axure教程：横轴动态滚动通知公告设计横轴动态滚动通知公告如何设计？以下，笔者给出了详细地设计过程，赶紧学习起来吧！页面布局页面设定新建一个页面文件，命名为【横轴动态滚动通知公告】。在【横轴……Axure教程：界面右侧悬浮可伸缩动态按钮制作界面右侧悬浮可伸缩动态按钮要如何制作？来文中看看便知1。页面布局页面设定：新建一个页面，命名为【界面右侧悬浮可伸缩动态按钮】，在这个页面下面新建一个叫做【界面……精美横轴智能滚动条设计如何设计一款精美的横轴智能滚动条？本文对设计过程进行了详细地介绍。页面布局页面设定新建一个页面文件，命名为【精美横轴智能滚动条设计】。在【精美横轴智能滚……