Android圖像處理之繪制圓形、三角形及扇形的頭像
前言
相信大家在Android日常開發(fā)中,繪制圓形和繪制圖片都是很容易的事情,但是繪制圓形圖片就有點(diǎn)難倒人了。以前為了偷懶就直接去github上找一個(gè)開源項(xiàng)目,后來(lái)才發(fā)現(xiàn)繪制圓形圖片其實(shí)也是很簡(jiǎn)單的事。
繪制圓形圖片也需要兩個(gè)步驟:
繪制圓形和繪制圖片,只不過(guò)要讓它們?nèi)〔⒓玫降慕Y(jié)果就是一張圓形圖片了。
直接上代碼:
public class CircleImageView extends View { private Paint mPaint; private Paint mTargetPaint; private Bitmap mSourceBitmap; private Bitmap mTargetBitmap; private Canvas mTargetCanvas; private int mWidth; private int mHeight; public CircleImageView(Context context) { this(context, null); } public CircleImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mTargetPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mTargetPaint.setXfermode(new PorterDuffXfermode(SRC_IN)); mSourceBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.xiaojiangshi); mTargetBitmap = Bitmap.createBitmap(mSourceBitmap.getWidth(), mSourceBitmap.getHeight(), Bitmap.Config.ARGB_8888); mTargetCanvas = new Canvas(mTargetBitmap); } @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mWidth = w; mHeight = h; } @Override protected void onDraw(Canvas canvas) { // 生成圓形Bitmap過(guò)程. int radius = Math.min(mWidth, mHeight) / 2; // 先繪制圓形 mTargetCanvas.drawCircle(mWidth / 2, mHeight / 2, radius, mPaint); // 再繪制Bitmap mTargetCanvas.drawBitmap(mSourceBitmap, 0, 0, mTargetPaint); canvas.drawBitmap(mTargetBitmap, 0, 0, null); } }
效果如下:
代碼中最關(guān)鍵的就是這句:
mTargetPaint.setXfermode(new PorterDuffXfermode(SRC_IN));
SRC_IN這種模式可以讓兩個(gè)繪制的效果取交集后展現(xiàn)出來(lái),需要注意的是,dst需要先繪制,再繪制src,拿上面例子來(lái)說(shuō),就是要先繪制圓形,在繪制Bitmap,如果順序顛倒了,你就只能看到一個(gè)圓形了。
除了SRC_IN這種模式外,還有其它15種模式。有興趣的可以自己試試看效果。在官方提供的APIDemo中可以找到相應(yīng)的代碼。
知道這個(gè)原理之后,我們就能繪制各種形狀的圖片了,只需要繪制不同的形狀代替繪制圓形這一步驟就可以了。
三角形:
mPath.reset(); mPath.moveTo(mWidth / 2, 0); mPath.lineTo(0, mHeight); mPath.lineTo(mWidth, mHeight); mPath.close(); mTargetCanvas.drawPath(mPath, mPaint);
扇形:
RectF rectF = new RectF(0, 0, mWidth, mHeight); mTargetCanvas.drawArc(rectF, 210, 120, true, mPaint);
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)各位Android開發(fā)者們能帶來(lái)一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Android仿微信朋友圈全文、收起功能的實(shí)例代碼
本篇文章主要介紹了Android仿微信朋友圈全文、收起功能的實(shí)例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-08-08Android編程設(shè)計(jì)模式之抽象工廠模式詳解
這篇文章主要介紹了Android編程設(shè)計(jì)模式之抽象工廠模式,結(jié)合實(shí)例形式詳細(xì)分析了Android抽象工廠模式的概念、原理、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-12-12flutter 輸入框組件TextField的實(shí)現(xiàn)代碼
這篇文章主要介紹了flutter 輸入框組件TextField的實(shí)現(xiàn)代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07Android編程開發(fā)之TextView控件用法(2種方法)
這篇文章主要介紹了Android編程開發(fā)之TextView控件用法,結(jié)合實(shí)例分析了Android針對(duì)TextView控件固定顯示與動(dòng)態(tài)獲取顯示的兩種使用技巧,需要的朋友可以參考下2015-12-12Android studio button 按鈕 四種綁定事件的方法【實(shí)例代碼】
這篇文章主要介紹了Android studio button 按鈕 四種綁定事件的方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08RecycleView實(shí)現(xiàn)item側(cè)滑刪除與拖拽
這篇文章主要為大家詳細(xì)介紹了RecycleView實(shí)現(xiàn)item側(cè)滑刪除與拖拽,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11Android實(shí)現(xiàn)讀寫JSON數(shù)據(jù)的方法
這篇文章主要介紹了Android實(shí)現(xiàn)讀寫JSON數(shù)據(jù)的方法,以完整實(shí)例形式分析了Android解析及生成json數(shù)據(jù)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10利用Warensoft Stock Service編寫高頻交易軟件
本文主要介紹了利用Warensoft Stock Service編寫高頻交易軟件的方法步驟,具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01