半岛权威十大直营(官方)网站

Axure运用：使用Axure创建iPhone应用程序原型（四）

原创|使用教程|编辑：郝浩|2013-10-11 11:38:38.000|阅读 3011 次

概述：在前面的连载文章中，作者为大家讲解了在原型设计工具Axure中如何使用iPhone应用程序页面模板设计程序、如何在iPhone中设置显示和隐藏滑动菜单等。在下文中，作者将为大家讲解如何使用动态面板和滚动条创建滚动内容。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

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

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

第一步：定位文本

Axure应用：定位文本

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

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

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

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

第三步：调整面板大小

Axure应用：调整面板大小

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

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

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

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

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

 

>>

>>

扩展阅读


标签：网页设计响应式网页设计原型设计

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP