正文 

当前位置： 首页 > 知识 > java教程

tablayout+viewpager制作简单导航栏(代码片段)

ymtianyu ymtianyu     2022-12-02     648

关键词：

绑定viewpager

此处主要说明tablayout的使用方法，viewpager绑定fragment的介绍在其他文章说明

mBinding.tabsLayout.setupWithViewPager(mBinding.vpTabs);
常见问题

  • 切记，一定要先绑定viewpage再添加tab，否则tab的标题无法正常显示出来

  • setupwithviewpager会在后台做很多事，比如清空tabs等，为了更安全的显示我们的tabs，在绑定viewpager之后，先清空一下tabs再添加

    mBinding.tabsLayout.removeAllTabs();

添加 tab

mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab().setText("所有书籍"));
mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab().setText("发现"));

或者使用

private String[] lstTitles = new String[]"所有书籍", "发现";
for(int i = 0; i < lstTitles.length; i++)
    mBinding.tabsLayout.addTab(mBinding.tabsLayout.newTab());
    mBinding.tabsLayout.getTabAt(i).setText(lstTitles[i]);

常用属性设定

设定文本颜色
app:tabTextColor="@color/tab_text" //设定标题文本颜色
app:tabSelectedTextColor="@color/tab_text" //设定标题文本选中后颜色

上面只需要设置tabtextcolor即可，具体选中后的颜色可以在颜色属性里设置

tab_text.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/colorAccent" android:state_checked="true"/>
    <item android:color="@color/colorAccent" android:state_selected="true"/>
    <item android:color="#000"/>
</selector>

tablayout+viewpager+fragment制作页卡

本人很懒，直接上代码了。布局文件：<?xmlversion="1.0"encoding="utf-8"?><android.support.design.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.androi 查看详情

简单fragment+tablayout+viewpage实现底部和顶部滑动（菜单栏）

参考技术A1.TabLayout的使用需要借助AndroidDesign包，所以我们需要在build.gradle中引入design包：implementation'com.android.support:design:27.1.1'2.将activity_main布局为例如：第一页例如：第一页 查看详情

不使用 ViewPager 的 TabLayout

】不使用ViewPager的TabLayout【英文标题】：TabLayoutwithoutusingViewPager【发布时间】：2016-02-1207:26:36【问题描述】：我想实现TabLayout，因为它很简单，但我发现的所有教程都涉及ViewPager。我只想要像OnClickListener这样的东西，如果我点击... 查看详情

自适应tab宽度可以滑动文字逐渐变色的tablayout(仿今日头条顶部导航)

 TabLayout相信大家都用过，2015年Google大会上发布了新的AndroidSupportDesign库里面包含了很多新的控件，其中就包含TabLayout，它可以配合ViewPager完成很好的效果。一种类似于今日头条指示器，根据ViewPager的页面滑动，文字逐渐变色... 查看详情

如何从（和替换）TabLayout 和 ViewPager 移动到新片段？

】如何从（和替换）TabLayout和ViewPager移动到新片段？【英文标题】：Howtomovefrom(andreplace)TabLayoutandViewPagertoanewfragment?【发布时间】：2021-05-0812:51:11【问题描述】：我想从我的主屏幕（使用TabLayout和ViewPager）导航到新片段（不是标... 查看详情

如何使 tablayout 片段适合 INSIDE viewpager

】如何使tablayout片段适合INSIDEviewpager【英文标题】：HowtomaketablayoutfragmentfitINSIDEviewpager【发布时间】：2021-11-2700:46:24【问题描述】：我的tablayout/viewpager有一个简单的片段：<?xmlversion="1.0"encoding="utf-8"?><androidx.coordinatorlayout.wi 查看详情

tablayout实现顶部导航(代码片段)

...布局，它的实现可以有多种方式，那么今天我们就来讲讲TabLayout对它的实现今天涉及的内容有：实现导航栏的几种方式库的导入TabLayout的具体使用效果图一.实现导航栏的几种方式及解析我们在实现顶部导航的时候，可以有多种... 查看详情

kotlin实现可点击可滑动顶部导航栏(appbarlayout+tablayout)和左右切换可滑动页面(viewpager)的功能(代码片段)

一、测试实现：二、项目三、引入依赖包 implementation\'com.github.li-xiaojun:StateLayout:1.3.4\'//allprojects...增加：mavenurl\'https://jitpack.io\'...implementation\'com.google 查看详情

tablayout+viewpager+fragment快速实现标题切换效果

...这个控件使用起来并不难，算是非常简单的了，不过这个TabLayout的setupWithViewPager方法有坑，要注意了，具体什么坑，自己踩过才有映像，我这里就不说了，就介绍一下如何使用吧。在FragmentOne中的布局文件里面添加一个ViewPager和... 查看详情

使用 TabLayout 在 ViewPager 中的 Google 地图片段中膨胀异常

】使用TabLayout在ViewPager中的Google地图片段中膨胀异常【英文标题】：InflateExceptioninGoogleMapFragmentinViewPagerwithTabLayout【发布时间】：2017-06-1306:36:58【问题描述】：我制作了一个应用程序，其中我在我的位置上显示了带有GPS位置标记... 查看详情

Tablayout / Viewpager：在片段之间传递数据

】Tablayout/Viewpager：在片段之间传递数据【英文标题】：Tablayout/Viewpager:Passingdatainbetweenfragments【发布时间】：2016-03-2506:46:12【问题描述】：我在tablayout/viewpager的片段之间传递数据时遇到问题。我有一个带有四个选项卡的Tablayout，... 查看详情

tablayout+fragment+viewpager+fragmentstatepageradapter实现tab标签

...理一下这个实现方式。也在次总结一下，记忆更加深刻。TabLayout简单介绍在2015年的GoogleI/O大会上，Google公布的新的AndroidSupportDesign库，里面也包括了 查看详情

tablayout+viewpager自定义tab的ui

参考技术A在使用TabLayout+ViewPager底部按钮时，想要自定义Tab的UI是很麻烦的。需要在完后TabLayout和ViewPager绑定之后，在TabLayout添加完Tab之后再去遍历tab： 查看详情

如何使用导航抽屉和viewpager/viewpager2在java中制作android应用程序

】如何使用导航抽屉和viewpager/viewpager2在java中制作android应用程序【英文标题】：howtomakeandroidappinjavausingnavigationdrawerandviewpager/viewpager2【发布时间】：2021-09-2603:50:46【问题描述】：您好，我正在使用Java在androidstudio中进行辩论，我... 查看详情

TabLayout 上的 ViewPager 不显示？

】TabLayout上的ViewPager不显示？【英文标题】：ViewPageronTabLayoutnotShowing?【发布时间】：2021-10-1903:20:00【问题描述】：我只是在进行日常练习，但我遇到了问题，即我在选项卡布局上创建了Viewpager，但它不起作用。不知道为什么，... 查看详情

如何使用 Tablayout 清除 Viewpager 的缓存内存

】如何使用Tablayout清除Viewpager的缓存内存【英文标题】：HowtoclearthecachedmemoryofViewpagerwithTablayout【发布时间】：2016-06-2311:43:12【问题描述】：我刚开始使用MaterialDesign的ViewPager和Tablayout（AndroidStudio附带）。我创建了5个片段，我可... 查看详情

如何在 Android 中使用 TabLayout 和 ViewPager2

】如何在Android中使用TabLayout和ViewPager2【英文标题】：HowtouseTabLayoutwithViewPager2inAndroid【发布时间】：2019-08-1717:28:49【问题描述】：我想将com.google.android.material.tabs.TabLayout组件与Android的新ViewPager实现androidx.viewpager2.widget.ViewPager2一... 查看详情

由于 ViewPager2 导致 TabLayout 损坏

】由于ViewPager2导致TabLayout损坏【英文标题】：BrokenTabLayoutduetoViewPager2【发布时间】：2022-01-0709:26:10【问题描述】：我有一个Tablayout，带有2个选项卡（片段）主页和联系人，使用aViewPager2实现。每个片段中的数据（TabLayoutActivity的... 查看详情