android 如何重寫imageview 讓圖片有圓角效果

android 自定義圓角ImageView以及鋸齒的處理

成都創(chuàng)新互聯(lián)擁有十余年成都網(wǎng)站建設(shè)工作經(jīng)驗,為各大企業(yè)提供成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)服務(wù)，對于網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、APP應(yīng)用開發(fā)、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、國際域名空間等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項目的能力。

看到很多人開發(fā)過程中要使用圓角圖片時，解決方法有：

1.重新繪制一張圖片

2.通過布局來配置

3.通過重寫View來實現(xiàn)

其中1，2在這里就不講了，重點講講方法三的實現(xiàn)。

實現(xiàn)一：通過截取畫布一個圓形區(qū)域與圖片的相交部分進行繪制，缺點：鋸齒明顯，設(shè)置Paint,Canvas抗鋸齒無效。

package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.Path;

import android.graphics.Rect;

import android.graphics.Region;

import android.util.AttributeSet;

import android.view.View;

public class CircleImageViewA extends View {

public CircleImageViewA(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}

public CircleImageViewA(Context context, AttributeSet attrs) {

super(context, attrs);

}

public CircleImageViewA(Context context) {

super(context);

}

private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

{

? ?paint.setStyle(Paint.Style.STROKE);

? ?paint.setFlags(Paint.ANTI_ALIAS_FLAG);

? ?paint.setAntiAlias(true);// 設(shè)置畫筆的鋸齒效果。 true是去除，大家一看效果就明白了

}

private Path mPath=new Path();

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}

@Override

protected void onDraw(Canvas canvas) {

if(null==bitmap)

{

return;

}

bitmapRect.set(0, 0, getWidth(), getHeight());

? canvas.save();

? canvas.setDrawFilter(pdf);

? mPath.reset();

? canvas.clipPath(mPath); // makes the clip empty

? mPath.addCircle(getWidth()/2, getWidth()/2, getHeight()/2, Path.Direction.CCW);

? canvas.clipPath(mPath, Region.Op.REPLACE);

? canvas.drawBitmap(bitmap, null, bitmapRect, paint);

? canvas.restore();

}

}

實現(xiàn)二：通過PorterDuffXfermode 方式（注意要設(shè)置硬件加速，否則部分機子無效），優(yōu)點：鋸齒基本沒有

package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.View;

public class CircleImageViewB extends View {

public CircleImageViewB(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

init();

}

public CircleImageViewB(Context context, AttributeSet attrs) {

super(context, attrs);

init();

}

public CircleImageViewB(Context context) {

super(context);

init();

}

private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

{

? ?paint.setStyle(Paint.Style.STROKE);

? ?paint.setFlags(Paint.ANTI_ALIAS_FLAG);

? ?paint.setAntiAlias(true);// 設(shè)置畫筆的鋸齒效果。 true是去除，大家一看效果就明白了

}

private Bitmap mDstB=null;

private PorterDuffXfermode xfermode=new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY);

private void init()

{

try {

if(android.os.Build.VERSION.SDK_INT=11)

{

setLayerType(LAYER_TYPE_SOFTWARE, null);

}

} catch (Exception e) {

e.printStackTrace();

}

}

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}

private Bitmap makeDst(int w, int h)

{

? Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);

? Canvas c = new Canvas(bm);

? Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);

? p.setColor(Color.parseColor("#ffffffff"));

? c.drawOval(new RectF(0, 0, w, h), p);

? return bm;

}

@Override

protected void onDraw(Canvas canvas) {

if(null==bitmap)

{

return;

}

if(null==mDstB)

{

mDstB=makeDst(getWidth(), getHeight());

}

bitmapRect.set(0, 0, getWidth(), getHeight());

? canvas.save();

? canvas.setDrawFilter(pdf);

? canvas.drawBitmap(mDstB, 0, 0, paint);

? paint.setXfermode(xfermode);

? canvas.drawBitmap(bitmap, null, bitmapRect, paint);

? paint.setXfermode(null);

? canvas.restore();

}

}

Android設(shè)置圖片圓角的方法

Android中經(jīng)常會遇到對圖片進行二次處理，例如加圓角，或者顯示圓形圖片

通過第三方框架Glide實現(xiàn)圖片顯示有圓角，有三種寫法如下：

1.1、第一種實現(xiàn)：

1.2、第二種實現(xiàn)：

1.3、第三種實現(xiàn)：

自定義ImageView：

對圖片進行處理，此方法還可以加邊框

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助!

android中如何將圖片變?yōu)閳A角

方法一：使用框架?CircleImageView，這是直接使用圓形/圓角的ImageView

方法二：使用圖片加載框架?Glide，這是使用正常的ImageView，在加載圖片的時候進行圓形/圓角處理。

GlideApp.with(this).load("").circleCrop().into(imageView)

GlideApp.with(this).load("").transform(new?GlideRoundTransform(context,?10)).into(imageView)

Android圖片圓角的實現(xiàn)方案

一、 參考glide的實現(xiàn)方法

通過RoundedCorners的Transfromation進行圓角實現(xiàn)，在TransformationUtil中通過BitmapShader來設(shè)置Paint，然后canvas.drawRect來實現(xiàn)。

二、項目中的實現(xiàn)方案

計算四個角的path來canvas.drawPath，這樣實現(xiàn)起來不公麻煩，而且會影響黑暗模式的適配

Android如何設(shè)置圓角圖片

可以使用自定義控件顯示圓角效果，或者使用style

設(shè)置shape，最直接的就是直接使用圓角圖片，參考資料:，望采納，謝謝。

網(wǎng)頁名稱：android圖片圓角,android控件圓角
URL網(wǎng)址：http://aaarwkj.com/article38/dssjosp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站營銷、網(wǎng)站收錄、網(wǎng)站設(shè)計公司、做網(wǎng)站、搜索引擎優(yōu)化

廣告

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