在android中畫圓形圖片的幾種辦法,

來源:互聯網
上載者:User

在android中畫圓形圖片的幾種辦法,

在開發中經常會有一些需求,比如顯示頭像,顯示一些特殊的需求,將圖片顯示成圓角或者圓形或者其他的一些形狀。但是往往我們手上的圖片或者從伺服器擷取到的圖片都是方形的。這時候就需要我們自己進行處理,將圖片處理成所需要的形狀。正如茴香豆的的“茴”寫法大於一種,經過我的研究,畫出特殊圖片的方法也不是一種,我發現了三種,且聽我一一道來。

使用Xfermode 兩圖相交方式

通過尋找資料發現android中可以設定畫筆的Xfermode即相交模式,從而設定兩張圖相交之後的顯示方式,具體模式見,源碼可以去android apidemo。(SRC 為我們要畫到靶心圖表上的圖即原圖,DST為靶心圖表)


由可以看到,如果我們需要畫一個圓形的圖,可以在畫布上面先畫一個跟目標大小一樣的圓,然後xfermode選擇SRC_IN,再講我們的頭像或者其他圖畫上去就可以了。同樣也可以先畫我們的圖,再畫圓,不過xfermode要選擇DST_IN。兩種都可以實現我們需要的效果。範例程式碼如下:

Paint p = new Paint();p.setAntiAlias(true); //去鋸齒p.setColor(Color.BLACK);p.setStyle(Paint.Style.STROKE);Canvas canvas = new Canvas(bitmap);  //bitmap就是我們原來的圖,比如頭像p.setXfermode(new PorterDuffXfermode(Mode.DST_IN));  //因為我們先畫了圖所以DST_INint radius = bitmap.getWidth; //假設圖片是正方形的canvas.drawCircle(radius, radius, radius, p); //r=radius, 圓心(r,r)

以上就是簡單的樣本,根據以上的16種模式你其實還可以做出更多效果。另外,只要你給一張相交圖,那張圖形狀什麼樣,我們的圖就可以顯示成什麼樣。

通過裁剪畫布地區實現指定形狀的圖形

Android中Canvas提供了ClipPath, ClipRect, ClipRegion 等方法來裁剪,通過Path, Rect ,Region 的不同組合,Android幾乎可以支援任意形狀的裁剪地區。因此,我們幾乎可以擷取任意形狀的地區,然後在這個地區上畫圖,就可以獲得,我們要的圖片了,直接看樣本。

int radius = src.getWidth() / 2; //src為我們要畫上去的圖,跟上一個樣本中的bitmap一樣。Bitmap dest = Bitmap.createBitmap(src.getWidth(), src.getHeight(), Bitmap.Config.ARGB_8888);Canvas c = new Canvas(dest);Paint paint = new Paint();paint.setColor(Color.BLACK);paint.setAntiAlias(true);Path path = new Path();path.addCircle(radius, radius, radius, Path.Direction.CW);c.clipPath(path);   //裁剪地區c.drawBitmap(src, 0, 0, paint);  //把圖畫上去
使用BitmapShader

直接先看樣本

int radius = src.getWidth() / 2;BitmapShader bitmapShader = new BitmapShader(src, Shader.TileMode.REPEAT,                Shader.TileMode.REPEAT);Bitmap dest = Bitmap.createBitmap(src.getWidth(), src.getHeight(), Bitmap.Config.ARGB_8888);Canvas c = new Canvas(dest);Paint paint = new Paint();paint.setAntiAlias(true);paint.setShader(bitmapShader);c.drawCircle(radius,radius, radius, paint);

Shader就是畫筆的渲染器,本質上這中方法其實是畫圓,但是渲染採用了我們的圖片,然後就可以獲得指定的形狀了。但是我覺得,這個不適合畫很複雜的圖形,但是在記憶體消耗上,應該比第一種小很多。同時呢,設定Shader.TileMode.MIRROR,還可以實現鏡面效果,也是極好的。

上面就是實現的三種方法,三種方法都可以畫很多的形狀,當然遇到非常非常非常非常複雜的情況,我是建議使用第一種,這時候可以讓美工給一張末班形狀圖,省自己去代碼繪製了。大家根據自己的需求選擇。

在github上面CustomShapeImageView就是用了我們所說的第一種方法繪製。RoundedImageView 和CircleImageView則使用bitmapshader完成,當然可能還有一些其他的控制項,也許還有其他的一些實現方法,如果你知道,可以回複告訴我^_^。

原文地址:http://blog.isming.me/2014/09/19/draw-circle-image-in-android/,轉載請註明出處。




相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.