返回首页 Axure RP 指南

核心训练

从头开始

原型设计基础指南

Masters 指南

动态面板指南

高级原型设计指南

Web 设计指南

iPhone App 指南

Repeater 部件指南

自适应视图指南

滚动内容

滚动内容教程概述

与其建立你的 iPhone 应用程序的页面,不如把你的内容放在一个滚动的动态面板。iPhone 应用程序经常有一个保持静态页眉或页脚。你可以把它的主要内容通过一个动态面板使它可滚动。使用“固定的页眉和页脚浏览器”是另一个选则,但是滚动动态面板技术会让你更好的控制你的 iPhone 应用程序的可见区域,并允许您利用“防止垂直滚动页面滚动/弹性”设置在生成>原型对话框。这个示例使用的是文本内容,但面板的内容可以是任何东西。

拖拽滚动的 IPHONE 应用程序

文本的位置

image

首先,打开axureiphoneapp.zip并打开 iPhoneApp-ScrollingContentTutorial.rp 文件。

拖动一个段落去中心应用程序布局和排列以下图像的小部件。复制和粘贴文本,然后文本将被底部控制。

将文本转变成动态面板

image

通过右键单击它并选择转换>转换为动态面板,把文本转换成一个动态面板

面板的大小

image

调整,以适应动态面板从底部上面的音乐控制。

添加需要的滚动条

image

动态面板上单击右键并选择滚动条>显示垂直滚动条。 通过生成桌面或测试 查看你的 iPhone 原型。

总结

我们要说的…让时间轴滚动吧!
还需要其他帮助吗?查看论坛或联系我们 support@axure.com

上一篇: 滑动菜单 下一篇: 屏幕过渡动画