TabLayout+TabItem+ViewPager 实现app首页可滚动切换

最新推荐文章于 2023-08-10 18:55:59 发布
最新推荐文章于 2023-08-10 18:55:59 发布
阅读量308 收藏
点赞数 1
文章标签： 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41848570/article/details/112942668
版权

1.效果图

2.xml代码

3.图片xml

4.Activity中的代码：需要自己去绑定viewpager 和 tablayout ，不能直接使用 

tabLayout.setupWithViewPager();

否则tablayout 会使用自带的样式导致tablayout显示为空。

5.坑：自己绑定viewpager和tablayout要自己更新tablayout选中的tab，否则滑动后点击tablayout时viewpager不会滑动（tablayout选中没更新），也就是加入下面一行代码就行了：

 

不吸烟的斯莫格
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TabLayout+TabItem+ViewPager+Fragment实现早期微信屏幕滑动效果
10-27
TabLayout+TabItem+ViewPager+Fragment实现早期微信屏幕滑动效果
Android ViewPager2 + TabLayout + TabItem，比较ViewPager
https://github.com/W4ited
03-18 5119
TabLayout + TabItem + ViewPager2的使用
Android自定义tabitem,Android使用TabLayout与ViewPager组合以及TabItem自定义
weixin_42533120的博客
05-26 1170
使用android的design支持包中的android.support.design.widget.TabLayout结合ViewPager/Fragment来写多Tab的应用，只需要一句代码，就可以完成Tab与ViewPager切换的联动，免除很多麻烦。mTabLayout.setupWithViewPager(mViewPager);先写个主布局文件，只需要加入ViewPager和TabLa...
嵌套滑动、吸顶效果实现（TabLayout / ViewPager2 / Fragment / RecyclerView）
YK
05-26 1649
view的事件分发可参考：事件分发 实现效果 吸顶、嵌套滑动的解决     上下滑动：当滑动下方的recyclerView的时候，先和上方的imageView一起滑动，等imageView完全滑动完再滑动recyclerView     左右滑动：实现tab的切换     吸顶：当imageView的滑动完后，tabLayout的一栏，紧贴最上方 部分代码逻辑 activity_ma.
android使用Tablayout+viewpager2
Tobey_r1的博客
09-15 3317
android使用Tablayout+viewpager2关于效果（垂直滑动切换）添加引用与布局文件修改布局对应的实例代码 关于   公司半新项目开发，最近也在学习kotlin语言，所以项目是java和kotlin混合开发，所以在build文件上使用了apply plugin: 'kotlin-android-extensions'（这个插件类似ButterKnife，但是extensions会将实例控件id写入HashMap中，以至于每个activity都会维护一个HashMap增加了内存消耗，虽然使用很
Android中使用双层ViewPager2+Fragment+TabLayout 实现顶部Tab和底部菜单Fragment联动切换
zhong_zihao的博客
04-06 9397
本Demo是使用Kotlin编写，什么都不多说，先来看个效果图Gif : 类似这样结构的App也有很多。可以看到demo中，底部菜单包含4个按钮分别对应着4个不同fragment 。其中前2个底部菜单按钮fragment 也分别包含他们自己的Tab选项卡，当Tab选项卡滑动到最后一个时，自动切换为下一个底部菜单fragment ，与此同时内部的 Banner 和 RecyclerView ...
fragment+viewpager+tablayout实现选项卡，底部选项卡，禁止滑动切换，实现了禁止懒加载判断
04-18
fragment+viewpager+tablayout实现选项卡，底部选项卡，禁止滑动切换，实现了禁止懒加载判断，如果想要滑动的话把自定义viewpager 换成原包的viewpager就可以，代码中判断了fragment的真是过程，亲测好用，直接可以...
Aandroid Tanlayout+ViewPager+Fragment
06-11
实现了自定义Tablayout+Fragment+ViewPager的切换、处理了Tablayout的监听(当选中Tabitem时可实现选中字体变大，加粗，透明度等及启动Activity时默认第一个Tabitem字体加粗、显示icon等)
Android 自定义View结合自定义TabLayout实现顶部标签滑动效果
01-20
最近需要做一个app，需要用到tablayout实现顶部的滑动，用到了自定义item，不过没有用到tabitem，贴出来供大家学习，先看图吧，觉得满意的继续往下面看 具体代码实现: 我直接贴啦，能说的不多 主布局: fragment_...
基于TabLayout中的Tab间隔设置方法(实例讲解)
08-28
下面小编就为大家分享一篇基于TabLayout中的Tab间隔设置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
TabLayout+ViewPager2的简单使用
qq_41818873的博客
02-22 5510
学习之前我们先看一下显示的效果 这里显示的底部导航栏，如果想实现的顶部导航栏，只需要调整一下TabLayout的位置即可。 1、导入依赖 使用ViewPager2之前需要先导入依赖，这里的依赖可能不是最新的，可以自己查找最新的版本。TabLayout不需要导入。 implementation "androidx.viewpager2:viewpager2:1.0.0" 2、布局 <androidx.viewpager2.widget.ViewPager2 android:layout_wi
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
oAiYinSiTan12的博客
06-29 6691
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
TabLayout+ViewPage建立关联setupWithViewPager（）出现的问题
Android丶Ren
03-03 7401
xml： <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" androi
Vue解决element的tab切换时显示不正确
heni6560的博客
09-29 2762
原因：在页面进行加载时，隐藏的图表找不到对应的div大小，所以默认给了一个大小。这里说明一下，一定要在把需要的echart图表做成组件来使用，不然的话一开始默认加载不到，页面是会报错的，一定要做成组件来使用。版权声明：本文为CSDN博主「前端李小白」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。我在开发时，在tab控件点击切换，那么数据不变，要不显示不正确。原理：利用v-if属性,当切换至对应的tab时，设置其v-if的值为true即可，同时设置默认显示的tab。
tab栏切换的实现
zhaoyifei01的博客
02-11 3370
tab栏切换
几种项目中常用的tab选项卡切换
最新发布
qq_43766059的博客
08-10 2271
页面上方循环获取标签信息，超出屏幕宽度时可滑动，点击标签时，下方数据随标签切换，当前选中标签样式改变；页面下方可左右滑动切换，当前展示页面数据与上方标签相对应，要求当前页面高度根据获取数据列表长度改变，当前页面无数据时，按要求展示无数据提示。
【Android开发】TabLayout+fragment+ ViewPager2 实现通过tab切换页面
weixin_44794371的博客
12-15 3945
【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
安卓开发-Tab的实现 -- TabLayout + ViewPager + Fragment
Puffer_fish的博客
06-15 416
文章目录分析动手Fragment布局文件MyFragmentActivity布局文件TabLayout+FragmentViewPager+FragmentTabLayout和ViewPager变化时同步 先来看一下效果图 分析 TabLayout的基本组成： Activity Activity的layout.xml Fragment或View ViewPager基本组成： Activity Activity的layout.xml 继承FragmentPagerAdapter的类 Fragment或
kotlin中TabLayout和ViewPager2自定义tabview
The blog of CSDN in 杨天福
09-17 7560
文章目录xmltabview自定义item布局（tabIndicator底部指示器）动态tab数据ViewPager2适配器FragmentStateAdapterUI调用 xml <com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout_tips" android:layout_width="match_parent" andr
使用tablayout设置点击其中一个item不切换
06-06
如果您使用TabLayout设置点击其中一个item不切换，可以尝试以下解决方案： 1. 禁用TabLayout的默认点击事件 ```java tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { // 处理选中标签的逻辑 } @Override public void onTabUnselected(TabLayout.Tab tab) { // 处理取消选中标签的逻辑 } @Override public void onTabReselected(TabLayout.Tab tab) { // 禁用TabLayout的默认点击事件 } }); ``` 在`onTabReselected`方法中，不做任何事情即可禁用TabLayout的默认点击事件。 2. 自定义TabLayout的点击事件 在TabLayout的布局文件中，可以将TabLayout的`app:tabIndicatorFullWidth`属性设置为`false`，然后将TabLayout的子项设置为可点击的`TextView`，并为每个子项设置点击事件。 ```xml <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorFullWidth="false"> <com.google.android.material.tabs.TabItem android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 1" android:clickable="true" android:focusable="true" android:background="?android:attr/selectableItemBackground" android:onClick="onTabClick"/> <com.google.android.material.tabs.TabItem android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Tab 2" android:clickable="true" android:focusable="true" android:background="?android:attr/selectableItemBackground" android:onClick="onTabClick"/> </com.google.android.material.tabs.TabLayout> ``` 然后在Activity或Fragment中，实现`onTabClick`方法，处理点击标签的逻辑。 ```java public void onTabClick(View view) { int position = tabLayout.indexOfChild(view); viewPager.setCurrentItem(position); } ``` 在`onTabClick`方法中，获取点击标签的位置，然后将ViewPager的当前项设置为该位置。 希望这些解决方案可以帮助到您！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值