Android自定義View之如何繪制圓形頭像功能

這篇文章主要介紹Android自定義View之如何繪制圓形頭像功能，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站專注于永安企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,成都商城網(wǎng)站開發(fā)。永安網(wǎng)站建設(shè)公司,為永安等地區(qū)提供建站服務(wù)。全流程按需定制，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

前言

做APP應(yīng)用開發(fā)的時候，用戶頭像肯定是必不可少的，但是90%以上的需求頭像都是圓形的。那么，如何通過自定義View的方式實現(xiàn)圓形頭像呢，那么，本片博文會告訴你不僅僅是實現(xiàn)過程。一定會有意想不到的收獲哦！

最終效果

國際慣例，我們先來看最終實現(xiàn)的效果圖

自定義RoundImageView繼承自ImageView  

public class RoundImageView extends ImageView {
  public RoundImageView(Context context) {
    super(context);
  }
  public RoundImageView(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
  }
  public RoundImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
  }
}

 不知你是否注意過每當我們繼承自View的時候，系統(tǒng)都會提示我們覆蓋重寫4個構(gòu)造方法，這里我們只覆蓋了三個，然后就開始在每個構(gòu)造方法中進行初始化，那么，是不是每次都會調(diào)用所有的構(gòu)造方法呢，如果不是，這三個構(gòu)造方法又會什么時候調(diào)用呢？下面我們來通過例子來驗證。

使用自定義View無非就兩種情況下，第一種就是直接在xml布局中使用，另一種就是在Activity中new出來，下面我們分別使用上述兩種方式，為了便于觀察我們在三個構(gòu)造方法中分別加入一行打印。

首先我們在xml直接使用，運行打印如下:

com.example.roundimageview D/RoundImageView: RoundImageView: 兩個參數(shù)的構(gòu)造方法

然后我們在Activity中，new一個RoundImageView

roundImageView = RoundImageView(this@MainActivity)
roundImageView = RoundImageView(this@MainActivity, null)
roundImageView = RoundImageView(this@MainActivity, null,0)

運行打印日志如下：

結(jié)論：自定義View當在xml中使用，使用的是第二個構(gòu)造方法，當在Activity中使用時，實例化時傳入幾個參數(shù)調(diào)用的就是含有幾個參數(shù)的構(gòu)造方法。

實現(xiàn)圓形頭像的思想

我始終認為自定義View的難度只在于它的實現(xiàn)思想，通常我們遇到問題的時候，并不是Google不到，而是壓根就不知道這個問題該去如何Google，如果知道了問題所產(chǎn)生的原因，其實問題已經(jīng)迎刃而解了，最怕的是不知道問題為什么會產(chǎn)生。

實現(xiàn)圓形頭像的思想一個簡單的圖就可以表示了。

矩形區(qū)域是完整的圖片，圓形區(qū)域就是我們最終顯示的頭像區(qū)域，那么就很簡單了，圓形區(qū)域與矩形區(qū)域相交，取并集區(qū)域？在矩形中畫一個與矩形長或?qū)捪嗲械膱A，而圓的直徑是長或?qū)捿^短的一邊。

編碼實現(xiàn)

獲取原有頭像的bitmap

    首先我們需要獲取設(shè)置頭像的bitmap，我們可以直接通過API來獲取設(shè)置的圖片資源，

drawable = this.getDrawable();

  再將圖片資源轉(zhuǎn)化為bitmap

  首先我們判斷drawable是否為空，如果為空說明用戶沒有設(shè)置，拋出資源未找到的異常。

if (drawable == null) {
  throw new Resources.NotFoundException("Image resource not set");
}

  如果不為空，我們創(chuàng)建一個與圖片資源大小相等的bitmap，并將bitmap繪制出來，代碼如下所示：

bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(),
    Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
    drawable.getIntrinsicHeight());
drawable.draw(canvas);

繪制圓形bitmap

     通過上面的代碼，我們得到了原有的bitmap圖像，緊接著我們需要繪制圓形的bitmap，與上面類似，首先創(chuàng)建一個和bitmap大小一致的位圖

circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);

我們畫一個與bitmap等大的矩形

Paint paint = new Paint();
Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
canvas.drawRect(rect,paint);
RectF rectF = new RectF(rect);

  將較短的一邊設(shè)置圓的半徑

float roundRa = 0.0f;
if (bitmap.getWidth() > bitmap.getHeight()) {
  roundRa = bitmap.getHeight() / 2.0f;
} else {
  roundRa = bitmap.getWidth() / 2.0f;
}

   設(shè)置paint和canvas屬性

paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(Color.WHITE);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

canvas.drawARGB將繪制裁剪設(shè)為透明，paint.setXfermode中的PorterDuffXfermode類很強大，后面我們會單獨一篇文章講解。

最終我們重新將bitmap繪制出來即可

canvas.drawBitmap(bitmap, rect, rect, paint);

繪制部分完整代碼如下所示：

* 獲取圓形裁剪的bitmap
 *
 * @param bitmap 原bitmap
 */
private Bitmap getCircleBitmap(Bitmap bitmap) {
  circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
  Canvas canvas = new Canvas(circleBitmap);
  Paint paint = new Paint();
  Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
  RectF rectF = new RectF(rect);
  float roundRa = 0.0f;
  if (bitmap.getWidth() > bitmap.getHeight()) {
    roundRa = bitmap.getHeight() / 2.0f;
  } else {
    roundRa = bitmap.getWidth() / 2.0f;
  }
  paint.setAntiAlias(true);
  canvas.drawARGB(0, 0, 0, 0);
  paint.setColor(Color.GRAY);
  canvas.drawRoundRect(rectF, roundRa, roundRa, paint);
  paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
  canvas.drawBitmap(bitmap, rect, rect, paint);
  return circleBitmap;
}

設(shè)置最終的bitmap

    得到bitma后我們直接重新設(shè)置即可顯示

 setImageBitmap(getCircleBitmap(bitmap));

Android是什么

Android是一種基于Linux內(nèi)核的自由及開放源代碼的操作系統(tǒng)，主要使用于移動設(shè)備，如智能手機和平板電腦，由美國Google公司和開放手機聯(lián)盟領(lǐng)導及開發(fā)。

以上是“Android自定義View之如何繪制圓形頭像功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：Android自定義View之如何繪制圓形頭像功能
文章起源：http://bm7419.com/article14/igdede.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、虛擬主機、App開發(fā)、網(wǎng)站內(nèi)鏈、建站公司、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)