[MultiLayout](一个可以支持多行的TabLayout的Android库)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiaowu_zhu/article/details/84061366

MultiLayout

[图片上传失败...(image-fdefc7-1559696719008)]

一个可以支持多行的TabLayout的Android库。

目前主要支持的功能有:

  • 根据数据可以动态拆分添加多行Tab
  • 可以和ViewPager联合使用
  • 具备TabLayout的相关功能

截图

multiLayout

用法

Step 1

在根build.gradle中添加:

allprojects {
    repositories {
        maven { url "https://jitpack.io" }
    }
}

在使用的模块build.gradle中添加:

dependencies {
    implementation 'com.github.ixiaow:multilayout:x.y.z'
}

请替换 x. y .z 为最新的版本号:
[图片上传失败...(image-9976b6-1559696719009)]

Step2

在你自己的xml文件中使用:

<com.ixiaow.multilayout.MultiLayout
     android:id="@+id/topic_layout"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:tab_indicator_color="@color/colorAccent"
     app:tab_indicator_height="5dp"
     app:tab_indicator_radius="5dp"
     app:tab_text_select_color="@color/colorAccent"
     app:tab_text_size="14sp"
     app:tab_text_unselect_color="@color/colorPrimary" />

Step3

ActivityFragment中初始化:

private MultiLayout mMultiLayout;
mMultiLayout = findViewById(R.id.multi_layout);

普通使用:

//tabNames是一个String类型的List集合,代表tab的名称
mMultiLayout.initTabNames(tabNames);
//更新tabNames
mMultiLayout.updateTabNames(tabNames);

ViewPager组合使用:

mViewPager.setAdapter(mCatalogAdapter);
mMultiLayout.setupWithViewPager(mViewPager);

添加TabText的点击事件:

/**
  * 设置Tab选择监听事件
  *
  * @param onTabSelectListener tab监听事件
  */
  public void setOnTabSelectListener(OnTabSelectListener onTabSelectListener) {
      this.mOnTabSelectListener = onTabSelectListener;
  }

Demo

具体的使用请看:sample

扩展属性

multilayout支持一下扩展属性:

Attribute format description
tab_text_width dimension tab文本的宽度
tab_text_height dimension tab文本的高度
tab_text_size dimension tab文本的字体大小
tab_text_select_color color tab文本选中时的字体颜色
tab_text_unselect_color color tab文本字体未选中时的颜色
tab_indicator_color color indicator指示器的颜色
tab_indicator_width dimension indicator指示器的宽度
tab_indicator_height dimension indicator指示器的高度
tab_indicator_radius dimension indicator指示器的圆角弧度

如果您觉得还可以欢迎Star ,谢谢!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容