TabLayout的简单使用

我们在应用viewpager的时候，经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的，而且比较老了，当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求，在2015年的google大会上，google发布了新的Android Support Design库，里面包含了几个新的控件，其中就有一个TabLayout，它就可以完成TabPageIndicator的效果，而且还是官方的，最好的是它可以兼容到2.2以上版本，包括2.2。下面我就举一个简单的例子来使用它。

   我使用的 android studio进行开发的，所以引用TabLayout很简单，只要在build.gradle中加入compile 'com.android.support:design:22.2.0'即可。

   这个使用是我在仿 知乎 的时候使用。所以页面就和知乎很像了
   fragment_find.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.day12tablayout.MainActivity">

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

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

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_below="@+id/tab"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>

</RelativeLayout>

这里面没有什么特别的，就是添加了一个TabLayout和Viewpager作为上下的布局。

package com.example.day12tablayout;

import android.support.design.widget.TabLayout;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import org.w3c.dom.Text;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    TabLayout tab;
    ViewPager vp;

    List<String> listStr ;
    List<TextView> listTv ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        tab = (TabLayout) findViewById(R.id.tab);
        vp = (ViewPager) findViewById(R.id.vp);
        initData();
        MyAdapter myAdapter = new MyAdapter();
        vp.setAdapter(myAdapter);

//        for (int i = 0; i < 12; i++) {
//            tab.addTab(tab.newTab().setText("标题" + i));
//        }
        //设置可以滑动
        tab.setTabMode(TabLayout.MODE_SCROLLABLE);
        //当tabLayout和ViewPager进行绑定后   标题会消失
        //在PagerAdapter中要重写一个  getPageTitle()
        tab.setupWithViewPager(vp);
    }

    private void initData() {
        listStr = new ArrayList<String>();
        listTv = new ArrayList<TextView>();

        for (int i = 0; i < 10; i++) {
            String str = "条目" + i;
            listStr.add(str);
            TextView tv = new TextView(this);
            tv.setText(str);
            listTv.add(tv);
        }
    }

    class MyAdapter extends PagerAdapter{
        @Override
        public int getCount() {
            return listTv.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        //ctrl + o
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(listTv.get(position));
            return listTv.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
//            super.destroyItem(container, position, object);
        }

        //在PagerAdapter和FragmentPagerAdapter中都有该方法
        @Override
        public CharSequence getPageTitle(int position) {
            return listStr.get(position);
        }
    }
}