现在的位置: 首页 > 综合 > 正文

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

2013年11月11日 ⁄ 综合 ⁄ 共 4054字 ⁄ 字号 小 中 大 ⁄ 评论关闭

http://blog.csdn.net/guolin_blog/article/details/8689140

大家好，今天给大家带来一个仿360手机卫士悬浮窗效果的教程，在开始之前请允许我说几句不相干的废话。

不知不觉我发现自己接触Android已有近三个年头了，期间各种的成长少不了各位高手的帮助，总是有很多高手喜欢把自己的经验写在网上，供大家来学习，我也是从中受惠了很多，在此我深表感谢。可是我发现我却从来没有将自己平时的一些心得拿出来与大家分享，共同学习，太没有奉献精神了。于是我痛定思痛，决定从今天开始写博客，希望可以指点在我后面的开发者，更快地进入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。然后写一下布局文件，布局文件非常简单，只有一个按钮，打开或新建activity_main.xml，加入如下代码：

[html] view
plaincopy

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     tools:context=".MainActivity" >  
  6.     <Button  
  7.         android:id="@+id/start_float_window"  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="Start Float Window" >  
  11.     </Button>  
  12. </RelativeLayout>  

然后再新建一个名为float_window_small.xml的布局文件，用于做为小悬浮窗的布局，在其中加入如下代码：

[html] view
plaincopy

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:id="@+id/small_window_layout"  
  5.     android:layout_width="60dip"  
  6.     android:layout_height="25dip"  
  7.     android:background="@drawable/bg_small"  
  8.     >  
  9.     <TextView   
  10.         android:id="@+id/percent"  
  11.         android:layout_width="fill_parent"  
  12.         android:layout_height="fill_parent"  
  13.         android:gravity="center"  
  14.         android:textColor="#ffffff"  
  15.         />  
  16. </LinearLayout>  

再新建一个名为float_window_big.xml的布局文件，用于做为大悬浮窗的布局，在其中加入如下代码：

[html] view
plaincopy

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <LinearLayout  
  3.     xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     android:id="@+id/big_window_layout"  
  5.     android:layout_width="200dip"  
  6.     android:layout_height="100dip"  
  7.     android:background="@drawable/bg_big"  
  8.     android:orientation="vertical"  
  9.     >  
  10.     <Button   
  11.         android:id="@+id/close"  
  12.         android:layout_width="100dip"  
  13.         android:layout_height="40dip"  
  14.         android:layout_gravity="center_horizontal"  
  15.         android:layout_marginTop="12dip"  
  16.         android:text="关闭悬浮窗"  
  17.         />  
  18.     <Button   
  19.         android:id="@+id/back"  
  20.         android:layout_width="100dip"  
  21.         android:layout_height="40dip"  
  22.         android:layout_gravity="center_horizontal"  
  23.         android:text="返回"  
  24.         />  
  25. </LinearLayout>  

两个悬浮窗布局文件中用到的图片资源，大家可以随便找点图片来代替，同时我会给出源码，大家也可以从源码中取出。

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

[java] view
plaincopy

  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，在里面加入如下代码：

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞