Android中經(jīng)常會(huì)遇到對(duì)圖片進(jìn)行二次處理,例如加圓角,或者顯示圓形圖片
從網(wǎng)站建設(shè)到定制行業(yè)解決方案,為提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù)體系,各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案,助力業(yè)務(wù)快速發(fā)展。創(chuàng)新互聯(lián)建站將不斷加快創(chuàng)新步伐,提供優(yōu)質(zhì)的建站服務(wù)。
通過(guò)第三方框架Glide實(shí)現(xiàn)圖片顯示有圓角,有三種寫法如下:
1.1、第一種實(shí)現(xiàn):
1.2、第二種實(shí)現(xiàn):
1.3、第三種實(shí)現(xiàn):
自定義ImageView:
對(duì)圖片進(jìn)行處理,此方法還可以加邊框
實(shí)現(xiàn)圓形和邊框:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助!
android 自定義圓角ImageView以及鋸齒的處理
看到很多人開發(fā)過(guò)程中要使用圓角圖片時(shí),解決方法有:
1.重新繪制一張圖片
2.通過(guò)布局來(lái)配置
3.通過(guò)重寫View來(lái)實(shí)現(xiàn)
其中1,2在這里就不講了,重點(diǎn)講講方法三的實(shí)現(xiàn)。
實(shí)現(xiàn)一:通過(guò)截取畫布一個(gè)圓形區(qū)域與圖片的相交部分進(jìn)行繪制,缺點(diǎn):鋸齒明顯,設(shè)置Paint,Canvas抗鋸齒無(wú)效。
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();
}
}
實(shí)現(xiàn)二:通過(guò)PorterDuffXfermode 方式(注意要設(shè)置硬件加速,否則部分機(jī)子無(wú)效),優(yōu)點(diǎn):鋸齒基本沒(méi)有
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();
}
}
??最近在苦練Kotlin,一款不錯(cuò)的app(開眼)中的布局吸引了我,也在不懈的努力下通過(guò)Kotlin語(yǔ)言完成了開眼首頁(yè)的RecyclerView多ViewType布局效果,開心?。ㄎ哪?huì)貼出來(lái))其中用到的圖片處理控件很實(shí)用,也在日常的項(xiàng)目中會(huì)經(jīng)常用到,因此安利給大家!
??本次就針對(duì)Android開發(fā)中的圖片處理給大家安利兩個(gè)開源庫(kù):CircleImageView(圓形圖片)+RoundedImageView(圓角圖片)。
Tips: Kotlin實(shí)現(xiàn),寫完整個(gè)項(xiàng)目會(huì)分享git源碼給大家!
沒(méi)錯(cuò),這是一個(gè)RecyclerView布局實(shí)現(xiàn)的~
方法一:使用框架?CircleImageView,這是直接使用圓形/圓角的ImageView
方法二:使用圖片加載框架?Glide,這是使用正常的ImageView,在加載圖片的時(shí)候進(jìn)行圓形/圓角處理。
GlideApp.with(this).load("").circleCrop().into(imageView)
GlideApp.with(this).load("").transform(new?GlideRoundTransform(context,?10)).into(imageView)
可以使用自定義控件顯示圓角效果,或者使用style
設(shè)置shape,最直接的就是直接使用圓角圖片,參考資料:,望采納,謝謝。
分享名稱:android圓角圖片,android圓角柱狀圖
分享URL:http://jinyejixie.com/article12/dssesdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、云服務(wù)器、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)建站、網(wǎng)站內(nèi)鏈、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)