辰东完美世界有声小说,如何发布网络小说,玄幻小说排行榜完本

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

組件開發(fā)ScrollView嵌套ListContainer滑動問題詳解

想了解更多內(nèi)容，請訪問：
讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名申請、網(wǎng)絡(luò)空間、營銷軟件、網(wǎng)站建設(shè)、尼木網(wǎng)站維護、網(wǎng)站推廣。
和華為官方合作共建的鴻蒙技術(shù)社區(qū)
https://harmonyos.

ScrollView嵌套ListContainer

就ScrollView嵌套ListContainer的滑動問題，社區(qū)問答中也是遇見了兩次提問的小伙伴。在幫助第一個小伙解決這個問題的時候，我提供了一個思路和以前在寫Android ScrollView嵌套ListView滑動問題的解決方法。經(jīng)過方法的修改也是解決了他的問題，后續(xù)沒有再把這個問題解決的全過程記錄下來，直到發(fā)現(xiàn)有第二個小伙伴也遇到了同樣的問題，準(zhǔn)備把這個小問題寫成一篇帖子，希望后面再遇到“ScrollView嵌套ListContainer 滑動問題”的同學(xué)可以幫助到你們。

思路

一、ScrollView嵌套ListContainer 想讓ListContainer不滑動，只滑動ScrollView。在Android中有個東西叫做攔截器，ScrollView的攔截器，通過對攔截器的賦值達到只滑動ScrollView，不滑動ListView。

調(diào)用方式

因為ScrollView繼承自ViewGroup，在ViewGroup中有有dispatchTouchEvent()這個方法，

但是在HarmonyOS中，ScrollView繼承自ComponentContainer，而且在ComponentContainer中沒有類似于dispatchTouchEvent的攔截器方法，那么攔截器不能搞就得換方法。

二、這時第二個思路也成型了，因為ScrollView的高度是根據(jù)它內(nèi)部的組件的高度變化的，當(dāng)內(nèi)部的組件高度大于手機屏幕的高度時會出現(xiàn)ScrollView的滾動，反之不會出現(xiàn)。

那么就只能從ScrollView的高度入手了，要改變ScrollView的高度就必須去改變它內(nèi)部組件的高度，那么問題來了ScrollView嵌套ListContainer，ListContainer的高度最大只能到屏幕大小或者是固定于屏幕內(nèi)部，一旦高度達到所設(shè)置的高度，ListContainer就會出現(xiàn)自動滾動此時ScrollView的滾動也會失效，這里是焦點的關(guān)系滑動動作取到的焦點會在它當(dāng)前組件上。

思路到這里也就清晰了，ListContainer的高度大于原始設(shè)置的高度時會發(fā)生滑動，ScrollView在內(nèi)部組件高度大于手機屏幕時才會滑動。那么如果把ListContainer的高度設(shè)置成一個動態(tài)的固定值，ListContainer的數(shù)據(jù)永遠(yuǎn)不會被填充滿，ListContainer就不會出現(xiàn)滑動。隨即ListContainer的高度如果大于了屏幕的高度ScrollView就會滑動。

OK，問題找到了，解決ListContainer的動態(tài)高度就解決的滑動沖突。

解決問題

首先我找到了當(dāng)初寫Android時動態(tài)Listview高度的方法。這里就粘一下圖

思路沒有變，將每次listview的Item高度相加作為listview的整體高度，listview的高度就是動態(tài)的變化，listview的高度會根據(jù)數(shù)據(jù)的增加而變化。

根據(jù)參考

下面開始寫代碼

首先整體布局文件，很簡單ScrollView嵌套ListContainer

為了效果明顯加入了一個圖片

 
 
 
 
  
  
  
   
  
  
  
  
  
  
  
  
    xmlns:ohos="http://schemas.huawei.com/res/ohos" 
  
  
  
      ohos:height="match_parent" 
  
  
  
      ohos:width="match_parent"> 
  
  
  
      
  
  
  
  
        ohos:id="$+id:view" 
  
  
  
          ohos:height="match_parent" 
  
  
  
          ohos:width="match_parent"> 
  
  
  
           
  
  
  
          
  
  
  
  
            ohos:height="match_parent" 
  
  
  
              ohos:width="match_parent" 
  
  
  
              ohos:alignment="center" 
  
  
  
              ohos:orientation="vertical"> 
  
  
  
              
  
  
  
  
                ohos:id="$+id:img" 
  
  
  
                  ohos:height="100vp" 
  
  
  
                  ohos:width="100vp" 
  
  
  
                  ohos:image_src="$media:icon"> 
  
  
  
              
  
  
  
  
                ohos:id="$+id:list" 
  
  
  
                  ohos:height="match_parent" 
  
  
  
                  ohos:width="match_parent" 
  
  
  
                  >

ListContainer的Item 布局，這里很簡單就放一個文本

 
 
 
 
  
  
  
   
  
  
  
  
  
  
  
  
    xmlns:ohos="http://schemas.huawei.com/res/ohos" 
  
  
  
      ohos:height="match_content" 
  
  
  
      ohos:width="match_parent" 
  
  
  
      ohos:left_margin="16vp" 
  
  
  
      ohos:right_margin="16vp" 
  
  
  
      ohos:orientation="vertical"> 
  
  
  
      
  
  
  
  
        ohos:id="$+id:item_index" 
  
  
  
          ohos:height="match_content" 
  
  
  
          ohos:width="match_content" 
  
  
  
          ohos:padding="4vp" 
  
  
  
          ohos:text="Item0" 
  
  
  
          ohos:text_size="20fp" 
  
  
  
          ohos:layout_alignment="center"/>

創(chuàng)建SampleItem.java，作為ListContainer的數(shù)據(jù)包裝類。

 
 
 
 
  
  
  
  public class SampleItem { 
  
  
  
      private String name; 
  
  
  
      public SampleItem(String name) { 
  
  
  
          this.name = name; 
  
  
  
      } 
  
  
  
      public String getName() { 
  
  
  
          return name; 
  
  
  
      } 
  
  
  
      public void setName(String name) { 
  
  
  
          this.name = name; 
  
  
  
      } 
  
  
  
  }

寫一個ListContainer的適配器用于放數(shù)據(jù)

 
 
 
 
  
  
  
  public class SampleItemProvider extends BaseItemProvider { 
  
  
  
   
  
  
  
      private List list; 
  
  
  
      private AbilitySlice slice; 
  
  
  
   
  
  
  
      public SampleItemProvider(List list, AbilitySlice slice) { 
  
  
  
          this.list = list; 
  
  
  
          this.slice = slice; 
  
  
  
      } 
  
  
  
   
  
  
  
      @Override 
  
  
  
      public int getCount() { 
  
  
  
          return list == null ? 0 : list.size(); 
  
  
  
      } 
  
  
  
   
  
  
  
      @Override 
  
  
  
      public Object getItem(int position) { 
  
  
  
          if (list != null && position >= 0 && position < list.size()){ 
  
  
  
              return list.get(position); 
  
  
  
          } 
  
  
  
          return null; 
  
  
  
      } 
  
  
  
   
  
  
  
      @Override 
  
  
  
      public long getItemId(int position) { 
  
  
  
          return position; 
  
  
  
      } 
  
  
  
   
  
  
  
      @Override 
  
  
  
      public Component getComponent(int position, Component component, ComponentContainer componentContainer) { 
  
  
  
          final Component cpt; 
  
  
  
          if (component == null) { 
  
  
  
              cpt = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_item_sample, null, false); 
  
  
  
          } else { 
  
  
  
              cpt = component; 
  
  
  
          } 
  
  
  
          SampleItem sampleItem = list.get(position); 
  
  
  
          Text text = (Text) cpt.findComponentById(ResourceTable.Id_item_index); 
  
  
  
          text.setText(sampleItem.getName()); 
  
  
  
          return cpt; 
  
  
  
      } 
  
  
  
  }

在Java代碼中添加ListContainer的數(shù)據(jù)，并適配其數(shù)據(jù)結(jié)構(gòu)。

還沒有加動態(tài)高度的方法。

 
 
 
 
  
  
  
  public class MainAbilitySlice extends AbilitySlice { 
  
  
  
   
  
  
  
      @Override 
  
  
  
      public void onStart(Intent intent) { 
  
  
  
          super.onStart(intent); 
  
  
  
          super.setUIContent(ResourceTable.Layout_ability_main); 
  
  
  
          initListContainer(); 
  
  
  
      } 
  
  
  
   
  
  
  
      private void initListContainer() { 
  
  
  
          ListContainer listContainer = (ListContainer) findComponentById(ResourceTable.Id_list); 
  
  
  
          List list = getData(); 
  
  
  
          listContainer.setBoundarySwitch(true);  //添加分界線 
  
  
  
          SampleItemProvider sampleItemProvider = new SampleItemProvider(list, this); 
  
  
  
          listContainer.setItemProvider(sampleItemProvider); 
  
  
  
      } 
  
  
  
   
  
  
  
      private ArrayList getData() { 
  
  
  
          ArrayList list = new ArrayList<>(); 
  
  
  
          for (int i = 0; i < 30; i++) { 
  
  
  
              list.add(new SampleItem("Item" + i)); 
  
  
  
          } 
  
  
  
          return list; 
  
  
  
      } 
  
  
  
  }

查看效果

編寫自定義高度方法：

 
 
 
 
  
  
  
  private void setListContainerHeight(ListContainer listContainer) { 
  
  
  
          //獲取當(dāng)前l(fā)istContainer的適配器 
  
  
  
          BaseItemProvider BaseItemProvider = listContainer.getItemProvider(); 
  
  
  
         if (BaseItemProvider == null){ 
  
  
  
             return; 
  
  
  
         } 
  
  
  
          int itemHeight = 0; 
  
  
  
          for (int i = 0; i < BaseItemProvider.getCount(); i++) { 
  
  
  
              //循環(huán)將listContainer適配器的Item數(shù)據(jù)進行累加 
  
  
  
              Component listItem = BaseItemProvider.getComponent(i, null, listContainer); 
  
  
  
              itemHeight += listItem.getHeight(); 
  
  
  
          } 
  
  
  
          //對當(dāng)前l(fā)istContainer進行高度賦值 
  
  
  
          ComponentContainer.LayoutConfig config = listContainer.getLayoutConfig(); 
  
  
  
          //這邊加上(listContainer.getBoundaryThickness() * (BaseItemProvider.getCount()+1)) 
  
  
  
          //listContainer.getBoundaryThickness() 就是分界線的高度 
  
  
  
          //(BaseItemProvider.getCount()+1) 是Item的數(shù)量  加1  是因為頂部還有一條分界線 
  
  
  
          config.height = itemHeight 
  
  
  
                  + (listContainer.getBoundaryThickness() * (BaseItemProvider.getCount()+1)); 
  
  
  
          //賦值 
  
  
  
          listContainer.setLayoutConfig(config); 
  
  
  
      }

調(diào)用方法：

實現(xiàn)效果：

出問題了，不能滑動!!!!!!!

找到了，問題在布局中。

重新運行，查看結(jié)果：

OK了，以達到了最終的效果。

代碼放在了下面的資源鏈接里，大家可以進行參考。

FirstDemo.zip

想了解更多內(nèi)容，請訪問：

和華為官方合作共建的鴻蒙技術(shù)社區(qū)

https://harmonyos.

網(wǎng)站題目：組件開發(fā)ScrollView嵌套ListContainer滑動問題詳解
分享地址：http://m.fisionsoft.com.cn/article/djhjdoj.html