Android自定义柱状图动画与点击提示DEMO

126 浏览量更新于2024-09-01 收藏 182KB PDF 举报

"这篇文章主要展示了如何在Android平台上自定义一个带有动态增长动画和点击弹窗提示功能的柱状图。作者在项目中因为与设计需求不符而选择自定义图表，而不是使用第三方库如MPAndroidChart。这个自定义的柱状图具备以下特性：根据数据动态绘制柱子数量、柱子绘制时有动画效果、点击柱子会弹出提示框显示相关信息，并且在设定时间后自动消失。" 文章中提到的自定义柱状图类`HistoGram`继承自`View`并实现了`Runnable`接口，这表明该类不仅负责绘制，还能够执行动画。`HistoGram`类的核心部分包括以下几个关键组件和方法： 1. **Handler**: 使用`Handler`来实现延迟更新，这是实现动画的关键，通过不断更新柱子的高度(`animHeight`)来实现动态增长的效果。 2. **animHeight**: 这个变量用于跟踪动画进行中的柱子高度，随着动画的推进，它的值会逐渐增加或减少，直到达到数据的实际高度。 3. **Paint对象**: `axisLinePaint`和`hLinePaint`是两个`Paint`实例，分别用于绘制坐标轴和内部水平虚线。`Paint`类在Android中用于设置图形的样式，颜色，粗细等属性。 4. **onDraw()**: 这是`View`类中用于绘制界面的方法。在这里，作者会根据数据和当前的`animHeight`来绘制柱状图，同时可能还包括坐标轴和其他辅助元素。 5. **onTouchEvent()**: 这个方法处理用户的触摸事件，当用户点击柱子时，可以触发相应的事件，比如弹出提示框。 6. **run()**: 作为`Runnable`接口的实现，`run()`方法可能包含了动画的逻辑，如更新`animHeight`并重新调用`invalidate()`方法来触发视图的重绘，从而实现动画的帧刷新。 7. **UI类**: 提到了一个名为`UI`的类，它可能是作者自定义的一个UI工具类，用于封装一些通用的UI操作或设置。 8. **NumberFormat**: 这是一个用于格式化数字的类，可能在绘制柱子高度的数值或者提示框内容时使用，以确保数值的可读性。为了实现上述功能，开发者需要对Android的绘图机制有深入理解，包括`Canvas`的使用、图形的绘制以及触摸事件的处理。此外，还要掌握动画的基本原理，了解如何利用`Handler`来控制动画的时间流逝。这个DEMO对于想要在Android应用中实现自定义图表的开发者来说，提供了很好的学习和参考价值。

Android自定义带增长动画和点击弹窗提示效果的柱状图自定义带增长动画和点击弹窗提示效果的柱状图DEMO

主要介绍了Android自定义带增长动画和点击弹窗提示效果的柱状图的相关资料,非常不错具有一定的参考借鉴价值，需要的朋友可以

参考下

项目中最近用到各种图表，本来打算用第三方的，例如MPAndroid,这是一个十分强大的图表库，应用起来十分方便，但是最终发现和设计不太一样，

没办法，只能自己写了。今天将写好的柱状图的demo贴在这，该柱状图可根据数据的功能有一下几点：

1. 根据数据的多少，动态的绘制柱状图柱子的条数；

2. 柱状图每条柱子的绘制都有动态的动画效果；

3. 每条柱子有点击事件，点击时弹出提示框，显示相关信息，规定时间后，弹窗自动消失。

好了，先上演示图：

下边贴出相关代码：

自定义柱状图类：

package com.example.histogram;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.RectF;

import android.os.Handler;

import android.text.TextPaint;

import android.util.AttributeSet;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

import com.example.histogram.UI.UI;

import java.text.NumberFormat;

/**

* Created by ZHANGZDon 2016/6/16 0016.

* 柱状图

public class HistoGram extends View implements Runnable {

private Handler handler = new Handler(); // 用于延时更新，实现动画

private float animHeight; // 进度条动画高度

private Paint axisLinePaint; // 坐标轴画笔

private Paint hLinePaint; // 内部水平虚线画笔

private Paint textPaint; // 绘制文本的画笔

private Paint recPaint; // 绘制柱状图阴影背景的画笔

private Paint dataPaint; // 绘制柱状图的画笔

private Paint textPaint2; // 绘制白色文本的画笔

private Paint textPaint3; // 绘制坐标的画笔

private Paint textPaint4; // 绘制x轴上的白色竖线的画笔

private String[] xTitleString; // x轴刻度

private String[] yTitleString; // y轴刻度

private String[] data; // 接口返回的indicatordata，用于计算柱子高度

NumberFormat numberFormat; //用于格式化数字

private float currentHeight; // 当前柱状图应有的高度，应由计算得来

private int num = -1; // 画多少条柱子，因为存在刚开机数据不足24条的情况

private float mRelativePxInHeight;

private float mRelativePxInWidth;

private OnChartClickListener listener;

private int mDist;

public void setNum(int num) {

下载后可阅读完整内容，剩余4页未读，立即下载

weixin_38550334

粉丝: 2
资源: 952

Android自定义柱状图动画与点击提示DEMO

Android自定义view实现动态柱状图

自定义Android柱状图DEMO：动态动画与点击弹窗

自定义Android柱状图DEMO：带动画与点击提示

Android自定义柱状图，带有标注和左右滑动效果

Android 折线 柱状图 demo

详解Android自定义View--自定义柱状图

自定义View--带有动画效果的柱状图

Android自定义饼状图、柱状图、双折线图

Android自定义View动画实现：柱状图、天气线与健康环

Android柱状图Demo源码分享

最新资源

Android 折线柱状图 demo