返回顶部
首页 > 资讯 > 移动开发 >android 简单环形比例图
  • 402
分享到

android 简单环形比例图

Android 2022-06-06 14:06:05 402人浏览 独家记忆
摘要

好久不写博客了 最近项目中用到一个环形比例图,分享一下 先上效果图 List list = new ArrayList(); list.ad

好久不写博客了 最近项目中用到一个环形比例图,分享一下
先上效果图

List list = new ArrayList();
list.add(new String[]{"0.2", "#9B9B9B"});//gray
list.add(new String[]{"0.3", "#29C7BA"});//theme
list.add(new String[]{"0.4", "#518ef8"});//blue
list.add(new String[]{"0.05", "#ff9500"});//yellow
list.add(new String[]{"0.05", "#F67D88"});//tip
ervScale.setAngleAndColorList(list);
public class EasyRingView extends View {
    private Context mContext;
    private Paint mPaint;
    private int mDefaultColor;
    private float mRingWidth;
    private List mAngleAndColorList;
    public EasyRingView(Context context) {
        this(context, null);
    }
    public EasyRingView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public EasyRingView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        mContext = context;
        init();
    }
    private void init() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setStyle(Paint.Style.STROKE);
        mRingWidth = Utils.dp2px(mContext, 20);
        mPaint.setStrokeWidth(mRingWidth);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        mDefaultColor = ContextCompat.getColor(mContext, R.color.gray);
    }
    public void setRingWidth(float width) {
        mRingWidth = width;
        if (mPaint != null) {
            mPaint.setStrokeWidth(width);
            invalidate();
        }
    }
    public void setAngleAndColorList(@NonNull List scaleAndColorList) {
        if (mAngleAndColorList == null) {
            mAngleAndColorList = new ArrayList();
        } else {
            mAngleAndColorList.clear();
        }
        if (scaleAndColorList.size() == 0) {
            mAngleAndColorList.add(new AngleAndColorBean(360, mDefaultColor));
        } else {
            float angleSum = 0;
            for (String[] scaleAndColor : scaleAndColorList) {
                float angle;
                try {
                    angle = Float.parseFloat(scaleAndColor[0]) * 360;
                } catch (NumberFORMatException e) {
                    angle = 0;
                }
                int color;
                try {
                    color = Color.parseColor(scaleAndColor[1]);
                } catch (Exception e) {
                    color = mDefaultColor;
                }
                if (angle > 0) {
                    mAngleAndColorList.add(new AngleAndColorBean(angle, color));
                    angleSum += angle;
                }
            }
            if (angleSum  0) {
                //avoid sum not equal 360
                Collections.sort(mAngleAndColorList, (o1, o2) -> {
                    if (o1.getAngle() > o2.getAngle()) {
                        return 1;
                    } else if (o1.getAngle()  1) {
            float startAngle = -90;
            for (int i = mAngleAndColorList.size() - 1; i >= 0; i--) {
                AngleAndColorBean angleAndColorBean = mAngleAndColorList.get(i);
                mPaint.setColor(angleAndColorBean.getColor());
                canvas.drawArc(left, top, right, bottom, startAngle - angleAndColorBean.getAngle(), angleAndColorBean.getAngle(), false, mPaint);
                startAngle -= angleAndColorBean.getAngle();
            }
            //avoid the last scale has two corner
            AngleAndColorBean lastBean = mAngleAndColorList.get(mAngleAndColorList.size() - 1);
            mPaint.setColor(lastBean.getColor());
            canvas.drawArc(left, top, right, bottom, -90 - lastBean.getAngle() / 2, lastBean.getAngle() / 2, false, mPaint);
        } else {
            mPaint.setColor(mAngleAndColorList.get(0).getColor());
            canvas.drawArc(left, top, right, bottom, 0, 360, false, mPaint);
        }
    }
    private class AngleAndColorBean {
        //所占角度
        private float angle;
        //色值
        private int color;
        AngleAndColorBean(float angle, int color) {
            this.angle = angle;
            this.color = color;
        }
        float getAngle() {
            return angle;
        }
        void setAngle(float angle) {
            this.angle = angle;
        }
        public int getColor() {
            return color;
        }
        public void setColor(int color) {
            this.color = color;
        }
    }
}

作者:这个bug不是我写的


--结束END--

本文标题: android 简单环形比例图

本文链接: https://lsjlt.com/news/29619.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • android 简单环形比例图
    好久不写博客了 最近项目中用到一个环形比例图,分享一下 先上效果图 List list = new ArrayList(); list.ad...
    99+
    2022-06-06
    Android
  • android简单的图形特效处理
    android提供了一些额外更高级的图形图像处理技术,能够让开发者开发出更绚丽的UI界面Matrixandroid提供的一个矩阵工具类,本身并不能读图形或者组件进行变换,但是可以与其他API结合来控制图形、组件的变化步骤:获取Matrix对...
    99+
    2023-06-04
  • C#Chart绘制简单图形波形
    本文实例为大家分享了C# Chart绘制简单图形波形的具体代码,供大家参考,具体内容如下 此次用C#绘制波形使用的是Chart控件 1、将Chart控件拖进主界面,然后设置属性。 ...
    99+
    2024-04-02
  • Android中制作进度框和环形进度条的简单实例分享
    进度框 import android.content.Context; import android.graphics.Canvas; import android.gr...
    99+
    2022-06-06
    进度条 Android
  • 图形图像处理之简单图片
    决定Android应用是否被用户接受的一个重要的原因就是用户界面,友好的用户界面就需要使用到图形图像处理技术,包括静态图片、动画和游戏都需要大量的图形图像处理,所谓游戏,其实就是提供更逼真,能模拟某种环境的用户界面,并根据某种规则响应用户的...
    99+
    2023-06-04
  • java怎么绘制简单图形
    Java中绘制基本图形,可以使用Java类库中的Graphics类,此类位于java.awt包中。在我们自己的java程序文件中,要使用Graphics类就需要使用import java.awt.Graphics语句将Graphics类导入...
    99+
    2021-09-18
    java 绘制 简单图形
  • Android GridView简单实例
    也是今天用到的一个东西,就是简单实现九宫格的Demo 1.就是定义各种layout 和对应的item 我的: <?xml version="1.0" en...
    99+
    2022-06-06
    gridview Android
  • Android图形显示流程简介
    注:本文缩写说明 本文代码都是基于Android S 一、概述 本文将对从App画出一帧画面到这帧画面是如何到达屏幕并最终被人眼看到的这一过程进行简要分析,并将这其中涉及到的各个流程与其在systrace上的体现对应起来,期望最终...
    99+
    2023-09-05
    android
  • Android 实现圆角图片的简单实例
    Android 实现圆角图片的简单实例实现效果图:本来想在网上找个圆角的例子看一看,不尽人意啊,基本都是官方的Demo的那张原理图,稍后会贴出。于是自己自定义了个View,实现图片的圆角以及圆形效果。效果图:Android 圆角图片的实现形...
    99+
    2023-05-31
    android 圆角图片 roi
  • Python利用Turtle绘画简单图形
    目录前期准备基本函数与用法绘画图形1.画一个正方形2.画一个三角形3.画一个八角星4.画一个八边形5.其他图形No.1、多彩的五角星No.2、多彩的八角星No.3、四圆镶嵌No.4、...
    99+
    2024-04-02
  • iOS实现圆环比例图
    本文实例为大家分享了iOS实现圆环比例图的具体代码,供大家参考,具体内容如下 实现效果 实现方法 SSTCircleProgressView  @interfac...
    99+
    2022-05-16
    iOS 比例图
  • Android NDK开发的环境搭建与简单示例
    一、NDK与JNI简介 NDK全称为native development kit本地语言(C&C++)开发包。而对应的是经常接触的Android-SDK,(softwa...
    99+
    2022-06-06
    环境搭建 环境 示例 ndk Android
  • android实现简单的矩形裁剪框
    本文实例为大家分享了android实现矩形裁剪框的具体代码,供大家参考,具体内容如下 前阵子做视频编辑功能,视频裁剪功能不太好用,就简单的修改了一下 正常模式是这样的 简单的添加了...
    99+
    2024-04-02
  • python简单图形界面GUI入门——e
    感觉gui做起来成就感比较高,学完基础语言顺便花一个下午看看GUI设计,现在回顾来看这个如果做正式的展示太过简单,easygui只是小演示之用。     首先是easygui包下载,两种方式: 1)在python环境下,用pip3 in...
    99+
    2023-01-31
    图形界面 入门 简单
  • QT+OpenGL实现简单图形的绘制
    继承于QOpenGLWindow,描画出来。新建类myopengl,头文件如下: #ifndef MYOPENGL_H #define MYOPENGL_H #include &...
    99+
    2022-12-28
    QT OpenGL绘制图形 QT 绘制图形 OpenGL绘制图形 QT OpenGL
  • 简单实现android轮播图
    轮播图是很常用的一个效果 核心功能已经实现 没有什么特殊需求 自己没事研究的 所以封装的不太好 一些地方还比较糙 为想要研究轮播图的同学提供个参考 目前测试图片为mipmap...
    99+
    2022-06-06
    Android
  • android 简单图片动画播放的实例代码
    xml中: 代码如下:        <ImageView   &nb...
    99+
    2022-06-06
    图片 动画 Android
  • Android中Progress的简单实例
    Android中Progress的简单实例Android中Progress网上的demo都是瞎扯淡,当然,你们也可以认为我的demo是瞎扯淡,因为,毕竟要理解别人的思路,很头疼,主要还是知道思路,然后一步一步慢慢来。今天我讲的是Progre...
    99+
    2023-05-31
    android progress gr
  • Java实现简单图形界面计算器
    前言 因为这两天我们的Java实验课程需要做两个小的图形化界面,其中就有一个图形界面的计算器,所以稍微花了点时间做了一个,同时复习了一下Java的基础内容和GUI编程。因为代码中的注...
    99+
    2024-04-02
  • Android简单实现画图功能
    如何在图片上画画呢?这里写了一个demo,供大家参考 一、先看一眼工程结构 工程结构: 二、自定义view 这个自定义view实现了保留轨迹的功能,代码如下 packag...
    99+
    2022-06-06
    Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作