Android圓角背景設(shè)置

使用databinding設(shè)置圓角背景，代替drawable方式

平壩網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司成立于2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。

注意：這個只是設(shè)置一個背景，所有圖片的圓角不能使用它，只能是viewGroup或者TextView。

提示：圖片可以使用QMUIRadiusImageView

1、支持view和viewGroup的圓角，邊框、和單個圓角等；

2、app:bgRadius：圓角大小，必須用"@{R.dimen.ui_dp8}"賦值；

3、app:bgSolidColor：設(shè)置背景色；

4、app:bgStrokeColor：設(shè)置邊框顏色；

5、bgTopLeftRadius：設(shè)置左上的圓角；

Android 圓角、圓形 ImageView 實現(xiàn)

我們要實現(xiàn)的圖片控件繼承自 AppCompatImageView ，它是 ImageView 的子類，但提供了更好的兼容性，我們在此基礎(chǔ)上添加了若干自定義的屬性和方法以實現(xiàn)最終的 NiceImageView ：

要實圓角或者圓形的顯示效果，就是對圖片顯示的內(nèi)容區(qū)域進行“裁剪”，只顯示指定的區(qū)域即可。如何做呢？

一種比較直接的辦法是這樣的，由于圖片是被繪制在畫布上的，所以用 canvas 的 clipPath() 方法先將畫布裁剪成指定形狀，這樣就能讓圖片按指定形狀顯示了，重新 draw() 方法即可：

這樣使用 src 、 background 屬性給ImageView設(shè)置顯示的圖片都能達到預(yù)期的顯示效果。但是由于 clipPath() 方法不支持抗鋸齒，圖片邊緣會有明顯的毛糙感，體驗并不理想，所以需要尋找其它方法。

另一種方法是使用圖像的 Alpha 合成模式 ，即

PorterDuff 來實現(xiàn)， 官方文檔 。這里我們使用其中的 DST_IN 模式。整個過程就是先繪制目標(biāo)圖像，也就是圖片；再繪制原圖像，即一個圓角矩形或者圓形，這樣最終目標(biāo)圖像只顯示和原圖像重合的區(qū)域。

到這里就實現(xiàn)了顯示為圓角或者圓形了。但是需要通過 src 屬性或者對應(yīng)的方法來設(shè)置圖片，否則不能達到預(yù)期效果。

繪制邊框就相對容易理解了，只需要繪制一個指定樣式的圓角矩形或者圓形即可：

當(dāng)圖片顯示為圓形時，還可以繪制一個內(nèi)邊框，但圓角矩形的話由于圓角大小的問題，目前只能設(shè)置一個邊框咯。

但是有個問題，繪制的邊框會覆蓋在圖片上，如果邊框太寬會導(dǎo)致圖片的可見區(qū)域變小了，影像顯示效果，像這樣，左下角的花盆不見了：

那么如何讓邊框不覆蓋在圖片上呢？可以在 Alpha 合成繪制前先將畫布縮小一定比例，最后再繪制邊框，這樣問題就解決了。

縮放后的ImageView顯示區(qū)域的寬高就是原寬、高分別減去2倍的邊框?qū)挾龋@樣縮小的比例也就顯而易見了。效果如下，左下角的花盆出來了：

遮罩可以理解為一層帶透明度的顏色，遮罩默認(rèn)不繪制，當(dāng)制定了遮罩顏色時才會繪制，實現(xiàn)很簡單：

例如加一個透明度30%的紅色遮罩后的效果：

核心的實現(xiàn)邏輯就這些了，剩下的就是自定義屬性和方法了，有興趣的可以看源碼，都很簡單，希望對你有所幫助吧！

更多細(xì)節(jié)及用法見GitHub：

如果你需要實現(xiàn)類似釘釘?shù)膱A形組合頭像，例如：

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í)有所幫助!

網(wǎng)站題目：android圓角,android圓角背景
文章來源：http://chinadenli.net/article10/dseesgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、微信公眾號、網(wǎng)站制作、動態(tài)網(wǎng)站、網(wǎng)站營銷、營銷型網(wǎng)站建設(shè)

廣告

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