Android自定義圓形頭像

stefory發表於2015-08-04

在開發中常用到圓形圖片,試過很多方法都不理想,直到後來發現了CircleImageView這個開源專案,效果槓槓滴。
這個專案很簡單,只有一個類,只要把CircleImageView.java這個自定義的ImageView的類複製到專案中,然後在attrs.xml檔案中新增以下屬性:

<declare-styleable name="CircleImageView">
        <attr name="border_width" format="dimension" />
        <attr name="border_color" format="color" />
 </declare-styleable>

說明:border_width 是圖片的邊框的寬度, border_color 是邊框的顏色。

接下來就可以像ImageView一樣地使用了。
舉個例子:

<view.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="50dp"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:src="@drawable/test"
        app:border_width="2dp"
        app:border_color="#eeeeee"/>

效果如圖:
這裡寫圖片描述

注:如需更加深入研究原始碼,可以移步參考這篇博文:
http://blog.csdn.net/zhoubin1992/article/details/47258639

相關文章