快捷導(dǎo)航

Android中實(shí)現(xiàn)iOS中的毛玻璃效果

更新時(shí)間：2017年06月13日 09:22:37 作者：qq_20118885

為了實(shí)現(xiàn)毛玻璃效果，我們需要一組compute kernels（.rs文件中編寫），及一組用于控制renderScript相關(guān)的Javaapi(.rs文件自動(dòng)生成為Java類)。這篇文章主要介紹了Android中實(shí)現(xiàn)iOS中的毛玻璃效果,需要的朋友可以參考下

為了實(shí)現(xiàn)毛玻璃效果，我們需要一組compute kernels（.rs文件中編寫），及一組用于控制renderScript相關(guān)的Javaapi(.rs文件自動(dòng)生成為Java類)。由于compute kernels的編寫需要一定的學(xué)習(xí)成本，從JELLY_BEAN_MR1開始，Androied內(nèi)置了一些compute kernels用于常用的操作，其中就包括了Gaussian blur。

下面，通過實(shí)操來講解一下RenderScript來實(shí)現(xiàn)高斯模糊，最終實(shí)現(xiàn)效果（講文字背景進(jìn)行模糊處理）：

實(shí)現(xiàn)代碼:

<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中實(shí)現(xiàn)iOS中的毛玻璃效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: