Android開發(fā)如何使用自定義View將圓角矩形繪制在Canvas上的方法

這篇文章主要介紹了Android開發(fā)如何使用自定義View將圓角矩形繪制在Canvas上的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的網(wǎng)站設(shè)計制作、成都做網(wǎng)站經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站設(shè)計制作后付款的網(wǎng)站建設(shè)流程，更有畢節(jié)免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

Android開發(fā)使用自定義View將圓角矩形繪制在Canvas上的方法，具體如下：

前幾天，公司一個項目中，頭像圖片需要添加圓角，這樣UI效果會更好看，于是寫了一個小的demo進行圓角的定義，該處主要是使用BitmapShader進行了渲染（如果要將一張圖片裁剪成橢圓或圓形顯示在屏幕上，也可以使用BitmapShader來完成）.

BitmapShader類完成渲染圖片的基本步驟如下：

1、創(chuàng)建BitmapShader類的對象

 /**
   * Call this to create a new shader that will draw with a bitmap.
   *
   * @param bitmap      The bitmap to use inside the shader
   * @param tileX       The tiling mode for x to draw the bitmap in.
   * @param tileY       The tiling mode for y to draw the bitmap in.
   */
  public BitmapShader(Bitmap bitmap, TileMode tileX, TileMode tileY) {
......
}

其中，Shader.TitleMode類型有三種，CALMP、MIRROR、REPEAT

CALMP：使用邊界顏色來填充剩余空間
MIRROR：使用鏡像方式
REPEAT：使用重復(fù)方式

2、通過Paint的setShader(bitmapShafer)來設(shè)置畫筆

3、使用已經(jīng)setShader(bitmapShafer)的畫筆來繪制圖形

下面展示繪制圓角圖片的demo

1、自定義RounderCornerImageView.java類

package com.example.test;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.view.View;
public class RounderCornerImageView extends View {
  private Bitmap mImage;// source bitmap
  private Paint mBitmapPaint;//paint
  private RectF mBrounds;//rect
  private float mRadius=20.0f;//round
  public RounderCornerImageView(Context context) {
    this(context, null);
  }
  public RounderCornerImageView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
  public RounderCornerImageView(Context context, AttributeSet attrs,
      int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init();
  }
  private void init() {
    mBitmapPaint=new Paint(Paint.ANTI_ALIAS_FLAG);
    mBrounds=new RectF();
  }
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    // TODO Auto-generated method stub
    int height,width;
    height=width=0;
    //obtain bitmap size
    int imageHeight,imageWidth;
    if (null!=mImage) {
      imageHeight=imageWidth=0;
    }else
    {
      imageHeight=mImage.getHeight();
      imageWidth=mImage.getWidth();
    }
    //obtain best measure data and set on View
    width=getMeasurement(widthMeasureSpec,imageWidth);
    height=getMeasurement(heightMeasureSpec, imageHeight);
    //set View last size
    setMeasuredDimension(width, height);
  }
  /**
   * measure width and height by specMode
   **/
  private int getMeasurement(int measureSpec, int contentSize) {
    int specSize=MeasureSpec.getSize(measureSpec);
    switch (MeasureSpec.getMode(measureSpec)) {
    case MeasureSpec.AT_MOST:
      return Math.min(specSize, contentSize);
    case MeasureSpec.UNSPECIFIED:
      return contentSize;
    case MeasureSpec.EXACTLY:
      return specSize;
    default:
      return 0;
    }//switch
  }
  @Override
  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    if (w!=oldw || h!=oldh) {
      int imageWidth,imageHeight;
      if (null==mImage) {
        imageWidth=imageHeight=0;
      }else
      {
        imageWidth=mImage.getWidth();
        imageHeight=mImage.getHeight();
      }
      //center point
      int left=(w-imageWidth)/2;
      int top=(h-imageHeight)/2;
      mBrounds.set(left, top, left+imageWidth, top+imageHeight);
      if (null!=mBitmapPaint.getShader()) {
        Matrix m=new Matrix();
        m.setTranslate(left, top);
        mBitmapPaint.getShader().setLocalMatrix(m);
      }
    }
  }
  public void setImage(Bitmap bitmap) {
    if (mImage!=bitmap) {
      mImage=bitmap;
      if (null!=mImage) {
        BitmapShader shader=new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        mBitmapPaint.setShader(shader);
      }else {
        mBitmapPaint.setShader(null);
      }
      requestLayout();//invalidated the layout of this view by onDraw()
    }
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if (null!=mBitmapPaint) {
      //draw Round Rect
      canvas.drawRoundRect(mBrounds, mRadius, mRadius, mBitmapPaint);
    }
  }
}

2、顯示圓角圖片的RoundActivity.java類

package com.example.test;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
public class RoundActivity extends Activity{
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    RounderCornerImageView view=new RounderCornerImageView(this);
    Bitmap souBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.sun);
    view.setImage(souBitmap);
    setContentView(view);
  }
}

另外，附注下自定義View的一些基本步驟和必須實現(xiàn)的方法

1、繼承view

2、重寫自定義View的構(gòu)造方法

3、如需要對view進行位置進行測量和重寫布局，則需要重寫onMeasure()、onLayout()、onDraw()方法

onMeasure()：view本身大小多少，可以測量出來
onLayout()：view在ViewGroup中的位置可以決定
onDraw()：定義了如何繪制該view

Android是什么

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Android開發(fā)如何使用自定義View將圓角矩形繪制在Canvas上的方法”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)站標(biāo)題：Android開發(fā)如何使用自定義View將圓角矩形繪制在Canvas上的方法
標(biāo)題路徑：http://muchs.cn/article22/ihsscc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、建站公司、定制網(wǎng)站

聲明：本網(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)

猜你還喜歡下面的內(nèi)容