Android Material Design控件之TabLayout

最新推荐文章于 2024-09-25 15:58:02 发布

Scorpio_Happy

最新推荐文章于 2024-09-25 15:58:02 发布

阅读量865

点赞数 2

分类专栏：安卓开发文章标签： android

本文链接：https://blog.csdn.net/happyghh/article/details/78028754

版权

本文介绍了Android中Material Design风格的TabLayout的使用，包括导入依赖、基本使用方法，如设置颜色、高度、文本属性，以及进阶技巧，如修改文本大小、显示图片和使用自定义视图。通过示例代码和效果图展示了TabLayout的多种应用场景。

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

一、TabLayout使用前提

    compile 'com.android.support:design:26.+'

首先要导入依赖，这个虽然没什么好说的，不过，需要注意的是版本一定要和自己support库的版本一致，
如果你是直接在依赖库中搜索添加的，会发现是alpha这个东西。用着是没问题的，可是如果使用多个material Design控件的话，就会发生冲突，（PS:具体原因我也不清楚~~）

这里写图片描述

二、使用过程
一）基本使用
布局文件：

  <android.support.design.widget.TabLayout
        android:id="@+id/main_tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabBackground="@android:color/white"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabTextColor="@android:color/black" />

    <android.support.v4.view.ViewPager
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

这个需要解释的就是相关的属性，具体的可以查看官方文档，这里介绍几个常用的

app:tabIndicatorColor—–>tablayout下划线的颜色
app:tabIndicatorHeight—–>tablayout下划线的高度，如果不想显示可设置为0
app:tabTextColor—–>文本颜色
app:tabSelectedTextColor—–>选中后文本颜色
app:tabGravity—–>显示的位置值有center 和fill
app:tabTextAppearance—–>设置显示字体的大小
app:tabMode —–>tab的显示方式，fixed填充屏幕如果内容过多会挤掉内容，scrollable内容过多，则可以滑动，内容少，则从左向右排列，不会填充屏幕

接下来，重要的就是给对应的tab设置不同的viewpager页面内容了，每一个ViewPager的内容都设置为一个Fragment

public class ContentFragment1 extends Fragment {
   

    public static ContentFragment1 newInstance(int page) {
        ContentFragment1 pageFragment = new ContentFragment1();
        return pageFragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override