TabList组件

• TabList组件
  • 简述
    • 支持的XML属性
  • 示例说明
  • 相关资料

简述

Tablist可以实现多个页签栏的切换，Tab为某个页签。子页签通常放在内容区上方，展示不同的分类。页签名称应该简洁明了，清晰描述分类的内容

支持的XML属性

Tablist的共有XML属性继承自：ScrollView

Tablist的自有XML属性见下表：

示例说明

• 图片

  

• xml部分

  ![2](../../../../../../../../360MoveData/Users/邓沙利文/Desktop/2.gif<?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">
  
      <TabList
          ohos:id="$+id:tabList1"
          ohos:background_element="#fcc"
          ohos:text_alignment="center"
          ohos:layout_alignment="center"
          ohos:tab_margin="5vp"
          ohos:padding="5vp"
          ohos:tab_length="60vp"
          ohos:text_size="18vp"
          ohos:height="50vp"
          ohos:width="match_parent"
  
          ohos:normal_text_color="#fff"
          ohos:selected_text_color="#f00"
          ohos:selected_tab_indicator_color="#f00"
          ohos:selected_tab_indicator_height="2vp"
          />
  
  </DirectionalLayout>

• java部分

  import com.example.javabasecomponent.ResourceTable;
  import ohos.aafwk.ability.AbilitySlice;
  import ohos.aafwk.content.Intent;
  import ohos.agp.components.TabList;
  
  public class TabListAbilitySlice extends AbilitySlice {
      @Override
      public void onStart(Intent intent) {
          super.onStart(intent);
          super.setUIContent(ResourceTable.Layout_ability_tab_list);
      
      
          String[] tabInfos = {"相册", "视频", "音乐", "电视", "新闻", "电影", "体育", "旅游"};
          TabList tabList = findComponentById(ResourceTable.Id_tabList1);
          // 添加tab
          for (String tabInfo : tabInfos) {
              TabList.Tab tab = tabList.new Tab(getContext());
              tab.setText(tabInfo);
              tabList.addTab(tab);
          }
          
          
          // 设置选中tab
          tabList.selectTabAt(2);
          //tabList.selectTab();
          
          tabList.addTabSelectedListener(new TabList.TabSelectedListener() {
              @Override
              public void onSelected(TabList.Tab tab) {
                  // 当某个Tab从未选中状态变为选中状态时的回调
                  System.err.println("tab" + tab.getText() + "被选中了");
              }
      
              @Override
              public void onUnselected(TabList.Tab tab) {
                  // 当某个Tab从选中状态变为未选中状态时的回调
                  System.err.println("tab" + tab.getText() + "被取消选中了");
              }
      
              @Override
              public void onReselected(TabList.Tab tab) {
                  // 当某个Tab已处于选中状态，再次被点击时的状态回调
                  System.err.println("tab" + tab.getText() + "被再次选中了");
              }
          });
      }
      
      @Override
      public void onActive() {
          super.onActive();
      }
      
      @Override
      public void onForeground(Intent intent) {
          super.onForeground(intent);
      }
  }

相关资料

• 官网

• demo代码