第三方控件FlycoTabLayout的使用

最新推荐文章于 2024-08-08 07:14:49 发布

Maniar

最新推荐文章于 2024-08-08 07:14:49 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android FlycoTabLayout

本文链接：https://blog.youkuaiyun.com/qq_41545435/article/details/95172121

本文介绍了第三方控件FlycoTabLayout在Android开发中的使用，包括SlidingTabLayout、CommonTabLayout和SegmentTabLayout三种类型，并提供了详细的操作步骤，包括添加依赖和XML布局使用。此外，还提供了项目的GitHub链接供进一步参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Github传送门
先看效果图在这里插入图片描述
FlycoTabLayout一共有三种tablayout，分别是：
1.SlidingTabLayout
2.CommonTabLayout
3.SegmentTabLayout
从上往下对应效果图上的显示

另外，FlycoTabLayout还有许多属性，具体看下图：或者再进[传送门]查看(https://github.com/H07000223/FlycoTabLayout/blob/master/README_CN.md)
在这里插入图片描述

使用FlycoTabLayout库还是比较方便的，具体实现步骤如下：
1.添加依赖

    implementation 'com.android.support:support-v4:28.0.0'
    implementation 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar'

2.XML布局使用，我这里使用了三种

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".TabLayoutActivity">

    <com.flyco.tablayout.SlidingTabLayout
        android:id="@+id/sliding_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:tl_indicator_color="@color/colorAccent"
        app:tl_indicator_corner_radius="30dp"
        app:tl_indicator_style="TRIANGLE"
        app:tl_textSelectColor="@color/colorAccent"
        app:tl_textUnselectColor="@color/colorPrimary"
        app:tl_underline_color="@color/colorPrimaryDark"
        app:tl_underline_gravity="TOP" />

    <View
        android:la