Android--TableLayout的基本使用

Tablayout为谷歌在Design包中提供给开发者使用的ViewPager指示器，兼容到2.2以上版本，包括2.2

使用它需要先导入design包，下面介绍它的基本使用方法

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="#ffdd00"
        app:tabMode="scrollable"
        app:tabSelectedTextColor="@color/colorPrimary"
        app:tabTextAppearance="@style/CustomTabText"
        app:tabTextColor="#ff00ff">

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

        <android.support.design.widget.TabItem
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="tag" />

    </android.support.design.widget.TabLayout>

</LinearLayout>

显示效果如下：

TabLayout.jpg

下面是它的一些自定义属性

改变选中字体的颜色   (觉得选中的颜色不好看 )
app:tabSelectedTextColor="@android:color/holo_orange_light"

改变未选中字体的颜色
app:tabTextColor="@color/colorPrimary"

改变指示器下标的颜色
app:tabIndicatorColor="@android:color/holo_orange_light"

改变整个TabLayout的颜色
app:tabBackground="color"

改变TabLayout内部字体大小app:tabTextAppearance="@android:style/TextAppearance.Holo.Large"//设置文字的外貌

改变指示器下标的高度
app:tabIndicatorHeight="4dp"

改变item的摆放模式：scrollable表示可以滑动，fixed表示只有一屏的宽度，默认使用fixed
app:tabMode="scrollable"

有时候Tab只有文字感觉有点单调了
tabLayout.addTab(tabLayout.newTab().setText("Tab 1").setIcon(R.mipmap.ic_launcher));    
tablayout.getTabAt(1).setIcon(R.mipmap.ic_launcher_round);


-加入Padding
设置Tab内部的子控件的Padding：
app:tabPadding="xxdp"
app:tabPaddingTop="xxdp"
app:tabPaddingStart="xxdp"
app:tabPaddingEnd="xxdp"
app:tabPaddingBottom="xxdp"

-设置整个TabLayout的Padding：
app:paddingEnd="xxdp"
app:paddingStart="xxdp"

-内容的显示模式
app:tabGravity="center"//居中，如果是fill，则是充满

-Tab的宽度限制
设置最大的tab宽度：
app:tabMaxWidth="xxdp"  
设置最小的tab宽度：
app:tabMinWidth="xxdp"

-Tab的“Margin”
TabLayout开始位置的偏移量：
app:tabContentStart="100dp"

Tablayout还提供了联动ViewPager的方法，设置了这个方法会把布局文件中的item清空，我们需要从Adapter中动态获取tab

public class MainActivity extends AppCompatActivity {
    private TabLayout tablayout;
    private ViewPager viewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tablayout = findViewById(R.id.tablayout);
        viewpager = findViewById(R.id.viewpager);
        MyAdapter adapter = new MyAdapter(getSupportFragmentManager());
        viewpager.setAdapter(adapter);

        //设置和ViewPager的联动
        tablayout.setupWithViewPager(viewpager);
    }

    class MyAdapter extends FragmentPagerAdapter {

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            TextFrament textFrament = new TextFrament();
            Bundle args = new Bundle();
            args.putString("position", i + "");
            textFrament.setArguments(args);
            return textFrament;
        }

        @Override
        public int getCount() {
            return 10;
        }

        /**
         * tablayout就是利用这个方法获取的title
         *
         * @param position
         * @return
         */
        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return String.valueOf(position + 1);
        }
    }

}

TabLayout.jpg