Android 控件模糊案例

blurkit-android

项目地址：wonderkiln/blurkit-android

简介：The missing Android blurring library. Fast blur-behind layout that parallels iOS.

BlurKit is an extraordinarily easy to use utility to get live blurring just like on iOS. Built by Dylan McIntyre.

BlurKit is faster than other blurring libraries due to a number of bitmap retrieval and drawing optimizations. We've been logging benchmarks for the basic high-intensity tasks for a 300dp x 100dp BlurView:

TaskBlurKit timeAvg. time without BlurKitRetrieve source bitmap1-2 ms8-25 msBlur and draw to BlurView1-2 ms10-50ms

This results in an average work/frame time of 2-4ms, which will be a seamless experience for most users and apps.

Setup

Add BlurKit to your dependencies block:

compile 'com.wonderkiln:blurkit:1.0.0'

You also need to add RenderScript to your app module. Add these lines to the defaultConfig block of yourbuild.gradle.

renderscriptTargetApi 24renderscriptSupportModeEnabled true

Usage

BlurLayout

Add a BlurLayout to your layout just like any other view.

<com.wonderkiln.blurkit.BlurLayout    android:id="@+id/blurLayout"    android:layout_width="150dp"    android:layout_height="150dp">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:text="BlurKit!"        android:textColor="@android:color/white" /></com.wonderkiln.blurkit.BlurLayout>

The layout background will continuously blur the content behind it. If you know your background content will be somewhat static, you can set the layout fps to 0. At any time you can re-blur the background content by callinginvalidate() on the BlurLayout.

<com.wonderkiln.blurkit.BlurLayout xmlns:blurkit="http://schemas.android.com/apk/res-auto"    android:id="@+id/blurLayout"    android:layout_width="150dp"    android:layout_height="150dp"    blurkit:blk_fps="0" />

Other attributes you can configure are the blur radius and the downscale factor. Getting these to work together well can take some experimentation. The downscale factor is a performance optimization; the bitmap for the background content will be downsized by this factor before being drawn and blurred.

<com.wonderkiln.blurkit.BlurLayout xmlns:blurkit="http://schemas.android.com/apk/res-auto"    android:id="@+id/blurLayout"    android:layout_width="150dp"    android:layout_height="150dp"    blurkit:blk_blurRadius="12"    blurkit:blk_downscaleFactor="0.12"    blurkit:blk_fps="60" />

Other

You can use the BlurKit class which has a few useful blurring utilities. Before using this class outside of aBlurLayout, you need to initialize BlurKit.

public class MyApplication extends Application {    @Override    public void onCreate() {        BlurKit.init(this);    }}

You can blur a View, or a Bitmap directly.

// ViewBlurKit.getInstance().blur(View src, int radius);// BitmapBlurKit.getInstance().blur(Bitmap src, int radius);

You can also fastBlur a View. This optimizes the view blurring process by allocating a downsized bitmap and using a Matrix with the bitmaps Canvas to prescale the drawing of the view to the bitmap.

BlurKit.getInstance().fastBlur(View src, int radius, float downscaleFactor);

Proguard

If you use Proguard, add the following to your proguard-rules.pro:

-keep class com.wonderkiln.blurkit.** { *; }-dontwarn android.support.v8.renderscript.*-keepclassmembers class android.support.v8.renderscript.RenderScript {  native *** rsn*(...);  native *** n*(...);}

To Do (incoming!)

• [ ] SurfaceView support
• [ ] Support for use outside of an Activity (dialogs, etc.)
• [ ] Enhance retrieval of background content to only include views drawn behind the BlurLayout.

Credits

Dylan McIntyre

License

BlurKit-Android is MIT licensed.