ListView組件在OpenHarmony中如何響應點擊事件

在OpenHarmony（開放鴻蒙）中，ListView 組件用于顯示一個可滾動的列表。要響應 ListView 中的點擊事件，你需要為 ListView 設置一個適配器，并在適配器中處理每個列表項的點擊事件。

以下是一個簡單的示例，展示了如何在 OpenHarmony 中使用 ListView 并響應點擊事件：

1. 創建布局文件： 首先，創建一個布局文件來定義列表項的外觀。例如，創建一個名為 list_item.xml 的文件：

   <?xml version="1.0" encoding="utf-8"?>
   <Text xmlns:ohos="http://schemas.huawei.com/res/ohos"
         ohos:height="match_content"
         ohos:width="match_parent"
         ohos:text_size="16fp"
         ohos:text_color="#000000"
         ohos:gravity="center">
       ${item}
   </Text>
   

2. 創建適配器： 創建一個適配器類來管理列表項的數據和視圖。例如，創建一個名為 MyAdapter 的類：

   import ohos.aafwk.ability.AbilitySlice;
   import ohos.aafwk.content.Intent;
   import ohos.agp.components.Component;
   import ohos.agp.components.ListContainer;
   import ohos.agp.components.ListItem;
   import ohos.agp.components.LayoutScatter;
   import ohos.agp.components.Text;
   import ohos.data.DataSetObserver;
   import ohos.data.ListData;
   
   public class MyAdapter extends DataSetObserver {
       private ListContainer listContainer;
       private ListData listData;
   
       public MyAdapter(ListContainer listContainer) {
           this.listContainer = listContainer;
           this.listData = new ListData();
           this.listData.add("Item 1");
           this.listData.add("Item 2");
           this.listData.add("Item 3");
           this.listData.add("Item 4");
           this.listData.add("Item 5");
       }
   
       @Override
       public void onChanged() {
           super.onChanged();
           listContainer.setItems(listData);
       }
   
       public void setOnItemClickListener(OnItemClickListener listener) {
           listContainer.setOnItemClickListener((list, view, position) -> {
               if (listener != null) {
                   listener.onItemClick(list, view, position);
               }
           });
       }
   
       public interface OnItemClickListener {
           void onItemClick(ListContainer list, Component view, int position);
       }
   }
   

3. 在 AbilitySlice 中使用 ListView： 在你的 AbilitySlice 類中使用 ListView 并設置適配器：

   import ohos.aafwk.ability.AbilitySlice;
   import ohos.agp.components.ListContainer;
   import ohos.agp.components.LayoutScatter;
   import ohos.agp.components.Text;
   
   public class MainAbilitySlice extends AbilitySlice {
       @Override
       public void onStart(Intent intent) {
           super.onStart(intent);
           super.setUIContent(LayoutScatter.getInstance(this).parse(ResourceTable.Layout_ability_main, null, false));
   
           ListContainer listContainer = (ListContainer) findComponentById(ResourceTable.Id_list_container);
           MyAdapter adapter = new MyAdapter(listContainer);
           adapter.setOnItemClickListener((list, view, position) -> {
               Text text = (Text) view;
               String selectedItem = (String) listData.get(position);
               text.setText("Clicked: " + selectedItem);
           });
       }
   }
   

4. 布局文件： 在你的主布局文件 ability_main.xml 中添加 ListContainer：

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

通過以上步驟，你可以在 OpenHarmony 中使用 ListView 并響應點擊事件。當用戶點擊列表項時，適配器中的 onItemClick 方法會被調用，你可以在該方法中處理點擊事件。