ListView 类似于 ScrollView,但需要包含一个 for 元素,其内容 会自动以列表形式进行布局。 元素仅在可见时才会被实例化。
slint
import { ListView, VerticalBox } from "std-widgets.slint";export component Example inherits Window { width: 150px; height: 150px;
VerticalBox { ListView { for data in [ { text: "Blue", color: #0000ff, bg: #eeeeee}, { text: "Red", color: #ff0000, bg: #eeeeee}, { text: "Green", color: #00ff00, bg: #eeeeee}, { text: "Yellow", color: #ffff00, bg: #222222 }, { text: "Black", color: #000000, bg: #eeeeee }, { text: "White", color: #ffffff, bg: #222222 }, { text: "Magenta", color: #ff00ff, bg: #eeeeee }, { text: "Cyan", color: #00ffff, bg: #222222 }, ] : Rectangle { height: 30px; background: data.bg; width: parent.width; Text { x: 0; text: data.text; color: data.color; } } } }}
属性
与 ScrollView 相同。
回调
与 ScrollView 相同。