Android如何实现模糊的半透明窗口



本示例使用自定义主题样式，实现模糊半透明的Activity。

1.  定义清单文件（AndroidManifest.xml）

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.       package="my.android.test"  
6.   
7.       android:versionCode="1"  
8.   
9.       android:versionName="1.0">  
10.   
11.       <!-- 使用android:theme属性给Activity设置主题样式 -->  
12.   
13.     <application android:icon="@drawable/icon" android:label="@string/app_name">  
14.   
15.         <activity android:name=".TranslucentBlur"  
16.   
17.                   android:label="@string/app_name"  
18.   
19.                   android:theme="@style/Theme.Transparent">  
20.   
21.             <intent-filter>  
22.   
23.                 <action android:name="android.intent.action.MAIN" />  
24.   
25.                 <category android:name="android.intent.category.LAUNCHER" />  
26.   
27.             </intent-filter>  
28.   
29.         </activity>  
30.   
31.     </application>  
32.   
33.     <uses-sdk android:minSdkVersion="9" />  
34.   
35. </manifest>  

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"      package="my.android.test"      android:versionCode="1"      android:versionName="1.0">      <!-- 使用android:theme属性给Activity设置主题样式 -->    <application android:icon="@drawable/icon" android:label="@string/app_name">        <activity android:name=".TranslucentBlur"                  android:label="@string/app_name"                  android:theme="@style/Theme.Transparent">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>    </application>    <uses-sdk android:minSdkVersion="9" /></manifest>

2.  定义字符串资源（values/strings.xml）

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <resources>  
4.   
5.     <string name="hello">Hello World, TranslucentBlur!</string>  
6.   
7.     <string name="app_name">TranslucentBlur</string>  
8.   
9.     <string name="translucent_background">Example of how you can make an  
10.   
11.             activity have a translucent background, compositing over  
12.   
13.             whatever is behind it.</string>  
14.   
15. </resources>  

<?xml version="1.0" encoding="utf-8"?><resources>    <string name="hello">Hello World, TranslucentBlur!</string>    <string name="app_name">TranslucentBlur</string>    <string name="translucent_background">Example of how you can make an            activity have a translucent background, compositing over            whatever is behind it.</string></resources>

 

3.  定义用于描画的颜色资源（values/colors.xml）

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <resources>  
4.   
5.     <drawable name="transparent_background">#00000000</drawable>  
6.   
7. </resources>  

<?xml version="1.0" encoding="utf-8"?><resources>    <drawable name="transparent_background">#00000000</drawable></resources>

 

4.  定义模糊半透明主题样式（values/styles.xml）

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <resources>  
4.   
5.     <!-- 应用默认的主题样式 -->  
6.   
7.     <style name="Theme" parent="android:Theme">  
8.   
9.     </style>  
10.   
11.     <!-- 修改应用程序的主题样式，让Activity有一个透明效果的背景  
12.   
13.                         本例中没有使用Android内置的半透明主题，而是使用完全自定义半透明的主题样式。  
14.   
15.     -->  
16.   
17.     <style name="Theme.Transparent" >  
18.   
19.         <!-- 设置允许窗口半透明 -->  
20.   
21.         <item name="android:windowIsTranslucent">true</item>  
22.   
23.         <!-- 引用Android系统的动画半透明样式 -->  
24.   
25.         <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>  
26.   
27.         <!-- 设定窗口背景颜色 -->  
28.   
29.         <item name="android:windowBackground">@drawable/transparent_background</item>  
30.   
31.         <!-- 隐藏窗口标题栏 -->  
32.   
33.         <item name="android:windowNoTitle">true</item>  
34.   
35.         <!-- 设定文字前景色 -->  
36.   
37.         <item name="android:colorForeground">#fff</item>  
38.   
39.     </style>  
40.   
41. </resources>  

<?xml version="1.0" encoding="utf-8"?><resources>    <!-- 应用默认的主题样式 -->    <style name="Theme" parent="android:Theme">    </style>    <!-- 修改应用程序的主题样式，让Activity有一个透明效果的背景                        本例中没有使用Android内置的半透明主题，而是使用完全自定义半透明的主题样式。    -->    <style name="Theme.Transparent" >        <!-- 设置允许窗口半透明 -->        <item name="android:windowIsTranslucent">true</item>        <!-- 引用Android系统的动画半透明样式 -->        <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>        <!-- 设定窗口背景颜色 -->        <item name="android:windowBackground">@drawable/transparent_background</item>        <!-- 隐藏窗口标题栏 -->        <item name="android:windowNoTitle">true</item>        <!-- 设定文字前景色 -->        <item name="android:colorForeground">#fff</item>    </style></resources>

 

5.  定义布局（translucent_blackground.xml）

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <!-- 用于显示示例文字 -->  
4.   
5. <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/text"  
6.   
7.     android:layout_width="match_parent" android:layout_height="match_parent"  
8.   
9.     android:gravity="center_vertical|center_horizontal"  
10.   
11.     android:text="@string/translucent_background"/>  

<?xml version="1.0" encoding="utf-8"?><!-- 用于显示示例文字 --><TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/text"    android:layout_width="match_parent" android:layout_height="match_parent"    android:gravity="center_vertical|center_horizontal"    android:text="@string/translucent_background"/>

6.  定义Activity类（TranslucentBlur.java）

[java] view plaincopyprint?

1. package my.android.test;  
2.   
3.    
4.   
5. import android.app.Activity;  
6.   
7. import android.os.Bundle;  
8.   
9. import android.view.WindowManager;  
10.   
11.    
12.   
13. publicclass TranslucentBlur extends Activity {  
14.   
15.     /** Activity被首次创建时，调用这个回调方法*/  
16.   
17.     @Override  
18.   
19.     publicvoid onCreate(Bundle savedInstanceState) {  
20.   
21.         super.onCreate(savedInstanceState);  
22.   
23.         /** 
24.  
25.          * getWindow()方法获取当前Activity的Window对象，通过这个对象可以直接访问Window类的 
26.  
27.          * API接口，本例中调用setFlags()方法设置布局参数FLAG_BLUR_BEHIND，让窗口中的每个组件都变的模糊 
28.  
29.          */  
30.   
31.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND, WindowManager.LayoutParams.FLAG_BLUR_BEHIND);  
32.   
33.         //填充Activity布局  
34.   
35.         setContentView(R.layout.translucent_background);  
36.   
37.     }  
38.   
39. }