原型设计工具Axure RP新手教程(九):滚动区域教程
Axure RP是一套专门为网站或应用程序所设计的快速原型设计工具, 可以让应用网站策划人员或网站功能界面设计师更加快速方便的建立Web AP和Website的线框图、流程图、原型和规格。
在本教程中,您将学习如何使用动态面板来使页面的区域独立于设计的其余部分滚动。(点击此处查看视频教程)
小部件设置
-
打开一个新的RP文件,然后在Pages(页面)窗格中双击Page1(页面1)以在画布上将其打开。
-
将标题1小部件从Libraries(库)窗格拖到画布上。
-
在标题下方的列中放置一个图像小部件和三个段落小部件。
提示:您可以通过选择小部件并使用界面顶部的Align and Distribute(对齐和分配)选项来自动对齐和分配小部件。
将小部件放置在可滚动的动态面板中
-
选择画布上的所有小部件。
-
右键单击所选内容,然后在上下文菜单中选择Create Dynamic Panel(创建动态面板)。
-
将新的动态面板的高度设置为300,这将切断某些段落小部件。
-
在Style(样式)窗格的Dynamic Panel(动态面板)部分中,从滚动下拉列表中选择Scroll Vertical(垂直滚动)。
预览页面
预览页面并上下滚动动态面板。
具有固定标题的可滚动表
您可以使用可滚动的动态面板来创建具有固定标题的可滚动表。从矩形小部件中创建表格标题,并将表格小部件置于其下方。然后,将表格放置在可滚动的动态面板中,并缩短面板以使表格中只有几行可见。滚动动态面板将显示带有固定标题的滚动表行。
关注慧聚IT微信公众号???,了解产品的最新动态及最新资讯。