基于Android 带动画的自定义流程状态图

概述

这是一个带渲染动画的自定义流程状态图，每个节点根据当前的进度可渲染成不同的标识，也扩展了超出屏幕时的滑动效果，同时也运用了viewmodel 和databinding 技术，用MVVM架构模式来实现效果

详细

一、项目结构

├─app

│      ├─main

│      │  ├─java

│      │  │  └─com

│      │  │      └─sky

│      │  │          └─saleapp

│      │  │              ├─adapter

│      │  │              ├─base

│      │  │              ├─module

│      │  │              │  ├─code

│      │  │              │  └─step

│      │  │              └─util

│      │  │                  └─titlebar

│      │  └─res

│      │      ├─drawable

│      │      ├─drawable-v24

│      │      ├─drawable-xxhdpi

│      │      ├─layout

│      │      ├─mipmap-anydpi-v26

│      │      ├─mipmap-hdpi

│      │      ├─mipmap-mdpi

│      │      ├─mipmap-xhdpi

│      │      ├─mipmap-xxhdpi

│      │      ├─mipmap-xxxhdpi

│      │      ├─navigation

│      │      └─values

├─build

│  └─kotlin

│      └─sessions

├─gradle

│  └─wrapper

二、程序实现

1、工程目录

2、实现方法

 

三、实现逻辑

主要是通过自定义view的思想来实现功能

1、先抽取整个流程图的其中一段作为模板；

2、然后通过viewModel 得到数据源的数据（具体数据结构可结合自身项目）

3、通过data 的数据变动，监听器会根据数据源的长度，与屏幕的宽度进行对比，自动适配

四、运行效果