TabLayout+Fragment实现滑动标签页

最新推荐文章于 2024-07-26 21:24:56 发布
最新推荐文章于 2024-07-26 21:24:56 发布
阅读量708 收藏 2
点赞数 2
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21937107/article/details/79761095
版权
Android 专栏收录该内容
57 篇文章 12 订阅 ¥19.90 ¥99.00
订阅专栏
本文介绍如何结合TabLayout和ViewPager实现在Android应用中创建滑动标签页。通过添加依赖、布局文件设置、添加标签以及调整标签模式，实现标签页的交互效果。同时，讲解了TabLayout与ViewPager的联动，以及一些额外的TabLayout方法，如添加监听、设置指示器样式等。
摘要由CSDN通过智能技术生成

继续上一篇NavigationView的那一个例子，这里我们来使用tabLayout和ViewPager配合使用实现滑动标签页.效果如图:

这里写图片描述

添加依赖:

使用:(AndroidStudio为例)

build.gradle添加dependencies依赖
    compile 'com.android.support:design:22.2.0'

    要根据自己工程的编译版本选择依赖哪个版本的design库
    例如工程compile sdk 为23，则依赖
    compile 'com.android.support:design:23.2.0'

Eclipse的同学就要自行下载Design包了

布局文件:

activity_main.xml:


 



                

                
                
        

        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
            

        

    

      

        

            

              
                
                  烈焰晴天
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
Android 使用TabLayout打造滑动标签栏

				
			

			

				

					01-28
				

			

		

		

			
				
Android 使用TabLayout打造滑动标签栏, 代码通俗易懂。欢迎下载

			
		

	



                

              
                



	

		

			

				
					
Iwfu-TabLayout实现滑动标签页

				
			

			

				

					成成成成成成成成成成成成成成丶
				

				

					06-02
					
					4040
					
				

			

		

		

			
				
继续上一篇NavigationView的那一个例子，这里我们来使用tabLayout和ViewPager配合使用实现滑动标签页.效果如图:添加依赖:使用:(AndroidStudio为例)build.gradle添加dependencies依赖
    compile 'com.android.support:design:22.2.0'    要根据自己工程的编译版本选择依赖哪个版本的design

			
		

	



                


  
              

                


	

		

			

				
					
【Android】使用ViewPager2与TabLayout实现顶部导航栏＋页面切换

					
最新发布

				
			

			

				

					2301_79344902的博客
				

				

					07-26
					
					1785
					
				

			

		

		

			
				
介绍了ViewPager2和TabLayout协同使用完成标题导航栏的方法

			
		

	





	

		

			

				
					
Android自带的TabLayout实现滑动翻页效果（实例）

				
			

			

				

					weixin_34259159的博客
				

				

					08-03
					
					737
					
				

			

		

		

			
				
Android自带的TabLayout在support包中，导包：
implementation 'com.android.support:support-v4:27.1.1'
复制代码效果1

不带viewpager，tab只可点击，就是普通的控件。
TabLayout嵌套TabItem，可改造空间有限。tabLayout只能嵌套TabItem，其余会报错。
<android.suppor...

			
		

	



		

			
		



	

		

			

				
					
Android实现Tablayout滑动

				
			

			

				

					qq_44624237的博客
				

				

					09-17
					
					786
					
				

			

		

		

			
				
Activity.java
package com.example.xiaoqu.name;

import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.suppo...

			
		

	





	

		

			

				
					
利用TabLayout、ViewPager、Fragment实现滑动切换页面

				
			

			

				

					_wthee的博客
				

				

					02-15
					
					417
					
				

			

		

		

			
				
效果
具体实现



			
		

	





	

		

			

				
					
TabLayout+ViewPager+Fragment 实现首页滑动（实战）

				
			

			

				

					dolphkon的博客
				

				

					07-17
					
					543
					
				

			

		

		

			
				
概述

TabLayout 是 Google 官方在 14 年 Google I/O 大会上推出的具有 Material   Design 效果的一个控件库，作为一个标签指示器，它可以与 ViewPager 进行联动，两者配合 Fragment 使用可以实现滑动标签页，就是类似知乎和微信那种。

实现过程


	首先我们需要在 app 的 gradle  中添加 design 包的依赖库：

	
...

			
		

	





	

		

			

				
					
TabLayout+Fragment+ViewPager+FragmentStatePagerAdapter实现Tab标签

				
			

			

				

					wuyinlei的博客
				

				

					01-23
					
					6083
					
				

			

		

		

			
				
tablayout+fragment+viewpager+fragmentstatepageradapter实现tab滑动

			
		

	





	

		

			

				
					
viewpager+tabLayout+fragment联动导航栏

				
			

			

				

					12-06
				

			

		

		

			
				
`TabLayout`是谷歌Material Design组件库的一部分，用于显示标签页。它可以与`ViewPager`配合使用，将每个`ViewPager`的页面映射到一个标签上，用户可以通过点击标签或滑动页面在各个页面间切换。`TabLayout`提供了...

			
		

	





	

		

			

				
					
TabLayout+ViewPager+Fragment实现分页滑动效果Demo

				
			

			

				

					03-14
				

			

		

		

			
				
首先，`TabLayout`是Google推出的Material Design组件库`design support library`的一部分，用于展示可滑动的标签页。它提供了美观的样式和交互，如滑动切换标签、下划线指示器等。  `ViewPager`是Android的一个视图...

			
		

	





	

		

			

				
					
AndroidStudio-Tablayout滑动TAb

				
			

			

				

					10-21
				

			

		

		

			
				
AndroidStudio-Tablayout滑动TAb 
Android Material Design控件 TabLayout的用法
---

			
		

	





	

		

			

				
					
fragment实现页面选项卡

				
			

			

				

					08-23
				

			

		

		

			
				
通过fragment实现Tab页面选项卡，非常实用，简单易懂。。。

			
		

	





	

		

			

				
					
Android Tab（TabLayout+Fragment）实现源码

				
			

			

				

					01-21
				

			

		

		

			
				
Android Tab（TabLayout+Fragment）实现源码

			
		

	





	

		

			

				
					
安卓开发使用TabLayout+ViewPager+Fragment实现的滑动标签页滑动时数据丢失的解决办法

				
			

			

				

					三无复读机的博客
				

				

					05-06
					
					854
					
				

			

		

		

			
				
解决方法：将FragmentPagerAdapter换为FragmentStatePagerAdapter

最开始的实现参考了两篇文章：

1.https://blog.csdn.net/qq_23179075/article/details/52471199

2.https://blog.csdn.net/hello_1s/article/details/51682379

之后其实数据加...

			
		

	





	

		

			

				
					
【Android开发】TabLayout+fragment+ ViewPager2 实现通过tab切换页面

				
			

			

				

					weixin_44794371的博客
				

				

					12-15
					
					4024
					
				

			

		

		

			
				
【Android开发】TabLayout+fragment+ ViewPager2 实现通过tab切换页面
1.组件以及包名
viewpager2使用的是Androidx下的，tablayout是使用google的，这两个组件在本项目中不需要引入新的依赖。
import androidx.viewpager2.widget.ViewPager2
import com.google.android.material.tabs.TabLayout;

2.xml代码
这里没有使用过多的属性。
<Linea

			
		

	





	

		

			

				
					
Android 使用TabLayout实现可水平滑动的标签选择布局

				
			

			

				

					u010231454的专栏
				

				

					09-05
					
					6200
					
				

			

		

		

			
				
一说到标签布局，一般都会想到是流式布局FlowLayout，流式布局网上有太多的demo可参考了，但是今天产品上有个横向水平滑动的标签布局，有选中和未选中的状态，并且初始状态是不选中任何一个标签。折腾了一番，最终在TabLayout上修饰了一阵，解决了需求和想要的效果。具体如下：

1.先附上效果截图：（默认都是未选中的）



2.xml中使用如下所示：

因为tabLayout有个默认的点击效...

			
		

	





	

		

			

				
					
TabLayout、ViewPager、fragment实现可滑动的顶部菜单

				
			

			

				

					奋斗&努力
				

				

					12-07
					
					649
					
				

			

		

		

			
				
首先看下效果

第一步：主布局

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        

			
		

	





	

		

			

				
					
Android TabLayout+ViewPager 实现页面切换示例

				
			

			

				

					
				

			

		

		

			
				
"本文将详细介绍如何使用TabLayout和ViewPager在Android应用中实现页面切页功能，包括左右滑动切换和点击切换。同时，允许自定义菜单栏的位置，无论是顶部还是底部。"  在Android开发中，TabLayout和ViewPager是常用...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
烈焰晴天

			
你的鼓励就是我最大的动力

		

	

	

			

	

	

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

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

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

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值