创建模糊的透明背景效果


70

我试图使视图的背景不仅透明,而且具有模糊效果。这样,下面的视图似乎无法聚焦。我希望它看起来像在按住电源按钮后的屏幕一样。有任何想法吗?

Answers:


138

现在不推荐使用window标志,您必须模糊自己。我在其他地方回答了这个问题,但是这是使视图模糊的方法:

现在,您可以使用RenderScript库中的ScriptIntrinsicBlur快速模糊。是访问RenderScript API的方法。以下是我制作的用于模糊视图和位图的类:

import android.support.v8.renderscript.*;

public class BlurBuilder {
    private static final float BITMAP_SCALE = 0.4f;
    private static final float BLUR_RADIUS = 7.5f;

    public static Bitmap blur(View v) {
        return blur(v.getContext(), getScreenshot(v));
    }

    public static Bitmap blur(Context ctx, Bitmap image) {
        int width = Math.round(image.getWidth() * BITMAP_SCALE);
        int height = Math.round(image.getHeight() * BITMAP_SCALE);

        Bitmap inputBitmap = Bitmap.createScaledBitmap(image, width, height, false);
        Bitmap outputBitmap = Bitmap.createBitmap(inputBitmap);

        RenderScript rs = RenderScript.create(ctx);
        ScriptIntrinsicBlur theIntrinsic = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
        Allocation tmpIn = Allocation.createFromBitmap(rs, inputBitmap);
        Allocation tmpOut = Allocation.createFromBitmap(rs, outputBitmap);
        theIntrinsic.setRadius(BLUR_RADIUS);
        theIntrinsic.setInput(tmpIn);
        theIntrinsic.forEach(tmpOut);
        tmpOut.copyTo(outputBitmap);

        return outputBitmap;
    }

    private static Bitmap getScreenshot(View v) {
        Bitmap b = Bitmap.createBitmap(v.getWidth(), v.getHeight(), Bitmap.Config.ARGB_8888);
        Canvas c = new Canvas(b);
        v.draw(c);
        return b;
    }
}

要将其应用于片段,请将以下内容添加到onCreateView

final Activity activity = getActivity();
final View content = activity.findViewById(android.R.id.content).getRootView();
if (content.getWidth() > 0) {
    Bitmap image = BlurBuilder.blur(content);
    window.setBackgroundDrawable(new BitmapDrawable(activity.getResources(), image));
} else {
    content.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
        @Override
        public void onGlobalLayout() {
            Bitmap image = BlurBuilder.blur(content);
            window.setBackgroundDrawable(new BitmapDrawable(activity.getResources(), image));
        }
    });
}

注意:此解决方案要求min sdk为API 17

编辑: Renderscript已包含在支持v8中,从而可以将此答案降至api8。要使用gradle使其启用,请将这些行包括在gradle文件中(来自此answer),并使用android.support.v8.renderscript包中的Renderscript :

android {
  ...
  defaultConfig {
    ...
    renderscriptTargetApi *your target api*
    renderscriptSupportModeEnabled true
  }
  ...
}

1
你摇滚 这严重地帮助了我。我添加的一件事是模糊函数返回的位图是TransitionDrawable。这有助于使模糊效果显得更平滑。
杰西·莫里斯

1
关心评论BITMAP_SCALE和BLUR_RADIUS常数如何工作?谢谢
hitch.united 15-4-28

2
这对我不起作用。背景没有模糊在所有
托马斯Teilmann

1
对于那些说这行不通的人...您是否尝试过使用在onCreateView()中膨胀的视图作为背景的目标,而不是使用“窗口”(activity.getWindow())?这对我
有用

3
如何在活动中使用它?
MRID

17

如果您要做的只是模糊活动后面的窗口背景,那么您可以在活动(或任何类,例如具有窗口的AlertDialog)中使用此调用

getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND);

更新:此标志在Android 4.0中已弃用,不再起作用


正是我想要的。我很感激!
b_yng 2011年

不再支持。
Kaustubh 2015年

3
正如其他人所说的那样,不再支持此职位,该职位已有4年历史,因此,请关注B. Young的职位。
Idistic 2015年

@Idistic,但如果你遵循B.年轻的职位,你必须增加分钟SDK级别17: - /
portfoliobuilder

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.