TabLayout实现Tab自定义宽度

左手的ㄟ右手 2022-12-07 01:58 204阅读 0赞

### TabLayout实现Tab自定义宽度 ###

晚上在做一个效果的时候，纠结在这个Tab自定义控件的宽度设置上，看了下网上没什么资料，就分享一下。

xml:

<com.google.android.material.tabs.TabLayout
                android:id="@+id/emojiTabLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabMode="scrollable"
                app:tabBackground="@null"
                app:tabRippleColor="@null"
                app:tabIndicator="@null"
                app:tabPaddingEnd="0dp"
                app:tabPaddingStart="0dp"
                app:tabMinWidth="0dp"
                app:tabMaxWidth="0dp"/>

app:tabMinWidth=“0dp”

设置掉默认的一个最小宽度

Kotlin:

tabLayout.newTab().apply {
        customView = LayoutInflater.from(applicationContext)
            .inflate(
                R.layout.custom_tab_item,
                null,
                false
            ).apply {
            // do something
        }
    }.also {
        tabLayout.addTab(it)
    }

效果图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMzMyMTM_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTExMzMyMTM_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/aa13974d7b5047bc9068f5d4fdef43ef.png

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android自定义TabLayout后ViewPager与TabLayout互相控制切换

Android自定义TabLayout后ViewPager与TabLayout互相控制切换正常的Android原生TabLayout与ViewPager搭配使用，当T

旧城等待，/ 2023年10月17日 21:51/ 0 赞/ 12 阅读

相关 TabLayout实现Tab自定义宽度

TabLayout实现Tab自定义宽度晚上在做一个效果的时候，纠结在这个Tab自定义控件的宽度设置上，看了下网上没什么资料，就分享一下。 xml: <

左手的ㄟ右手/ 2022年12月07日 01:58/ 0 赞/ 205 阅读

相关九、自定义Tab

现在流行的主界面都是底部有几个tab，点击切换到不同的页面，下面我们自定义这个tab控件。采用最简单的自定义控件的方法，继承自android自带控件，继承LinearLay

左手的ㄟ右手/ 2022年09月25日 04:27/ 0 赞/ 191 阅读

相关 C#— —[winforms]自定义DataGridView，实现列顺序、宽度保存

本文主要介绍如何在DataGridView的基础上，自定义DataGridView，实现列的顺序、宽度、显示名等信息的保存与读取，实现用户的个性化需求。文章目录

骑猪看日落/ 2022年09月02日 13:58/ 0 赞/ 259 阅读

相关 Android 中TabLayout实现Tab自定义和选中文字加粗

在Android开发当中，我们几乎都得用到TabLayout+Fragment来实现信息的展示，但是，很多时候我们的需要又很不同， TabLayout的基本使用推荐以下文章：

红太狼/ 2022年06月13日 11:53/ 0 赞/ 922 阅读

相关 android TabLayout+ViewPager有较多Tab，Tab随viewPager滚动

先上效果图 ![SouthEast][] 这里只需要在xml中TabLayout下添加`app:tabMode="scrollable"`，即可实现ViewPager

古城微笑少年丶/ 2022年06月13日 06:48/ 0 赞/ 200 阅读

相关 Android Tablayout 自定义Tab布局的使用

开发公司的项目中需要实现以下效果图，需要自定义TabLayout 中的Tab ![SouthEast][] Tablayout xml <android.su

桃扇骨/ 2022年06月04日 01:12/ 0 赞/ 1070 阅读

相关通过TabLayout和ViewPager实现Tab切换

一、效果图通过TabLayout和ViewPager这两个控件可以实现Tab切换的效果。而且能通过属性设置来设定滑动条的高度和颜色、字体的颜色等。效果如图所示

浅浅的花香味﹌/ 2022年05月27日 11:57/ 0 赞/ 193 阅读

相关自定义tab(模拟tab效果)

实现效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

怼烎@/ 2022年03月01日 11:28/ 0 赞/ 286 阅读

相关天猫中的自定义tab栏】_使用Tab Kit自定义Firefox中的Tab行为

![天猫中的自定义tab栏】][tab] 天猫中的自定义tab栏】 Looking for an easy way to specialize the tab behavi

浅浅的花香味﹌/ 2021年07月27日 00:05/ 0 赞/ 292 阅读