Freeze/float 单元格同时保持其他单元格可滚动

Freeze/float cell while keeping other cell scrollable

我正在创建一个 table,我需要在其中冻结一些单元格,同时保持其他单元格可滚动。 table 必须响应屏幕尺寸,这就是为什么我需要使一些单元格可滚动。

根据上图,我想保持蓝色区域 floating/or 冻结,而红色区域可滚动。

google 应用程序制造商如何做到这一点?

首先,您在示例屏幕中称为 table 的这个小部件实际上是一个复合小部件,它结合了几个基本小部件,例如列表、水平面板和分页器。

图表下还有另一个 table 小部件,称为 Table 图表,可用于按行和列显示数据。但是如果你要找一个可以达到这个UI效果的属性,恐怕AppMaker还不支持这个

如果您真的很想完成这项工作,我建议您合并两个继承相同数据源的 table 小部件,然后将它们并排包装在一个水平面板中。左侧将仅包含您要冻结的列,而右侧尺寸将包含可以滚动的列的其余部分。

确保将两个 table 的高度设置为根据内容自动增长(适合内容)。这将产生两个 table 在垂直滚动时合并的效果。

我这里有一个如上所述的示例实现。我给出了主容器的背景,以便更好地理解这个概念。我还添加了一个小间隙以表明我使用了两个 table 小部件。

Here is the set-up in editor view (screen-shot)

See it in action here (video)