关于Android圆形图片的一种优化方案(可以显示网络图片)
在Android App中,我们经常看到圆形头像图片,然后网上也有很多开源的控件。刚好这个项目用到了,也去找了一些开源的,发现并不完美,所以只好自己优化了,废话不多说,先上效果图:
下面是源码:本人能理解的地方都加上注释了,大牛勿喷。
- package com.xyt.ygcf.widget;
- import android.content.Context;
- import android.content.res.TypedArray;
- import android.graphics.Bitmap;
- import android.graphics.Canvas;
- import android.graphics.Color;
- import android.graphics.Paint;
- import android.graphics.PorterDuff;
- import android.graphics.PorterDuffXfermode;
- import android.graphics.RectF;
- import android.graphics.Xfermode;
- import android.graphics.drawable.Drawable;
- import android.graphics.drawable.NinePatchDrawable;
- import android.util.AttributeSet;
- import android.widget.ImageView;
- import com.xyt.yangguangchufang.R;
- public class CircleImageView extends ImageView {
- private static final Xfermode MASK_XFERMODE;
- private Bitmap mask;
- private Paint paint;
- private int mBorderWidth = 10;
- private int mBorderColor = Color.parseColor("#f2f2f2");
- static {
- PorterDuff.Mode localMode = PorterDuff.Mode.DST_IN;
- MASK_XFERMODE = new PorterDuffXfermode(localMode);
- }
- public CircleImageView(Context paramContext) {
- super(paramContext);
- }
- public CircleImageView(Context paramContext, AttributeSet paramAttributeSet) {
- this(paramContext, paramAttributeSet, 0);
- }
- public CircleImageView(Context paramContext, AttributeSet paramAttributeSet, int paramInt) {
- super(paramContext, paramAttributeSet, paramInt);
- TypedArray a = paramContext.obtainStyledAttributes(paramAttributeSet, R.styleable.CircularImage);
- mBorderColor = a.getColor(R.styleable.CircularImage_border_color, mBorderColor);
- final int defalut = (int) (2 * paramContext.getResources().getDisplayMetrics().density + 0.5f);
- mBorderWidth = a.getDimensionPixelOffset(R.styleable.CircularImage_border_width, defalut);
- a.recycle();
- }
- private boolean useDefaultStyle = false;
- public void setUseDefaultStyle(boolean useDefaultStyle) {
- this.useDefaultStyle = useDefaultStyle;
- }
- @Override
- protected void onDraw(Canvas paramCanvas) {
- if (useDefaultStyle) {
- super.onDraw(paramCanvas);
- return;
- }
- final Drawable localDrawable = getDrawable();
- if (localDrawable == null)
- return;
- if (localDrawable instanceof NinePatchDrawable) {
- return;
- }
- if (this.paint == null) {
- final Paint localPaint = new Paint();
- localPaint.setFilterBitmap(false);
- localPaint.setAntiAlias(true);
- localPaint.setXfermode(MASK_XFERMODE);
- this.paint = localPaint;
- }
- final int width = getWidth();
- final int height = getHeight();
- /** 保存layer */
- int layer = paramCanvas.saveLayer(0.0F, 0.0F, width, height, null, 31);
- /** 设置drawable的大小 */
- localDrawable.setBounds(0, 0, width, height);
- /** 将drawable绑定到bitmap(this.mask)上面(drawable只能通过bitmap显示出来) */
- localDrawable.draw(paramCanvas);
- if ((this.mask == null) || (this.mask.isRecycled())) {
- this.mask = createOvalBitmap(width, height);
- }
- /** 将bitmap画到canvas上面 */
- paramCanvas.drawBitmap(this.mask, 0.0F, 0.0F, this.paint);
- /** 将画布复制到layer上 */
- paramCanvas.restoreToCount(layer);
- drawBorder(paramCanvas, width, height);
- }
- /**
- * 绘制最外面的边框
- *
- * @param canvas
- * @param width
- * @param height
- */
- private void drawBorder(Canvas canvas, final int width, final int height) {
- if (mBorderWidth == 0) {
- return;
- }
- final Paint mBorderPaint = new Paint();
- mBorderPaint.setStyle(Paint.Style.STROKE);
- mBorderPaint.setAntiAlias(true);
- mBorderPaint.setColor(mBorderColor);
- mBorderPaint.setStrokeWidth(mBorderWidth);
- /**
- * 坐标x:view宽度的一般 坐标y:view高度的一般 半径r:因为是view的宽度-border的一半
- */
- canvas.drawCircle(width >> 1, height >> 1, (width - mBorderWidth) >> 1, mBorderPaint);
- canvas = null;
- }
- /**
- * 获取一个bitmap,目的是用来承载drawable;
- * <p>
- * 将这个bitmap放在canvas上面承载,并在其上面画一个椭圆(其实也是一个圆,因为width=height)来固定显示区域
- *
- * @param width
- * @param height
- * @return
- */
- public Bitmap createOvalBitmap(final int width, final int height) {
- Bitmap.Config localConfig = Bitmap.Config.ARGB_8888;
- Bitmap localBitmap = Bitmap.createBitmap(width, height, localConfig);
- Canvas localCanvas = new Canvas(localBitmap);
- Paint localPaint = new Paint();
- final int padding = mBorderWidth - 3;
- /**
- * 设置椭圆的大小(因为椭圆的最外边会和border的最外边重合的,如果图片最外边的颜色很深,有看出有棱边的效果,所以为了让体验更加好,
- * 让其缩进padding px)
- */
- RectF localRectF = new RectF(padding, padding, width - padding, height - padding);
- localCanvas.drawOval(localRectF, localPaint);
- return localBitmap;
- }
- }
xml布局:
- <com.xyt.ygcf.widget.CircleImageView
- xmlns:myxmlns="http://schemas.android.com/apk/res/com.xyt.yangguangchufang"
- android:id="@+id/fragment_my_image_user"
- android:layout_width="110dp"
- android:layout_height="110dp"
- android:layout_marginBottom="10dp"
- android:contentDescription="@null"
- android:scaleType="centerCrop"
- myxmlns:border_width="@dimen/circle_width"
- myxmlns:border_color="@color/f2f2f2"
- android:src="@drawable/ic_my_avar_unlogin" />
attr文件:
- <declare-styleable name="CircularImage">
- <attr name="border_width" format="dimension" />
- <attr name="border_color" format="color" />
- </declare-styleable>
抽空还要认真研究一下canvas,理解还不是太深刻。
关于Android圆形图片的一种优化方案(可以显示网络图片)的更多相关文章
- Android圆形图片自定义控件
Android圆形图片控件效果图如下: 代码如下: RoundImageView.java package com.dxd.roundimageview; import android.content ...
- Android圆形图片--自己定义控件
Android圆形图片控件效果图例如以下: 代码例如以下: RoundImageView.java package com.dxd.roundimageview; import android.con ...
- 查询效率提升10倍!3种优化方案,帮你解决MySQL深分页问题
开发经常遇到分页查询的需求,但是当翻页过多的时候,就会产生深分页,导致查询效率急剧下降. 有没有什么办法,能解决深分页的问题呢? 本文总结了三种优化方案,查询效率直接提升10倍,一起学习一下. 1. ...
- android绘制圆形图片的两种方式
看下效果先 下面有完整的示例代码 使用BitmapShader(着色器) 我们在绘制view 的时候 就是小学上美术课 用水彩笔在本子上画画 使用着色器绘制圆形图片最简单的理解方式 就是把bitmap ...
- Android圆形图片--ImageView
[ RoundImageView.java ] package com.dxd.roundimageview; import android.content.Context; import andro ...
- Android圆形图片不求人,自定义View实现(BitmapShader使用)
在很多APP当中,圆形的图片是必不可少的元素,美观大方.本文将带领读者去实现一个圆形图片自定View,力求只用一个Java类来完成这件事情. 一.先上效果图 二.实现思路 在定义View 的onMea ...
- 在android中画圆形图片的几种办法
在开发中常常会有一些需求,比方显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其它的一些形状. 可是往往我们手上的图片或者从server获取到的图片都是方形的.这时候就须要我们自己进行处理, ...
- Android 圆形图片加白边加阴影
/** * 将图片准转为圆形 * * @param bitmap * @return */ public static Bitmap getRoundedCornerBitmap(String pat ...
- Android 截取手机屏幕两种实现方案解析
近期在开发的过程中,遇到了一个须要截取屏幕保存为图片的需求,详细为截取webview的视图保存图片. 方法1:首先想到的思路是利用SDK提供的View.getDrawingCache()方法: pub ...
随机推荐
- 上海洋码头(www.ymatou.com)急招技术人才(职位:互联网软件开发工程师,.NET网站架构师,Web前端开发工程师,高级测试工程师,产品经理)
对公司招聘职位有兴趣的童鞋可以把简历发送到zhangzhiqiang@ymatou.com,我们HR会快速给你答复. 互联网软件开发工程师 岗位职责: 1.参与洋码头各个平台(www.ymatou.c ...
- 初识HTTP 1.1与HTTP 1.0
HTTP 1.1与HTTP 1.0的比较 一个WEB站点每天可能要接收到上百万的用户请求,为了提高系统的效率,HTTP 1.0规定浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个 ...
- 判断浏览器是IE的几种方式
<script> if(!+[1,])alert("这是ie浏览器"); else alert("这不是ie浏览器"); </script&g ...
- Iframe的应用以及父窗口和子窗口的相互访问
点评:Iframe和FRAME的区别,方便大家以后在使用过程中根据实际需要取舍.- function getParentIFrameDocument(aID) { var rv = null; // ...
- Hadoop学习笔记(7) ——高级编程
Hadoop学习笔记(7) ——高级编程 从前面的学习中,我们了解到了MapReduce整个过程需要经过以下几个步骤: 1.输入(input):将输入数据分成一个个split,并将split进一步拆成 ...
- shell变量定义
http://blog.csdn.net/longxibendi/article/details/6125075 set - 读写变量语法:set varName ?value?描述:返回变量varN ...
- Spark RDD概念学习系列之RDD的5大特点(五)
RDD的5大特点 1)有一个分片列表,就是能被切分,和Hadoop一样,能够切分的数据才能并行计算. 一组分片(partition),即数据集的基本组成单位,对于RDD来说,每个分片都会被一个计 ...
- 异步编程之Promise(2):探究原理
异步编程系列教程: (翻译)异步编程之Promise(1)--初见魅力 异步编程之Promise(2):探究原理 异步编程之Promise(3):拓展进阶 异步编程之Generator(1)--领略魅 ...
- Skeletal Animation
[Skeletal Animation] Skeletal animation is the use of “bones” to animate a model. The movement of bo ...
- *** WARNING L1: UNRESOLVED EXTERNAL SYMBOL
kei编译时提示: *** WARNING L1: UNRESOLVED EXTERNAL SYMBOL *** WARNING L1:reference made to unresolved ext ...