文档章节

Android 使用Universal Image Loader绘制带圆角的图片(一)

yhchinabest
 yhchinabest
发布于 2015/07/20 01:08
字数 506
阅读 3988
收藏 8

Android 使用Universal Image Loader绘制带圆角的图片(一)

  • 绘制带圆角的控件难吗?貌似不难。对于一个普通layout或者widget,要绘制圆角,只要把 background设置成下面这样的drawable就行了。

      <?xml version="1.0" encoding="utf-8"?>
      <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
      <!-- 填充的颜色 -->
      <solid android:color="@color/pure_white" />
      <!-- 设置按钮的四个角为弧形 -->
      <!-- android:radius 弧形的半径 -->
      <corners android:radius="@dimen/small_corner_radius" />
      </shape>

    但是,对于图片控件ImageView,这种方法却会没有效果。要想知道原因,就得看android源码。首先看看ImageView是如何设置Bitmap的。

      public void setImageBitmap(Bitmap bm) {
          // if this is used frequently, may handle bitmaps explicitly
          // to reduce the intermediate drawable object
          setImageDrawable(new BitmapDrawable(mContext.getResources(), bm));
      }

    哦,它通过Bitmap创建了一个BitmapDrawable。那BitmapDrawable干了啥呢?

      @Override
      public void draw(Canvas canvas) {
          Bitmap bitmap = mBitmap;
          if (bitmap != null) {
              final BitmapState state = mBitmapState;
              if (state.mRebuildShader) {
                  ......
    
                  if (tmx == null && tmy == null) {
                      state.mPaint.setShader(null);
                  } else {
                      state.mPaint.setShader(new BitmapShader(bitmap,
                              tmx == null ? Shader.TileMode.CLAMP : tmx,
                              tmy == null ? Shader.TileMode.CLAMP : tmy));
                  }
                  .......
                  copyBounds(mDstRect);
              }
    
             Shader shader = state.mPaint.getShader();
              final boolean needMirroring = needMirroring();
              if (shader == null) {
                  ......
                  canvas.drawBitmap(bitmap, null, mDstRect, state.mPaint);
                  if (needMirroring) {
                      canvas.restore();
                  }
              } else {
                  ......
                  canvas.drawRect(mDstRect, state.mPaint);
              }
          }
      }

    注意红色的代码,可以大概知道,这里仅仅把图片绘制到了一个固定的矩形框中,所以图片部分还是矩形。

    那么该如何解决这个问题呢?还好并不复杂,看看十分流行的UIL(Universal Image Loader https://github.com/nostra13/Android-Universal-Image-Loader )是怎么做的。答案就在它的RoundedBitmapDisplayer.java中的RoundedDrawable类。

      public static class RoundedDrawable extends Drawable {
    
      public RoundedDrawable(Bitmap bitmap, int cornerRadius, int margin, ViewScaleType scaleType) 
      {
          this.cornerRadius = cornerRadius;
          this.margin = margin;
          bitmapShader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
          mBitmapRect = new RectF (margin, margin, bitmap.getWidth() - margin, bitmap.getHeight() - margin);
          paint = new Paint();
          paint.setAntiAlias(true);
          paint.setShader(bitmapShader);
          mScaleType = scaleType;
      }
    
      @Override
      public void draw(Canvas canvas)
      {
          canvas.drawRoundRect(mRect, cornerRadius, cornerRadius, paint);
          //canvas.drawRect(mDstRect, state.mPaint); ImageView的绘制方法
}
      }

    我只贴出了构造器和draw两个方法。构造器的代码表明它也是用BitmapShader来进行图片的绘制的,和ImageView的区别就在于,它是用drawRoundRect的方法来进行绘制的。所以它可以绘制出圆角的图片。

Edit By MaHua

© 著作权归作者所有

yhchinabest
粉丝 3
博文 48
码字总数 12695
作品 0
武汉
高级程序员
私信 提问
Android开发优秀博文收录

Android 完美实现图片圆角和圆形(对实现进行分析) 2.Android之Loader理解 3.Android Loader详解一:概述 4. Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅 5. And...

JayPark不作死
2014/09/29
316
0
Material过渡+Glide显示问题踩坑

大家好,我系苍王。 以下是我这个系列的相关文章,有兴趣可以参考一下,可以给个喜欢或者关注我的文章。 [Android]如何做一个崩溃率少于千分之三噶应用app--章节列表 这里说的坑的情况是使用...

CangWang
2018/07/12
0
0
Android UI:XML文件配置按钮等背景方案

(1)在开发中,我们经常会遇到一些纯色或带边框的简单样式的按钮或div,很多时候,都是用九宫格的背景图片来贴上去。但仔细想来,使用图片也带来了一些性能上的问题,包括过多的图片文件会导...

古沐风
2014/01/24
3.2K
0
Universal-Image-Loader的使用

下载地址https://github.com/nostra13/Android-Universal-Image-Loader Android 1.5以上支持 每一个图片的加载和显示任务都运行在独立的线程中,除非这个图片缓存在内存中,这种情况下图片会...

厚德
2015/05/18
240
0
Android ListView复杂列表优化实践

原文:Android ListView复杂列表优化实践 很多社交App都不免会涉及到复杂的列表元素实现,一个列表上面可能大量的图片,不定长的评论列表,给手机端的程序员带来了不少的挑战。本文就是在实现...

叶大侠
2015/02/07
5.4K
18

没有更多内容

加载失败,请刷新页面

加载更多

CSS--列表

一、列表标识项 list-style-type none:去掉标识项 disc:默认实心圆 circle:空心圆 squire:矩形 二、列表项图片 list-style-img: 取值:url(路径) 三、列表项位置 list-style-position:...

wytao1995
今天
4
0
linux 命令-文本比较comm、diff、patch

本文原创首发于公众号:编程三分钟 今天学了三个文本比较的命令分享给大家。 comm comm 命令比较相同的文本 $ cat charabc$ cat chardiffadc 比如,我有两个文件char和chardiff如上,...

编程三分钟
今天
7
0
QML教程

https://blog.csdn.net/qq_40194498/article/category/7580030 https://blog.csdn.net/LaineGates/article/details/50887765...

shzwork
今天
5
0
HA Cluster之5

对于使用heartbeat v2版的CRM配置的集群信息都是保存在一个名为cib.xml的配置文件中,存放在/var/lib/heartbeat/crm/下。CIB:Cluster Information Base,由于xml文件配置不是那么方便,所以...

lhdzw
今天
6
0
玩转Redis-Redis基础数据结构及核心命令

  《玩转Redis》系列文章主要讲述Redis的基础及中高级应用,文章基于Redis5.0.4+。本文主要讲述Redis的数据结构String,《玩转Redis-Redis基础数据结构及核心命令》相关操作命令为方便对比...

zxiaofan666
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部