- 缩放比例
缩放比例很简单,范围是 0-100%,以百分比形式呈现,0%就是原始大小,100%就是放大的最大倍数。
这样的依据比较直观,也可行。
- 缩放倍数(系数)
放大倍数,范围在 最初的放大倍数—最大的放大倍数。
我这里选择的是第二个。原因是ScaleGestureDetector.OnScaleGestureListener
里的onScale
是我们双指捏撑的重要方法,它的getScaleFactor()
能够提供当前的缩放系数,比如说我在一个 1倍->3倍的放大过程中,这个方法能够返回能够直接和缩放倍数挂钩。
2、原始图片是怎么样的?放大后的图片又是怎么样的?
Bitmap是我们要缩放的图片,而view是这个bitmap的容器,那么Bitmap应该要在这个View居中显示更符合实际情况。
其次原始图片时怎样的?我们需要留空吗?比如一个图片可能才 300*200,你让他居中显示,它左右上下都会留白。
通过查看多个App的情况,缩小的状态其实就是 大的那一边填充,放大状态的就是小的那一边填充:
- 如果图片比例是 宽大于高的
那么缩小状态应该是左右填充屏幕,放大状态应该是上下边填充屏幕
这样的话,最小缩放系数就是 view.getWidth()/bitmap.getWidth(),最大缩放系数就是 getHeight() / mBitmap.getHeight()
- 如果图片比例是 高大于宽的
那么缩小状态应该是上下填充屏幕,放大状态应该是左右填充屏幕
缩小/放大系数反之。
其实这个解释不是很难,大家找幅图,然后拿着图片去Activity里面试一下,再和别的App的比较一下就Ok了。
=====================================================================
OK,有了这些我们可以去开始做我们的ScalableView了。
第一步、继承自View,初始化所有变量
为了去除干扰因数,我选择继承自View而不是 ImageView。
下面是用到的所有变量,变量是边做边产生的:
public class RikkaScalableView extends View {
//初始化Bimap的宽度
private float imageWidth = Utils.dpToPi