TabLayout+ViewPager Fragment 实现导航栏的切换，图片可更换颜色

橘啊橘啊

于 2018-03-23 20:25:57 发布

阅读量1.5k

点赞数 1

分类专栏： Android开发文章标签： TabLayout ViewPager Fragment

本文链接：https://blog.youkuaiyun.com/yuan_ahui/article/details/79671846

版权

本文介绍了如何使用TabLayout和ViewPager结合Fragment实现带有图片的导航栏切换。针对遇到的文字和图片不显示的问题，提供了解决方案，即在styles中定义style文件，并设置TabLayout的textAllCaps为false。此外，还提醒读者可以自定义item布局和根据需求查阅TabLayout的更多属性。

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

先上图，看看是不是你们想要的效果

看了一堆的TabLayout的详解，里面都是实现最基本的TabLayout+ViewPager（只能有文字，没有图片的那种），最后参考各种文档，终于写出来了，本人菜鸟一枚，代码会尽可能的详细，适合新手哦

如果你遇到了问题，可以先看一下文章的最后，是否和我的问题是一样的，可以快速解决哦

1.首先创建的是MainActivity.class的布局

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

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginBottom="2dp"
        android:background="@color/gray2">
    </View>

    <android.support.design.widget.TabLayout
        android:id="@+id/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorHeight="0dp"
        app:tabTextAppearance="@style/MyCustomTabTextAppearance"/>

2.写一个ViewPager的适配器，就叫ViewPagerAd