仿抖音底部导航

最新推荐文章于 2021-05-29 01:25:50 发布

北辰丶

最新推荐文章于 2021-05-29 01:25:50 发布

阅读量1.4k

点赞数

文章标签： Android

本文链接：https://blog.csdn.net/qq_43093708/article/details/86595967

版权

本文介绍了如何在Android平台上实现仿抖音底部导航效果。通过在控件上添加动画，使用TextView作为底部指示横线，创建NavItemView类并重写相关方法如startActive()和cancelActive()，在Activity中进行调用来实现选中状态的切换。同时，文章还涵盖了自定义属性文件和Activity布局文件的配置细节。

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

最终效果预览

这次实现的是第一步效果

原理解析：通过对控件添加动画来实现仿抖音底部导航的效果

一.首先编写布局文件（这里是用TextView作为底部的指示横线）

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="wrap_content"
        android:orientation="vertical"
        android:id="@+id/nav_top"
        android:layout_centerInParent="true"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:text="标题"
            android:id="@+id/nav_item_tv_title"
            android:textColor="#F1F1F1"
            android:textSize="16sp"
            android:layout_height="wrap_content" />
    </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:id="@+id/nav_item_tv_line"
        android:layout_below="@id/nav_top"
        an