簡單說下用bitmapshader來實現(xiàn)切圓的效果

1.首先創(chuàng)建一個bitmapshader對象,當(dāng)然它的重載分別有三個,不清楚的童鞋可以簡單的看下此文章
簡單介紹bitmapShader

Bitmap mBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.xxx);
mBitmapShader = new BitmapShader(mBitmap, Shader.TileMode.MIRROR, Shader.TileMode.MIRROR);
mPaint.setShader(mBitmapShader);

當(dāng)知道了bitmapShader后,我們新建一個mBitmapShader,然后從裁剪圓角起

簡單來說就是在ondraw方法新建一個圓角的rect然后用著色器也就是bitmapshader把具體的圖片著色上去,就完成了切圓角的工作

 canvas.drawRoundRect(mRoundRect, mBorderRadius, mBorderRadius,mBitmapPaint);

此時的mBitmapPaint肯定是蘸有這個著色器的畫筆,然后關(guān)鍵的mRoundRect具體參數(shù)是多少呢?

眾所周知,imageview的大小和下載的圖片的大小是不一樣的,想象一下,比如繪制到屏幕上的view的大小是300 * 400 px,然而圖片的大小是100*200 px ,那我要完整的讓這個圖片顯示是否要把原圖放大呢,方法成300 * 600px的大小才能把這個view完全顯示,當(dāng)然圖片可能顯示不全

 scale = Math.max(getWidth() * 1.0f / bitmap.getWidth(), getHeight() * 1.0f / bitmap.getHeight());

當(dāng)算出具體的縮放比例時我們需要做的就是利用Matrix進行縮放了

mMatrix.setScale(scale, scale);
mBitmapShader.setLocalMatrix(mMatrix);
mBitmapPaint.setShader(mBitmapShader);

簡單來說就是把著色器的圖片放大了三倍,然后蘸到了畫筆上由此大公搞成了,大家可以去試下。

那如何讓圖片居中顯示呢,就像imageview里的centercrop效果呢
比如圖片的大小是200 * 200 px ,view的大小是100 *200 px
那如何讓 view居中顯示呢

if (dwidth * vheight > vwidth * dheight)
{
          scale = (float) vheight / (float) dheight;
          dx = (vwidth - dwidth * scale) * 0.5f;
}
else 
{
          scale = (float) vwidth / (float) dwidth;
          dy = (vheight - dheight * scale) * 0.5f;
}

很明顯就是讓你的著色器的圖片去平移50px這里的話,rect的位置是不動的,改變的只是著色器里填充的位置。所以應(yīng)該是像左平移50px

多余的代碼就不貼了,可以去github上去查看

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,428評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,024評論 3 413
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,285評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,548評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,328評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,878評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,971評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,098評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,616評論 1 331
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,554評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,725評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,243評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 43,971評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,361評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,613評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,339評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,695評論 2 370

推薦閱讀更多精彩內(nèi)容

  • 7.1 壓縮圖片 一、基礎(chǔ)知識 1、圖片的格式 jpg:最常見的圖片格式。色彩還原度比較好,可以支持適當(dāng)壓縮后保持...
    AndroidMaster閱讀 2,532評論 0 13
  • 1.ios高性能編程 (1).內(nèi)層 最小的內(nèi)層平均值和峰值(2).耗電量 高效的算法和數(shù)據(jù)結(jié)構(gòu)(3).初始化時...
    歐辰_OSR閱讀 29,463評論 8 265
  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網(wǎng)絡(luò)請求組件 FMDB本地數(shù)據(jù)庫組件 SD...
    陽明先生_X自主閱讀 16,000評論 3 119
  • 秋風(fēng)起,我穿著七分袖牛仔襯衣坐在辦公室里吹著暖氣,一開門一股寒流瞬間親吻了全身,我打了個實實在在的冷顫,看了看長長...
    與凄閱讀 230評論 0 0
  • 【圈規(guī)】西南交大人必看 來到校園圈你,算是找到組織啦!! 這里的每一個小伙伴都是在校的一員~~ 校園圈為生活在我們...
    173eff1342b1閱讀 301評論 0 0