当前位置:主页 > android教程 > Android自定义控件雷达图

Android自定义控件实现雷达图效果

发布:2023-03-05 11:30:01 59


给大家整理了相关的编程文章,网友禄海雪根据主题投稿了本篇教程内容,涉及到Android、雷达图、Android自定义控件雷达图相关内容,已被853网友关注,内容中涉及的知识点可以在下方直接下载获取。

Android自定义控件雷达图

本文实例为大家分享了Android自定义控件实现雷达图的具体代码,供大家参考,具体内容如下

学习了大神的源代码(奈何不知大神的博客地址),觉得必须记录一下,方便以后再次学习。

效果如图所示:

1.自定义雷达图控件:

public class MyPolygonView extends View {

    //-------------我们必须给的模拟数据-------------
    //n边形
    private int n = 6;
    //每个角对应的文字
    private String[] text = new String[]{"语文", "数学", "英语", "生物", "化学","物理"};
    //区域等级,值不能超过n边形的个数(每个角对应的值到达的层数)
    private int[] area = new int[]{3,3,2,2,3,2};

    //-------------View相关-------------
    //View自身的宽和高
    private int mHeight;
    private int mWidth;

    //-------------画笔相关-------------
    //边框的画笔
    private Paint borderPaint;
    //文字的画笔
    private Paint textPaint;
    //区域的画笔
    private Paint areaPaint;

    //-------------多边形相关-------------
    //n边形个数
    private int num = 4;
    //两个多边形之间的半径
    private int r = 60;
    //n边形顶点坐标
    private float x, y;
    //n边形角度
    private float angle = (float) ((2 * Math.PI) / n);
    //文字与边框的边距等级,值越大边距越小(文字与边框的距离)
    private int textAlign = 5;

    //-------------颜色相关-------------
    //边框颜色(整个n边型的区域颜色)
    private int mColor = getResources().getColor(R.color.app_polygon);
    //文字颜色
    private int textColor = getResources().getColor(R.color.app_black);
    //区域颜色(整个连线的颜色)
    private int strengthColor = Color.parseColor("#f9c172");

    public MyPolygonView(Context context) {
        super(context);
    }

    public MyPolygonView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyPolygonView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = w;
        mHeight = h;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //初始化画笔
        initPaint();
        //画布移到中心点
        canvas.translate(mWidth / 2, mHeight / 2);
        //画n边形
        drawPolygon(canvas);
        //画n边形的中点到顶点的线
        drawLine(canvas);
        //画文字
        drawText(canvas);
        //画蓝色区域
        drawArea(canvas);
    }

    /**
     * 初始化画笔
     */
    private void initPaint() {
        //边框画笔
        borderPaint = new Paint();
        borderPaint.setAntiAlias(true);
        borderPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        borderPaint.setColor(mColor);
        borderPaint.setStrokeWidth(3);

        //文字画笔
        textPaint = new Paint();
        textPaint.setTextSize(30);
        textPaint.setColor(textColor);
        textPaint.setAntiAlias(true);

        //区域画笔
        areaPaint = new Paint();
        areaPaint.setStrokeWidth(5);
        areaPaint.setColor(strengthColor);
        areaPaint.setAntiAlias(true);
        areaPaint.setStyle(Paint.Style.STROKE);
    }

    /**
     * 绘制多边形
     *
     * @param canvas
     */
    private void drawPolygon(Canvas canvas) {
        Path path = new Path();
        //n边形数目
        for (int j = 1; j <= num; j++) {
            float r = j * this.r;
            path.reset();
            //画n边形
            for (int i = 1; i <= n; i++) {
                x = (float) (Math.cos(i * angle) * r);
                y = (float) (Math.sin(i * angle) * r);
                if (i == 1) {
                    path.moveTo(x, y);
                } else {
                    path.lineTo(x, y);
                }
            }
            //关闭当前轮廓。如果当前点不等于第一个点的轮廓,一条线段是自动添加的
            path.close();
            canvas.drawPath(path, borderPaint);
        }
    }

    /**
     * 画多边形线段
     *
     * @param canvas
     */
    private void drawLine(Canvas canvas) {
        Path path = new Path();
        float r = num * this.r;
        for (int i = 1; i <= n; i++) {
            path.reset();
            x = (float) (Math.cos(i * angle) * r);
            y = (float) (Math.sin(i * angle) * r);
            path.lineTo(x, y);
            canvas.drawPath(path, borderPaint);
        }
    }

    /**
     * 画文字
     *
     * @param canvas
     */
    private void drawText(Canvas canvas) {
        float r = num * this.r;
        for (int i = 1; i <= n; i++) {
            //测量文字的宽高
            Rect rect = new Rect();
            textPaint.getTextBounds(text[i - 1], 0, text[i - 1].length(), rect);
            float textWidth = rect.width();
            float textHeight = rect.height();

            x = (float) (Math.cos(i * angle) * r);
            y = (float) (Math.sin(i * angle) * r);
            //位置微调
            if (x < 0) {
                x = x - textWidth;
            }
            if (y > 25) {
                y = y + textHeight;
            }
            //调文字与边框的边距
            float LastX = x + x / num / textAlign;
            float LastY = y + y / num / textAlign;
            canvas.drawText(text[i - 1],LastX, LastY, textPaint);
        }
    }

    /**
     * 画区域
     *
     * @param canvas
     */
    private void drawArea(Canvas canvas) {
        Path path = new Path();
        for (int  i= 1;  i<= n; i++) {
            float r = area[i - 1] * this.r;
            x = (float) (Math.cos(i * angle) * r);
            y = (float) (Math.sin(i * angle) * r);
            if (i == 1) {
                path.moveTo(x, y);
            } else {
                path.lineTo(x, y);
            }
        }
        //关闭当前轮廓。如果当前点不等于第一个点的轮廓,一条线段是自动添加的
        path.close();
        canvas.drawPath(path, areaPaint);
    }
    public void setArea (int[] area){
        this.area =area;
        invalidate();
    }

}

2.界面布局文件xml中直接使用:

3.界面activity中可以设置控件颜色:

polygon.setBackgroundColor(getResources().getColor(R.color.app_blue));//雷达图的背景颜色

如果不设置背景颜色,效果就是:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。


参考资料

相关文章

  • Android事件分发机制示例分析

    发布:2023-03-03

    在说事件分发之前,我们先想一个问题,在APP中我们点击一个View的时候,事件是如何传递到这个View的呢?其实这就是我理解的事件分发机制。即当手指点击屏幕时,事件传递到具体View的过程


  • 如何将Android Studio卸载干净

    发布:2023-03-13

    这篇文章主要介绍了如何将Android Studio卸载干净,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下


  • Android开发RecyclerView单独刷新使用技巧

    发布:2023-03-13

    本篇文章主要是分享下RecyclerView中子item如何单独刷新以及子item的某一部分内容如何实现单独刷新,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • Android性能优化之线程监控与线程统一详解

    发布:2023-03-10

    这篇文章主要为大家介绍了Android性能优化之线程监控与线程统一详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • Android Framework如何实现Binder

    发布:2023-03-09

    这篇文章主要介绍了Android Framework如何实现Binder,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下


  • Android学习之菜单的使用方法

    发布:2023-03-12

    这篇文章主要为大家详细介绍了Android学习之菜单的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Android涨姿势知识点之你没用过的BadgeDrawable

    发布:2023-03-05

    现在Android中有许多的应用仿苹果的在应用图标上显示小红点,下面这篇文章主要给大家介绍了关于Android涨姿势知识点之你没用过的BadgeDrawable的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下


  • Android Notification通知使用详解

    发布:2023-03-06

    消息通知(Notification)是Android系统中比较有特色的一个功能,当某个应用程序希望用户发出一些提示信息,而该应用又不在前台运行时,就可以借助通知来实现


网友讨论