谷歌TabLayout的简单例子

最新推荐文章于 2024-05-15 01:30:07 发布

Greyson_Guo

最新推荐文章于 2024-05-15 01:30:07 发布

阅读量834

点赞数

分类专栏：笔记类 Android 文章标签： android 应用组件

本文链接：https://blog.csdn.net/u014050188/article/details/50812631

版权

Android 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

笔记类

12 篇文章 0 订阅

订阅专栏

XML中配置：

<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:layout_height="match_parent"
    android:orientation="vertical">
   
    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <--在TabLayout中也可以设置颜色
       app:tabIndicatorColor="@color/white"  //Tab下划线的颜色
       app:tabSelectedTextColor="@color/gray"  //Tab文字被选中后的颜色
       app:tabTextColor="@color/white"     //Tab文字的默认颜色
     -->

</LinearLayout>

Adapter：

public class FragmentAdapter extends FragmentStatePagerAdapter {
    private List<Fragment> mFragments;
    private List<String> mTitles;

    public FragmentAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) {
        super(fm);
        mFragments = fragments;
        mTitles = titles;
    }

    @Override
    public Fragment getItem(int position) {
        return mFragments.get(position);
    }

    @Override
    public int getCount() {
        return mFragments.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }
}

Activity：

public class DemoActivity extends Activity{
    
    private TabLayout tabLayout;
    private ViewPager viewPager;

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

        tabLayout = (TabLayout) findViewById(R.id.tablayout);
        viewPager = (ViewPager) findViewById(R.id.viewpager);

        List<String> titles = new ArrayList<>();
        titles.add("fragment1");
        titles.add("fragment2");
        
        List<Fragment> fragments = new ArrayList<>();
        fragments.add(new Tab1Fragment());
        fragments.add(new Tab2Fragment());

        FragmentAdapter adapter = new FragmentAdapter(getSupportFragmentManager(), fragments, titles);
        viewPager.setAdapter(adapter);
        tabLayout.setTabTextColors(Color.BLACK, getResources().getColor(R.color.colorPrimary));//设置文字默认背景色和选中的背景色
        tabLayout.setupWithViewPager(viewPager);

    }

}

附带TabLayout实用方法：

setTabsFromPagerAdapter (PagerAdapter adapter)：将ViewPager的标题设置为Tablayout的Tab标题

public void setTabTextColors (int normalColor, int selectedColor)：设置Tab文本选中与否时的颜色

setTabMode (int mode)：主要两个值：MODE_FIXED显示所有Tab，宽度平均，标题最多显示两行，文字超出的都省略；MODE_SCROLLABLE，Tab栏可滚动，如果Tab过多，则不显示，标题文字全部一行显示。

setSelectedTabIndicatorColor (int color)：设置Tab栏选中标示条的颜色

setSelectedTabIndicatorHeight (int height)：设置Tab栏选中标示条的高度。

setupWithViewPager (ViewPager viewPager)：

将TabLayout与一个ViewPager绑定，它做了三件事：为ViewPager添加了关联当前TabLayout的OnPageChangeListener监听器，将ViewPager的标题作为Tab的标题，设置TabLayout与ViewPager页面联动的OnTabSelectedListener监听器。