TabLayout 的使用

方式一:

1. 在佈局中直接加入該控制元件:

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

2.在程式碼中：

//注意這裡是匯入的design庫的tablayout
import android.support.design.widget.TabLayout;

   tabLayout= (TabLayout) findViewById(R.id.tablayout);
        tabLayout.addTab(tabLayout.newTab().setText("tab 1"));
        tabLayout.addTab(tabLayout.newTab().setText("tab 2"));
        tabLayout.addTab(tabLayout.newTab().setText("tab 3"));
 

方式二：

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    
    <android.support.design.widget.TabItem
        android:text="tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    
</android.support.design.widget.TabLayout>
 

在佈局檔案中直接新增TabItem。

TabLayout 的監聽事件:

  tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                //選中了tab的邏輯
            }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {
               //未選中了tab的邏輯
            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {
              //再次選中了tab的邏輯
            }
        });