egret開發系列之scoller+list列表使用

在 Egret 開發中，我們常常會用到列表組件來展示一系列的數據。而在 Egret 中，我們可以使用 Scroller 和 List 來實現列表的展示。

Scroller 是一個容器組件，它可以在垂直或水平方向上滾動。List 是一個基于 Scroller 組件實現的列表組件，它可以根據數據源自動生成列表項，并支持滾動。

下面是使用 Scroller 和 List 的一般步驟：

import { Scroller } from 'eui';
import { List } from 'eui';

const scroller = new Scroller();
scroller.width = 300;
scroller.height = 400;
scroller.scrollPolicyV = 'on';

創建一個 List 實例，并設置它的數據源和項渲染器。數據源是一個數組，每個元素表示一個列表項的數據。項渲染器可以是一個自定義的項渲染器類，也可以是一個函數。例如，如果你想使用默認的項渲染器類，可以這樣做：

const list = new List();
list.itemRenderer = eui.ItemRenderer;
list.dataProvider = [1, 2, 3, 4, 5];

scroller.viewport = list;
this.addChild(scroller);

以上就是使用 Scroller 和 List 實現列表的基本步驟。通過調整 Scroller 和 List 的屬性和樣式，你可以實現更多的列表展示效果。

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本