Android TabLayout简单使用

Android TabLayout简单使用
相信大家对TabLayout都不陌生吧！这个一个滑动组件，在2015年的google大会上，google发布了新的Android Support Design库，里面包含了几个新的控件，其中就有一个TabLayout，它就可以完成TabPageIndicator的效果，而且还是官方的，最好的是它可以兼容到2.2以上版本，包括2.2，在我的项目运用比较多。编译器我是用Android Studio，Android studio只需要在build.gradle中加入compile compile ‘com.android.support:design:25.0.0’(25.0.0为SDK版本)
我写了几个简单的列子，以供刚学Android的同学使用

activity_main 布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

    <android.support.v4.view.ViewPager
        android:id="@+id/pager_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

build.gradle引用


接下来就是我们的MianActivity中的代码了

public class MainActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private ViewPager viewPager;
    private String titles[] = {"Tab1", "Tab2"};

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

    public void init() {
        tabLayout = (TabLayout) findViewById(R.id.tab_main);
        viewPager = (ViewPager) findViewById(R.id.pager_main);
    }

    public void getPager() {
        tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
        tabLayout.setTabTextColors(getResources().getColor(R.color.c_333333), getResources().getColor(R.color.orange));
        //设置下划线颜色
        tabLayout.setSelectedTabIndicatorColor(getResources().getColor(R.color.orange));
        //设置下划线高度，宽度跟随tab的宽度
        tabLayout.setSelectedTabIndicatorHeight(3);
        //设置tab的背景颜色
//        tabLayout.setBackgroundColor(getResources().getColor(R.color.colorAccent));
        viewPager.setAdapter(new TabLayoutAdater(getSupportFragmentManager(), titles));
        tabLayout.setupWithViewPager(viewPager);
        tabLayout.setupWithViewPager(viewPager);
    }

    public class TabLayoutAdater extends FragmentPagerAdapter {
        String[] title;

        public TabLayoutAdater(FragmentManager fm, String[] titles) {
            super(fm);
            title = titles;
        }


        @Override
        public Fragment getItem(int position) {
            Fragment fragment = null;
            fragment = new TabFragment();
            return fragment;
        }

        @Override
        public int getCount() {
            return title.length;
        }

        /**
         * 重写getPageTitle,页卡标题下标
         *
         * @param position
         * @return
         */
        @Override
        public CharSequence getPageTitle(int position) {
            return title[position];
        }
    }

添加 的Fragment

public class TabFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment, null);
        return view;
    }
}

源码我就不贴了，毕竟这个太简单了，而且网上也有一大堆，哈哈！