原型设计工具Axure RP新手教程(九):滚动区域教程

在本教程中,您将学习如何使用动态面板来使页面的区域独立于设计的其余部分滚动。


在本教程中,您将学习如何使用动态面板来使页面的区域独立于设计的其余部分滚动。(点击此处查看视频教程)

小部件设置

原型设计工具Axure RP新手教程(九):滚动区域教程

  • 打开一个新的RP文件,然后在Pages(页面)窗格中双击Page1(页面1)以在画布上将其打开。

  • 将标题1小部件从Libraries(库)窗格拖到画布上。

  • 在标题下方的列中放置一个图像小部件和三个段落小部件。

提示:您可以通过选择小部件并使用界面顶部的Align and Distribute(对齐和分配选项来自动对齐和分配小部件。

将小部件放置在可滚动的动态面板中

原型设计工具Axure RP新手教程(九):滚动区域教程

  • 选择画布上的所有小部件。

  • 右键单击所选内容,然后在上下文菜单中选择Create Dynamic Panel(创建动态面板

原型设计工具Axure RP新手教程(九):滚动区域教程

  • 将新的动态面板的高度设置为300,这将切断某些段落小部件。

  • Style(窗格的Dynamic Panel(动态面板部分中,从滚动下拉列表中选择Scroll Vertical(垂直滚动

预览页面

预览页面并上下滚动动态面板。

原型设计工具Axure RP新手教程(九):滚动区域教程 附加信息和提示

具有固定标题的可滚动表

您可以使用可滚动的动态面板来创建具有固定标题的可滚动表。从矩形小部件中创建表格标题,并将表格小部件置于其下方。然后,将表格放置在可滚动的动态面板中,并缩短面板以使表格中只有几行可见。滚动动态面板将显示带有固定标题的滚动表行。


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【客服】了解

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年1月16日
下一篇 2020年1月16日

相关推荐

发表回复

登录后才能评论