自定义Drawable实现圆角图片和圆形图片

浅浅的花香味﹌ 2022-08-21 07:49 288阅读 0赞

转载请注明原博客地址：http://write.blog.csdn.net/postedit/51226071

例子源码下载地址： https://github.com/gdutxiaoxu/CustomDrawable

1 自定义圆角图片

a 继承drawable，重写里面的几个方法

b 通过构造方法传入Bitmap对象，初始化一个BitmapShader，将其传递给我们的画笔 

  1. public RoundImageDrawable(Bitmap bitmap) {
  2. mBitmap = bitmap;
  3.     BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,
  4.             TileMode.CLAMP);
  5. mPaint = new Paint();
  6. mPaint.setAntiAlias(true);
  7. mPaint.setShader(bitmapShader);
  8. }

c 在setBounds（）初始化一个 ReactF

  1. @Override
  2. public void setBounds(int left, int top, int right, int bottom) {
  3. super.setBounds(left, top, right, bottom);
  4. rectF = new RectF(left, top, right, bottom);
  5. }

d 在draw（）方法里面调用

canvas.draw（）传入我们的矩形对象和画笔

  1. canvas.drawRoundRect(rectF, 30, 30, mPaint);

效果图如下

Center

源码如下：

  1. package com.xujun.administrator.customdrawable.view;
  3. import android.graphics.Bitmap;
  4. import android.graphics.BitmapShader;
  5. import android.graphics.Canvas;
  6. import android.graphics.ColorFilter;
  7. import android.graphics.Paint;
  8. import android.graphics.PixelFormat;
  9. import android.graphics.RectF;
  10. import android.graphics.Shader.TileMode;
  11. import android.graphics.drawable.Drawable;
  13. public class RoundImageDrawable extends Drawable {
  15.     private Paint mPaint;
  16.     private Bitmap mBitmap;
  18.     private RectF rectF;
  20.     public RoundImageDrawable(Bitmap bitmap) {
  21.         mBitmap = bitmap;
  22.         BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,
  23.                 TileMode.CLAMP);
  24.         mPaint = new Paint();
  25.         mPaint.setAntiAlias(true);
  26.         mPaint.setShader(bitmapShader);
  27.     }
  29.     @Override
  30.     public void setBounds(int left, int top, int right, int bottom) {
  31.         super.setBounds(left, top, right, bottom);
  32.         rectF = new RectF(left, top, right, bottom);
  33.     }
  35.     @Override
  36.     public void draw(Canvas canvas) {
  37. //圆角的 半斤可以通过参数传递进来，这里写死了
  38.         canvas.drawRoundRect(rectF, 30, 30, mPaint);
  40.     }
  42.     @Override
  43.     public int getIntrinsicWidth() {
  44.         return mBitmap.getWidth();
  45.     }
  47.     @Override
  48.     public int getIntrinsicHeight() {
  49.         return mBitmap.getHeight();
  50.     }
  52.     @Override
  53.     public void setAlpha(int alpha) {
  54.         mPaint.setAlpha(alpha);
  55.     }
  57.     @Override
  58.     public void setColorFilter(ColorFilter cf) {
  59.         mPaint.setColorFilter(cf);
  60.     }
  62.     @Override
  63.     public int getOpacity() {
  64.         return PixelFormat.TRANSLUCENT;
  65.     }
  67. }
  75.   **   ** **2  自定义圆形图片**

a 继承drawable，重写里面的几个方法

b 通过构造方法传入Bitmap对象，初始化一个BitmapShader，将其传递给我们的画笔 

  1. public CircleImageDrawable(Bitmap bitmap) {
  2.         mBitmap = bitmap;
  3.         BitmapShader bitmapShader = new BitmapShader(bitmap, TileMode.CLAMP,
  4.                 TileMode.CLAMP);
  5.         mPaint = new Paint();
  6.         mPaint.setAntiAlias(true);
  7.         mPaint.setShader(bitmapShader);
  8. //        选择我们的半径为较小的那个
  9.         mWidth = Math.min(mBitmap.getWidth(), mBitmap.getHeight());
  10.     }

c 在Draw（）方法里面调用

canvas.draw（）传入我们的矩形对象和画笔

  1. canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2, mPaint);

效果图如下

Center

例子源码下载地址：

https://github.com/gdutxiaoxu/CustomDrawable

发表评论

表情：
评论列表 （有 0 条评论，288人围观）

还没有评论，来说两句吧...

相关阅读