滚动区域 | Scrolling Region

在本教程中,你将学习如何使用动态面板,来实现页面中某一个区域的滚动。【原型预览】

1、元件设置
  1. 打开一个新的RP文件,双击页面面板中的Page 1将其在画布中打开。
  2. 元件库中拖拽一个一级标题元件到画布中。
  3. 在标题下面再拖放1个图片元件和3个文本段落元件。

提示:你可以通过选中这些元件,并使用界面顶部的对齐分布选项,来将元件对齐或分布排列。

2、将这些元件放入一个动态面板中
  1. 选中画布上的所有元件。
  2. 在元件上点击鼠标右键,在弹出的右键菜单中选择转换为动态面板
  1. 设置动态面板的高度为300,这样可以切断一些文本段落元件。
  2. 动态面板区域的样式面板下,设置滚动方式为垂直滚动
3、预览页面

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

其他信息和提示

表头固定的滚动表格【原型预览】

你可以使用一个可滚动的动态面板来制作一个表头固定的可滚动表格,用矩形元件制作表头,并将表格元件放在表头下面,然后将表格元件放在一个可滚动的动态面板中,调整动态面板的高度,使表格只能显示几行。滚动动态面板就会实现表头固定且表格行可滚动的效果。

评论(0)

发表评论

电子邮件地址不会被公开。 必填项已用*标注