[移动开发] Android仿美团导航栏-自定义View系列（10）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> Android仿美团导航栏-自定义View系列（10） -> 正文阅读

[移动开发]Android仿美团导航栏-自定义View系列（10）

Android仿美团导航栏-自定义View系列

功能简介

Android仿美团导航栏，感觉挺有趣，简单的实现下。

GIf演示

在这里插入图片描述

主要实现步骤-具体内容看github项目里的代码

不想写，累，简单记录一下

简单记录一下实现步骤。实际上离美团的效果还差的很远，很多细节没有覆盖，例如弹出来的按钮与水平线左右两处交汇的地方就很生硬，应该再用贝塞尔曲线写一下。

1.创建ViewGroup
2.创建4个lottieView implementation "com.airbnb.android:lottie:3.7.0"
3.创建按钮bean类，保存计算出的各种位置和lottieView
4.创建list将bean类保存进去
5.根据计算的位置数据绘制按钮文字，设定lottieView位置，再添加一个valueAnimator用于点击效果上下移动。
6.复写onTouchEvent根据bean类里的位置数据判断点击了哪个按钮。