Jetpack创作中的模糊

Question

我如何模糊背景或创建一个模糊覆盖在Jetpack撰写？没有任何关于这一主题的文件或资源。简单地说:我想在Jetpack撰写中实现一些类似于这的东西

Answer 1

这是已被请求的特性 (仅在Android12及以上版本的Compose 1.1.0-alpha03中实现)，您可能希望使用它。

这样做的目的是创建一个模糊修饰符，如下所示：

Modifier.blur(radius = 16.dp)

Answer 2

在Jetpack Compose:1.1.0-alpha03 03中，您可以使用：

Modifier.blur(30.dp)

但只支持Android 12和更高版本。在较旧的Android版本上使用此修饰符的尝试将被忽略。

参考：Modifier.blur

Answer 3

对于比API 31更早的版本，您仍然可以使用RenderScript (不推荐)或RenderScript Intrinsics替换工具包。第一种方法是：

val bitmap = BitmapFactory.decodeResource(
    LocalContext.current.resources,
    R.drawable.your_image
)
val rs = RenderScript.create(LocalContext.current)
val bitmapAlloc = Allocation.createFromBitmap(rs, bitmap)
ScriptIntrinsicBlur.create(rs, bitmapAlloc.element).apply {
    setRadius(BLUR_RADIUS)
    setInput(bitmapAlloc)
    forEach(bitmapAlloc)
}
bitmapAlloc.copyTo(bitmap)
rs.destroy()

第二步，您必须将renderscript-工具箱模块添加到您的项目中(请参阅这里)，然后使用：

val bitmap = BitmapFactory.decodeResource(
    LocalContext.current.resources,
    R.drawable.your_image
).let { Toolkit.blur(it, BLUR_RADIUS) }

最后，您可以这样显示模糊的位图：

Image(
    bitmap = bitmap.asImageBitmap(),
    "some description"
)