Android关于图片方向问题

图片加载在Android开发中无处不在,也是让开发者比较头疼的一个地方,因为稍有不慎便可能会遇到OOM、图片失真之类的问题,那么除了常见的OOM、失真等问题之外,大家有没有遇到过图片方向不对的问题呢?
图片方向不对?啥?好像没遇到过……
嗯嗯,没遇到过也不要紧,因为今天你就“遇到”了。
那就先说明一下图片方向不对是指什么,我们来看看下面这张图:

93c2ea8aba626e8f5e18563ed627bed1.png

啥叫Exif
ExifExchangeable image file format的缩写,意为可交换图像文件格式,简单理解就是:Exif是存储在图片文件中的一串数据,描述了图片的一些属性信息,包括图片格式、尺寸、分辨率、色彩空间等。
Exif包含很多信息,这里我使用EXIF信息查看器查看下面这张图片的Exif信息:

得到的Exif信息摘要如下:

29cae528d5cb7b887b9200524c78fa8b.png

470ef424aa8e172cb9faefc011ed31f1.png

02d6d01de0c0d6b8fcbcb83ec643fb83.png

b66d9977a4b990da9f725f22cae825e1.png

ef99b472dfcee339ef9d5113970f2463.png

d09b4ca88d78159052fb4def2257be9e.png

a0a968be50d49648717e3764dec48b03.png

39b8989932a3592ee41af56ba9c20da9.png

细心的同学看到最后可能发现了和本片文章主题相关的一项信息,就是IFDO这一栏,IFDO这一栏描述了图片的方向和分辨率,其中方向为Rotate 180,是什么意思呢?意思就是当前这张图片被旋转了180°,如果图片展示的时候不经过任何处理,那么我们看到的将是一张倒立的图片。

解释

也就是说图片呈什么方向展示,和Exif中对图片方向的描述有关!

解决方案

接下来我们开始寻找解决方案。

调研与思考
Android端表现

首先,我们先看下Android手机的系统相册以及部分主流App是怎么处理的。
经过一番测试与调研,发现部分手机的系统相册以及常用的App,都会对旋转过的图片进行纠正,而对于翻转过(镜像)的图片则没有处理。例如本文最开始那张一组图片的截图,是我截的手机系统相册的图,其中数字为1368的图片是被旋转过的,但在手机上看起来方向却是正常的,而其它数字的图片是镜像的,看起来仍是翻转的。再如大家使用的微信,当我用微信从相册选择图片时

/**
 * 根据图片exif信息纠正图片方向
 */
fun File.correctImageExifOrientation(): File {
    val absolutePath = absolutePath
    val exifInterface = ExifInterface(absolutePath)
    val orientation = exifInterface.getAttributeInt(
        ExifInterface.TAG_ORIENTATION,
        ExifInterface.ORIENTATION_NORMAL
    )
    if (orientation == ExifInterface.ORIENTATION_UNDEFINED || orientation == ExifInterface.ORIENTATION_NORMAL) {
        return this
    }
    val matrix = Matrix()
    when (orientation) {
        ExifInterface.ORIENTATION_FLIP_HORIZONTAL -> matrix.setScale(-1f, 1f)
        ExifInterface.ORIENTATION_ROTATE_180 -> matrix.setRotate(180f)
        ExifInterface.ORIENTATION_FLIP_VERTICAL -> matrix.setScale(1f, -1f)
        ExifInterface.ORIENTATION_TRANSPOSE -> {
            matrix.setRotate(90f)
            matrix.postScale(-1f, 1f)
        }
        ExifInterface.ORIENTATION_ROTATE_90 -> matrix.setRotate(90f)
        ExifInterface.ORIENTATION_TRANSVERSE -> {
            matrix.setRotate(-90f)
            matrix.postScale(-1f, 1f)
        }
        ExifInterface.ORIENTATION_ROTATE_270 -> matrix.setRotate(-90f)
    }
    var bitmap = BitmapFactory.decodeFile(absolutePath)
    val width = bitmap.width
    val height = bitmap.height
    bitmap = Bitmap.createBitmap(bitmap, 0, 0, width, height, matrix, true)
    val ext = substringAfterLast("/").substringAfterLast(".", "").let {
        if (it.isBlank()) null else it
    when {
        "png".equals(ext, true) -> saveBitmap(bitmap, CompressFormat.PNG, 100)
        "webp".equals(ext, true) -> saveBitmap(bitmap, CompressFormat.WEBP, 100)
        else -> saveBitmap(bitmap, CompressFormat.JPEG, 100)
    }
    return this
}
 
/**
 * 保存Bitmap到文件
 *
 * @param bitmap Bitmap对象
 * @param format 压缩格式
 * @param quality 压缩质量
 * @return 是否保存成功
 */
fun File.saveBitmap(bitmap: Bitmap, format: CompressFormat, quality: Int): Boolean {
    val parentFile = parentFile
    if (parentFile?.exists() == true) {
        if (exists()) {
            delete()
        }
    } else {
        parentFile?.mkdirs()
    }
    var out: FileOutputStream? = null
    return try {
        out = FileOutputStream(this)
        bitmap.compress(format, quality, out)
        out.flush()
        true
    } catch (e: IOException) {
        e.printStackTrace()
        false
    } finally {
        if (out != null) {
            try {
                out.close()
            } catch (e: IOException) {
                e.printStackTrace()
            }
        }
    }
}

c9b21c804c65f00cf57aaa5ad9b7cd01.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农乐园

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值