android使用TabLayout实现底部图文结合滑动

最新推荐文章于 2024-07-26 21:24:56 发布

周大哈哈哈

最新推荐文章于 2024-07-26 21:24:56 发布

阅读量1k

点赞数

分类专栏：学习文章标签： android Tablayout 自定义Tablayout TabLayout滑动

本文链接：https://blog.csdn.net/zhouTianXin/article/details/80370120

版权

本文介绍如何在Android中使用TabLayout实现底部图文结合的滑动切换效果。通过集成font-Awesome字体文件，创建自定义类并配置布局文件，详细讲解了从图标设置到TabLayout功能实现的全过程。在实现基本功能后，还提到可以根据需求修改XML布局以适应不同排版风格。

摘要由CSDN通过智能技术生成

话不多说，直接上图，看效果。

默认的打开app，第一个fragment为选中状态，其他为灰色（未选中）

当我手指滑动fragment，切换到第二个fragment时，第二个为选中，其他为灰色（未选中）

首先图标问题的实现，采用font-Awesome。

①搜索font-Awesome，进入官网下载.ttf文件，并将文件导入到assert文件中（没有的可以创建）或者直接使用下面这个网址www.fontawesome.com.cn/download/font-awesome-4.7.0.zip

解压后导入：

②新建一个类，方便以后的调用

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

周大哈哈哈

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Android scrollview实现底部继续拖动查看图文详情

08-26

今天，我们就来详细介绍如何使用 Android ScrollView 实现底部继续拖动查看图文详情。 ScrollView 的基本使用首先，让我们了解一下 ScrollView 的基本使用。ScrollView 是一个 ViewGroup，用于包装其他控件，例如...

TabLayout的tab滑块适配

L0123456L的博客

03-25

1057

前言 TabLayout继承自HorizontalScrollView，用作页面切换指示器，因使用简便功能强大而广泛使用在App中。TabLayout通常都和ViewPager结合使用，而且一般情况下本身自带的属性也能满足大部分产品需求，效果如下： TabLayout可以在相关属性上设置tab选中的指示器和背景图，但在效果上并不是特别完美。在不松开手指情况下，fragmen...

1 条评论您还未登录，请先登录后发表或查看评论

嵌套滑动、吸顶效果实现（TabLayout / ViewPager2 / Fragment / RecyclerView）

05-26

1835

view的事件分发可参考：事件分发实现效果吸顶、嵌套滑动的解决上下滑动：当滑动下方的recyclerView的时候，先和上方的imageView一起滑动，等imageView完全滑动完再滑动recyclerView 左右滑动：实现tab的切换吸顶：当imageView的滑动完后，tabLayout的一栏，紧贴最上方部分代码逻辑 activity_ma.

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

最新发布

2301_79344902的博客

07-26

1781

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

TabLayout+Fragment实现滑动标签页

2401_84002771的博客

04-12

337

文章会持续更新的。绝对干货！！！Android进阶学习全套手册关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。

tablayout 滚动模式_Android底部导航栏(可滑动)----TabLayout+viewPager

weixin_35844236的博客

01-14

1234

【TabLayout】①TabLayout是选项卡，在屏幕空间有限的情况下，对不同的空间进行分组。属于android supportdesign，更多的用于新闻上，如果放在底部也可做底部导航栏②TabLayout的选项卡模式有两种：fixed；scrollable;tabLayout.setTabMode(TabLayout.MODE_FIXED);设置选项卡模式为fixedtabSelected...

tablayout 滚动模式_TabLayout实现简书首页滑动效果

weixin_33101399的博客

12-24

932

2、实现效果jianshu.gifjstablayout.gifScreenshot_1542029939.png 3、实现过程对比原生的tablayou和简书的，你会发现几处不同，一是简书的tabIndicator是圆角矩形，二是背景图的宽度是跟随文字宽度变化的。3.1、源码追踪首先呢，我们熟知tablayout常规使用如下：privatevoidinittb2(){FragmentPagerA...

Android下Button实现图文混排效果

08-29

在Android中，我们可以使用两种方式来实现图文混排效果，一种是使用android:drawableTop="@drawable/star"属性，另一种是使用SpannableString的ImageSpan。 1、使用android:drawableTop="@drawable/star"属性这种...

jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果

10-22

在使用 Flexslider 实现图片轮播和图文结合滑动切换时，以下是一些关键点和步骤： 1. **依赖库加载**：在 HTML 文件的 `<head>` 部分，首先需要引入 jQuery 库文件，例如 `jquery-1.7.2.min.js`，接着引入 ...

Android实现Toast提示框图文并存的方法

09-02

在Android应用开发中，`Toast`是一个非常常用的组件，它用于向用户显示简短的提示信息，通常在屏幕中央或底部出现，一段时间后自动消失。然而，标准的`Toast`只支持纯文本显示，如果需要在提示信息中同时包含图片和...

tablayout 滚动模式_安卓 TabLayout + ViewPager 实现左右滑动

weixin_36428079的博客

12-24

901

第一步是要让 TabLayout 和 ViewPager 关联起来这样 ViewPager 滑的时候，TabLayout 也跟着滑。mTabLayout.setupWithViewPager(mViewPager);第二步是让 TabLayout 可以被人滑动第一步后 TabLayout 虽然可以跟着 ViewPager 滑动，但是人去滑它是滑不动的，得这样：mTabLayout.setTabMo...

TabLayout 横向滑动

技术小白

04-20

1013

1.创建项目，在open Module Settings 下 Dependencies下的第一项Library选中com.android.support:design (com.android.support:design:28.0.0-alpha1)导进去后会报错解决方法build.gradle中把版本修改成当前版本号implementation 'com.android.support:des...

Android TabLayout 分分钟打造一个滑动标签页

滴水穿石，点石为金

08-10

3630

Android Design包中的TabLayout控件

TabLayout实现选项卡动态滑动

weixin_43768963的博客

10-18

695

用 TabLayout 实现类似网易选项卡的动态滑动效果《Android进阶之光》笔记 1、需求分析：需要标题和内容 2、标题使用TabLayout,通过mTabLayout.addTab(mTabLayout.newTab().setText(titles.get(i)));设置标题 3、内容使用Fragment，因为每个标题都有对应的Fragment，所以写了一个ListFragment类...

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

u010231454的专栏

09-05

6199

一说到标签布局，一般都会想到是流式布局FlowLayout，流式布局网上有太多的demo可参考了，但是今天产品上有个横向水平滑动的标签布局，有选中和未选中的状态，并且初始状态是不选中任何一个标签。折腾了一番，最终在TabLayout上修饰了一阵，解决了需求和想要的效果。具体如下： 1.先附上效果截图：（默认都是未选中的） 2.xml中使用如下所示：因为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实现顶部Tab小菜单加滑动效果

u013364759的博客

09-24

2274

TabLayout控件是2015年google大会上，google发布了新的Android Support Design库，里面包含了几个新的控件，其中就有一个TabLayout，它就可以完成TabPageIndicator的效果，而且还是官方的，最好的是它可以兼容到2.2以上版本，包括2.2。在android stutio应用TabLayout控件只要在build.gradle中加入comp

关于CommonTabLayout实现首页菜单栏滑动点击切换

weixin_42371001的博客

07-30

5933

前几天在网上看到FlycoTabLayout这个库，功能非常强大，里面也有三个控件，有兴趣的小伙伴可以看看Github的开源库FlycoTabLayout地址，这里只介绍CommonTabLayout这种，替换传统TabLayout + ViewPager + Fragment ，不需要太复杂的繁琐设置，也无需创建Drawable文件，所以这里还是有必要记录一下，这里为大家分享两种情况下设置首页...

android TabLayout+ViewPager2+Fragment关闭平滑滚动动画

zjh8811的专栏

11-06

1340

abLayout+ViewPager2+Fragment 四个页面以上：当从第一页切换到第四页、会依次从二、三滚动到第四页。页面跨越越多个效果越明显，体验很不好，怎么关闭这个平滑滚动，而是点击tab后直接跳转到相应的页面呢？setCurrentItem(int item, boolean smoothScroll)方法。可以看出第三个构造函数有smoothScroll入参，ViewPager的。类继续往下看这个参数是用来做什么的？ViewPager重写改方法实现。可以直接跳转，我们可以自定义一个。

Android ListView图文并列与自定义分割线实现教程

总结来说，实现Android中ListView图文并列和自定义分割线的关键在于自定义适配器的使用以及ListView的性能优化。通过这些技巧，我们可以创建出符合设计需求且具有良好用户体验的列表界面。对于开发者来说，理解并...