Android 图片网格布局控件

MultiPictureView是一个可以将多张图片以网格的方式显示的View，通过简单的接口实现烦人的布局，从此解放你的小手手

我们提供的服务有：网站制作、成都网站制作、微信公众号开发、网站优化、网站认证、西湖ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的西湖网站制作公司

第一步：添加到根build.gradle

第二步：在模块的build.gradle添加依赖

在Demo中使用了下面两个开源项目，感谢一哈，虽然第二个是我写的...大家要觉得好用，记得给我点个赞

Android高性能的圆角图片控件RoundImageView

之前项目中的圆角图片控件是通过对 ImageView 的图片转换为 Bitmap ，在 Bitmap 的基础上实现的图片圆角。因为要对图片资源进行 Bitmap 转换，所以很担心在 app 中图片资源非常多的时候造成内存溢出或程序卡顿。所以换成了下面的方式实现圆角图片，原理非常简单，通过 canvas 的 clipPath 方法，剪裁整个 canvas 以达到实现图片圆角的目的。

一言以蔽之， clipPath 实现圆角，是剪裁 ImageView 的画布 （canvas） ；而操作 Bitmap 实现圆角，是剪裁 ImageView 的图片

Android自定义控件之可平移、缩放、旋转图片控件

先上效果图

源码

单点拖动图片对图片进行平移操作。双手缩放图片大小和旋转图片到一定的角度。图片缩放的时候 不能大于最大的缩放因子和小于最小的缩放因子。大于最大缩放因子或者小于最小缩放因子需要对图像进行回弹。图片旋转的角度只能为90度的倍数，不满足90度要进行回弹。图片回弹要一个渐变的效果。

大体思路： 首先，Android中提供了Matrix类可以对图像进行处理。其次，要显示一张图片最容易想到的就是ImageView。回弹要求渐变的过程，可以通过属性动画进行设置。所以大体的思路是：继承ImageView，重写onTouchEvent()方法，判断事件类型，在对应的事件使用Matrix对图像进行变换。

Matrix是一个已经封装好的矩阵，最重要的作用就是对坐标点进行变换。

举个栗子：

1.某个点(x0，y0，1)通过单位矩阵E映射得到的点还是(x0,y0,1)。

3.点(x0，y0，1)通过矩阵T映射得到的点就会做如下的变换

可以看到点(x0，y0，1)经过T矩阵在x轴方向上平移了dx，在y轴方向上平移了dy。

通过以上的变换可以得到具体的思路： 我们维护一个图像对应的矩阵mCurrentMatrix，该矩阵主要是对ImageView中的图像的各个点进行映射。ImageView在容器位置摆放完成之后，置mCurrentMatrix矩阵为单位矩阵。当onTouchEvent()方法中触发单点触控并且手指进行平移的时候，调用矩阵mCurrentMatrix的postTranslate(dx,dy)，对mCurrentMatrix进行变换。当手指抬起，利用变换结束后的矩阵对图像的各个点进行映射，从而得到平移变换后的图像。同理可得，在两只手指进行缩放旋转的时候，我们对矩阵mCurrentMatrix进行各种变换，当缩放旋转的事件结束再利用变换完的矩阵去映射图像的各个点，从而得到缩放、旋转后的图像。

安卓自定义View进阶 - Matrix原理

安卓自定义View进阶 - Matrix详解

首先理清事件的逻辑：

初始化图像大小和位置

缩放图像大小和控件大小自适应，平移图像中心和控件中心重合

onTouchEvent()函数

平移操作

将图像对应的矩阵进行变换。

缩放操作

mBoundRectF为记录图像边界的矩形。缩放的时候选取图像的中心进行缩放。

旋转操作

旋转的时候旋转的旋转中心也是图像的中心

图像中各个点的映射

调用ImageView的setImageMatrix(Matrix matrix)会让ImageView根据设置的matrix去重新绘制图像。

更新图像的矩形边界

获得图像的矩形，并根据矩阵映射矩形各个点的坐标。

缩放回弹

旋转回弹

一些计算方法

要求图像的变换是一个渐变的过程，很容易想到的就是属性动画。因为属性动画本身就是对值进行不断set的过程。而我们维护的矩阵也是一个值，所以很自然可以想到，如果得到回弹之前的矩阵的值以及回弹之后矩阵的值，就可以根据动画监听器中动画当前的系数值去改变矩阵的值。

对animator对象设置完监听器之后，就可以在手指抬起的时候调用属性动画的start()方法开启动画。

自定义可平移、缩放、旋转的控件主要点有两个方面：一是onTouchEvent()中判断平移、旋转、缩放的触发条件，平移位移量、缩放比例因子、旋转角度的计算。二是Matrix矩阵的应用。

android ImageView控件，图片如何铺满整个控件？

android imageView有一个属性就是scaleType扩大类型，使用fitXy值就可以实现铺满整个空间，操作如下：在ImageView里加上android:scaleType="fitXy"。\x0d\x0a 默认还有其他很多类型：scaleType=“matrix” 是保持原图大小、从左上角的点开始，以矩阵形式绘图。\x0d\x0a\x0d\x0ascaleType=“fitXY” 是将原图进行横方向（即XY方向）的拉伸后绘制的。\x0d\x0a\x0d\x0ascaleType=“fitStart” 是将原图沿左上角的点（即matrix方式绘图开始的点），按比例缩放原图绘制而成的。

Android 控件 RoundedBitmapDrawable

RoundedBitmapDrawable 是 supportV4 下的一个类，有了它，显示圆角和圆形图片的情况下就不需要额外的第三方类库了，还能和各种图片加载库配合使用。

点击此处 可以看到官方的介绍。

setCircular(boolean circular) : 把图片的形状设为圆形；

setCornerRadius(float cornerRadius) : 设置图片的圆角半径。

这里贴一下源码，更能清晰的知道它的实现：

至于具体的实现，阅读源码发现官方使用了 BitmapShader 来实现的圆角。

效果

首先来看下原图和处理后效果，以及做一些扩展，如添加一个边框

通过 RoundedBitmapDrawableFactory 传递要转换bitmap 我就可以很简单的生成一个如下图的圆角图片

可以看到我们仅仅只是改了一个属性就实现了如下图正圆形的转换，但你可能已经发现图像有一些变形，因为内部在接收到 circular == true 后先是对图像进行了转换为正方形的操作，这个操作是一个伸缩放操作，而不是裁剪，所以图像发生了变形，所以在使用 setCircular 时最好能保证你的原图时一个正方形的，如果不是的话，下面我们也会给出相应解决方案

我们自己进行对bitmap的裁剪来转换成正方形，就解决了上面提到的拉伸问题，再绘制边框就实现了一个如下带边框的正圆形图片

RoundedBitmapDrawable 也可以直接设置转换过程的

这些操作，来更好的工作

到这个里我们就可以把项目中的圆角图片的控件更换一下，平时记得多留意一下系统提供的一些API,可能会帮我们节省不少时间。

引用：

★★★ Android一些容易被忽略的类-RoundedBitmapDrawable

★★ Android 必知必会-使用 supportV4 的 RoundedBitmapDrawable 实现圆角

名称栏目：图片控件Android,图片控件不能点击
文章源于：http://chengdu.cdxwcx.cn/article/dschjjj.html