重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

android图片圆角,android控件圆角

android 如何重写imageview 让图片有圆角效果

android 自定义圆角ImageView以及锯齿的处理

成都创新互联拥有十余年成都网站建设工作经验,为各大企业提供成都网站设计、成都网站建设服务,对于网页设计、PC网站建设(电脑版网站建设)、APP应用开发、wap网站建设(手机版网站建设)、程序开发、网站优化(SEO优化)、微网站、国际域名空间等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等网站化运作于一体,具备承接各种规模类型的网站建设项目的能力。

看到很多人开发过程中要使用圆角图片时,解决方法有:

1.重新绘制一张图片

2.通过布局来配置

3.通过重写View来实现

其中1,2在这里就不讲了,重点讲讲方法三的实现。

实现一:通过截取画布一个圆形区域与图片的相交部分进行绘制,缺点:锯齿明显,设置Paint,Canvas抗锯齿无效。

package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.Path;

import android.graphics.Rect;

import android.graphics.Region;

import android.util.AttributeSet;

import android.view.View;

public class CircleImageViewA extends View {

public CircleImageViewA(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

}

public CircleImageViewA(Context context, AttributeSet attrs) {

super(context, attrs);

}

public CircleImageViewA(Context context) {

super(context);

}

private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

{

   paint.setStyle(Paint.Style.STROKE);

   paint.setFlags(Paint.ANTI_ALIAS_FLAG);

   paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了

}

private Path mPath=new Path();

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}

@Override

protected void onDraw(Canvas canvas) {

if(null==bitmap)

{

return;

}

bitmapRect.set(0, 0, getWidth(), getHeight());

  canvas.save();

  canvas.setDrawFilter(pdf);

  mPath.reset();

  canvas.clipPath(mPath); // makes the clip empty

  mPath.addCircle(getWidth()/2, getWidth()/2, getHeight()/2, Path.Direction.CCW);

  canvas.clipPath(mPath, Region.Op.REPLACE);

  canvas.drawBitmap(bitmap, null, bitmapRect, paint);

  canvas.restore();

}

}

实现二:通过PorterDuffXfermode 方式(注意要设置硬件加速,否则部分机子无效),优点:锯齿基本没有

package com.open.circleimageview.widget;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.PaintFlagsDrawFilter;

import android.graphics.PorterDuff;

import android.graphics.PorterDuffXfermode;

import android.graphics.Rect;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.View;

public class CircleImageViewB extends View {

public CircleImageViewB(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

init();

}

public CircleImageViewB(Context context, AttributeSet attrs) {

super(context, attrs);

init();

}

public CircleImageViewB(Context context) {

super(context);

init();

}

private Bitmap bitmap;

private Rect bitmapRect=new Rect();

private PaintFlagsDrawFilter pdf=new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);

private Paint paint = new Paint();

{

   paint.setStyle(Paint.Style.STROKE);

   paint.setFlags(Paint.ANTI_ALIAS_FLAG);

   paint.setAntiAlias(true);// 设置画笔的锯齿效果。 true是去除,大家一看效果就明白了

}

private Bitmap mDstB=null;

private PorterDuffXfermode xfermode=new PorterDuffXfermode(PorterDuff.Mode.MULTIPLY);

private void init()

{

try {

if(android.os.Build.VERSION.SDK_INT=11)

{

setLayerType(LAYER_TYPE_SOFTWARE, null);

}

} catch (Exception e) {

e.printStackTrace();

}

}

public void setImageBitmap(Bitmap bitmap)

{

this.bitmap=bitmap;

}

private Bitmap makeDst(int w, int h)

{

  Bitmap bm = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);

  Canvas c = new Canvas(bm);

  Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);

  p.setColor(Color.parseColor("#ffffffff"));

  c.drawOval(new RectF(0, 0, w, h), p);

  return bm;

}

@Override

protected void onDraw(Canvas canvas) {

if(null==bitmap)

{

return;

}

if(null==mDstB)

{

mDstB=makeDst(getWidth(), getHeight());

}

bitmapRect.set(0, 0, getWidth(), getHeight());

  canvas.save();

  canvas.setDrawFilter(pdf);

  canvas.drawBitmap(mDstB, 0, 0, paint);

  paint.setXfermode(xfermode);

  canvas.drawBitmap(bitmap, null, bitmapRect, paint);

  paint.setXfermode(null);

  canvas.restore();

}

}

Android设置图片圆角的方法

Android中经常会遇到对图片进行二次处理,例如加圆角,或者显示圆形图片

通过第三方框架Glide实现图片显示有圆角,有三种写法如下:

1.1、第一种实现:

1.2、第二种实现:

1.3、第三种实现:

自定义ImageView:

对图片进行处理,此方法还可以加边框

实现圆形和边框:

以上就是本文的全部内容,希望对大家的学习有所帮助!

android中如何将图片变为圆角

方法一:使用框架 CircleImageView,这是直接使用圆形/圆角的ImageView

方法二:使用图片加载框架 Glide,这是使用正常的ImageView,在加载图片的时候进行圆形/圆角处理。

GlideApp.with(this).load("").circleCrop().into(imageView)

GlideApp.with(this).load("").transform(new GlideRoundTransform(context, 10)).into(imageView)

Android图片圆角的实现方案

一、 参考glide的实现方法

通过RoundedCorners的Transfromation进行圆角实现,在TransformationUtil中通过BitmapShader来设置Paint,然后canvas.drawRect来实现。

二、项目中的实现方案

计算四个角的path来canvas.drawPath,这样实现起来不公麻烦,而且会影响黑暗模式的适配

Android如何设置圆角图片

可以使用自定义控件显示圆角效果,或者使用style

设置shape,最直接的就是直接使用圆角图片,参考资料:,望采纳,谢谢。


当前标题:android图片圆角,android控件圆角
文章路径:http://cqcxhl.cn/article/dssjosp.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP