20行Android代码写一个CircleImageView

 更新时间:2016年08月09日 11:48:06   作者:qq_32198277  
这篇文章主要介绍了20行Android代码写一个CircleImageView,制作圆形头像,感兴趣的小伙伴们可以参考一下

一提到弄一个圆形的头像,很多人马上会想到用CircleIamgeView,但其实自己写一个也并不难自己写的部分也就20行代码,主要是用到PoterDuffXfermode来设置两个图层交集区域的显示方式

首先写一个继承自ImageView的控件

public class CircleImageView extends ImageView

 然后创建构造方法

public CircleImageView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

之后重写onDraw方法

@Override
 protected void onDraw(Canvas canvas) {
  //获得图片的宽度
  int width=getWidth();
  //获得图片的高度
  int height=getHeight();
  //短的二分之一作为半径
  int radius=height>width?width/2:height/2;

  //重新定义的一个画布,这一步很关键
  Paint mPaint = new Paint();
  //抗锯齿
  mPaint.setAntiAlias(true);
  Bitmap bitmap = Bitmap.createBitmap(width,height,
    Bitmap.Config.ARGB_8888);
  Canvas bitmapCanvas = new Canvas(bitmap);
  super.onDraw(bitmapCanvas);

  //圆形的框
  Bitmap cB = Bitmap.createBitmap(width, height,
    Bitmap.Config.ARGB_8888);
  Canvas cCanv = new Canvas(cB);
  //在控件中间画一个
  cCanv.drawCircle(width/ 2, height/ 2, radius,
    mPaint);

  canvas.drawBitmap(bitmap, 0.0f, 0.0f, mPaint);
  //dst是后画的图形
  mPaint.setXfermode(new PorterDuffXfermode(
    PorterDuff.Mode.DST_IN));
  //一定要用之前的画布,不然会出现边角是黑色
  bitmapCanvas.drawBitmap(cB, 0.0f, 0.0f, mPaint);

  //给图形加边框
  Paint paint =new Paint();
  paint.setAntiAlias(true);
  paint.setStyle(Paint.Style.STROKE);
  paint.setStrokeWidth(5);
  paint.setColor(Color.BLACK);
  canvas.drawCircle(width/ 2, height/ 2, radius,
    paint);

 }

一个简单的CircleImageView就做成了,你们还可以把边框弄成一个属性还有配置相应的方法,让使用者更加方便的使用

它的用法也是和ImageView一模一样的

<com.example.jkgeekjk.roadtodevelop3.CircleImageView
  android:layout_width="match_parent"
  android:src="@drawable/avastar"
  android:layout_height="match_parent" />

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android四大组件之Activity详细介绍

    Android四大组件之Activity详细介绍

    大家好,本篇文章主要讲的是Android四大组件之Activity详解,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2021-12-12
  • Flutter质感设计之直接输入

    Flutter质感设计之直接输入

    这篇文章主要为大家详细介绍了Flutter质感设计之直接输入,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android线程实现图片轮播

    Android线程实现图片轮播

    这篇文章主要介绍了Android线程实现图片轮播,初始化3秒更换一次图片背景,轮换播放,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • Android Flutter实现3D动画效果示例详解

    Android Flutter实现3D动画效果示例详解

    在Flutter中提供了AnimatedWidget组件用于构建可复用的动画组件。本文我们用AnimatedWidget来实现组件的3D旋转效果,感兴趣的可以了解一下
    2022-03-03
  • Android Fragment使用全解

    Android Fragment使用全解

    这篇文章主要介绍了Android Fragment使用的相关资料,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-04-04
  • Android实现精美的聊天界面

    Android实现精美的聊天界面

    这篇文章主要为大家详细介绍了Android实现精美的聊天界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android实现历史搜索记录

    Android实现历史搜索记录

    这篇文章主要为大家详细介绍了Android实现历史搜索记录,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android中Service服务详解(二)

    Android中Service服务详解(二)

    这篇文章主要介绍了Android中Service服务,在前面一篇的基础上进一步分析了Android Service的绑定服务与解绑服务的相关使用技巧,需要的朋友可以参考下
    2016-01-01
  • Android编程实现调用系统分享功能示例

    Android编程实现调用系统分享功能示例

    这篇文章主要介绍了Android编程实现调用系统分享功能,结合实例形式分析了Android实现针对文字、图片等元素分享功能的相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • Android中实现OkHttp上传文件到服务器并带进度

    Android中实现OkHttp上传文件到服务器并带进度

    本篇文章主要介绍了Android中实现OkHttp上传文件到服务器并带进度,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07

最新评论