为TabLayout设置自定义布局

为TabLayout设置自定义布局

public class MainActivity extends AppCompatActivity {
    private String[] titles = new String[]{"首页", "Android", "iOS", "前端", "推荐",
            "产品"};
    private TabLayout mTabLayout;
    private ViewPager mViewPager;
    private MyViewPagerAdapt myViewPagerAdapt;

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

        mTabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
        mViewPager = (ViewPager) findViewById(R.id.viewpager);

        MyViewPagerAdapt myViewPagerAdapt = new MyViewPagerAdapt(getSupportFragmentManager());
        // 为ViewPager设置适配器
        mViewPager.setAdapter(myViewPagerAdapt);
        // 关联ViewPager
        mTabLayout.setupWithViewPager(mViewPager);
        // 标签可滚动
        mTabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        // 标签固定
        //mTabLayout.setTabMode(TabLayout.MODE_FIXED);

        int[] imgTabs = new int[]{R.drawable.tab_one, R.drawable.tab_one, R.drawable.tab_one};
        for (int i = 0; i < titles.length; i++) {
            // 获取标签对象
            TabLayout.Tab tabAt = mTabLayout.getTabAt(i);

            // View inflate = getLayoutInflater().inflate(R.layout.tabtitle, null, false);
           // ImageView iv = (ImageView) inflate.findViewById(R.id.imageView);
           // iv.setImageResource(imgTabs[i]);
            // 可以设置自己定义的布局到相应的位置上
          //  tabAt.setCustomView(inflate);
            // 设置图标
            tabAt.setIcon(imgTabs[i]);
            // 设置文本
            //tabAt.setText("hahah");
        }

    }

    class MyViewPagerAdapt extends FragmentPagerAdapter {
        public MyViewPagerAdapt(FragmentManager fm) {
            super(fm);
        }
        @Override
        public Fragment getItem(int position) {
            return new myFragment();
        }
        @Override
        public int getCount() {

            return titles.length;
        }
        // 由于使用了自定义布局所以这里不再指定标签的标题
    }

}

main.xml

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

        app:tabIndicatorColor="#f00"
        app:tabSelectedTextColor="#0ff"
        />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        android:background="@android:color/white" />

tab_one.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true"
        android:drawable="@mipmap/ic_launcher2"/>
    <item android:drawable="@mipmap/ic_launcher"/>

selector>

tabtitle

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@mipmap/ic_launcher"
        android:id="@+id/imageView"
        />
LinearLayout>