Android圆形饼图绘制(当饼图占比很小时描述文字的分开绘制)

本文介绍了如何在Android中解决使用MpAndroidChart库时,当饼图部分占比过小导致文字重叠的问题。作者通过自定义绘制方式,实现了饼图的清晰显示并提供了各部分的点击监听功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于项目中需要用到饼图,用MpAndroidChart,当饼图部分占比很小时,描述文字重叠,所以自己重新绘制了饼图,并提供饼图各部分的点击监听,效果图如下:

转成动态图时效果不好,实际颜色是正常的

绘制饼图的类:

package com.karoline.views.bars;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import com.karoline.utils.SizeUtils;

import java.lang.ref.WeakReference;
import java.util.ArrayList;
import java.util.List;

/**
 * Created by ${Karoline} on 2017/6/14.
 */

public class AssetKcPie extends View {
   
   //继承View类
    private Context mContext;
    private Paint textPaint; 
    private Paint arcPaint;
    private Paint linePaint;

    private WeakReference<Bitmap> bitmapBuffer;
    private Canvas bitmapCanvas;

    private float distance;
    private float radius;
    private int barWidth,barHeight;
    private List<AssetKcData> datas;
    private List<AngleSE> angleSEs;
    private List<RectF> lengedRectes;
    private OnSelectedListener mListener;

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(event.getAction() == MotionEvent.ACTION_DOWN){
            float actionX = event.getX(); //点击点的坐标
            float actionY = event.getY();
            double distance = Math.sqrt(Math.pow(Math.abs(actionX-barWidth/2),2)+
                                Math.pow(Math.abs(actionY-barHeight/2),2));
            double angle = Math.atan((actionY-barHeight/2) /(actionX-barWidth/2)) /3.14 * 180 - 90;
            float X = barWidth/2,Y=(barHeight-lengedHeight)/2;
            if(actionX > X && actionY<Y){
                angle = 90-angle;
            } else if (actionX > X && actionY>Y) {
                angle = 90+angle;
            }else if (actionX < X && actionY>Y) {
                angle = 270-angle;
            }else if (actionX < X && actionY<Y) {
                angle = 270+angle;
            }

            if(angleSEs == null || angleSEs.size() == 0 || mListener == null) return false;

            for(int i=0;i<angleSEs.size();i++){
                if(distance <= radius){
                    if(angle > angleSEs.get(i).getStartAngle() && angle<angleSEs.get(i).getSweepAngle()){
                        mListener.onSelected(i); //当点击点在圆内且在扇形上时,触发监听事件
                    }
                }else if(lengedRectes.get(i).contains(actionX,actionY)){
                    mListener.onSelected(i); //当点击点在描述文字上时,触发监听事件(此处是当饼图部分太小,无法点击时的补充)
                }
            }
            return false;
        }

        return super.onTouchEvent(event);
    }

    private float totalNum;

    private int lengedHeight = 0;
    private boolean isLengedVisible = false;

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

    public AssetKcPie(Context context, AttributeSet attrs) {
        super(context, attrs); 

        mContext = context;

        textPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        textPaint.setColor(Color.BLACK);
        textPaint.setTextSize(SizeUtils.dp2px(context,11));

        arcPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        arcPaint.setTextSize(radius);

        linePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        linePaint.setColor(Color.DKGRAY);
        linePaint .setTextSize(3);

        distance = SizeUtils.dp2px(context,16);

        setRadius(SizeUtils.dp2px(context,80));

    }

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

    public void setRadius(float rs){
        this.radius = rs;
    }

    public void setData(List<AssetKcData> dataS,float total){
        this.datas = dataS;
        this.totalNum = total;
        invalidate();
    }

    public void setLenged(){ //设置是否绘制控件下方的描述
        isLengedVisible = true;
        lengedHeight = (int) SizeUtils.dp2px(mContext,32);
                setMeasuredDimension(onWidthMeasure(getMeasuredWidth()),onHeightMeasure(getMeasuredHeight()));
    }

    private void drawLenged(){ //绘制控件下面的描述
        lengedRectes = new ArrayList<>();
        Rect rect = new Rect();
        float lengedX = distance;
        float lengedY = barHeight - lengedHeight + distance;
        float totalWidth;
        for(int i = 0;i<datas.size();i++){
            RectF rectF = new RectF();
            textPaint.setTextSize(SizeUtils.dp2px(mContext,13));
            textPaint.setFakeBoldText(true);
            textPaint.setShadowLayer(5,4,4,Color.GRAY);
            textPaint.getTextBounds(datas.get(i).getDesc(),0,datas.get(i).getDesc().length(),rect);
         
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值