圆形进度条背景:Android Xamarin
我有一个圆形的进度条,它工作得很好。但是背景并没有出现,尽管我在xml可绘制文件中为“背景”指定了形状,并且进度从圆圈的右侧开始(如图所示)。我想让它从顶部开始 这是我的密码:圆形进度条背景:Android Xamarin,android,progress-bar,xamarin.android,xamarin,android-progressbar,Android,Progress Bar,Xamarin.android,Xamarin,Android Progressbar,我有一个圆形的进度条,它工作得很好。但是背景并没有出现,尽管我在xml可绘制文件中为“背景”指定了形状,并且进度从圆圈的右侧开始(如图所示)。我想让它从顶部开始 这是我的密码: <ProgressBar android:id="@+id/progressBarToday" style="?android:attr/progressBarStyleHorizontal" android:layout_width="50dip"
<ProgressBar
android:id="@+id/progressBarToday"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="50dip"
android:layout_height="50dip"
android:layout_centerInParent="true"
android:indeterminate="false"
android:max="60"
android:progress="0"
android:progressDrawable="@drawable/progressbar" />
为什么背景没有出现?我怎样才能从顶部开始取得进展
任何人请帮忙,谢谢。我让它工作了
<ProgressBar
android:id="@+id/progressBarToday"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="50dip"
android:layout_height="50dip"
android:layout_centerInParent="true"
android:indeterminate="false"
android:max="60"
android:progress="0"
android:background="@drawable/bg" // here is working background
android:progressDrawable="@drawable/progressbar" />
要从顶部开始,可以使用“旋转”
您需要将以下属性添加到背景项:
android:useLevel="false"
像这样:
<?xml version="1.0" encoding="UTF-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background"> <---not working!
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:useLevel="false"
android:thicknessRatio="7.0">
<solid android:color="@color/red"/>
</shape>
</item>
<item android:id="@android:id/progress">
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="7.0">
<solid android:color="@color/blue"/>
</shape>
</item>
</layer-list>
是的,我来晚了,但这可能会帮助其他人。
此代码将返回位图图像,可以在ImageView或ImageButton中使用
private Bitmap progressBar(int progress) {
Bitmap bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
paint.setColor(Color.parseColor("#FF0000"));
paint.setStrokeWidth(20);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
canvas.drawCircle(150, 150, 140, paint);
paint.setColor(Color.parseColor("#01aa01"));
paint.setStrokeWidth(16);
paint.setStyle(Paint.Style.STROKE);
final RectF oval = new RectF();
paint.setStyle(Paint.Style.FILL);
oval.set(10, 10, 290, 290);
canvas.drawArc(oval, 270, (progress * 360) / 100, true, paint);
paint.setStrokeWidth(1);
paint.setTextSize(100);
paint.setTextAlign(Align.CENTER);
paint.setColor(Color.parseColor("#ffffff"));
canvas.drawText("" + progress, 150, 150 + (paint.getTextSize() / 3),
paint);
return bitmap;
}
是否有办法使进度条变厚?是的,更改厚度比android:thicknessRatio=“7.0“@Erma Isabel你能把@drawable/bg和@drawable/progressbar代码放进去吗。提前感谢@drawable/bg
是一个图像、图片,而@drawable/progressbar
是你在问题中可以看到的progressbar.xml文件。你在哪里定义progressBarStyleHorizontal?我已经读了这么多文章,直到这篇文章之前都没有工作过,我已经查看了这个值,但文档并没有让我认为它与我的问题有关。我会很高兴得到澄清,如果你有它和感谢无论如何!
android:useLevel="false"
<?xml version="1.0" encoding="UTF-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background"> <---not working!
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:useLevel="false"
android:thicknessRatio="7.0">
<solid android:color="@color/red"/>
</shape>
</item>
<item android:id="@android:id/progress">
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="7.0">
<solid android:color="@color/blue"/>
</shape>
</item>
</layer-list>
private Bitmap progressBar(int progress) {
Bitmap bitmap = Bitmap.createBitmap(300, 300, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Paint paint = new Paint();
paint.setColor(Color.parseColor("#FF0000"));
paint.setStrokeWidth(20);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
canvas.drawCircle(150, 150, 140, paint);
paint.setColor(Color.parseColor("#01aa01"));
paint.setStrokeWidth(16);
paint.setStyle(Paint.Style.STROKE);
final RectF oval = new RectF();
paint.setStyle(Paint.Style.FILL);
oval.set(10, 10, 290, 290);
canvas.drawArc(oval, 270, (progress * 360) / 100, true, paint);
paint.setStrokeWidth(1);
paint.setTextSize(100);
paint.setTextAlign(Align.CENTER);
paint.setColor(Color.parseColor("#ffffff"));
canvas.drawText("" + progress, 150, 150 + (paint.getTextSize() / 3),
paint);
return bitmap;
}