Chinaunix首页 | 论坛 | 博客
  • 博客访问: 58523
  • 博文数量: 34
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 420
  • 用 户 组: 普通用户
  • 注册时间: 2013-08-29 16:27
文章分类

全部博文(34)

文章存档

2014年(8)

2013年(26)

我的朋友

分类: 架构设计与优化

2013-10-21 14:29:44

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

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

第一步:定位文本

Axure应用:定位文本

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

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

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

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

第三步:调整面板大小

Axure应用:调整面板大小

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

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

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

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

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

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

>>原型设计工具Axure RP下载    

阅读(219) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~