Android桌面悬浮窗效果实现，仿360手机卫士悬浮窗效果（转）

    首先是一个小的悬浮窗显示的是当前使用了百分之多少的内存，点击一下小悬浮窗，就会弹出一个大的悬浮窗，可以一键加速。好，我们现在就来模拟实现一下类似的效果。

先谈一下基本的实现原理，这种桌面悬浮窗的效果很类似与Widget，但是它比Widget要灵活的多。主要是通过WindowManager这个类来实现的，调用这个类的addView方法用于添加一个悬浮窗，updateViewLayout方法用于更新悬浮窗的参数，removeView用于移除悬浮窗。其中悬浮窗的参数有必要详细说明一下。

WindowManager.LayoutParams这个类用于提供悬浮窗所需的参数，其中有几个经常会用到的变量：

type值用于确定悬浮窗的类型，一般设为2002，表示在所有应用程序之上，但在状态栏之下。

flags值用于确定悬浮窗的行为，比如说不可聚焦，非模态对话框等等，属性非常多，大家可以查看文档。

gravity值用于确定悬浮窗的对齐方式，一般设为左上角对齐，这样当拖动悬浮窗的时候方便计算坐标。

x值用于确定悬浮窗的位置，如果要横向移动悬浮窗，就需要改变这个值。

y值用于确定悬浮窗的位置，如果要纵向移动悬浮窗，就需要改变这个值。

width值用于指定悬浮窗的宽度。

height值用于指定悬浮窗的高度。

创建悬浮窗这种窗体需要向用户申请权限才可以的，因此还需要在AndroidManifest.xml中加入<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

原理介绍完了，下面我们开始用代码实现。首先在Eclipse中新建一个Android项目，项目名就叫做360FloatWindowDemo。然后写一下布局文件，布局文件非常简单，只有一个按钮。

然后再新建一个名为float_window_small.xml的布局文件，用于做为小悬浮窗的布局。

再新建一个名为float_window_big.xml的布局文件，用于做为大悬浮窗的布局。

然后打开或创建MainActivity，这是项目的主界面，在里面加入如下代码：

[java]  view plain copy

1. public class MainActivity extends Activity {  
2.     @Override  
3.     protected void onCreate(Bundle savedInstanceState) {  
4.         super.onCreate(savedInstanceState);  
5.         setContentView(R.layout.activity_main);  
6.         Button startFloatWindow = (Button) findViewById(R.id.start_float_window);  
7.         startFloatWindow.setOnClickListener(new OnClickListener() {  
8.             @Override  
9.             public void onClick(View arg0) {  
10.                 Intent intent = new Intent(MainActivity.this, FloatWindowService.class);  
11.                 startService(intent);  
12.                 finish();  
13.             }  
14.         });  
15.     }  
16. }  

这里可以看到，MainActivity的代码非窗简单，就是对开启悬浮窗的按钮注册了一个点击事件，用于打开一个服务，然后关闭当前Activity。创建悬浮窗的逻辑都交给服务去做了。好，现在我们来创建这个服务。新建一个名为FloatWindowService的类，这个类继承自Service，在里面加入如下代码：

[java]  view plain copy

1. public class FloatWindowService extends Service {  
2.   
3.     private Handler handler = new Handler();  
4.     private Timer timer;  
5.   
6.     @Override  
7.     public IBinder onBind(Intent intent) {  
8.         return null;  
9.     }  
10.   
11.     @Override  
12.     public int onStartCommand(Intent intent, int flags, int startId) {  
13.         // 开启定时器，每隔0.5秒刷新一次  
14.         if (timer == null) {  
15.             timer = new Timer();  
16.             timer.scheduleAtFixedRate(new RefreshTask(), 0, 500);  
17.         }  
18.         return super.onStartCommand(intent, flags, startId);  
19.     }  
20.   
21.     @Override  
22.     public void onDestroy() {  
23.         super.onDestroy();  
24.         // Service被终止的同时也停止定时器继续运行  
25.         timer.cancel();  
26.         timer = null;  
27.     }  
28.   
29.     class RefreshTask extends TimerTask {  
30.   
31.         @Override  
32.         public void run() {  
33.             // 当前界面是桌面，且没有悬浮窗显示，则创建悬浮窗。  
34.             if (isHome() && !MyWindowManager.isWindowShowing()) {  
35.                 handler.post(new Runnable() {  
36.                     @Override  
37.                     public void run() {  
38.                         MyWindowManager.createSmallWindow(getApplicationContext());  
39.                     }  
40.                 });  
41.             }  
42.             // 当前界面不是桌面，且有悬浮窗显示，则移除悬浮窗。  
43.             else if (!isHome() && MyWindowManager.isWindowShowing()) {  
44.                 handler.post(new Runnable() {  
45.                     @Override  
46.                     public void run() {  
47.                         MyWindowManager.removeSmallWindow(getApplicationContext());  
48.                         MyWindowManager.removeBigWindow(getApplicationContext());  
49.                     }  
50.                 });  
51.             }  
52.             // 当前界面是桌面，且有悬浮窗显示，则更新内存数据。  
53.             else if (isHome() && MyWindowManager.isWindowShowing()) {  
54.                 handler.post(new Runnable() {  
55.                     @Override  
56.                     public void run() {  
57.                         MyWindowManager.updateUsedPercent(getApplicationContext());  
58.                     }  
59.                 });  
60.             }  
61.         }  
62.   
63.     }  
64.   
65.     /** 
66.      * 判断当前界面是否是桌面 
67.      */  
68.     private boolean isHome() {  
69.         ActivityManager mActivityManager = (ActivityManager) getSystemService(Context.ACTIVITY_SERVICE);  
70.         List<RunningTaskInfo> rti = mActivityManager.getRunningTasks(1);  
71.         return getHomes().contains(rti.get(0).topActivity.getPackageName());  
72.     }  
73.   
74.     /** 
75.      * 获得属于桌面的应用的应用包名称 
76.      *  
77.      * @return 返回包含所有包名的字符串列表 
78.      */  
79.     private List<String> getHomes() {  
80.         List<String> names = new ArrayList<String>();  
81.         PackageManager packageManager = this.getPackageManager();  
82.         Intent intent = new Intent(Intent.ACTION_MAIN);  
83.         intent.addCategory(Intent.CATEGORY_HOME);  
84.         List<ResolveInfo> resolveInfo = packageManager.queryIntentActivities(intent,  
85.                 PackageManager.MATCH_DEFAULT_ONLY);  
86.         for (ResolveInfo ri : resolveInfo) {  
87.             names.add(ri.activityInfo.packageName);  
88.         }  
89.         return names;  
90.     }  
91. }  

FloatWindowService的onStartCommand方法中开启了一个定时器，每隔500毫秒就会执行RefreshTask。在RefreshTask当中，要进行判断，如果手机当前是在桌面的话，就应该显示悬浮窗，如果手机打开了某一个应用程序，就应该移除悬浮窗，如果手机在桌面的话，还应该更新内存使用百分比的数据。而当FloatWindowService被销毁的时候，应该将定时器停止，否则它还会一直运行。

从上面的代码我们也可以看出，创建和移除悬浮窗，以及更新悬浮窗内的数据，都是由MyWindowManager这个类来管理的，比起直接把这些代码写在Activity或Service当中，使用一个专门的工具类来管理要好的多。不过要想创建悬浮窗，还是先要把悬浮窗的View写出来。

新建一个名叫FloatWindowSmallView的类，继承自LinearLayout。新建一个名叫FloatWindowBigView的类，也继承自LinearLayout。

在FloatWindowSmallView中加入如下代码：

[java]  view plain copy

1. public class FloatWindowSmallView extends LinearLayout {  
2.   
3.     public static int viewWidth;  
4.     public static int viewHeight;  
5.      private static int statusBarHeight;  
6.     private WindowManager windowManager;  
7.     private WindowManager.LayoutParams mParams;   
8.     private float xInScreen;  
9.     private float yInScreen;  
10.     private float xDownInScreen;  
11.     private float yDownInScreen;  
12.     private float xInView;  
13.     private float yInView;  
14.   
15.     public FloatWindowSmallView(Context context) {  
16.         super(context);  
17.         windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);  
18.         LayoutInflater.from(context).inflate(R.layout.float_window_small, this);  
19.         View view = findViewById(R.id.small_window_layout);  
20.         viewWidth = view.getLayoutParams().width;  
21.         viewHeight = view.getLayoutParams().height;  
22.         TextView percentView = (TextView) findViewById(R.id.percent);  
23.         percentView.setText(MyWindowManager.getUsedPercentValue(context));  
24.     }  
25.   
26.     @Override  
27.     public boolean onTouchEvent(MotionEvent event) {  
28.         switch (event.getAction()) {  
29.         case MotionEvent.ACTION_DOWN:  
30.             // 手指按下时记录必要数据,纵坐标的值都需要减去状态栏高度  
31.             xInView = event.getX();  
32.             yInView = event.getY();  
33.             xDownInScreen = event.getRawX();  
34.             yDownInScreen = event.getRawY() - getStatusBarHeight();  
35.             xInScreen = event.getRawX();  
36.             yInScreen = event.getRawY() - getStatusBarHeight();  
37.             break;  
38.         case MotionEvent.ACTION_MOVE:  
39.             xInScreen = event.getRawX();  
40.             yInScreen = event.getRawY() - getStatusBarHeight();  
41.             // 手指移动的时候更新小悬浮窗的位置  
42.             updateViewPosition();  
43.             break;  
44.         case MotionEvent.ACTION_UP:  
45.             // 如果手指离开屏幕时，xDownInScreen和xInScreen相等，且yDownInScreen和yInScreen相等，则视为触发了单击事件。  
46.             if (xDownInScreen == xInScreen && yDownInScreen == yInScreen) {  
47.                 openBigWindow();  
48.             }  
49.             break;  
50.         default:  
51.             break;  
52.         }  
53.         return true;  
54.     }  
55.   
56.     /** 
57.      * 将小悬浮窗的参数传入，用于更新小悬浮窗的位置。 
58.      *  
59.      * @param params 
60.      *            小悬浮窗的参数 
61.      */  
62.     public void setParams(WindowManager.LayoutParams params) {  
63.         mParams = params;  
64.     }  
65.   
66.     /** 
67.      * 更新小悬浮窗在屏幕中的位置。 
68.      */  
69.     private void updateViewPosition() {  
70.         mParams.x = (int) (xInScreen - xInView);  
71.         mParams.y = (int) (yInScreen - yInView);  
72.         windowManager.updateViewLayout(this, mParams);  
73.     }  
74.   
75.     /** 
76.      * 打开大悬浮窗，同时关闭小悬浮窗。 
77.      */  
78.     private void openBigWindow() {  
79.         MyWindowManager.createBigWindow(getContext());  
80.         MyWindowManager.removeSmallWindow(getContext());  
81.     }  
82.   
83.     /** 
84.      * 用于获取状态栏的高度。 
85.      *  
86.      * @return 返回状态栏高度的像素值。 
87.      */  
88.     private int getStatusBarHeight() {  
89.         if (statusBarHeight == 0) {  
90.             try {  
91.                 Class<?> c = Class.forName("com.android.internal.R$dimen");  
92.                 Object o = c.newInstance();  
93.                 Field field = c.getField("status_bar_height");  
94.                 int x = (Integer) field.get(o);  
95.                 statusBarHeight = getResources().getDimensionPixelSize(x);  
96.             } catch (Exception e) {  
97.                 e.printStackTrace();  
98.             }  
99.         }  
100.         return statusBarHeight;  
101.     }  

其中，对这个View的onTouchEvent事件进行了重写，用于实现拖动和点击的效果。如果发现用户触发了ACTION_DOWN事件，会记录按下时的坐标等数据。如果发现用户触发了ACTION_MOVE事件，则根据当前移动的坐标更新悬浮窗在屏幕中的位置。如果发现用户触发了ACTION_UP事件，会和ACTION_DOWN中记下的坐标对比，如果发现是相同的，则视为用户对悬浮窗进行了点击。点击小悬浮窗则打开大悬浮窗，然后我们来实现大悬浮窗的View。

在FloatWindowBigView中加入如下代码：

[java]  view plain copy

1. public class FloatWindowBigView extends LinearLayout {  
2.  
3.     public static int viewWidth;  
4.     public static int viewHeight;  
5.   
6.     public FloatWindowBigView(final Context context) {  
7.         super(context);  
8.         LayoutInflater.from(context).inflate(R.layout.float_window_big, this);  
9.         View view = findViewById(R.id.big_window_layout);  
10.         viewWidth = view.getLayoutParams().width;  
11.         viewHeight = view.getLayoutParams().height;  
12.         Button close = (Button) findViewById(R.id.close);  
13.         Button back = (Button) findViewById(R.id.back);  
14.         close.setOnClickListener(new OnClickListener() {  
15.             @Override  
16.             public void onClick(View v) {  
17.                 // 点击关闭悬浮窗的时候，移除所有悬浮窗，并停止Service  
18.                 MyWindowManager.removeBigWindow(context);  
19.                 MyWindowManager.removeSmallWindow(context);  
20.                 Intent intent = new Intent(getContext(), FloatWindowService.class);  
21.                 context.stopService(intent);  
22.             }  
23.         });  
24.         back.setOnClickListener(new OnClickListener() {  
25.             @Override  
26.             public void onClick(View v) {  
27.                 // 点击返回的时候，移除大悬浮窗，创建小悬浮窗  
28.                 MyWindowManager.removeBigWindow(context);  
29.                 MyWindowManager.createSmallWindow(context);  
30.             }  
31.         });  
32.     }  
33. }  

比起FloatWindowSmallView，FloatWindowBigView要简单的多，其中只有两个按钮，点击close按钮，将悬浮窗全部移除，并将Service终止。单击back按钮则移除大悬浮窗，重新创建小悬浮窗。

现在两个悬浮窗的View都已经写好了，我们来创建MyWindowManager，代码如下：

[java]  view plain copy

1. public class MyWindowManager {  
2. 
   
3.     private static FloatWindowSmallView smallWindow; 
4.     private static FloatWindowBigView bigWindow;  
5.     private static LayoutParams smallWindowParams;   
6.     private static LayoutParams bigWindowParams;   
7.     private static WindowManager mWindowManager;  
8.     private static ActivityManager mActivityManager;  
9.   
10.     /** 
11.      * 创建一个小悬浮窗。初始位置为屏幕的右部中间位置。 
12.      *  
13.      * @param context 
14.      *            必须为应用程序的Context. 
15.      */  
16.     public static void createSmallWindow(Context context) {  
17.         WindowManager windowManager = getWindowManager(context);  
18.         int screenWidth = windowManager.getDefaultDisplay().getWidth();  
19.         int screenHeight = windowManager.getDefaultDisplay().getHeight();  
20.         if (smallWindow == null) {  
21.             smallWindow = new FloatWindowSmallView(context);  
22.             if (smallWindowParams == null) {  
23.                 smallWindowParams = new LayoutParams();  
24.                 smallWindowParams.type = LayoutParams.TYPE_PHONE;  
25.                 smallWindowParams.format = PixelFormat.RGBA_8888;  
26.                 smallWindowParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL  
27.                         | LayoutParams.FLAG_NOT_FOCUSABLE;  
28.                 smallWindowParams.gravity = Gravity.LEFT | Gravity.TOP;  
29.                 smallWindowParams.width = FloatWindowSmallView.viewWidth;  
30.                 smallWindowParams.height = FloatWindowSmallView.viewHeight;  
31.                 smallWindowParams.x = screenWidth;  
32.                 smallWindowParams.y = screenHeight / 2;  
33.             }  
34.             smallWindow.setParams(smallWindowParams);  
35.             windowManager.addView(smallWindow, smallWindowParams);  
36.         }  
37.     }  
38.   
39.     /** 
40.      * 将小悬浮窗从屏幕上移除。 
41.      *  
42.      * @param context 
43.      *            必须为应用程序的Context. 
44.      */  
45.     public static void removeSmallWindow(Context context) {  
46.         if (smallWindow != null) {  
47.             WindowManager windowManager = getWindowManager(context);  
48.             windowManager.removeView(smallWindow);  
49.             smallWindow = null;  
50.         }  
51.     }  
52.   
53.     /** 
54.      * 创建一个大悬浮窗。位置为屏幕正中间。 
55.      *  
56.      * @param context 
57.      *            必须为应用程序的Context. 
58.      */  
59.     public static void createBigWindow(Context context) {  
60.         WindowManager windowManager = getWindowManager(context);  
61.         int screenWidth = windowManager.getDefaultDisplay().getWidth();  
62.         int screenHeight = windowManager.getDefaultDisplay().getHeight();  
63.         if (bigWindow == null) {  
64.             bigWindow = new FloatWindowBigView(context);  
65.             if (bigWindowParams == null) {  
66.                 bigWindowParams = new LayoutParams();  
67.                 bigWindowParams.x = screenWidth / 2 - FloatWindowBigView.viewWidth / 2;  
68.                 bigWindowParams.y = screenHeight / 2 - FloatWindowBigView.viewHeight / 2;  
69.                 bigWindowParams.type = LayoutParams.TYPE_PHONE;  
70.                 bigWindowParams.format = PixelFormat.RGBA_8888;  
71.                 bigWindowParams.gravity = Gravity.LEFT | Gravity.TOP;  
72.                 bigWindowParams.width = FloatWindowBigView.viewWidth;  
73.                 bigWindowParams.height = FloatWindowBigView.viewHeight;  
74.             }  
75.             windowManager.addView(bigWindow, bigWindowParams);  
76.         }  
77.     }  
78.   
79.     /** 
80.      * 将大悬浮窗从屏幕上移除。 
81.      *  
82.      * @param context 
83.      *            必须为应用程序的Context. 
84.      */  
85.     public static void removeBigWindow(Context context) {  
86.         if (bigWindow != null) {  
87.             WindowManager windowManager = getWindowManager(context);  
88.             windowManager.removeView(bigWindow);  
89.             bigWindow = null;  
90.         }  
91.     }  
92.   
93.     /** 
94.      * 更新小悬浮窗的TextView上的数据，显示内存使用的百分比。 
95.      *  
96.      * @param context 
97.      *            可传入应用程序上下文。 
98.      */  
99.     public static void updateUsedPercent(Context context) {  
100.         if (smallWindow != null) {  
101.             TextView percentView = (TextView) smallWindow.findViewById(R.id.percent);  
102.             percentView.setText(getUsedPercentValue(context));  
103.         }  
104.     }  
105.   
106.     /** 
107.      * 是否有悬浮窗(包括小悬浮窗和大悬浮窗)显示在屏幕上。 
108.      *  
109.      * @return 有悬浮窗显示在桌面上返回true，没有的话返回false。 
110.      */  
111.     public static boolean isWindowShowing() {  
112.         return smallWindow != null || bigWindow != null;  
113.     }  
114.   
115.     /** 
116.      * 如果WindowManager还未创建，则创建一个新的WindowManager返回。否则返回当前已创建的WindowManager。 
117.      *  
118.      * @param context 
119.      *            必须为应用程序的Context. 
120.      * @return WindowManager的实例，用于控制在屏幕上添加或移除悬浮窗。 
121.      */  
122.     private static WindowManager getWindowManager(Context context) {  
123.         if (mWindowManager == null) {  
124.             mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);  
125.         }  
126.         return mWindowManager;  
127.     }  
128.   
129.     /** 
130.      * 如果ActivityManager还未创建，则创建一个新的ActivityManager返回。否则返回当前已创建的ActivityManager。 
131.      *  
132.      * @param context 
133.      *            可传入应用程序上下文。 
134.      * @return ActivityManager的实例，用于获取手机可用内存。 
135.      */  
136.     private static ActivityManager getActivityManager(Context context) {  
137.         if (mActivityManager == null) {  
138.             mActivityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE);  
139.         }  
140.         return mActivityManager;  
141.     }  
142.   
143.     /** 
144.      * 计算已使用内存的百分比，并返回。 
145.      *  
146.      * @param context 
147.      *            可传入应用程序上下文。 
148.      * @return 已使用内存的百分比，以字符串形式返回。 
149.      */  
150.     public static String getUsedPercentValue(Context context) {  
151.         String dir = "/proc/meminfo";  
152.         try {  
153.             FileReader fr = new FileReader(dir);  
154.             BufferedReader br = new BufferedReader(fr, 2048);  
155.             String memoryLine = br.readLine();  
156.             String subMemoryLine = memoryLine.substring(memoryLine.indexOf("MemTotal:"));  
157.             br.close();  
158.             long totalMemorySize = Integer.parseInt(subMemoryLine.replaceAll("\\D+", ""));  
159.             long availableSize = getAvailableMemory(context) / 1024;  
160.             int percent = (int) ((totalMemorySize - availableSize) / (float) totalMemorySize * 100);  
161.             return percent + "%";  
162.         } catch (IOException e) {  
163.             e.printStackTrace();  
164.         }  
165.         return "悬浮窗";  
166.     }  
167.   
168.     /** 
169.      * 获取当前可用内存，返回数据以字节为单位。 
170.      *  
171.      * @param context 
172.      *            可传入应用程序上下文。 
173.      * @return 当前可用内存。 
174.      */  
175.     private static long getAvailableMemory(Context context) {  
176.         ActivityManager.MemoryInfo mi = new ActivityManager.MemoryInfo();  
177.         getActivityManager(context).getMemoryInfo(mi);  
178.         return mi.availMem;  
179.     }  
180.   
181. }  

这个类负责了控制大悬浮窗，小悬浮窗的创建和移除，系统内存使用百分比的计算等操作。

到这里基本所有的代码都已经写完了，然后我们来看一下AndroidManifest.xml文件吧，里面代码如下：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"  
3.     package="com.demo.floatwindowdemo"  
4.     android:versionCode="1"  
5.     android:versionName="1.0" >  
6.   
7.     <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />  
8.   
9.     <uses-sdk  
10.         android:minSdkVersion="8"  
11.         android:targetSdkVersion="8" />  
12.   
13.     <application  
14.         android:allowBackup="true"  
15.         android:icon="@drawable/ic_launcher"  
16.         android:label="@string/app_name"  
17.         android:theme="@style/AppTheme" >  
18.         <activity  
19.             android:name="com.demo.floatwindowdemo.MainActivity"  
20.             android:label="@string/app_name" >  
21.             <intent-filter>  
22.                 <action android:name="android.intent.action.MAIN" />  
23.   
24.                 <category android:name="android.intent.category.LAUNCHER" />  
25.             </intent-filter>  
26.         </activity>  
27.           
28.         <service android:name=".FloatWindowService"></service>  
29.     </application>  
30.   
31. </manifest>  

比较简单，记得把Activity和Service在里面注册好，还有一个权限声明需要添加的android.permission.SYSTEM_ALERT_WINDOW，表示需要用户授权允许创建系统提示窗口，也就是我们的桌面悬浮窗。

好了，现在让我们运行一下项目吧，效果如下图，主界面只有一个简单的按钮，点击按钮后，Activity被关闭，小悬浮窗显示在桌面上。其中显示着当前内存使用的百分比。

                     

小悬浮窗是可以自由拖动的，如果打开了其它的应用程序，小悬浮窗会自动隐藏，回到桌面后小悬浮窗又会显示出来。

如果点击了小悬浮窗会弹出大悬浮窗来，这里我们大悬浮窗做的比较简单，就只有两个按钮。大悬浮窗展示的时候手机的所有其它程序是不可点的，因为焦点都在悬浮窗上了。点击返回按钮会重新展示小悬浮窗，点击关闭悬浮窗按钮，Service也会一起停掉。

补充：

有朋友跟我反应，上面的代码在Android 3.0以上的系统运行会崩溃，我看了一下，确实如此，主要是3.0之后想要获取正在运行的任务，需要加上权限声明。在AndroidManifest.xml中加入 

<uses-permission android:name="android.permission.GET_TASKS" /> 

即可解决此问题。

 

博客风格  -  手机博客  -  下载LOFTER APP  -  订阅此博客

网易公司版权所有 ©1997-2015