Android開發(fā)基于Drawable實(shí)現(xiàn)圓角矩形的方法

更新時(shí)間：2017年10月23日 08:57:52 作者：CharlinGod

這篇文章主要介紹了Android開發(fā)基于Drawable實(shí)現(xiàn)圓角矩形的方法,結(jié)合實(shí)例形式分析了Drawable的功能、相關(guān)圖形繪制函數(shù)與使用方法,需要的朋友可以參考下

本文實(shí)例講述了Android開發(fā)基于Drawable實(shí)現(xiàn)圓角矩形的方法。分享給大家供大家參考，具體如下：

第一步：寫個(gè)類繼承drawable,重寫里面的方法，實(shí)現(xiàn)的核心代碼在draw里

關(guān)鍵技術(shù)：BitmapShader

public BitmapShader(Bitmap bitmap,Shader.TileMode tileX,Shader.TileMode tileY)

調(diào)用這個(gè)方法來產(chǎn)生一個(gè)畫有一個(gè)位圖的渲染器（Shader）。

bitmap 在渲染器內(nèi)使用的位圖
tileX The tiling mode for x to draw the bitmap in. 在位圖上X方向渲染器平鋪模式
tileY The tiling mode for y to draw the bitmap in. 在位圖上Y方向渲染器平鋪模式

TileMode：
CLAMP ：如果渲染器超出原始邊界范圍，會(huì)復(fù)制范圍內(nèi)邊緣染色。
REPEAT ：橫向和縱向的重復(fù)渲染器圖片，平鋪。
MIRROR ：橫向和縱向的重復(fù)渲染器圖片，這個(gè)和REPEAT重復(fù)方式不一樣，他是以鏡像方式平鋪。

/**
* 四種屏幕尺寸分類：: small, normal, large, and xlarge
* 四種密度分類: ldpi (low), mdpi (medium), hdpi (high), and xhdpi (extra high)
* 四種屏幕的DPI：ldpi是120dpi，mdpi是160dpi，hdpi是240dpi，xhdpi是320dpi
* 四種屏幕對(duì)應(yīng)density：0.75,1,1.5,2
* 四種圖片資源文件夾：drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable-xhdpi
*/
/**
 * 圓角
 *
 * @Project App_View
 * @Package com.android.view.drawable
 * @author chenlin
 * @version 1.0
 * @Note TODO
 */
public class RoundImageDrawable extends Drawable {
 private Paint mPaint;
 private Bitmap mBitmap;
 private RectF mRectF;
 private int mRound;
 public RoundImageDrawable(Bitmap bitmap) {
  this.mBitmap = bitmap;
  mPaint = new Paint();
  mPaint.setAntiAlias(true);
  BitmapShader shader = new BitmapShader(mBitmap, TileMode.CLAMP, TileMode.CLAMP);
  mPaint.setShader(shader);
 }
 /**
  * 初始化區(qū)域
  */
 @Override
 public void setBounds(int left, int top, int right, int bottom) {
  mRectF = new RectF(left, top, right, bottom);
  super.setBounds(left, top, right, bottom);
 }
 /**
  * 核心代碼： 繪制圓角
  */
 @Override
 public void draw(Canvas canvas) {
  canvas.drawRoundRect(mRectF, mRound, mRound, mPaint);
 }
 /**
  * 暴露給外面設(shè)置圓角的大小
  *
  * @param round
  */
 public void setRound(int round) {
  this.mRound = round;
 }
 /**
  * getIntrinsicWidth、getIntrinsicHeight主要是為了在View使用wrap_content的時(shí)候，
  * 提供一下尺寸，默認(rèn)為-1可不是我們希望的
  */
 @Override
 public int getIntrinsicHeight() {
  return mBitmap.getHeight();
 }
 @Override
 public int getIntrinsicWidth() {
  return mBitmap.getWidth();
 }
 /**
  * 根據(jù)畫筆設(shè)定drawable的透明度
  */
 @Override
 public void setAlpha(int alpha) {
  mPaint.setAlpha(alpha);
 }
 /**
  * 根據(jù)畫筆設(shè)定drawable的顏色過濾器
  */
 @Override
 public void setColorFilter(ColorFilter cf) {
  mPaint.setColorFilter(cf);
 }
 @Override
 public int getOpacity() {
  return PixelFormat.TRANSLUCENT;
 }
}

第二步：實(shí)現(xiàn)類

public class RoundActivity extends Activity {
 private ImageView mImageView;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_round_drawable);
  setContentView(R.layout.activity_round_drawable);
  mImageView = (ImageView) findViewById(R.id.iv_round);
  Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.aa);
  RoundImageDrawable drawable = new RoundImageDrawable(bitmap);
  drawable.setRound(30);
  mImageView.setImageDrawable(drawable); }
}

activity_round_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 <ImageView
  android:id="@+id/iv_round"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:scaleType="fitXY" />
</LinearLayout>

繪制圓形圖片

核心代碼：

mWidth = Math.min(bitmap.getWidth(), bitmap.getHeight());
canvas.drawCircle(mWidth / 2, mWidth / 2, mRadius, mPaint);

/**
 * 圓形
 * @Project  App_View
 * @Package  com.android.view.drawable
 * @author   chenlin
 * @version  1.0
 * @Note    TODO
 */
public class CircleImageDrawable extends Drawable {
  private Bitmap mBitmap;
  private Paint mPaint;
  private int mWidth;
  private int mRadius;
  public CircleImageDrawable(Bitmap bitmap){
    this.mBitmap = bitmap;
    mPaint.setAntiAlias(true);
    BitmapShader shader = new BitmapShader(mBitmap, TileMode.CLAMP, TileMode.CLAMP);
    mPaint.setShader(shader);
    mWidth = Math.min(bitmap.getWidth(), bitmap.getHeight());
    mRadius = mWidth / 2;
  }
  /**
   * 核心代碼
   */
  @Override
  public void draw(Canvas canvas) {
    canvas.drawCircle(mWidth / 2, mWidth / 2, mRadius, mPaint);
  }
  /**
   * getIntrinsicWidth、getIntrinsicHeight主要是為了在View使用wrap_content的時(shí)候，
   * 提供一下尺寸，默認(rèn)為-1可不是我們希望的
   */
  @Override
  public int getIntrinsicHeight() {
    return mWidth;
  }
  @Override
  public int getIntrinsicWidth() {
    return mWidth;
  }
  @Override
  public void setAlpha(int alpha) {
    mPaint.setAlpha(alpha);
  }
  @Override
  public void setColorFilter(ColorFilter cf) {
    mPaint.setColorFilter(cf);
  }
  @Override
  public int getOpacity() {
    return PixelFormat.TRANSLUCENT;
  }
}

更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android圖形與圖像處理技巧總結(jié)》、《Android開發(fā)入門與進(jìn)階教程》、《Android調(diào)試技巧與常見問題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》

希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: