分分钟带你搞定Android开发圆形头像

标签: android 控件 开源
10312人阅读 评论(5) 收藏 举报

转载请注明来源: http://blog.csdn.net/kjunchen/article/details/50573326

分分钟带你搞定Android开发圆形头像

目前在应用开发中,矩形的头像基本没有了,大多是圆形或圆角矩形,本文简简单单轻轻松松帮你搞定圆形或圆角矩形的头像。

可以自定义控件实现,而本文使用的是第三方开源控件RoundedImageView,改控件支持圆形、椭圆、圆角矩形等,使用非常方便。


添加RoundedImageView依赖

使用RoundedImageView有两种操作方法,实质都是添加库依赖。

方法一: 在Android Studio中,可进入模块设置中添加库依赖。
进入Module结构设置添加库依赖(如下图)

输入RoundedImageView然后搜索添加。

方法二: 在Moudle的build.gradle中添加如下代码,添加完之后在Build中进行下Make Module操作(编译下Module),使自己添加的依赖生效。

repositories {
    mavenCentral()
}

dependencies {
    compile 'com.makeramen:roundedimageview:2.2.1'
}

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:右下角弧度

    <com.makeramen.roundedimageview.RoundedImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@mipmap/avatar"
          app:riv_border_color="#333333"
          app:riv_border_width="2dp"
          app:riv_oval="true" />

    <com.makeramen.roundedimageview.RoundedImageView
          xmlns:app="http://schemas.android.com/apk/res-auto"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:scaleType="fitCenter"
          android:src="@mipmap/avatar"
          app:riv_border_color="#333333"
          app:riv_border_width="2dp"
          app:riv_corner_radius="10dp"
          app:riv_mutate_background="true"
          app:riv_oval="false"
          app:riv_tile_mode="repeat" />

    <com.makeramen.roundedimageview.RoundedImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:scaleType="fitCenter"
          android:src="@mipmap/avatar"
          app:riv_border_color="#333333"
          app:riv_border_width="2dp"
          app:riv_corner_radius_top_left="25dp"
          app:riv_corner_radius_bottom_right="25dp"
          app:riv_mutate_background="true"
          app:riv_oval="false"
          app:riv_tile_mode="repeat" />

   <com.makeramen.roundedimageview.RoundedImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:scaleType="fitCenter"
          android:src="@mipmap/avatar"
          app:riv_border_color="#333333"
          app:riv_border_width="2dp"
          app:riv_corner_radius_top_right="25dp"
          app:riv_corner_radius_bottom_left="25dp"
          app:riv_mutate_background="true"
          app:riv_oval="false"
          app:riv_tile_mode="repeat" />

   <com.makeramen.roundedimageview.RoundedImageView
          android:layout_width="96dp"
          android:layout_height="72dp"
          android:scaleType="center"
          android:src="@mipmap/avatar"
          app:riv_border_color="#333333"
          app:riv_border_width="2dp"
          app:riv_corner_radius="25dp"
          app:riv_mutate_background="true"
          app:riv_oval="true"
          app:riv_tile_mode="repeat" />

如有问题欢迎加Q群: 365532949
欢迎留言评论

查看评论

Android 两种方式实现圆形头像

方案一:继承自ImageViewpackage com.chy.widget;import android.content.Context; import android.graphics.Canva...
  • chy555chy
  • chy555chy
  • 2017-01-31 20:23:32
  • 1519

【Android开源项目分析】自定义圆形头像CircleImageView的使用和源码分析

本文分为三大部分: CircleImageView的使用 CircleImageView源码分析 Android自定义View总结 CircleImageView项目源码下载: https://gi...
  • zhoubin1992
  • zhoubin1992
  • 2015-08-05 03:21:49
  • 17275

Android开发圆形头像,RoundedImageView

转载请注明来源: http://blog.csdn.net/kjunchen/article/details/50573326 分分钟带你搞定Android开发圆形头像 目前在应用开发...
  • u010597493
  • u010597493
  • 2017-02-17 15:43:01
  • 2023

Android自定义控件之圆形头像

Android自定义控件之圆形头像
  • u010375364
  • u010375364
  • 2016-07-09 10:34:47
  • 10140

CircleImageView控件(圆形头像)

关于圆形头像的项目需求还是占相当多的比重的,今天讲一讲关于android studio的圆形头像的控件CircleImageView。在布局文件中添加如下代码:...
  • as_jon
  • as_jon
  • 2016-04-21 13:57:05
  • 1207

Android开发之制作圆形头像自定义View,直接引用工具类,加快开发速度。带有源代码学习

作者:程序员小冰,CSDN博客:http://blog.csdn.net/qq_21376985 QQ986945193 博客园主页:http://www.cnblogs.com/mcxiaobi...
  • qq_21376985
  • qq_21376985
  • 2016-08-09 17:50:25
  • 1853

Android 圆形头像的两种实现方式

Android 圆形头像的两种实现方式 前言 这篇博客只是为了做一个记录而已,方便而后查询,核心代码都是直接采用鸿洋博客里面的代码的。 圆形头像在实际开发中实际很常见,一般来说,主要有两种实...
  • gdutxiaoxu
  • gdutxiaoxu
  • 2018-03-22 19:30:12
  • 359

Android圆形头像设置(实现相机、相册选择并裁剪)兼容6.0/7.0

android头像设置,拍照、相册选择并编辑、兼容7.0 6.0
  • z740852294
  • z740852294
  • 2017-08-22 10:34:33
  • 1169

EditText 过滤表情输入,实测可用。

第一步: 创建InputFilter集成类import android.text.InputFilter; import android.text.Spanned;import java.util....
  • glen1943
  • glen1943
  • 2016-06-27 17:12:21
  • 922

android 手把手教你绘制圆形头像

自从腾讯QQ中的圆形头像,火了起来后,现在我们在一些应用中都能看到圆形头像的身影,在个人主页或者个人资料面板中使用圆形头像,会使整个布局变得更加优雅 现在我们来进行第一步,创建一个继承ImageVie...
  • qq_33048603
  • qq_33048603
  • 2016-08-19 14:55:35
  • 3357
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 18万+
    积分: 2176
    排名: 2万+
    博客专栏