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()既可調節圓環