滚动内容 | Scrolling Content

在你的原型界面中创建一个可滚动区域。

STEP 0:下载移动端练习文件

如果你还没有练习文件,请下载AxureMobile练习文件.rp并在Axure RP中打开它,该文件包含了Axure移动端教程中对应的每个页面。

STEP 1:设置

在移动端练习文件中打开“滚动内容”页面,在画布上有两个元件组合,一个“头部”组合,一个“滚动内容”组合。

在“滚动内容”组合上点击鼠标右键,并在右键菜单中选择“转换为动态面板”,然后通过在样式工具栏或检视窗口中的样式也签下的“h”字段中输入“515”,将新的动态面板的高度设置为515像素。

STEP 2:添加滚动条

右键点击动态面板然后选择“滚动条>自动显示垂直滚动条”,或者,你也可以在检视窗口中是属性页签下的“滚动条”下拉列表中设置该选项。

STEP 3:预览

预览原型,滚动原型头部下方的内容。

(备注:如果你想在“设备框架”页面提供的设备框架中预览页面,打开“滚动内容”页面,双击“内容框架”,然后在弹出的对话框中选择“滚动内容”。)

STEP 4(可选):从视觉上隐藏滚动条

滚动条必须在动态面板上显示才能滚动,但是你可以将可滚动的动态面板放在另一个较小的动态面板内,从视觉上隐藏滚动条。

要实现这一功能,向右拖动可滚动动态面板的右边界,直到滚动条位于“头部”组合的右侧;然后,右键点击动态面板,选择“转换为动态面板”;最后,向左拖动新动态面板的右边界,直到它与“头部”组合的右边界对齐。这时候滚动条应该不可见了。

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。