/CircleTextImageView

CircleTextImageView

Primary LanguageJava

    在项目中我们经常遇到需要显示圆形头像的需求,一般我们都使用hdodenhof/CircleImageView的这个开源控件实现(简洁,没多余的东西)。      而在的项目中我经常遇到这样的一个需求:如果用户上传了头像就显示圆形头像,如果没有上传头像就在圆形背景上显示文字。或者是直接在圆形头像上添加文字。因此我就在CircleImageView基础上实现了一个CircleTextImageView的组件。 CircleTextImageView是一个什么样的组件呢,直接上图吧

1.只显示头像 只显示头像

2.圆形背景文字 圆形背景文字

3.头像+文字 头像+文字

分别的使用方法: 1.只显示头像

<com.thinkcool.circletextimageview.CircleTextImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/profile_image"
        android:layout_width="96dp"
        android:layout_height="96dp"
        android:src="@drawable/hugh"
        app:citv_border_width="2dp"
        app:citv_border_color="#FF000000"/>

2.圆形背景文字

<com.thinkcool.circletextimageview.CircleTextImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:citv_border_color="@android:color/white"
            app:citv_border_width="2dp"
            android:layout_gravity="center"
            app:citv_text_text="照片"
            app:citv_text_size="32sp"
            app:citv_text_padding="35dp"
            app:citv_text_color="@android:color/white"
            app:citv_fill_color="#50555D"
            />

3.头像+文字

<com.thinkcool.circletextimageview.CircleTextImageView
            android:layout_width="96dp"
            android:layout_height="96dp"
            app:citv_border_color="@android:color/darker_gray"
            app:citv_border_width="2dp"
            android:layout_gravity="center"
            app:citv_text_text="晴朗"
            app:citv_text_size="32sp"
            app:citv_text_padding="35dp"
            android:src="@drawable/skye"
            app:citv_text_color="#ff99cc00"
            app:citv_fill_color="#50555D"
            />

最后在build.gradle中添加组件即可:

compile 'com.github.thinkcool:circletextimageview:1.0.20151218'