viewPager和TabLayout使用

最新推荐文章于 2020-08-06 02:48:11 发布

原创最新推荐文章于 2020-08-06 02:48:11 发布 · 238 阅读

1 ·

CC 4.0 BY-SA版权

电商专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Android的TabLayout和ViewPager实现带颜色标识的标签页切换效果，并通过自定义适配器MyFragmentPagerAdapter来展示不同标签页对应的Fragment内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//布局

 <!-- app:tabIndicatorColor="#00f"  tab底部选中的颜色标识
                    app:tabIndicatorHeight="4dp" 标识的高度
                    app:tabSelectedTextColor="#00f"  选中tab文字的颜色
                    app:tabTextColor="#000"   没有选中tab文字的颜色
                    -->
                <android.support.design.widget.TabLayout
                    android:id="@+id/tabs"
                    android:layout_height="wrap_content"
                    android:layout_width="match_parent"
                    app:tabIndicatorColor="#00f"
                    app:tabIndicatorHeight="4dp"
                    app:tabSelectedTextColor="#00f"
                    app:tabTextColor="#000"></android.support.design.widget.TabLayout>

                <android.support.v4.view.ViewPager
                    android:id="@+id/vp"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:layout_width="match_parent"></android.support.v4.view.ViewPager>

//代码

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    private String[] str = new String[]{"商品","评价","商家"};
    public MyFragmentPagerAdapter(FragmentManager fm) {
        super(fm);
    }
    @Override
    public Fragment getItem(int position) {
        Fragment fragment = null;
        switch (position){
            case 0:
                fragment = new GoodsFragment();
                break;
            case 1:
                fragment = new SuggestFragment();
                break;
            case 2:
                fragment = new SellerFragment();
                break;
        }
        return fragment;
    }

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

    //指定tab中文本方法
    @Override
    public CharSequence getPageTitle(int position) {
        return str[position];
    }
}

//设置数据 Activity中是getFragmentManager()<==>Fragment中是getSupportFragmentManaager(),否则

不显示数据

 //viewpager设置上数据适配器

        MyFragmentPagerAdapter myFragmentPagerAdapter
                = new MyFragmentPagerAdapter(getSupportFragmentManager());
        vp.setAdapter(myFragmentPagerAdapter);
        //让tabLayout和viewpager进行绑定
        tabs.setupWithViewPager(vp);