Android 自定义圆环比例图

YtPieView

传送门:https://github.com/YuToo/YtPieView

效果图如下:

使用方式

xml中引用:
    <xyz.yutoo.ytpieview.YtPieView
        android:id="@+id/ypv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#394264"/>
可自定义的属性如下
  <!-- 圆环半径 -->
  <attr name="radius" format="dimension" />
  <!-- 圆环宽度 -->
  <attr name="ringWidth" format="dimension"/>
  <!-- 线段长度 -->
  <attr name="lineLength" format="dimension" />
  <!-- 文字大小 -->
  <attr name="textSize" format="dimension" />
  <!-- 正方形边长 -->
  <attr name="squareSide" format="dimension" />
设置数据
    YtPieView ypv = findViewById(R.id.ypv);

    List<YtPieView.Data> datas = new ArrayList<>();
    Random random = new Random();
    for(int i = 0 ; i < 15 ; i ++){
        datas.add(new YtPieView.Data("test_data" + i , random.nextInt(100), colors[i % 5]));
    }
    ypv.setData(datas);
问题陈述
  • 圆环数据标识可能重叠
  • 控件宽度不可自定义(之前项目需要满屏的宽度,所以没弄)
  • 底部说明区域文字格式不可改
  • 圆环中各区域有一点点间隔(未知原因)

现在项目还存在诸多问题,不管是扩展还是实现方式,此项目只是简单的实现,可能后期有有时间了会重新写一个

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要在Android中创建自定义,可以使用Canvas和Paint类来绘制。以下是一个简单的例子: 1. 在你的XML布局文件中,添加一个自定义View: ```xml <com.example.myapp.MyCircleView android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建一个自定义View类,并覆盖onDraw方法: ```java public class MyCircleView extends View { private Paint paint; private RectF rectF; private float strokeWidth = 20; //宽度 private float progress = 0; //进度 public MyCircleView(Context context, AttributeSet attrs) { super(context, attrs); paint = new Paint(); paint.setAntiAlias(true); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(strokeWidth); paint.setColor(Color.BLUE); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); rectF = new RectF(strokeWidth / 2, strokeWidth / 2, getWidth() - strokeWidth / 2, getHeight() - strokeWidth / 2); canvas.drawArc(rectF, -90, progress, false, paint); } //设置进度 public void setProgress(float progress) { this.progress = progress; invalidate(); } } ``` 3. 在Activity或Fragment中使用自定义View: ```java MyCircleView myCircleView = findViewById(R.id.my_circle_view); myCircleView.setProgress(120); ``` 在此示例中,我们使用了paint对象来绘制。我们还使用RectF类来确定的大小和位置。最后,我们在onDraw方法中使用canvas对象来绘制。我们还添加了setProgress方法,用于设置进度。 希望这可以帮助到你! ### 回答2: Android中可以通过自定义继承自View的类来实现的绘制。首先,在自定义View类的构造方法中初始化画笔,并设置画笔的属性,如颜色、宽度等。然后,在自定义View类的onDraw()方法中调用canvas的drawCircle()方法,传入心坐标和半径参数,即可绘制出一个。 此外,要实现的效果,可以在drawCircle()方法之前先绘制一个实心,再绘制一个较大的同心空心。可以通过设置画笔的样式为STROKE,即只画边缘的方式,来实现空心的效果。 在绘制的过程中,可以利用onMeasure()方法来获取View的宽高,并动态计算心坐标和半径,以适应不同的屏幕尺寸。 另外,如果需要显示进度效果,可以通过设置画笔的样式为FILL,并利用drawArc()方法在内部绘制一个扇形,根据进度值设置绘制的角度,来显示进度条。 最后,在使用自定义的时候,可以在XML布局文件中引用该自定义View,并设置相应的属性,如颜色、宽度、进度值等。 ### 回答3: 在Android中,可以通过自定义控件来实现的效果。 首先,我们可以创建一个自定义的View类,继承自View类。在自定义类中,我们需要重写onDraw()方法来绘制。 在onDraw()方法中,我们可以通过Canvas类提供的drawArc()方法来绘制弧,从而实现的效果。drawArc()方法需要指定弧的矩形区域、起始角度、扫过的角度和是否包含中心点。 为了实现一个形的效果,我们可以通过计算得出弧的矩形区域,起始角度设置为0,扫过的角度设置为360,表示一个完整的。我们还可以设置画笔的宽度、颜色等属性来控制的样式。 在自定义View类中,我们还可以通过重写onMeasure()方法来控制View的大小。在该方法中,我们可以根据需求设置View的宽度和高度,使得显示出来。 最后,在使用自定义的布局文件中,我们可以直接将自定义View类添加到布局中。可以通过设置布局文件中的宽度、高度,以及其他属性设置来调整的样式和位置。 总结起来,Android中可以通过自定义View类和重写onDraw()方法来实现效果。通过计算矩形区域、设置起始角度和扫过的角度,以及设置画笔的属性,可以实现不同样式的效果。最后,在布局中使用该自定义View类来显示

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值