Android教程網 >> Android技術 >> 關於Android編程 >> Android中實現iOS中的毛玻璃效果

Android中實現iOS中的毛玻璃效果

編輯：關於Android編程

為了實現毛玻璃效果，我們需要一組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 >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:text
    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中的毛玻璃效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對本站網站的支持！

上一頁:解決Android屏幕四周閃現紅框的問題
下一頁:ionic App 解決android端在真機上tab處於頂部的問題

關於Android編程

Android編程入門 Android技術基礎 Android資訊關於Android編程 Android開發 Android開發環境 Android開發實例

相關文章