RoundedImageView，實現圓形、圓角矩形的注意事項

標籤：

RoundedImageView是gitHub上面的一個開源組件（https://github.com/vinc3m1/RoundedImageView），實現一些圓形或者圓角矩形是很方便的，

 1 <com.makeramen.roundedimageview.RoundedImageView 2                 android:id="@+id/iv_hint" 3                 android:layout_width="@dimen/x36" 4                 android:layout_height="@dimen/x36" 5                 android:src="@drawable/icon_no_photo_round" 6                 android:scaleType="centerCrop" 7                 app:riv_corner_radius="@dimen/x18" 8                 app:riv_border_color="@color/white50" 9                 app:riv_border_width="@dimen/x1"10                 app:riv_tile_mode="clamp"11                 app:riv_oval="true"12                 app:riv_mutate_background="true"13                 />

 

其中，riv_corner_radius是指圓角的大小，簡單來說，等於寬度一半時，就是圓形了；小於寬度的一半就是圓角矩形了。

這裡特別要注意的幾點：

1、riv_tile_mode 有三種clamp，repeat，mirror，分別是指縮放、重複、鏡像，實現後兩種的效果，最後是src的解析度小於RoundedImageView的解析度才比較直觀顯示（如這裡121x121---》70x70）：

2、src原圖與RoundedImageView的比例關係，使用時要注意設定android:scaleType=""，一般來說，有fitCenter,centerCrop，CenterInside,fitXY等幾種（具體區別可以看http://www.cnblogs.com/chq3272991/p/5710498.html）

    如要獲得一個圓形，如果src的長寬比為4:3，如果設定fitCenter，把原圖按比例擴大或縮小到ImageView的高度，置中顯示，那麼效果如下：

原圖：

顯然是得不到一個圓形的，那麼試試改成fitXY、center、centerCrop:

這過程也就是說，要先通過scaleType來調整（裁剪）原圖，然後再進行切圓角、加邊框處理，這裡用centerCrop才符合要求。類似的還有很多，大家遇到可以提出來共同探討下。

RoundedImageView，實現圓形、圓角矩形的注意事項