安卓自定义漏斗-FunnelView

简介

最近项目需要绘制一批图表控件，于是使用了MPChatAndroid框架，但是里面没有漏斗图，网上也没有合适的漏斗图。于是，只能自己造轮子咯。已开源至github：FunnelView，感兴趣的可以fork，star

效果

直接放图:

效果	图片
默认效果
自定义描述文字
自定义宽度伸缩策略

使用

Step1

在你的root build.gradle中添加：

    allprojects {
        repositories {
            ...
            maven { url 'https://jitpack.io' }
        }
    }

在你的app build.gradle中添加：

    dependencies {
            implementation 'com.github.Jay-huangjie:FunnelView:v1.1'
    }

最新版本去github看

Step2

如果你只需要默认样式，只需两步即可使用：

1. 数据源继承IFunnelData接口
2. 调用setChartData方法将数据源设置进去即可
   注意：绘制的顺序是从下往上，所以如果你希望你的数据源是从上往下排列，需要调用Collections.reverse(List<?> list);方法将集合结果反转

关于高级用法见README

原理

大概的一个思路是，先确定好漏斗的最下方的中心点centerX，然后往两边绘制，利用path逐级往上绘制。通过每次增加一个halfWidth的宽度来达到漏斗的效果，而这个宽度完全可以自定义，所以在适配上有无限的可能，从而达到适配目的。