TabLayout- use basic properties

The use TabLayout

 

method one:

1 . Added directly in the layout of the controls:

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

2. in the code:

//注意这里是导入的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"));

Second way:

<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>

Add TabItem directly in the layout file.

TabLayout listening event:

  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的逻辑
            }
        });