搞定Android開發圓形頭像

前言

目前市面上的應用基本都是圓形頭像，不再使用矩形頭像，目前常見的實作方式有兩種，一種是自定義控件(對我們的要求比較高),另一種是使用三方開源控件，本部落格就采用市面上比較流行的RoundedImageView。

使用

1. 首先添加依賴:

   

2. 在Moudle的build.gradle中添加如下代碼:

repositories {
    mavenCentral()
}
           

上述代碼和dependencies屬于同一級。

Layout中使用

控件屬性：

riv_border_width： 邊框寬度

riv_border_color： 邊框顔色

riv_oval： 是否圓形

riv_corner_radius： 圓角弧度

riv_corner_radius_top_left：左上角弧度

riv_corner_radius_top_right： 右上角弧度

riv_corner_radius_bottom_left：左下角弧度

riv_corner_radius_bottom_right：右下角弧度

布局檔案使用代碼如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.cc.csdndemo.MainActivity">

    <!-- 圓形頭像-->
    <com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:src="@drawable/user"
        app:riv_border_color="#ffffff"
        app:riv_border_width="2dp"
        app:riv_oval="true"/>

    <!-- 圓角矩形-->
    <com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:src="@drawable/user"
        app:riv_border_width="2dp"
        app:riv_corner_radius="10dp"
        app:riv_oval="false"/>

    <com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:src="@drawable/user"
        app:riv_border_width="2dp"
        app:riv_corner_radius_bottom_right="25dp"
        app:riv_corner_radius_top_left="25dp"
        app:riv_mutate_background="true"
        app:riv_oval="false"/>

    <com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_gravity="center"
        android:scaleType="fitCenter"
        android:src="@drawable/user"
        app:riv_border_width="2dp"
        app:riv_corner_radius_bottom_left="25dp"
        app:riv_corner_radius_top_right="25dp"
        app:riv_mutate_background="true"
        app:riv_oval="false"/>

    <!--橢圓-->
    <!-- FIT_XY / fitXY  把圖檔不按比例擴大/縮小到View的大小顯示-->
    <com.makeramen.roundedimageview.RoundedImageView
        android:layout_width="96dp"
        android:layout_height="72dp"
        android:layout_gravity="center"
        android:scaleType="fitXY"
        android:src="@drawable/user"
        app:riv_border_width="2dp"
        app:riv_corner_radius="25dp"
        app:riv_mutate_background="true"
        app:riv_oval="true"/>

</LinearLayout>
           

最終效果圖:

好了，這個三方控件的使用講解就這麼多，後期的怎麼使用就看你自己的了，有任何問題留言交流，我會時刻關注。

最後附上完整的代碼:http://download.csdn.net/detail/qq_33792946/9724654