Android TabLayout指示器宽度随tab内容

最新推荐文章于 2024-06-07 14:26:57 发布
最新推荐文章于 2024-06-07 14:26:57 发布
阅读量735 收藏 1
点赞数
分类专栏： Android问题解决 Android技术 文章标签： android TabLayout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39420519/article/details/105670931
版权

在之前support（android.support.design.widget.TabLayout）包下的TabLayout是没有提供修改指示器宽度的，需要在onMesure里反射修改。

但是现在material（com.google.android.material.tabs.TabLayout）下的TabLayout是有提供一个属性，确定指示器宽度是否随tab内容变化的。

可以直接在xml里指定，也可以代码里set，true为填满整个tab的宽度，false则是跟随内容宽度

app:tabIndicatorFullWidth="false"

                

        

        

    




    

      

        

            

              
                
                  柯基爱蹦跶
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
com.google.android.material.tabs.TabLayout  选择tab 加粗字体加大

				
			

			

				

					01-03
				

			

		

		

			
				
引用:  https://blog.csdn.net/qq_34906385/article/details/93524163 
app:tabIndicatorColor ：指示线的颜色
app:tabIndicatorHeight ： 指示线的高度
app:tabIndicatorFullWidth=false 指示线是否铺满宽度
app:tabSelectedTextColor ： tab选中时的字体颜色
app:tabTextColor=@color/colorPrimary ：未选中字体颜色
app:tabBackground=color ： 整个tablayout颜色


			
		

	



                

              
                



	

		

			

				
					
android.support.design.widget.TabLayout设置指示器的宽度

				
			

			

				

					移动端开发
				

				

					08-01
					
					3504
					
				

			

		

		

			
				
MD风格的，指示器宽度和条目等宽，无法设置margin值，或者padding值。

			
		

	



                


  
              

                


	

		

			

				
					
android原生TabLayout之自定义指示器效果

					
最新发布

				
			

			

				

					lixinxiaos的博客
				

				

					06-07
					
					363
					
				

			

		

		

			
				
这个玩意说起来大家都不陌生。结合viewPager或者单独使用。当然市面上的三方也数不胜数。用起来终归是顺手一些。具体需结合场景，灵活使用。

			
		

	





	

		

			

				
					
Android——可修改字体大小和指示器长度的XTabLayout

					
热门推荐

				
			

			

				

					犀利的小牛
				

				

					12-22
					
					2万+
					
				

			

		

		

			
				
XTabLayout是基于design包中的TabLayout进行了功能的扩展，在保留原有功能的基础上，增加了修改选中项字体大小、修改指示器长度以及限制屏幕显示范围内显示的Tab个数。先看效果图：集成步骤：1.添加XTabLayout依赖库在app目录下的build.gradle的dependencies中添加如下引用：compile 'com.androidkun:XTabLayout:1.1.0

			
		

	



		

			
		



	

		

			

				
					
Android-两种方式自定义Tablayout指示器长度

				
			

			

				

					08-13
				

			

		

		

			
				
两种方式自定义Tablayout指示器长度

			
		

	





	

		

			

				
					
android TabLayout的指示器宽度问题

				
			

			

				

					01-04
				

			

		

		

			
				
最近碰到一个需求，因为是我比较感兴趣的TabLayout的，所以记录一下吧。
  产品需求：希望上部导航栏中的指示器宽度略大于文字宽度；
  技术方案：TabLayout配合ViewPager；
  问题分析： 原生TabLayout的指示器宽度等于每个tab的宽度，远大于 tab内文字标题的宽度。
原因分析： 

TabLayout（TL）继承自HorizontalScrollView，其只能添加一个子控件，这个子控件便是TL内部私有类–SlidingTabStrip，其继承自LinearLayout。指示器怎么加上的呢？便是在该类的onDraw方法中：


 @Override
publi

			
		

	





	

		

			

				
					
Android TabLayout设置指示器宽度的方法

				
			

			

				

					08-27
				

			

		

		

			
				
Android TabLayout设置指示器宽度的方法   Android TabLayout是Android 5.0 Design Support Library中的一部分，提供了一个 Material Design 风格的TabLayout组件，但是在使用时，TabLayout的指示器宽度无法通过直接...

			
		

	





	

		

			

				
					
TabLayout实现Tab自定义宽度

				
			

			

				

					快乐de胖虎
				

				

					09-14
					
					4877
					
				

			

		

		

			
				
TabLayout实现Tab自定义宽度
晚上在做一个效果的时候，纠结在这个Tab自定义控件的宽度设置上，看了下网上没什么资料，就分享一下。
xml:
<com.google.android.material.tabs.TabLayout
            android:id="@+id/emojiTabLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_c

			
		

	





	

		

			

				
					
TabLayout指示宽度设置

				
			

			

				

					qq_29186033的博客
				

				

					03-26
					
					289
					
				

			

		

		

			
				
在使用系统控件时有时候默认效果往往不是需要的，有这方面需要的可以参考下。

			
		

	





	

		

			

				
					
Android TabLayout 优雅设置调整指示线tabIndicator 圆角样式和宽度

				
			

			

				

					蓝色的天空的博客
				

				

					05-14
					
					6852
					
				

			

		

		

			
				
通过layer-list层叠样式设置指示器样式，不通过反射
1.实现效果

2. 代码
2.1 layout布局
<com.google.android.material.tabs.TabLayout
     android:id="@+id/tab_layout"
     app:tabIndicator="@drawable/layer_tab_indicator"
     ... />

2.2 layer_tab_indicator代码
<?xml version="1.0"

			
		

	





	

		

			

				
					
TabLayout使用介绍(com.google.android.material.tabs.TabLayout)

				
			

			

				

					热爱技术
				

				

					10-07
					
					2万+
					
				

			

		

		

			
				
指示器的标签分为两种情形，一种是固定的一般3~5个标签，另一种的移动的标签；开发中经常会使用MD风格的TabLayout控件，这个控件什么都很好，就是指示器的下滑线和文字不能够对齐，这一点用过的同学都会知道的，我也在网上找了好久，也找到不到现成的，只好自己动手来写一个啦！ 
先声明一下，我是吧指示器标签分两种情形来写的，固定和不固定，没有合并，因为不是继承同一个控件；另外要多看看TabLayout的...

			
		

	





	

		

			

				
					
自定义简单的viewpager指示器

				
			

			

				

					01-11
				

			

		

		

			
				
自己定义的ViewPager指示器，用于在ViewPager和Fragment合用时，起到指示作用，有点丑............     哈哈哈....

			
		

	





	

		

			

				
					
TabLayout+ViewPager，自定义tab 实现仿淘宝TabLayout价格动态变换。

				
			

			

				

					06-01
				

			

		

		

			
				
TabLayout+ViewPager，自定义tab：图片+文字、文字、图片，tab可以自定义和平时写xml一样随心所欲。实现仿淘宝TabLayout价格动态变换。

			
		

	





	

		

			

				
					
Android代码-扩展 Android Tab Layout，实现动画指示器效果，很漂亮。

				
			

			

				

					08-07
				

			

		

		

			
				
Dachshund Tab Layout




Introduction
Boosted Android Tab Layout with custom animated indicators including "Dachshund" animation inspired by this.
Sample

Available Animated Indicators



Indicator
Example
Custom behavior




DachshundIndicator




PointMoveIndicator

setInterpolator(TimeInterpolator interpolator)


LineMoveIndicator

setEdgeRadius(int edgeRadius)


PointFadeIndicator




LineFadeIndicator

setEdgeRadius(int edgeRadius)




Installation
Step 1
Add the JitPack repository to your 

			
		

	





	

		

			

				
					
tablayout的自定义tab和自定义指示器

				
			

			

				

					06-28
				

			

		

		

			
				
tablayout+viewpager自定义tab和自定义指示器。完美解决滑动卡顿。

			
		

	





	

		

			

				
					
Android TabLayout自定义指示器

				
			

			

				

					weixin_42273922的博客
				

				

					04-02
					
					564
					
				

			

		

		

			
				
导入tablayout包xml文件（activity_main.xml）指示器 shape_indicator.xml (文件位置放置：res/drawable)样式 tabLayoutStyle (文件位置放置：res/values/styles.xml)这里设置tab的字体大小为16dp。

			
		

	





	

		

			

				
					
【Android】TabLayout 自定义指示器 Indicator 样式

				
			

			

				

					DawnYu
				

				

					05-09
					
					1万+
					
				

			

		

		

			
				
在布局里加入 TabLayout
<android.support.design.widget.TabLayout
    android:id="@+id/tl"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="@color...

			
		

	





	

		

			

				
					
Android倒计时CountDownTimer小记

				
			

			

				

					2401_84520377的博客
				

				

					04-27
					
					713
					
				

			

		

		

			
				
当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。Toast.makeText(MainActivity.this, “重新开始”, Toast.LENGTH_LONG).show();mc.start();

			
		

	





	

		

			

				
					
Android - TabLayout中设置Tab的最小宽度与Tab宽度自适应

				
			

			

				

					qq_40982229的博客
				

				

					10-08
					
					7849
					
				

			

		

		

			
				
写TabLayout的时候，发现如果一个Tab中的字很少，它的宽度会是下图这样的：虽然字很短，但是和右边的Tab几乎是一样宽的。

但是我想要每个Tab的文字看起来是等间距的。如下图的样子。

这时因为TabLayout的最小宽度比我想要的要宽。那就需要强行手动改一下Tab的最小间距了。
需要注意的是，还需要将tabMode设置为scrollable才能生效，fixed是不生效的。
代码如下。
重写下TabLayout：
package com.project.testtablayout

import a

			
		

	





	

		

			

				
					
android tablayout 动态添加tab

				
			

			

				

					06-02
				

			

		

		

			
				
要动态添加 TabLayout 的 Tab，需要首先获取到 TabLayout 对象，然后调用其 addTab() 方法，将 Tab 添加到 TabLayout 中。

以下是一个示例代码，用于动态添加 Tab：

```java
TabLayout tabLayout = findViewById(R.id.tab_layout);

// 创建一个 Tab 对象
TabLayout.Tab tab = tabLayout.newTab();
tab.setText("Tab 1");

// 将 Tab 添加到 TabLayout 中
tabLayout.addTab(tab);

// 创建并添加更多的 Tab
TabLayout.Tab tab2 = tabLayout.newTab();
tab2.setText("Tab 2");
tabLayout.addTab(tab2);

TabLayout.Tab tab3 = tabLayout.newTab();
tab3.setText("Tab 3");
tabLayout.addTab(tab3);
```

在这个示例中，我们首先获取了 TabLayout 对象，并创建了一个 Tab 对象。然后，我们设置了 Tab 的文本，并将其添加到 TabLayout 中。接着，我们创建并添加了更多的 Tab。

当你需要在运行时动态添加或删除 Tab 时，你可以使用与示例中类似的方法。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
柯基爱蹦跶

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值