Android圆形头像

转载请标明出处:http://blog.csdn.net/wu_wxc/article/details/48349833
本文出自【吴孝城的CSDN博客】

安卓将图片显示为圆形可利用自定义布局

de.hdodenhof.circleimageview.CircleImageView
首先要依赖circleimageview库。

compile 'de.hdodenhof:circleimageview:1.3.0'

如下图

Android圆形头像_第1张图片

然后就可以在布局里自定义了。

    <de.hdodenhof.circleimageview.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@mipmap/face"
        app:border_width="2dp"
        app:border_color="#ffffff"/>


全部代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center">

    <de.hdodenhof.circleimageview.CircleImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@mipmap/face"
        app:border_width="2dp"
        app:border_color="#ffffff"/>

</LinearLayout>
效果如下

Android圆形头像_第2张图片

其中xmlns:app="http://schemas.android.com/apk/res-auto"是自定义布局属性空间,在用app作为命名空间给自定义属性赋值

至于app:border_width="2dp"和app:border_color="#ffffff"下面用图片来说明更明显易懂,

把app:border_width="2dp"改为app:border_width="20dp",把app:border_color="#ffffff"改为app:border_color="#000000"

效果如下

Android圆形头像_第3张图片


看图片都能看出那两个值得作用了吧。

你可能感兴趣的:(圆形头像)