TabLayout实现滑动导航栏

最新推荐文章于 2022-03-15 10:09:04 发布
最新推荐文章于 2022-03-15 10:09:04 发布
阅读量4.6k 收藏 2
点赞数 1
分类专栏： android 文章标签： android 导航 TabLayout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lqc1992/article/details/51959064
版权

目前在做的这个项目中，用到了滑动导航栏，
参考的开源中国APP，使用的是开源PagerSlidingTabStrip+ViewPager实现的。
然后今天刚巧看了一篇文章
http://blog.csdn.net/tyk0910/article/details/51395064
这里写图片描述

同样的效果，这篇文章是通过官方在Android Design Support Library中提供的TabLayout实现的，秉着能用官方就用官方的理念，立马把之前项目替换为用TabLayout实现了，而且代码更少更简洁。
替换方法很简单，参考上方文章教程即可。
并且文章中提到的Fragment复用挺不错，以后会尽量按这个理念来设计。

最后放上，自己练习的Demo供参考。
源码
(学着录了个视频转为Gif，不过这速度有点。。。)
这里写图片描述

天冰ice
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tablayout横向滑动
tangxueqin的博客
12-14 3558
需要添加依赖，添加后会报错，改为26.+就行 xml布局代码 RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="h
TabLayout+ViewPager，切换页面，可点击，可滑动
07-02
使用TabLayout和ViewPager实现可点击切换页面，也可以滑动切换页面的功能。 有不明白的地方、有合理的建议或者意见请留言讨论
Android TabLayout 分分钟打造一个滑动标签页
滴水穿石，点石为金
08-10 3605
Android Design包中的TabLayout控件
一个不与任何控件进行绑定的可以水平滑动的 TabLayout
weixin_42685006的博客
08-19 187
import android.content.Context; import android.content.res.TypedArray; import android.graphics.Color; import android.os.Handler; import android.util.AttributeSet; import android.view.Gravity; import android.view.MotionEvent; import android.view.View; im...
Android 使用TabLayout打造滑动标签栏
01-28
Android 使用TabLayout打造滑动标签栏, 代码通俗易懂。欢迎下载
Android design包自定义tablayout的底部导航栏的实现方法
08-31
我们使用`ButterKnife`库绑定视图，并实现`TabLayout.OnTabSelectedListener`接口以监听用户在底部导航栏上的点击事件： ```java public class MainActivity extends BaseActivity implements TabLayout....
使用Tablayout和RadioGroup实现底部导航
05-25
虽然`TabLayout`更常用于底部导航，但如果你想要实现一种不依赖`ViewPager`的简单底部导航，可以考虑使用`RadioGroup`配合`RadioButton`。每个`RadioButton`代表一个页面，当用户点击某个按钮时，相应的内容区域会被...
viewpager+tabLayout+fragment联动导航栏
12-06
通过以上步骤，你就可以创建一个具备`viewpager+tabLayout+fragment`联动导航栏的Android应用了。这种设计模式不仅易于理解和维护，还提供了良好的用户体验。当然，实际项目中可能还需要考虑更多细节，例如动态加载...
Android中TabLayout+ViewPager 简单实现app底部Tab导航栏
08-31
本文将详细介绍如何使用`TabLayout`和`ViewPager`在Android应用中实现底部Tab导航栏。 首先，我们需要在项目的`build.gradle`文件中引入`Android Design Support Library`。在`dependencies`块中添加以下依赖： ``...
用 TabLayout 实现底部、顶部导航栏
05-08
下面，我们将深入探讨如何使用TabLayout实现底部和顶部导航栏，并介绍相关的重要知识点。 1. **TabLayout的引入** 在项目中使用TabLayout之前，首先需要在build.gradle模块文件中添加对Design库的依赖： ```...
滑动tab标题栏实现
02-07
实现了针对viewpager的滑动tab标题栏，可动态添加标题栏数据。
tab跟随底部横线滑动
09-26
tab切换并且底部横线跟随点击选中目标滑动。
JS+CSS实现滑动切换tab菜单效果
10-23
主要介绍了JS+CSS实现滑动切换tab菜单效果,涉及javascript鼠标事件及页面元素样式的动态切换效果实现技巧,需要的朋友可以参考下
移动端滑动切换tab页
02-04
移动端滑动时切换tab页，类似于Android版本的微信和新浪微博发现页面中的滑动切换效果，我分别使用了基于swipe插件和zepto插件的两种方法，均可完美实现；
自定义底部菜单 CommonTabLayout带消息提示小红点和消息数量提示
07-14
自定义底部菜单 CommonTabLayout带消息提示小红点和消息数量提示
关于CommonTabLayout实现首页菜单栏滑动点击切换
weixin_42371001的博客
07-30 5905
前几天在网上看到FlycoTabLayout这个库，功能非常强大，里面也有三个控件，有兴趣的小伙伴可以看看Github的开源库FlycoTabLayout地址，这里只介绍CommonTabLayout这种，替换传统TabLayout + ViewPager + Fragment ，不需要太复杂的繁琐设置，也无需创建Drawable文件，所以这里还是有必要记录一下，这里为大家分享两种情况下设置首页...
js实现滑动tab栏效果
Polaris_best的博客
03-15 476
js实现滑动tab栏效果
android 底部标签栏CommonTabLayout搭建项目底部菜单（带消息提醒）
m0_64382950的博客
12-07 180
import android.util.AttributeSet; import android.util.SparseArray; import android.util.TypedValue; import android.view.Gravity; import android.view.View; import android.view.ViewGroup; import android.view.animation.OvershootInterpolator; import android.wid
后台管理tab栏滑动解决方案
月月鸟先森的博客
12-12 914
后台管理系统中比较常见的布局是左边菜单栏，右边tab切换栏，但是一般的tab组件不包含tab页过多的切换问题的，所以需要个性化实现，本文的实现方案是滑动鼠标滚轮绑定tab达到切换的效果，先上一个动态图看下效果 tab滑动栏布局代码如下 <div class="tabmain" id="tabmain"> <div v-for="tab in tabList"...
android recyclerview 顶部滑动导航栏
最新发布
05-14
1. 在布局文件中创建一个带有滑动导航栏的布局，例如使用 TabLayout 和 ViewPager2 实现： ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="match_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值