Android自动缩放上下限折线图示例

 更新时间:2022年08月16日 09:41:35   作者:rustfisher  
这篇文章主要为大家介绍了Android 自动缩放上下限的折线图示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

一条折线,根据最大最小值自动缩放上下限。

  • 继承View
  • 数据使用FloatBuffer存储
  • 可改变显示窗口的大小
  • 可指定坐标轴,折线和字体颜色

AutoLineChart完整代码

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.util.Log;
import android.util.TypedValue;
import android.view.View;
import java.nio.FloatBuffer;
public class AutoLineChart extends View {
    private static final String TAG = "rustApp" + AutoLineChart.class.getSimpleName();
    private float yMax = 1.6f;
    private float yMin = -1.0f;
    float yAxisZoomLimitMax = 1.6f;
    float yAxisZoomLimitMin = -1.0f; // 缩小y轴的极限值
    // Y轴自动缩放时的增减距离
    float axisYPerStep = 0.1f;
    // 图表线条在view顶部留出的间距
    float viewYStart = 2;
    float axisTextSize = 10;
    private int onShowPointsCount = 500;  // 当前显示的数据个数
    int onShowMinPoints = 100;            // 至少要显示的数据个数
    private int maxPoint = 9000;          // 数据存储最大个数
    // 坐标轴线条宽度
    float axisLineWid = 1f;
    int dataLineWid = 4;
    // 数据线颜色
    private int dataColor = Color.parseColor("#eaffe9");
    // 图表中的背景线条颜色
    private int mainBgLineColor = Color.parseColor("#535353");
    // 坐标轴颜色
    private int axisColor = Color.WHITE;
    // 坐标值字体颜色
    private int axisTextColor = Color.WHITE;
    // 背景色
    private int viewBgColor = Color.parseColor("#222222");
    Rect rectText = new Rect();
    private float xStep = 1.0f;
    private float viewWidth;
    private float viewHeight;
    private float botLeftXOnView = 0; // 图表左下点在view中的x坐标
    private float botLeftYOnView = 0;
    private float originYToBottom = 20; // 图表原点距离view底部的距离
    private FloatBuffer dataBuffer;
    private Paint bgPaint;
    private Paint linePaint;
    public AutoLineChart(Context context) {
        this(context, null);
    }
    public AutoLineChart(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public AutoLineChart(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }
    public int getMaxPoint() {
        return maxPoint;
    }
    public void setOnShowPointsCount(int onShowPointsCount) {
        this.onShowPointsCount = onShowPointsCount;
    }
    public int getOnShowPointsCount() {
        return onShowPointsCount;
    }
    public int getOnShowMinPoints() {
        return onShowMinPoints;
    }
    public void addData(float data) {
        dataBuffer.put(data);
        if (dataBuffer.position() > (dataBuffer.capacity() * 2 / 3)) {
            float[] bufferArr = dataBuffer.array();
            System.arraycopy(bufferArr, dataBuffer.position() - maxPoint, bufferArr, 0, maxPoint);
            dataBuffer.position(maxPoint);
//            Log.d(TAG, "把当前数据移动到buffer起始位置 " + dataBuffer);
        }
        invalidate();
    }
    private void init(Context context) {
        dataBuffer = FloatBuffer.allocate(3 * maxPoint); // 分配3倍的空间
        bgPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        linePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        bgPaint.setStrokeWidth(axisLineWid);
        bgPaint.setStyle(Paint.Style.STROKE);
        bgPaint.setColor(mainBgLineColor);
        linePaint.setStrokeWidth(dataLineWid);
        linePaint.setStyle(Paint.Style.STROKE);
        linePaint.setColor(dataColor);
        botLeftXOnView = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 32, context.getResources().getDisplayMetrics());
        originYToBottom = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, context.getResources().getDisplayMetrics());
        viewYStart = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, context.getResources().getDisplayMetrics());
        axisLineWid = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, context.getResources().getDisplayMetrics());
        axisTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 10, context.getResources().getDisplayMetrics());
    }
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        viewWidth = getWidth();
        viewHeight = getHeight();
        botLeftYOnView = viewHeight - originYToBottom;
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(viewBgColor);
        xStep = (viewWidth - botLeftXOnView) / (onShowPointsCount - 1);
        float maxData = 0.1f;
        float minData = 0;
        int dataStartIndexInBuffer = 0; // 数据在buffer中的起始下标
        if (dataBuffer.position() > onShowPointsCount) {
            dataStartIndexInBuffer = dataBuffer.position() - onShowPointsCount;
        }
        float[] bufferArr = dataBuffer.array();
        for (int i = dataStartIndexInBuffer; i < dataBuffer.position(); i++) {
            if (bufferArr[i] < minData) {
                minData = bufferArr[i];
            } else if (bufferArr[i] > maxData) {
                maxData = bufferArr[i];
            }
        }
        zoomYAxis(maxData, minData);
        drawBgLines(canvas);
        drawWave(canvas, dataStartIndexInBuffer);
    }
    // 缩放Y轴
    private void zoomYAxis(float maxData, float minData) {
        if (maxData < yAxisZoomLimitMax) {
            yMax = yAxisZoomLimitMax;
        } else if (maxData < yMax) {
            while (maxData < yMax) {
                yMax -= axisYPerStep;
            }
            yMax += axisYPerStep;
        } else if (maxData > yMax) {
            while (maxData > yMax) {
                yMax += axisYPerStep;
            }
        }
        if (minData > yAxisZoomLimitMin) {
            yMin = yAxisZoomLimitMin;
        } else if (minData > yMin) {
            while (minData > yMin) {
                yMin += axisYPerStep;
            }
            yMin -= axisYPerStep;
        } else if (minData < yMin) {
            yMin -= axisYPerStep;
        }
    }
    private void drawBgLines(Canvas canvas) {
        // 画坐标轴
        bgPaint.setStyle(Paint.Style.FILL);
        bgPaint.setStrokeWidth(axisLineWid);
        bgPaint.setTextSize(axisTextSize);
        bgPaint.setTextAlign(Paint.Align.RIGHT);
        for (float y = 0; y <= yMax; y += 0.5) {
            drawYAxis(canvas, y);
        }
        for (float y = 0; y >= yMin; y -= 0.5) {
            drawYAxis(canvas, y);
        }
        bgPaint.setColor(axisColor);
        canvas.drawLine(botLeftXOnView, viewYStart / 2, botLeftXOnView, botLeftYOnView + viewYStart / 2, bgPaint);
//        canvas.drawLine(botLeftXOnView, botLeftYOnView, viewWidth, botLeftYOnView, bgPaint); // x轴
    }
    private void drawYAxis(Canvas canvas, float axisYValue) {
        final float yDataRange = yMax - yMin;
        final float yAxisRangeOnView = botLeftYOnView - viewYStart;
        float aY = botLeftYOnView - (axisYValue - yMin) / yDataRange * yAxisRangeOnView;
        bgPaint.setColor(axisColor);
        canvas.drawLine(botLeftXOnView - 20, aY, botLeftXOnView, aY, bgPaint);
        String axisText = String.valueOf(axisYValue);
        bgPaint.getTextBounds(axisText, 0, axisText.length(), rectText); // 获取文本的宽高
        canvas.drawText(axisText, botLeftXOnView - rectText.width() / 2, aY + rectText.height() / 2, bgPaint);
        bgPaint.setColor(mainBgLineColor);
        canvas.drawLine(botLeftXOnView, aY, viewWidth, aY, bgPaint);
    }
    private void drawWave(Canvas canvas, int dataStartIndexInBuffer) {
        final float yDataRange = yMax - yMin;
        final float yAxisRangeOnView = botLeftYOnView - viewYStart;
        final float yDataStep = yAxisRangeOnView / yDataRange;
        float[] dataArr = dataBuffer.array();
        for (int i = dataStartIndexInBuffer; i < dataBuffer.position() - 1; i++) {
            canvas.drawLine(botLeftXOnView + (i - dataStartIndexInBuffer) * xStep, getYL(dataArr[i], yDataStep),
                    botLeftXOnView + (i - dataStartIndexInBuffer + 1) * xStep, getYL(dataArr[i + 1], yDataStep),
                    linePaint);
        }
    }
    private float getYL(final float yData, float yDataStep) {
        return botLeftYOnView - (yData - yMin) * yDataStep;
    }
}

以上就是Android 自动缩放上下限的折线图的详细内容,更多关于Android 自动缩放上下限的折线图的资料请关注脚本之家其它相关文章!

相关文章

  • 给Android的APK程序签名和重新签名的方法

    给Android的APK程序签名和重新签名的方法

    这篇文章主要介绍了给Android的APK程序签名和重新签名的方法,签名的方法同时也可以针对自制系统ROM,需要的朋友可以参考下
    2016-02-02
  • Listview加载的性能优化是如何实现的

    Listview加载的性能优化是如何实现的

    在android开发中Listview是一个很重要的组件,它以列表的形式根据数据的长自适应展示具体内容,用户可以自由的定义listview每一列的布局,接下来通过本文给大家介绍Listview加载的性能优化是如何实现的,对listview性能优化相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 详解Android的.aar文件生成方法以及使用技巧

    详解Android的.aar文件生成方法以及使用技巧

    给大家详细分析一下在Android中关于.aar文件生成的方法以及相关是使用技巧分析,需要的朋友学习参考下吧。
    2017-12-12
  • Android扫描二维码时出现用户禁止权限报错问题解决办法

    Android扫描二维码时出现用户禁止权限报错问题解决办法

    这篇文章主要介绍了Android扫描二维码时出现用户禁止权限报错问题解决办法的相关资料,需要的朋友可以参考下
    2017-06-06
  • Android中利用App实现消息推送机制的代码

    Android中利用App实现消息推送机制的代码

    Android中利用App实现消息推送机制的代码,需要的朋友可以参考下。
    2011-05-05
  • Android ADB超简单的安装教程(推荐)

    Android ADB超简单的安装教程(推荐)

    adb是Android的一个很重要的调试工具,熟练掌握后可实现很多功能,比如有些手机的解锁、ROOT就会用到adb工具。可很多朋友都说不会安装,所以下面这篇文章主要给大家介绍了关于Android ADB超简单的安装教程,安装非常简单,需要的朋友可以参考下
    2018-07-07
  • android实现图片裁剪的两种方法

    android实现图片裁剪的两种方法

    这篇文章主要为大家详细介绍了android实现图片裁剪的两种方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android开发中的9个常见错误和解决方法

    Android开发中的9个常见错误和解决方法

    这篇文章主要介绍了Android开发中的9个常见错误和解决方法,这是Android开发中最常见的9个错误,经过各种各样的整理,以及和热心网友讨论总结而来,需要的朋友可以参考下
    2015-01-01
  • Android自定义ViewGroup实现带箭头的圆角矩形菜单

    Android自定义ViewGroup实现带箭头的圆角矩形菜单

    这篇文章主要为大家详细介绍了Android自定义ViewGroup带箭头的圆角矩形菜单实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android实现获取签名及公钥的方法

    Android实现获取签名及公钥的方法

    这篇文章主要介绍了Android实现获取签名及公钥的方法,可实现Android通过包名获取相关签名及公钥的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论