android应用案例:Tablayout 的使用（仿微信底栏）

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

中志融一

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

阅读量1.7k

点赞数 2

分类专栏： android开发文章标签： android android应用

本文链接：https://blog.csdn.net/ningzhimeng/article/details/72854817

版权

本文介绍了如何在Android应用中使用TabLayout创建类似微信底部导航栏的效果。通过分析代码结构，展示了XML布局、TabView的创建以及TabLayout的数据添加。通过MainActivity的实现，解释了TabLayout如何作为容器动态添加和管理Tab按钮，使得添加或调整Tab变得简单易行。

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

2017年6月第一篇博文。
最近做项目越来越发对于程序语言的深入理解的重要性，否则很难有较大的成长。今天主要写关于如何利用Tablayout写微信底部栏的过程。Tab在中国的的很多应用App上都有应用，比如微信，QQ，网易新闻等。基于此，写下这篇博客。首先大家看一下做的效果：
这里写图片描述
首先我们先来分析一下代码结构，简单的微信底部栏主要的代码结构如下图所示：

这里写图片描述
细节入手
我们以微信为例，大家可以从图中可以看到，底部共有四个按钮（上面是文字，下面是图片）。我们首先给出XML文件，这里我们用的是merge标签，主要是Tab view主要是放在布局里面，如果大家想要详细的了解merge标签的作用，大家可以百度一下相关的博客,这里就不详细解释了。

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center">
   <TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:id="@+id/tex_Tab"
       android:textColor="@color/colorPrimary"
       android:textSize="12sp"/>
    <ImageView
        android:layout_height="20dp"
        android:layout_width="20dp"