Android開發(fā)筆記之:在ImageView上繪制圓環(huán)的實現方法

更新時間：2013年05月28日 10:25:15 作者：

本篇文章是對Android中在ImageView上繪制圓環(huán)的方法進行了詳細的分析介紹，需要的朋友參考下

繪制圓環(huán)其實很簡單，有大概以下三種思路. 這里先說網上提到的一種方法。思路是先繪制內圓，然后繪制圓環(huán)（圓環(huán)的寬度就是paint設置的paint.setStrokeWidth的寬度），最后繪制外圓。
請看核心源碼：

復制代碼代碼如下:

<SPAN xmlns="http://www.w3.org/1999/xhtml">package yan.guoqi.rectphoto;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.widget.ImageView;
public class DrawImageView extends ImageView {
 private final Paint paint;
 private final Context context;&nbsp;
 public DrawImageView(Context context, AttributeSet attrs) {
  super(context, attrs);
  // TODO Auto-generated constructor stub
  this.context = context;
  this.paint = new Paint();
  this.paint.setAntiAlias(true); //消除鋸齒 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.paint.setStyle(Style.STROKE);  //繪制空心圓或 空心矩形 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; @Override
 protected void onDraw(Canvas canvas) {
  // TODO Auto-generated method stub
  int center = getWidth()/2;
  int innerCircle = dip2px(context, 83); //內圓半徑
  int ringWidth = dip2px(context, 10);   //圓環(huán)寬度

  // 第一種方法繪制圓環(huán)
  //繪制內圓 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.paint.setARGB(255, 138, 43, 226);
  this.paint.setStrokeWidth(2);
  canvas.drawCircle(center, center, innerCircle, this.paint);&nbsp;  

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //繪制圓環(huán) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; this.paint.setARGB(255, 138, 43, 226);
  this.paint.setStrokeWidth(ringWidth);
  canvas.drawCircle(center, center, innerCircle + 1 +ringWidth/2, this.paint);&nbsp;  

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //繪制外圓&nbsp;
  this.paint.setARGB(255, 138, 43, 226);
  this.paint.setStrokeWidth(2);
  canvas.drawCircle(center, center, innerCircle + ringWidth, this.paint);&nbsp;&nbsp;  

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; super.onDraw(canvas);

 }
 /* 根據手機的分辨率從 dp 的單位 轉成為 px(像素) */  
 public static int dip2px(Context context, float dpValue) {  
  final float scale = context.getResources().getDisplayMetrics().density;  
  return (int) (dpValue * scale + 0.5f);  
 }&nbsp; 
}
</SPAN>

總結：
1,這種分三次來繪制的方法，可以將圓環(huán)的內圓圓環(huán) 和外圓的顏色設成不一樣的，對paint進行三次設置。還可以將繪制圓環(huán)的paint透明度設成10左右就會有圓環(huán)透明的效果。
2,三次繪制時的canvas.drawCircle圓心都是（center，center），但三次半徑確實不一樣的。尤其是第二次繪制圓環(huán)的時候，半徑是innerCircle + 1 +ringWidth/2。這里的加1是第一次外圓paint.setStrokeWidth(2);寬度設成2,也就是說單條線的寬度1。后面的ringWidth/2也是同理。
示例如下（底色是預覽攝像頭的視頻）：

您可能感興趣的文章:

Android使用多線程進行網絡聊天室通信
這篇文章主要為大家詳細介紹了Android使用多線程進行網絡聊天室通信，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
Android狀態(tài)欄微技巧(推薦)
這篇文章主要介紹了Android狀態(tài)欄微技巧的相關資料，非常不錯，具有參考借鑒價值，需要的朋友一起學習吧
2016-12-12
AndroidStudio4.0日志中文亂碼問題
這篇文章主要介紹了AndroidStudio4.0日志中文亂碼問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-10-10
Android實現簡單圖片壓縮的方法
這篇文章主要介紹了Android實現簡單圖片壓縮的方法,詳細分析了Android針對圖片的讀取、縮放及保存等操作技巧,需要的朋友可以參考下
2016-06-06
深入Android Browser配置管理的詳解
本篇文章是對Android Browser的配置管理進行了詳細的分析介紹，需要的朋友參考下
2013-05-05
Android Touch事件分發(fā)深入了解
這篇文章主要為大家詳細介紹了Android Touch事件分發(fā)，內容很詳細，感興趣的朋友可以參考一下
2016-04-04
Android動畫系列之幀動畫和補間動畫的示例代碼
Android 提供三種動畫：幀動畫、補間動畫和屬性動畫，本篇文章介紹幀動畫以及補間動畫的使用，屬性動畫的使用將在后面的文章中分享，那就來復習一下這兩種動畫的使用吧
2020-09-09
Android實現頭像上傳功能
這篇文章主要為大家詳細介紹了Android實現頭像上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
Android藍牙通信聊天實現發(fā)送和接受功能
這篇文章主要為大家詳細介紹了Android藍牙通信聊天實現發(fā)送和接受功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-07-07
Android9.0 SystemUI 網絡信號欄定制修改的流程解析
這篇文章主要介紹了Android9.0 SystemUI 網絡信號欄定制修改的流程，本文通過圖文實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-11-11