android圆角进度条

Ⅰ android开发中Progress需要两边都是圆角怎么办

网络Android自定义圆角矩形(圆角半径设置为矩形高度的一般即可

Ⅱ android 怎么自定义绘制如下图中这种进度条

下面是安卓学习手册中实现各种进度条的截图：

要想看各种进度条的实现代码和文档，直接去360手机助手中下载安卓学习手册，例子文档随便看。

1、说明

在某些操作的进度中的可视指示器，为用户呈现操作的进度，还它有一个次要的进度条，用来显示中间进度，如在流媒体播放的缓冲区的进度。一个进度条也可不确定其进度。在不确定模式下，进度条显示循环动画。这种模式常用于应用程序使用任务的长度是未知的。

2、XML重要属性

android:progressBarStyle：默认进度条样式

android:progressBarStyleHorizontal：水平样式

3 重要方法

getMax()：返回这个进度条的范围的上限

getProgress()：返回进度

getSecondaryProgress()：返回次要进度

incrementProgressBy(int diff)：指定增加的进度

isIndeterminate()：指示进度条是否在不确定模式下

setIndeterminate(boolean indeterminate)：设置不确定模式下

setVisibility(int v)：设置该进度条是否可视

4 重要事件

onSizeChanged(int w, int h, int oldw, int oldh)：当进度值改变时引发此事件

5进度条的样式

Widget.ProgressBar.Horizontal长形进度

Androidxml 布局：

<ProgressBar

android:id="@+id/progress_bar"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

style="@android:style/Widget.ProgressBar.Horizontal "

/>

源码：

private ProgressBar mProgress;

private int mProgressStatus=0;

private Handler mHandler=newHandler();

@Override

protected void onCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mProgress=(ProgressBar)findViewById(R.id.progress_bar);

new Thread(new Runnable(){

@Override

public void run(){

while(mProgressStatus<100){

mProgressStatus=doWork();

mHandler.post(new Runnable(){

@Override

public void run(){

mProgress.setProgress(mProgressStatus);

}

});

}

}

}).start();

}

效果图：

带第二进度的进度条

xml配置如下：

<ProgressBar

android:id="@+id/progress_bar_with_second"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:progress="40"

android:secondaryProgress="70"

android:paddingTop="20dp"

android:paddingBottom="20dp"/>

这里我们设置了初始的进度为40，android:progress的值在mini和max之间即mini<=progressvalue<=max

设置了第二进度条的进度值为70，该值也在mini和max之间。

效果如下：

不确定模式进度条

xml配置文件：

<ProgressBar

android:id="@+id/progress_bar_indeterminate"

style="@android:style/Widget.ProgressBar.Horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:indeterminate="true"

android:indeterminateBehavior="cycle"

android:paddingBottom="20dp"

android:paddingTop="20dp"

android:progress="40" />

这里通过android:indeterminate="true"设置了当前为无模式进度条

效果如图：

普通圆形进度：Widget.ProgressBar.Inverse

<ProgressBar

android:id="@+id/progress_bar1"

style="@android:style/Widget.ProgressBar.Inverse"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:progress="50"

android:background="#ff00ff"

android:paddingTop="4dp" />

通过android:backgroup设置了背景色

Ⅲ Android 圆形进度条-跟360进度类似-时钟刻度

话不多说 先上图

实现原理：

1、先画出中心进度问题

2、圆形进度灰色背景、圆形进度值带光晕

3、时钟刻度

github： https://github.com/hyyz3293/circlegearview.git

Ⅳ Android 圆角、圆形 ImageView 实现

我们要实现的图片控件继承自 AppCompatImageView ，它是 ImageView 的子类，但提供了更好的兼容性，我们在此基础上添加了若干自定义的属性和方法以实现最终的 NiceImageView ：

要实圆角或者圆形的显示效果，就是对图片显示的内容区域进行“裁剪”，只显示指定的区域即可。如何做呢？

一种比较直接的办法是这样的，由于图片是被绘制在画布上的，所以用 canvas 的 clipPath() 方法先将画布裁剪成指定形状，这样就能让图片按指定形状显示了，重新 draw() 方法即可：

这样使用 src 、 background 属性给ImageView设置显示的图片都能达到预期的显示效果。但是由于 clipPath() 方法不支持抗锯齿，图片边缘会有明显的毛糙感，体验并不理想，所以需要寻找其它方法。

另一种方法是使用图像的 Alpha 合成模式 ，即
PorterDuff 来实现， 官方文档 。这里我们使用其中的 DST_IN 模式。整个过程就是先绘制目标图像，也就是图片；再绘制原图像，即一个圆角矩形或者圆形，这样最终目标图像只显示和原图像重合的区域。

到这里就实现了显示为圆角或者圆形了。但是需要通过 src 属性或者对应的方法来设置图片，否则不能达到预期效果。

绘制边框就相对容易理解了，只需要绘制一个指定样式的圆角矩形或者圆形即可：

当图片显示为圆形时，还可以绘制一个内边框，但圆角矩形的话由于圆角大小的问题，目前只能设置一个边框咯。

但是有个问题，绘制的边框会覆盖在图片上，如果边框太宽会导致图片的可见区域变小了，影像显示效果，像这样，左下角的花盆不见了：

那么如何让边框不覆盖在图片上呢？可以在 Alpha 合成绘制前先将画布缩小一定比例，最后再绘制边框，这样问题就解决了。

缩放后的ImageView显示区域的宽高就是原宽、高分别减去2倍的边框宽度，这样缩小的比例也就显而易见了。效果如下，左下角的花盆出来了：

遮罩可以理解为一层带透明度的颜色，遮罩默认不绘制，当制定了遮罩颜色时才会绘制，实现很简单：

例如加一个透明度30%的红色遮罩后的效果：

核心的实现逻辑就这些了，剩下的就是自定义属性和方法了，有兴趣的可以看源码，都很简单，希望对你有所帮助吧！

更多细节及用法见GitHub： https://github.com/SheHuan/NiceImageView

如果你需要实现类似钉钉的圆形组合头像，例如：

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

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()既可调节圆环