Axure与iPhone应用程序原型创建(四)

本文介绍如何利用Axure RP创建iPhone应用程序的滚动内容。通过动态面板和滚动条,实现静态页眉和页脚配合可滚动主体内容的设计。步骤包括定位文本、转换为动态面板、调整面板大小以及添加滚动条。提供了模板和原型设计工具的下载链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

iPhone应用程序不但可以设计为一个很长的页面,还可以把你的内容放在一个滚动的动态面板里。 iPhone应用程序常常有一个静态的页眉和/或页脚。你可以把主要内容放在一个动态面板里使其能够滚动。虽然使用“固定到浏览器”的页眉和页脚也能实现这个效果,但是,滚动的动态面板技巧可以让你对iPhone应用程序的可见区域有更多的控制,你可以充分利用生成设置>防止垂直页面滚动/弹性滚动>原型对话框进行设置。以下示例是以文本内容为例,不过面板的内容可以是任何形式。

使用动态面板和滚动条创建滚动内容

第一步:定位文本

Axure应用:定位文本

打开AxureiPhoneApp.zip,在Axure RP中打开iPhoneApp-ScrollingContentTutorial.rp文件。
拖动文本面板到应用布局的中心,使其顶端对齐图像组件下方。文本可能会超出底部的控制线。

第二步:将文本转换到动态面板

Axure应用:将文本转换到动态面板

在文本处点击右键,选择转换>转换到动态面板。

第三步:调整面板大小

Axure应用:调整面板大小

从动态面板的下端调整其大小,使其能够嵌入到音乐控制组件的上方。

第四步:根据需要添加滚动条

Axure应用:按需要添加滚动条

右击动态面板,选择编辑动态面板>根据需要显示垂直滚动条

测试:创建完成后,可通过生成到你的桌面或在iPhone上查看进行测试。

>>本文Axure iPhone App模板下载 http://image.evget.com//images/article/FileDownload/AxureiPhoneApp.zip

>>原型设计工具Axure RP下载    http://software.evget.com/Products/2978/download.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值