圆形切图

原创 2017年01月03日 01:23:37

方案1 用的时候直接把imageView换成这个就可以啦

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class XCRoundImageView extends ImageView
{
    private Paint paint ; public XCRoundImageView(Context context) { this(context,null);

}
    public XCRoundImageView(Context context, AttributeSet attrs)
    {
        this(context, attrs,0);
    }

    public XCRoundImageView(Context context, AttributeSet attrs, int defStyle)
    {
        super(context, attrs, defStyle);
        paint = new Paint();

    } /** * 绘制圆形图片
 * @author caizhiming */ @Override protected void onDraw(Canvas canvas) {

    Drawable drawable = getDrawable(); if (null != drawable) {
        Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
        Bitmap b = getCircleBitmap(bitmap, 14); final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight()); final Rect rectDest = new Rect(0,0,getWidth(),getHeight());
        paint.reset();
        canvas.drawBitmap(b, rectSrc, rectDest, paint);

    } else { super.onDraw(canvas);
    }
} /** * 获取圆形图片方法
 * @param bitmap
 * @param pixels
 * @return Bitmap
 * @author caizhiming */ private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
            bitmap.getHeight(), Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(output); final int color = 0xff424242; final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color); int x = bitmap.getWidth();

    canvas.drawCircle(x / 2, x / 2, x / 2, paint);
    paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint); return output;

}}

方案2 
    compile 'de.hdodenhof:circleimageview:2.1.0'
布局中这么用
 <de.hdodenhof.circleimageview.CircleImageView
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/civ_img"
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:layout_gravity="center_vertical"
            app:civ_border_width="1dp"
            app:civ_border_color="#FF000000"/>

代码中 这么用
        @Bind(R.id.civ_img)
        CircleImageView civImg;




版权声明:落叶的一生,难道只是为了归根么?

Android 自定义View实现圆形切图的效果

使用自定义View实现圆形ImageView的效果 目前圆形边框还需要调整,这里有点问题实现思路使用一个Paint,将得到的Bitmap设置成paint的Shader,设置完成后,使用Matrix调...
  • y874961524
  • y874961524
  • 2016年10月16日 10:40
  • 524

利用Photoshop进行快速切图

概要在UI设计中我们常常使用Ai来进行矢量图的绘制,然后导入Ps中进行设计、排版和导出。 在以前的版本中,切图一直是个很麻烦的事情,要么依托于脚本,要么手动一张张导出,很不方便,这种窘况在Photo...
  • u011383131
  • u011383131
  • 2016年03月11日 22:02
  • 10042

【HTML+CSS】教你切图篇1-实现按钮

最近实习一直在做前端切图,也是一种需要绣花般耐心的活儿,在这里总结一下一些基础页面元素的实现方式,后续陆续更新。首先我们遇到最多的可能是按钮的切图,按钮可能有很多种外观,但是一般可分为纯文字的和带图标...
  • LZGS_4
  • LZGS_4
  • 2015年12月14日 01:31
  • 2283

写给前端小白的切图技巧(实用)

我一开始是不会切图的,面试的时候心里也没有底气,但是之前也知道一点切图的知识,只是没有那种疯狂的天天做切图,所以一直也不敢说自己会熟练的切图,经过近一个月的切图经历之后,今天来分享一下纯纯的小白切图基...
  • u013778905
  • u013778905
  • 2016年08月21日 17:20
  • 11466

网页切图的技巧及经验总结

工具这里使用Photoshop ,当然你可以用firework这些,就是操作有些区别;技巧一,直接复制新建裁切这种适合用于有单独图层的图片,可以很快的生成切图出来的效果;技巧二,参考图+切图工具这种就...
  • bomess
  • bomess
  • 2015年12月10日 21:51
  • 3009

java图片裁切工具类

package com.yanek.util; import java.awt.Rectangle; import java.awt.image.BufferedImage; import ...
  • 5iasp
  • 5iasp
  • 2013年02月18日 13:19
  • 4076

关于png、jpg、gif切图时的使用感悟

关于png、jpg、gif切图时的使用感悟曾经切图时都是一股脑所有图全切成jpg格式,最近突然心血来潮简单的研究了下其他图片格式的具体属性,才突然发现走了不少弯路,并没有做到使图片用最小体积展现出最佳...
  • pspgbhu
  • pspgbhu
  • 2016年05月13日 01:40
  • 1561

APP切图详细规范终极指南

我们都知道一套完整的 App 通常会有很多张切图,不管是 iPhone 需要 1x、2x、3x 图档,Android 需要至少 3 种 hdpi、xhdpi、xxhdpi。在庞大的切图数量下如何让...
  • u011740841
  • u011740841
  • 2016年07月14日 11:12
  • 4907

ps在psd格式图片里面切图流程

1、双击psd图片打开一张图片 2、按住C键切换放大还是缩小图片或者点击放大镜来切换,方法图片 3、将要切的图标放大到中间位置 4、点击选择图标,然后切换鼠标功能,然后鼠标点击要切的...
  • haohaoxuexi320
  • haohaoxuexi320
  • 2016年05月06日 16:25
  • 10362

前端ps切图,图文教程,详细。

写在前面:本文主要内容是目前我所知道的切图技巧结合网上的资料,写出来分享一波。图文教程,多图!! BB:很多人都会说,切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好,但是他们切的图...
  • OBKoro1
  • OBKoro1
  • 2017年04月09日 15:17
  • 4376
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:圆形切图
举报原因:
原因补充:

(最多只允许输入30个字)