Android中实现iOS中的毛玻璃效果

时间:2019-03-30
本文章向大家介绍Android中实现iOS中的毛玻璃效果,主要包括Android中实现iOS中的毛玻璃效果使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

为了实现毛玻璃效果,我们需要一组compute kernels(.rs文件中编写),及一组用于控制renderScript相关的Javaapi(.rs文件自动生成为Java类)。 由于compute kernels的编写需要一定的学习成本,从JELLY_BEAN_MR1开始,Androied内置了一些compute kernels用于常用的操作,其中就包括了Gaussian blur。

下面,通过实操来讲解一下RenderScript来实现高斯模糊,最终实现效果(讲文字背景进行模糊处理):

实现代码:

<html><head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><textarea style="width:99%;height:99%">private 
 void applyBlur() { 
  image.getViewTreeObserver().addOnPreDrawListener(new  
ViewTreeObserver.OnPreDrawListener() { 
    @Override 
    public boolean onPreDraw() { 
      image.getViewTreeObserver().removeOnPreDrawListener(this); 
      image.buildDrawingCache(); 
      Bitmap bmp = image.getDrawingCache(); 
      blur(bmp, text, true); 
      return true; 
    } 
  }); 
} 
@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1) 
private void blur(Bitmap bkg, View view) { 
  long startMs = System.currentTimeMillis(); 
  float radius = 20; 
  Bitmap overlay = Bitmap.createBitmap((int)(view.getMeasuredWidth()), 
 (int)(view.getMeasuredHeight()), Bitmap.Config.ARGB_8888); 
  Canvas canvas = new Canvas(overlay); 
  canvas.translate(-view.getLeft(), -view.getTop()); 
  canvas.drawBitmap(bkg, 0, 0, null); 
  RenderScript rs = RenderScript.create(SecondActivity.this); 
  Allocation overlayAlloc = Allocation.createFromBitmap(rs, overlay); 
  ScriptIntrinsicBlur blur = ScriptIntrinsicBlur.create(rs,  
overlayAlloc.getElement()); 
  blur.setInput(overlayAlloc); 
  blur.setRadius(radius); 
  blur.forEach(overlayAlloc); 
  overlayAlloc.copyTo(overlay); 
  view.setBackground(new BitmapDrawable(getResources(), overlay)); 
  rs.destroy(); 
  statusText.setText("cost " + (System.currentTimeMillis() - startMs) + 
 "ms"); 
}</textarea></body></html> 

布局如下:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:Android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
  <ImageView 
    android:id="@+id/picture" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:src="@drawable/splash" 
    android:scaleType="centerCrop" />
  <TextView 
    android:id="@+id/text"
    android:gravity="center_horizontal" 
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Gaussian Blur"
    android:textColor="@android:color/black"
    android:layout_gravity="center_vertical"
    android:textStyle="bold"
    android:textSize="48sp" />
  <LinearLayout 
    android:id="@+id/controls" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="#7f000000" 
    android:orientation="vertical"
    android:layout_gravity="bottom" />
</FrameLayout>

以上所述是小编给大家介绍的Android中实现iOS中的毛玻璃效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!