ListContainer是鴻蒙應(yīng)用開發(fā)中常用的一種列表控件，類似于Android中的ListView，其用法和ListView用法也是極其相似，Android開發(fā)者很容易上手使用。

ListContainer的使用方法

1.在layout文件中聲明ListContainer控件

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos"
                   ohos:width="match_parent"
                   ohos:height="match_parent"
                   ohos:orientation="vertical">

    <ListContainer
            ohos:id="$+id:listText"
            ohos:height="match_parent"
            ohos:width="match_parent"
            />
</DirectionalLayout>

很簡單，和Android中的聲明控件很相似。

2.定義列表控件的適配器RecycleItemProvider

在Android中我們用ListView肯定會(huì)用到適配器Adapter，當(dāng)然在鴻蒙中也有類似的適配器RecycleItemProvider，其用發(fā)和Android中的適配器極其相似：

public class ListProvider extends RecycleItemProvider {
    private List<String> data;
    LayoutScatter layoutScatter;

    public ListProvider(Context context, List<String> data) {
        this.data = data;
        this.layoutScatter = LayoutScatter.getInstance(context);
    }

    @Override
    public int getCount() {
        return data.size();
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public Component getComponent(int i, Component component, ComponentContainer componentContainer) {
        ViewHolder viewHolder = null;
        //component相當(dāng)于Android中的view，其他的和Android中ListView的適配器adapter差不多。
        // 名字區(qū)別也不大，不過Android中ListView基本被淘汰了。
        if (component == null) {
            component = layoutScatter.parse(ResourceTable.Layout_item_layout, null, false);
            viewHolder = new ViewHolder((ComponentContainer) component);
            component.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) component.getTag();
        }
        viewHolder.tvItemName.setText(data.get(i));
        return component;
    }

    /**
     * 類似于Android中的listView緩存。
     * 將已經(jīng)顯示在屏幕上的item緩存在ViewHolder中，下次再次出現(xiàn)直接從緩存中讀取
     */
    static class ViewHolder {
        Text tvItemName;
        public ViewHolder(ComponentContainer componentContainer) {
            tvItemName = (Text) componentContainer.findComponentById(ResourceTable.Id_tvItemName);
        }
    }
}

其中ViewHolder是用來實(shí)現(xiàn)ListContainer的緩存的，這個(gè)和Android中是一摸一樣的。注釋也有寫。

3.在Ability中給ListContainer設(shè)置數(shù)據(jù)

先在Ability中聲明ListContainer對(duì)象，然后將ListProvider 對(duì)象設(shè)置進(jìn)ListContainer中，顯示列表數(shù)據(jù)：

package com.caojing.harmonyfrist.slice;

import com.caojing.harmonyfrist.ResourceTable;
import com.caojing.harmonyfrist.provider.ListProvider;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.ListContainer;
import ohos.agp.window.dialog.ToastDialog;

import java.util.ArrayList;
import java.util.List;

public class TwoAbilitySlice extends AbilitySlice {

    @Override
    protected void onStart(Intent intent) {
        super.onStart(intent);
        setUIContent(ResourceTable.Layout_second_layout);
        //根據(jù)findById從布局中獲取ListContainer控件。
        ListContainer listText = (ListContainer) findComponentById(ResourceTable.Id_listText);
        //拿到ListProvider的對(duì)象
        ListProvider listProvider=new ListProvider(this,getList());
        //將ListProvider的對(duì)象設(shè)置給ListContainer控件。展示數(shù)據(jù)
        listText.setItemProvider(listProvider);
        listText.setItemClickedListener(new ListContainer.ItemClickedListener() {
            @Override
            public void onItemClicked(ListContainer listContainer, Component component, int i, long l) {
                new ToastDialog(TwoAbilitySlice.this).setContentText(String.format("你點(diǎn)擊了第%d行", i)).show();
            }
        });
    }

    /**
     * 添加本地?cái)?shù)據(jù)集合
     *
     * @return List<String>  數(shù)據(jù)集合
     */
    private List<String> getList() {
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 20; i++) {
            list.add(String.format("我是第%d行", i));
        }
        return list;
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

我們?cè)赥V模擬器上來看看效果吧

鴻蒙模擬器運(yùn)行效果圖