求教 android半圆弧形的进度条问题

Posted 2023-04-27

请问下，下面这种进度条该如何实现呢？ 全部进度为白色的环形，我希望在输入一个值时，在白色的环形处有一个渐变颜色的进度条出现，求教各位大神了，急急急！！！分数给的高高的。希望各位有相关demo的发我下或给个链接也可以，谢谢各位了。 我的邮箱是 chaozhung艾特163点com

package com.example.comt;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;

public class CircleView extends View

Paint paint,textpaint;
RectF area;
int value = 100;
LinearGradient shader;

public CircleView(Context context, AttributeSet attrs, int defStyle)
super(context, attrs, defStyle);
init();
// TODO Auto-generated constructor stub


public CircleView(Context context, AttributeSet attrs)
super(context, attrs);
init();
// TODO Auto-generated constructor stub


public CircleView(Context context)
super(context);
init();
// TODO Auto-generated constructor stub


public void setProgress(int value)
this.value = value;
invalidate();


public void init()
paint = new Paint();
paint.setStrokeWidth(50f);
paint.setColor(Color.WHITE);
paint.setStyle(Style.STROKE);
paint.setAntiAlias(true);
textpaint = new Paint();
textpaint.setTextSize(50f);
textpaint.setColor(Color.WHITE);
area = new RectF(100, 100, 500, 500);

shader =new LinearGradient(0, 0, 400, 0, new int[]
Color.BLUE, Color.WHITE, null,
Shader.TileMode.CLAMP);
paint.setShader(shader);



@Override
protected void onDraw(Canvas canvas)
// TODO Auto-generated method stub
canvas.drawColor(Color.GRAY);
canvas.drawArc(area, 120, 360*value/100 , false, paint);
canvas.drawText(value+"%", 270, 290, textpaint);




看下是不是你想要的，调用setprogress()既可调节圆环追问

我直接调用setprogress()
这个方法报错，无法直接调用啊。
CircleView.setprogress(222); 这样子不行

追答

CircleView circle = new CircleView();
circle.setprogress(80);
0 <=value <= 100

参考技术A 是安全软件扫描手机嘛还是？？说清楚点，是什么的进度条

Android Seekbar进度条末端显示不全的解决方法

调试环境基于Android 6.0。

在调整我们的应用UI时，如果使用到了seekbar，那可能会出现下面这各情况，进度条末端的切图形状没有显示出来，比如我的切图末端 是圆弧形，显示的却是直角形。

这种情况下可以用如下的方式解决：

<SeekBar
	android:="@+id/seek"
	android:layout_width="@dimen/seekbar_width"
	android:layout_height="wrap_content"
	android:layout_gravity="center_vertical"
	android:progressDrawable="@drawable/seekbar_picture"
	android:thumb="@drawable/thumb"
	android:paddingEnd="10px"   ---设置内边距右对齐10像素，避免thumb被覆盖
	android:paddingStart="10px"  ---设置内边距左对齐10像素，避免thumb被覆盖
	/>

关键是最后两句，指定具体的seekbar进度条长度数值 。对齐像素由thumb的直径决定。

以下是具体说明：

首先需要确定，Seekbar的切图，其三属性background、progress、secondaryProgress与thumb其高度需要保持一致。

其次，为了防止thumb在起点或末端时被覆盖，Android缺省的参数中是有设置padding，即内边距有被设置。

假设切图提供的progress为400px的长度，XML定义的progress为400px，thumb半径为10px。
则由上图可知实际显示的progress只有400 -10*2 =380px，故progress有20px没有显示完全。

因此解决的方法之一正如开头所述：

1. 在不改变UI布局的情况下，将切图裁剪一个thumb直径的像素长度。
2. 定义padding，明确参数，确定bakground及progress等从seekbar控件内部偏移几个像素（偏移量大于等于thumb半径）为起点绘制。

经过上述步骤 ，即可显示完整的seekbar。

备注：
seekbar中background的绘制是循环绘制的，若xml定义的长度远超切图的长度，会再次出现一个进度条，故切图长度需明确。
若设置paddingEnd和paddingStart为0px，则seekbar进度条与xml定义长度一致，但这时会出现thumb在起点与末端 会有一半图形被覆盖的情况，所以最好是预留一个半径的像素。