MujicaUI

Essentials · #496

Masonry 浅色主题渲染快照
浅色 · 渲染快照
Masonry 深色主题渲染快照
深色 · 渲染快照

496 Masonry 瀑布流

用途

按可用宽度决定列数,把每一项放进当前最短的列;只构建可见范围内的项,以稳定键记住测得的高度。

最小示例

titles := []string{"Sea", "Forest", "Desert", "Glacier"}
view := func(c *ui.Context) {
	core.Use(c, core.Settings{})
	input.Masonry(c, len(titles), input.MasonryOptions{
		Key: func(i int) string { return titles[i] },
	}, func(i int) {
		ui.Text(c, titles[i])
	}).Size(380, 280)
}

签名:func Masonry(c *ui.Context, n int, opts MasonryOptions, item func(i int)) *ui.Element

参数

字段类型默认值含义
nint必填项数;负数 panic。
Keyfunc(int) string必填稳定且唯一的键;重复 panic。
ColumnWidthfloat32220最窄列宽。
Gapfloat323 个间距单位间隔。
Estimatefloat32160测量前的估计高度。

状态

自身是滚动容器,需由调用方给定尺寸。

事件

无。

键盘操作

滚动容器按 MyGo 规则滚动;项内控件按各自规则聚焦。

限制

排布只在项数、列数、宽度、测得高度或可见项的键变化时重算。