Android如何实现类似CSS中image-rendering: pixelated的像素化渲染效果?
Android ImageView 实现类似CSS
image-rendering: pixelated 效果的方法 有完全对应的实现方案,核心逻辑是禁用图片缩放时的平滑插值算法,改用近邻采样保留像素块的锐利边缘,具体实现分两种:
方法1:全版本兼容方案(适配所有Android版本)
通过自定义ImageView或者配置BitmapDrawable的绘制参数实现:
- 自定义PixelatedImageView示例(Kotlin):
class PixelatedImageView @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 ) : AppCompatImageView(context, attrs, defStyleAttr) { override fun onDraw(canvas: Canvas) { // 临时关闭画布的抗锯齿和位图滤波标记 canvas.drawFilter = PaintFlagsDrawFilter( 0, Paint.ANTI_ALIAS_FLAG or Paint.FILTER_BITMAP_FLAG or Paint.DITHER_FLAG ) super.onDraw(canvas) } }
- 给普通ImageView直接设置像素化Drawable的示例:
// originalBitmap为你的原始图源 val pixelDrawable = BitmapDrawable(resources, originalBitmap).apply { paint.apply { isFilterBitmap = false // 核心配置:关闭位图滤波 isAntiAlias = false // 关闭抗锯齿 isDither = false // 关闭抖动 } } imageView.setImageDrawable(pixelDrawable)
方法2:Android 12(API 31+)原生配置
系统原生提供了和CSSimage-rendering对应的配置接口,无需自定义控件:
// 开启像素化效果,使用近邻采样 imageView.imageSmoothingMode = ImageView.IMAGE_SMOOTHING_MODE_NEAREST // 如需恢复默认平滑插值效果,调用以下代码即可 // imageView.imageSmoothingMode = ImageView.IMAGE_SMOOTHING_MODE_AUTO
若使用Glide、Picasso等第三方图片加载框架,只需要在图片加载完成的回调中,对返回的Drawable或者目标ImageView执行上述配置即可生效。
内容的提问来源于stack exchange,提问作者jbmcle
相关产品推荐
相关产品推荐

