Skip to content

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;                }            }        }    }}

listview 示例

属性

ScrollView 相同。

回调

ScrollView 相同。

基于 MIT 协议发布