Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/angcyo/dsltablayout

:hearts: Android界最万能的TabLayout(不仅仅是TabLayout), 支持任意类型的item, 支持Drawable类型的指示器,智能开启滚动,支持横竖向布局等
https://github.com/angcyo/dsltablayout

android androidx any-child-type any-drawable auto-item-width auto-scroll badge dsl kotlin light tablayout viewpager viewpager2

Last synced: 2 days ago
JSON representation

:hearts: Android界最万能的TabLayout(不仅仅是TabLayout), 支持任意类型的item, 支持Drawable类型的指示器,智能开启滚动,支持横竖向布局等

Awesome Lists containing this project

README 

        
# DslTabLayout



[![API](https://img.shields.io/badge/API-14%2B-brightgreen.svg?style=flat)](https://android-arsenal.com/api?level=14) ![GitHub branch checks state](https://img.shields.io/github/checks-status/angcyo/DslTabLayout/master) ![GitHub](https://img.shields.io/github/license/angcyo/DslTabLayout) [![AndroidX](https://img.shields.io/badge/androidx-100%25-blue)](https://developer.android.google.cn/jetpack/androidx) ![GitHub top language](https://img.shields.io/github/languages/top/angcyo/DslTabLayout) ![JitPack](https://img.shields.io/jitpack/v/github/angcyo/DslTabLayout)



![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/angcyo/DslTabLayout) ![GitHub repo size](https://img.shields.io/github/repo-size/angcyo/DslTabLayout) ![GitHub last commit](https://img.shields.io/github/last-commit/angcyo/DslTabLayout) ![GitHub issues](https://img.shields.io/github/issues/angcyo/DslTabLayout) ![GitHub Repo stars](https://img.shields.io/github/stars/angcyo/DslTabLayout?style=social) ![GitHub forks](https://img.shields.io/github/forks/angcyo/DslTabLayout?style=social)



:hearts: Android界最万能的`TabLayout`(不仅仅是`TabLayout`). 高能自绘控件, 继承自`ViewGroup`, 非组合控件.



[Gitee仓库地址](https://gitee.com/angcyo/DslTabLayout)



[文档地址](https://angcyo.gitee.io/doc)



## 特性



1. 支持任意类型的`child`视图.

2. 支持任意类型`Drawable`的`指示器`.

3. 支持智能开启`横向滚动`.

4. 支持智能开启`平分item宽度`(`1.5.4`后).

5. 支持`高凸模式`, 允许某个`child`高出一节显示.

6. 支持`滑动选择模式`, 滑动的时候智能选择`上一个`或`下一个`.

7. 支持`角标`配置.

8. 支持`ViewPager`和`ViewPager2`

9. 支持`竖向`(`2.0.0`后)

10. 支持指示器`居中` `靠左` `靠右`展示(`2.1.0`后)

11. 支持选中后`突出异形效果`(`2.2.0`后)

12. 支持`RTL`(`3.0.0`后, `minSdk>=17`)

13. 支持`指示器颜色滑动渐变效果`(`3.0.1`后)

14. 支持`指示器闪现效果`(`3.1.0`后)

15. `3.5.5`前:`compileSdk=33 minSdk>=17` `3.5.5`后:`compileSdk=34 minSdk>=21`



直接当做`横向/竖向`的`LinearLayout`使用方式即可, 无特殊要求.



[入门使用](https://github.com/angcyo/DslTabLayout/wiki/%E5%85%A5%E9%97%A8%E4%BD%BF%E7%94%A8)



[点击查看全部属性](https://github.com/angcyo/DslTabLayout/wiki/%E5%B1%9E%E6%80%A7%E5%A4%A7%E5%85%A8)



[点击查看事件回调](https://github.com/angcyo/DslTabLayout/wiki/Item%E9%80%89%E4%B8%AD%E4%BA%8B%E4%BB%B6)



[点击查看角标使用](https://github.com/angcyo/DslTabLayout/wiki/%E8%A7%92%E6%A0%87)



[关联ViewPager使用(兼容ViewPager2)](https://github.com/angcyo/DslTabLayout/wiki/ViewPager1%E5%92%8CViewPager2)



## 效果



**一个`DSLTabLayout`可实现以下3中效果**



高能自绘控件, 继承自`ViewGroup`, 非组合控件.



无需选择, `xml配置`即可, 还不赶紧收下?



|带滚动效果和角标|

|:--:|

|![带滚动效果和角标](png/tab_sliding.gif)|



|普通和高凸效果|

|:--:|

|![普通和高凸效果](png/tab_common.gif)|



|带边框,分割线和滑动选择效果|

|:--:|

|![分割线和滑动选择效果](png/tab_segment.gif)|



## 竖向效果



![竖向效果](png/tab_sliding_vertical.png)



![竖向效果](png/tab_common_vertical.png)



![竖向效果](png/tab_segment_vertical.png)



## 突出效果



![突出效果](png/tab_highlight_vertical.png)



![突出效果](png/tab_highlight_horizontal.png)



## 闪现效果



![闪现效果](png/flash.gif)



# 使用`JitPack`的方式, 引入库.



## `AGP 8.+` 根目录中的 `settings.gradle`



```groovy

dependencyResolutionManagement {

    ...

    repositories {

        ...

        maven { url 'https://jitpack.io' }

    }

}

```



## `AGP 8.-` 根目录中的 `build.gradle`



```groovy

allprojects {

    repositories {

        ...

        maven { url 'https://jitpack.io' }

    }

}

```



## APP目录中的 `build.gradle`



```kotlin

dependencies {

    implementation 'com.github.angcyo.DslTablayout:TabLayout:3.6.5'



    //可选

    implementation 'com.github.angcyo.DslTablayout:ViewPager1Delegate:3.6.5'

    //可选

    implementation 'com.github.angcyo.DslTablayout:ViewPager2Delegate:3.6.5'

}

```



如果无法从`jitpack`获取库可以尝试使用`group`:`com.github.angcyo.DslTabLayout:xxx`



[更新日志](https://github.com/angcyo/DslTabLayout/blob/master/CHANGELOG.md)



# 下载体验



扫码安装



![扫码安装](png/qrcode.png)



# License



[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fangcyo%2FDslTabLayout.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fangcyo%2FDslTabLayout?ref=badge_large)



---

**群内有`各(pian)种(ni)各(jin)样(qun)`的大佬,等你来撩.**



# 联系作者



[点此QQ对话](http://wpa.qq.com/msgrd?v=3&uin=664738095&site=qq&menu=yes)  `该死的空格`    [点此快速加群](https://shang.qq.com/wpa/qunwpa?idkey=cbcf9a42faf2fe730b51004d33ac70863617e6999fce7daf43231f3cf2997460)



[开源地址](https://github.com/angcyo/DslTabLayout)



![扫码进群](https://raw.githubusercontent.com/angcyo/res/master/code/all_in1.jpg)



![给点鼓励](https://raw.githubusercontent.com/angcyo/res/master/code/all_in2.jpg)



# 趋势



[![Stargazers over time](https://starchart.cc/angcyo/DslTabLayout.svg)](https://starchart.cc/angcyo/DslTabLayout)



# 👏 感谢



[![angcyo/DslTabLayout](https://reporoster.com/stars/angcyo/DslTabLayout)](https://github.com/angcyo/DslTabLayout/stargazers)



## 访问统计

Loading