Android中圖片圓角三種實現(xiàn)方法

更新時間：2022年02月03日 11:17:56 作者：暴走編程

大家好，本篇文章主要講的是Android中圖片圓角三種實現(xiàn)方法，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下

方法一

通過第三方框架 Glide 設置圓角效果；

寫法1：

RequestOptions options = new RequestOptions().error(R.drawable.img_load_failure).bitmapTransform(new RoundedCorners(30));//圖片圓角為30
Glide.with(this).load(URL) //圖片地址
                .apply(options)
                .into(ImagView);

寫法2：

RequestOptions requestOptions = new RequestOptions();
requestOptions.placeholder(R.drawable.ic_launcher_background);
requestOptions.circleCropTransform();
requestOptions.transforms( new RoundedCorners(30));
Glide.with(this).load(URL) //圖片地址
                .apply(options)
                .into(ImagView);

寫法3：

RequestOptions options = new RequestOptions().centerCrop() .transform(new RoundTransform(this,30)); 
Glide.with(this).load(URL) //圖片地址
                .apply(options)
                .into(ImagView);

public class RoundTransform extends BitmapTransformation { 
    private static float radius = 0f; 
    public RoundTransform(Context context) { 
        this(context, 4); 
    } 
   
    public RoundTransform(Context context, int dp) { 
        super(context); 
        this.radius = Resources.getSystem().getDisplayMetrics().density * dp; 
    } 
   
    @Override 
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) { 
        Bitmap bitmap = TransformationUtils.centerCrop(pool, toTransform, outWidth, outHeight); 
        return roundCrop(pool, bitmap); 
    } 
   
    private static Bitmap roundCrop(BitmapPool pool, Bitmap source) { 
        if (source == null) return null; 
        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); 
        if (result == null) { 
            result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888); 
        } 
   
        Canvas canvas = new Canvas(result); 
        Paint paint = new Paint(); 
        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP)); 
        paint.setAntiAlias(true); 
        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight()); 
        canvas.drawRoundRect(rectF, radius, radius, paint); 
        return result; 
    } 
   
    public String getId() { 
        return getClass().getName() + Math.round(radius); 
    } 
   
    @Override 
    public void updateDiskCacheKey(MessageDigest messageDigest) { 
   
    }
}

方法二

自定義ImageView 設置圓角效果；

<ImageView
        android:id="@+id/iv"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_centerHorizontal="true"
        />

ImageView iv = findViewById(R.id.iv); 
Bitmap bitmap =BitmapFactory.decodeResource(getResources(), R.drawable.fengjing);
        Bitmap outBitmap =getRoundBitmapByShader(bitmap, 500,300,20, 3);
        iv.setImageBitmap(outBitmap);

public class RoundRectImageView extends ImageView{
 
    private Paint paint;
 
    public RoundRectImageView(Context context) {
        this(context,null);
    }
 
    public RoundRectImageView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }
 
    public RoundRectImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        paint  = new Paint();
    }
 
    /**
     * 繪制圓角矩形圖片
     */
    @Override
    protected void onDraw(Canvas canvas) {
        Drawable drawable = getDrawable();
        if (null != drawable) {
            Bitmap bitmap = getBitmapFromDrawable(drawable);
//            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
            Bitmap b = getRoundBitmapByShader(bitmap,getWidth(),getHeight(), 50,0);
            final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());
            final Rect rectDest = new Rect(0,0,getWidth(),getHeight());
            paint.reset();
            canvas.drawBitmap(b, rectSrc, rectDest, paint);
 
        } else {
            super.onDraw(canvas);
        }
    }
 
    /**
     * 把資源圖片轉換成Bitmap
     * @param drawable
     * 資源圖片
     * @return 位圖
     */
    public static Bitmap getBitmapFromDrawable(Drawable drawable) {
        int width = drawable.getIntrinsicWidth();
        int height = drawable.getIntrinsicHeight();
        Bitmap bitmap = Bitmap.createBitmap(width, height, drawable
                .getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
                : Bitmap.Config.RGB_565);
        Canvas canvas = new Canvas(bitmap);
        //drawable.setBounds(-4, -4, width + 4, height + 4);
        drawable.draw(canvas);
        return bitmap;
    }
 
    public static Bitmap getRoundBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int radius, int boarder) {
        if (bitmap == null) {
            return null;
        }
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();
        float widthScale = outWidth * 1f / width;
        float heightScale = outHeight * 1f / height;
 
        Matrix matrix = new Matrix();
        matrix.setScale(widthScale, heightScale);
        //創(chuàng)建輸出的bitmap
        Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
        //創(chuàng)建canvas并傳入desBitmap，這樣繪制的內容都會在desBitmap上
        Canvas canvas = new Canvas(desBitmap);
        Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
        //創(chuàng)建著色器
        BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        //給著色器配置matrix
        bitmapShader.setLocalMatrix(matrix);
        paint.setShader(bitmapShader);
        //創(chuàng)建矩形區(qū)域并且預留出border
        RectF rect = new RectF(boarder, boarder, outWidth - boarder, outHeight - boarder);
        //把傳入的bitmap繪制到圓角矩形區(qū)域內
        canvas.drawRoundRect(rect, radius, radius, paint);
 
        if (boarder > 0) {
            //繪制boarder
            Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
            boarderPaint.setColor(Color.GREEN);
            boarderPaint.setStyle(Paint.Style.STROKE);
            boarderPaint.setStrokeWidth(boarder);
            canvas.drawRoundRect(rect, radius, radius, boarderPaint);
        }
        return desBitmap;
    }
 
}

方法三

對圖片進行處理，還可以加邊框；

/**
 * 通過BitmapShader實現(xiàn)圓形邊框
 * @param bitmap 
 * @param outWidth 輸出的圖片寬度
 * @param outHeight 輸出的圖片高度
 * @param radius 圓角大小
 * @param boarder 邊框寬度
 */
public static Bitmap getRoundBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int radius, int boarder) {
    if (bitmap == null) {
        return null;
    }
    int height = bitmap.getHeight();
    int width = bitmap.getWidth();
    
    float widthScale = outWidth * 1f / width;
    float heightScale = outHeight * 1f / height;
 
    Matrix matrix = new Matrix();
    matrix.setScale(widthScale, heightScale);
    //創(chuàng)建輸出的bitmap
    Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
    //創(chuàng)建canvas并傳入desBitmap，這樣繪制的內容都會在desBitmap上
    Canvas canvas = new Canvas(desBitmap);
    Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
    //創(chuàng)建著色器
    BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
    //給著色器配置matrix
    bitmapShader.setLocalMatrix(matrix);
    paint.setShader(bitmapShader);
    //創(chuàng)建矩形區(qū)域并且預留出border
    RectF rect = new RectF(boarder, boarder, outWidth - boarder, outHeight - boarder);
    //把傳入的bitmap繪制到圓角矩形區(qū)域內
    canvas.drawRoundRect(rect, radius, radius, paint);
 
    if (boarder > 0) {
        //繪制boarder
        Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        boarderPaint.setColor(Color.GREEN);
        boarderPaint.setStyle(Paint.Style.STROKE);
        boarderPaint.setStrokeWidth(boarder);
        canvas.drawRoundRect(rect, radius, radius, boarderPaint);
    }
    return desBitmap;
}

實現(xiàn)圓形和邊框：

/**
 * 通過BitmapShader實現(xiàn)圓形邊框
 * @param bitmap 
 * @param outWidth 輸出的圖片寬度
 * @param outHeight 輸出的圖片高度
 * @param boarder 邊框大小
 */
public static Bitmap getCircleBitmapByShader(Bitmap bitmap, int outWidth, int outHeight, int boarder) {
int radius;
int width = bitmap.getWidth();
int height = bitmap.getHeight();
float widthScale = outWidth * 1f / width;
float heightScale = outHeight * 1f / height;
 
Bitmap desBitmap = Bitmap.createBitmap(outWidth, outHeight, Bitmap.Config.ARGB_8888);
if (outHeight > outWidth) {
    radius = outWidth / 2;
} else {
    radius = outHeight / 2;
}
//創(chuàng)建canvas
Canvas canvas = new Canvas(desBitmap);
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
BitmapShader bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
Matrix matrix = new Matrix();
matrix.setScale(widthScale, heightScale);
bitmapShader.setLocalMatrix(matrix);
paint.setShader(bitmapShader);
canvas.drawCircle(outWidth / 2, outHeight / 2, radius - boarder, paint);
if (boarder > 0) {
    //繪制boarder
    Paint boarderPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    boarderPaint.setColor(Color.GREEN);
    boarderPaint.setStyle(Paint.Style.STROKE);
    boarderPaint.setStrokeWidth(boarder);
    canvas.drawCircle(outWidth / 2, outHeight / 2, radius - boarder, boarderPaint);
}
return desBitmap;
}

到此這篇關于Android中圖片圓角三種實現(xiàn)方法的文章就介紹到這了,更多相關Android圖片圓角內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Android刮刮樂效果-proterDuffXfermode的示例代碼
這篇文章主要介紹了Android刮刮樂效果-proterDuffXfermode,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-12-12
kotlin實現(xiàn)五子棋單機游戲
這篇文章主要為大家詳細介紹了kotlin實現(xiàn)五子棋單機游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-04-04
Flutter 狀態(tài)管理的實現(xiàn)
這篇文章主要介紹了Flutter 狀態(tài)管理的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-06-06
Android開發(fā)中MJRefresh自定義刷新動畫效果
本文給大家介紹了MJRefresh自定義刷新動畫效果，包括常見用法等相關知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧
2016-11-11
Android實現(xiàn)檢測手機搖晃的監(jiān)聽器
本文給大家分享一段代碼實現(xiàn)檢測手機搖晃的監(jiān)聽器，代碼簡單易懂，非常不錯，感興趣的朋友參考下吧
2016-12-12
Android webview如何加載HTML,CSS等語言的示例
本篇文章主要介紹了Android webview如何加載HTML,CSS等語言的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
RxJava 2.x新特性總結整理
這篇文章主要介紹了RxJava 2.x新特性的相關資料，文中通過圖文及示例代碼介紹的非常詳細，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。
2017-03-03
Android 定時器實現(xiàn)圖片的變換
這篇文章主要介紹了Android 定時器實現(xiàn)圖片的變換的相關資料,利用到定時器和handler，message的結合實現(xiàn)改功能，需要的朋友可以參考下
2017-08-08
Android 解決TextView排版參差不齊的問題
這篇文章主要介紹了Android 解決TextView排版參差不齊的問題的相關資料,需要的朋友可以參考下
2017-01-01
java萬年歷，獲取該年月日歷表
這篇文章主要介紹了java獲取對應年月分日歷表有需要的朋友可以來參考下
2015-07-07