ViewPager+TabLayout快速集成底部Tab栏+Fragment

最新推荐文章于 2025-05-13 16:59:38 发布

原创最新推荐文章于 2025-05-13 16:59:38 发布 · 713 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何利用ViewPager+TabLayout快速集成底部Tab栏，并提供了详细使用说明，包括依赖库、自定义底部item及通用方法。还提供了优快云和GitHub的下载链接。

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

注明：基于ViewPager+TabLayout二次封装的库（可以自定义底部item，也可以使用自带）

使用条件:

依赖库:

    compile 'com.android.support:design:25.1.0'
    compile 'com.android.support:appcompat-v7:25.1.0'

承载的Activity :

    FragmentActivity

Fragment包:

    android.support.v4.app.Fragment

页面样式(类型):

    Theme.AppCompat

使用说明:

<com.famabb.vtp.ViewTabPager
       android:id="@+id/view_tab_pager"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>

使用自动底部Item:

/**
     * @param fgm 
     * @param title  底部问题
     * @param resId selector 图片选择器
     */
    public void addItem(Fragment fgm, String title, int resId)

  /**
     * @param fgm
     * @param resId selector resid
     */
    public void addItem(Fragment fgm, int resId) 
//item 图片大小
    public void setItemImageSize(int width, int height)
//字体颜色
 public void setFontColor(int normalResId, int selectResId)

//改变index 的消息状态
    public void setMsgState(int index, boolean hasMsg)

//设置item字体大小
    public void setFontDipSize(float size)

  //item默认字体颜色
    public void setFontColor(int colorId) 

//提示有消息的小图标
    public void setMsgResId(int resId)

自定义底部item:

    /**
     * @param fgm
     * @param tabView 底部item view
     */
    public void addItem(Fragment fgm, View tabView)


 //自定义底部item切换监听
    public void setOnTabSelectedListener(OnTabSelectedListener listener)

使用注意：不管是自定义还是原带，add完成底部全部item后，必须调用

    //刷新view  否则什么都不显示
    public void notifyViewChanger()

通用方法:

/**
     * 加入页面切换监听
     *
     * @param listener
     */
    public void addPagerChangeListener(ViewPager.OnPageChangeListener listener)

  //tab高度
    public void setTabItemHeight(int height)

  //tabLayout背景颜色
    public void setTabLayoutBgColor(int colorId)

//刷新view
    public void notifyViewChanger()

   //底部item和fgm中间的线
    public void setLineBackground(int colorId)

  //隐藏底部item和fgm中间的线
    public void hideLine()

//是否可以滑动
    public void setScroll(boolean scroll)

 //跳转到index页
    public void jumpItem(int index)

Demo:

优快云 : https://download.youkuaiyun.com/download/a807891033/10282054

GitHub：https://github.com/cjcMarker/ViewTabPager-master

我个人写代码比较自信，写完就直接跑起来，这个库有些地方是边写文章边修改的，所以有什么问题麻烦大家多多指教!!