Android自定义控件之动态柱状图

最新推荐文章于 2024-07-24 11:09:20 发布

置顶

阿拉灯神灯

最新推荐文章于 2024-07-24 11:09:20 发布

阅读量8.4k

点赞数 3

分类专栏： Android自定义View Android自定义View 文章标签： android 控件动画自定义控件

本文链接：https://blog.csdn.net/nugongahou110/article/details/49517725

版权

这篇博客介绍了如何在Android中自定义动态柱状图控件，包括画柱状图、竖线、顶部横线和文字的方法。通过在Activity传入柱状图数量和目标值，实现流畅的动画效果。同时，详细说明了文字大小的自适应计算和横线的绘制方式，以及控件的使用步骤。

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

这里写图片描述

设计思路:

1.画柱状图
2.画竖线
3.画顶部横线
4.画文字

1.画柱状图

画柱状图的方法很简单，就是使用canvas.drawRect(float left, float top, float right, float bottom, Paint paint)，其实这里我遇到了一个问题，一开始我想只画一条柱状图，然后需要几个柱状图就在xml文件中声明几个，后来我发现，这样实现起来的动画非常之卡顿（上面gif录出来看上去很卡，其实很流畅）。后来我就换了一种思路，就是声明一个数组，在Activity传入我们需要画的柱状图的总个数和每个柱状图的目标值大小，然后在onDraw方法里分别计算每个柱状图的当前进度，然后分别画出来，这样动画效果就非常流畅了。

 /**
         * 画柱状图
         */
        for(int i = 0 ; i<totalBarNum ; i++){
            if (currentBarProgress[i]<(respTarget.get(i)/max)*stopX) {
                currentBarProgress[i]+=10;
                postInvalidateDelayed(10);
            }
            canvas.drawText(respName.get(i),startX,startY+deltaY+i*(deltaY+barWidth)+3*barWidth/