首页 > 代码库 > Android -- 桌面悬浮，仿360

Android -- 桌面悬浮，仿360

2024-07-18 02:17:39   222人阅读

实现原理                                                                              

这种桌面悬浮窗的效果很类似与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" /><uses-permission android:name="android.permission.GET_TASKS" />

code                                                                                   

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    tools:context=".MainActivity"    android:orientation="vertical" >    <Button        android:id="@+id/start_float_window"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:text="打开悬浮" >    </Button></LinearLayout>

float_window_small.xml，用于做为小悬浮窗的布局

<?xml version="1.0" encoding="UTF-8"?><LinearLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/small_window_layout"    android:layout_width="60dip"    android:layout_height="25dip"    android:background="@drawable/bg_small"    >    <TextView         android:id="@+id/percent"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:gravity="center"        android:textColor="#ffffff"        /></LinearLayout>

float_window_big.xml，用于做为大悬浮窗的布局

<?xml version="1.0" encoding="UTF-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/big_window_layout"    android:layout_width="200dip"    android:layout_height="100dip"    android:background="@drawable/bg_big"    android:orientation="vertical" >    <Button        android:id="@+id/close"        android:layout_width="100dip"        android:layout_height="40dip"        android:layout_gravity="center_horizontal"        android:layout_marginTop="12dip"        android:text="关闭悬浮窗" />    <Button        android:id="@+id/back"        android:layout_width="100dip"        android:layout_height="40dip"        android:layout_gravity="center_horizontal"        android:text="返回" /></LinearLayout>

然后打开MainActivity.java，这是项目的主界面

@Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        Button startFloatWindow = (Button) findViewById(R.id.start_float_window);        startFloatWindow.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View arg0) {                // 开启服务                Intent intent = new Intent(MainActivity.this,                        FloatWindowService.class);                startService(intent);                finish();            }        });    }

MainActivity的代码就是对开启悬浮窗的按钮注册了一个点击事件，用于打开一个服务，然后关闭当前Activity。

新建一个名为FloatWindowService的类，这个类继承自Service

public class FloatWindowService extends Service {    /**     * 用于在线程中创建或移除悬浮窗。     */    private Handler handler = new Handler();    /**     * 定时器，定时进行检测当前应该创建还是移除悬浮窗。     */    private Timer timer;    /**     * 不是绑定的开启服务     */    @Override    public IBinder onBind(Intent intent) {        return null;    }    /**     * Service的生命周期中会调用此函数     */    @Override    public int onStartCommand(Intent intent, int flags, int startId) {        // 开启定时器，每隔0.5秒刷新一次        if (timer == null) {            timer = new Timer();            timer.scheduleAtFixedRate(new RefreshTask(), 0, 500);        }        return super.onStartCommand(intent, flags, startId);    }    /**     * Service终止     */    @Override    public void onDestroy() {        super.onDestroy();        // Service被终止的同时也停止定时器继续运行        timer.cancel();        timer = null;    }    /**     * 判断桌面上悬浮框状态     *      * @author sansung     *      */    class RefreshTask extends TimerTask {        @Override        public void run() {            // 当前界面是桌面，且没有悬浮窗显示，则创建悬浮窗。            if (isHome() && !MyWindowManager.isWindowShowing()) {                handler.post(new Runnable() {                    @Override                    public void run() {                        MyWindowManager                                .createSmallWindow(getApplicationContext());                    }                });            }            // 当前界面不是桌面，且有悬浮窗显示，则移除悬浮窗。            else if (!isHome() && MyWindowManager.isWindowShowing()) {                handler.post(new Runnable() {                    @Override                    public void run() {                        MyWindowManager                                .removeSmallWindow(getApplicationContext());                        MyWindowManager                                .removeBigWindow(getApplicationContext());                    }                });            }            // 当前界面是桌面，且有悬浮窗显示，则更新内存数据。            else if (isHome() && MyWindowManager.isWindowShowing()) {                handler.post(new Runnable() {                    @Override                    public void run() {                        MyWindowManager                                .updateUsedPercent(getApplicationContext());                    }                });            }        }    }    /**     * 判断当前界面是否是桌面     */    private boolean isHome() {        ActivityManager mActivityManager = (ActivityManager) getSystemService(Context.ACTIVITY_SERVICE);        List<RunningTaskInfo> rti = mActivityManager.getRunningTasks(1);        // 如果在桌面，输出的是桌面的包名        // 不在桌面的话输出的是打开的app的包名        // System.out.println("getHomes().contains(rti.get(0).topActivity.getPackageName())+++"+rti.get(0).topActivity.getPackageName());        return getHomes().contains(rti.get(0).topActivity.getPackageName());    }    /**     * 获得属于桌面的应用的应用包名称     *      * @return 返回包含所有包名的字符串列表     */    private List<String> getHomes() {        List<String> names = new ArrayList<String>();        PackageManager packageManager = this.getPackageManager();        Intent intent = new Intent(Intent.ACTION_MAIN);        intent.addCategory(Intent.CATEGORY_HOME);        List<ResolveInfo> resolveInfo = packageManager.queryIntentActivities(                intent, PackageManager.MATCH_DEFAULT_ONLY);        for (ResolveInfo ri : resolveInfo) {            // 桌面包名            // System.out.println("ri.activityInfo.packageName++++"+ri.activityInfo.packageName);            names.add(ri.activityInfo.packageName);        }        return names;    }}

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

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

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

FloatWindowSmallView

public class FloatWindowSmallView extends LinearLayout {    /**     * 记录小悬浮窗的宽度     */    public static int viewWidth;    /**     * 记录小悬浮窗的高度     */    public static int viewHeight;    /**     * 记录系统状态栏的高度     */    private static int statusBarHeight;    /**     * 用于更新小悬浮窗的位置     */    private WindowManager windowManager;    /**     * 小悬浮窗的参数     */    private WindowManager.LayoutParams mParams;    /**     * 记录当前手指位置在屏幕上的横坐标值     */    private float xInScreen;    /**     * 记录当前手指位置在屏幕上的纵坐标值     */    private float yInScreen;    /**     * 记录手指按下时在屏幕上的横坐标的值     */    private float xDownInScreen;    /**     * 记录手指按下时在屏幕上的纵坐标的值     */    private float yDownInScreen;    /**     * 记录手指按下时在小悬浮窗的View上的横坐标的值     */    private float xInView;    /**     * 记录手指按下时在小悬浮窗的View上的纵坐标的值     */    private float yInView;    /**     * 构造函数     *      * @param context     *            上下文     */    public FloatWindowSmallView(Context context) {        super(context);        // 得到windowManager        windowManager = (WindowManager) context                .getSystemService(Context.WINDOW_SERVICE);        LayoutInflater.from(context).inflate(R.layout.float_window_small, this);        View view = findViewById(R.id.small_window_layout);        viewWidth = view.getLayoutParams().width;        viewHeight = view.getLayoutParams().height;        TextView percentView = (TextView) findViewById(R.id.percent);        percentView.setText(MyWindowManager.getUsedPercentValue(context));    }    @Override    public boolean onTouchEvent(MotionEvent event) {        switch (event.getAction()) {        case MotionEvent.ACTION_DOWN:            // 手指按下时记录必要数据,纵坐标的值都需要减去状态栏高度            xInView = event.getX();            yInView = event.getY();            xDownInScreen = event.getRawX();            yDownInScreen = event.getRawY() - getStatusBarHeight();            xInScreen = event.getRawX();            yInScreen = event.getRawY() - getStatusBarHeight();            break;        case MotionEvent.ACTION_MOVE:            xInScreen = event.getRawX();            yInScreen = event.getRawY() - getStatusBarHeight();            // 手指移动的时候更新小悬浮窗的位置            updateViewPosition();            break;        case MotionEvent.ACTION_UP:            // 如果手指离开屏幕时，xDownInScreen和xInScreen相等，且yDownInScreen和yInScreen相等，则视为触发了单击事件。            if (xDownInScreen == xInScreen && yDownInScreen == yInScreen) {                openBigWindow();            }            break;        default:            break;        }        return true;    }    /**     * 将小悬浮窗的参数传入，用于更新小悬浮窗的位置。     *      * @param params     *            小悬浮窗的参数     */    public void setParams(WindowManager.LayoutParams params) {        mParams = params;    }    /**     * 更新小悬浮窗在屏幕中的位置。     */    private void updateViewPosition() {        mParams.x = (int) (xInScreen - xInView);        mParams.y = (int) (yInScreen - yInView);        windowManager.updateViewLayout(this, mParams);    }    /**     * 打开大悬浮窗，同时关闭小悬浮窗。     */    private void openBigWindow() {        MyWindowManager.createBigWindow(getContext());        MyWindowManager.removeSmallWindow(getContext());    }    /**     * 用于获取状态栏的高度。     *      * @return 返回状态栏高度的像素值。     */    private int getStatusBarHeight() {        if (statusBarHeight == 0) {            try {                Class<?> c = Class.forName("com.android.internal.R$dimen");                Object o = c.newInstance();                Field field = c.getField("status_bar_height");                int x = (Integer) field.get(o);                statusBarHeight = getResources().getDimensionPixelSize(x);            } catch (Exception e) {                e.printStackTrace();            }        }        return statusBarHeight;    }}

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

FloatWindowBigView

public class FloatWindowBigView extends LinearLayout {    /**     * 记录大悬浮窗的宽度     */    public static int viewWidth;    /**     * 记录大悬浮窗的高度     */    public static int viewHeight;    public FloatWindowBigView(final Context context) {        super(context);        LayoutInflater.from(context).inflate(R.layout.float_window_big, this);        View view = findViewById(R.id.big_window_layout);        viewWidth = view.getLayoutParams().width;        viewHeight = view.getLayoutParams().height;        Button close = (Button) findViewById(R.id.close);        Button back = (Button) findViewById(R.id.back);        close.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // 点击关闭悬浮窗的时候，移除所有悬浮窗，并停止Service                MyWindowManager.removeBigWindow(context);                MyWindowManager.removeSmallWindow(context);                Intent intent = new Intent(getContext(),                        FloatWindowService.class);                context.stopService(intent);            }        });        back.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // 点击返回的时候，移除大悬浮窗，创建小悬浮窗                MyWindowManager.removeBigWindow(context);                MyWindowManager.createSmallWindow(context);            }        });    }}

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

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

public class MyWindowManager {    /**     * 小悬浮窗View的实例     */    private static FloatWindowSmallView smallWindow;    /**     * 大悬浮窗View的实例     */    private static FloatWindowBigView bigWindow;    /**     * 小悬浮窗View的参数     */    private static LayoutParams smallWindowParams;    /**     * 大悬浮窗View的参数     */    private static LayoutParams bigWindowParams;    /**     * 用于控制在屏幕上添加或移除悬浮窗     */    private static WindowManager mWindowManager;    /**     * 用于获取手机可用内存     */    private static ActivityManager mActivityManager;    /**     * 创建一个小悬浮窗。初始位置为屏幕的右部中间位置。     *      * @param context     *            必须为应用程序的Context.     */    public static void createSmallWindow(Context context) {        // 创建windowmanager        WindowManager windowManager = getWindowManager(context);        // 得到window长宽        int screenWidth = windowManager.getDefaultDisplay().getWidth();        int screenHeight = windowManager.getDefaultDisplay().getHeight();        if (smallWindow == null) {            smallWindow = new FloatWindowSmallView(context);            if (smallWindowParams == null) {                smallWindowParams = new LayoutParams();                smallWindowParams.type = LayoutParams.TYPE_PHONE;                smallWindowParams.format = PixelFormat.RGBA_8888;                smallWindowParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL                        | LayoutParams.FLAG_NOT_FOCUSABLE;                smallWindowParams.gravity = Gravity.LEFT | Gravity.TOP;                smallWindowParams.width = FloatWindowSmallView.viewWidth;                smallWindowParams.height = FloatWindowSmallView.viewHeight;                smallWindowParams.x = screenWidth;                smallWindowParams.y = screenHeight / 2;            }            // 配置            smallWindow.setParams(smallWindowParams);            // 在windowmanager中添加            windowManager.addView(smallWindow, smallWindowParams);        }    }    /**     * 将小悬浮窗从屏幕上移除。     *      * @param context     *            必须为应用程序的Context.     */    public static void removeSmallWindow(Context context) {        if (smallWindow != null) {            WindowManager windowManager = getWindowManager(context);            windowManager.removeView(smallWindow);            smallWindow = null;        }    }    /**     * 创建一个大悬浮窗。位置为屏幕正中间。     *      * @param context     *            必须为应用程序的Context.     */    public static void createBigWindow(Context context) {        WindowManager windowManager = getWindowManager(context);        int screenWidth = windowManager.getDefaultDisplay().getWidth();        int screenHeight = windowManager.getDefaultDisplay().getHeight();        if (bigWindow == null) {            bigWindow = new FloatWindowBigView(context);            if (bigWindowParams == null) {                bigWindowParams = new LayoutParams();                bigWindowParams.x = screenWidth / 2                        - FloatWindowBigView.viewWidth / 2;                bigWindowParams.y = screenHeight / 2                        - FloatWindowBigView.viewHeight / 2;                bigWindowParams.type = LayoutParams.TYPE_PHONE;                bigWindowParams.format = PixelFormat.RGBA_8888;                bigWindowParams.gravity = Gravity.LEFT | Gravity.TOP;                bigWindowParams.width = FloatWindowBigView.viewWidth;                bigWindowParams.height = FloatWindowBigView.viewHeight;            }            windowManager.addView(bigWindow, bigWindowParams);        }    }    /**     * 将大悬浮窗从屏幕上移除。     *      * @param context     *            必须为应用程序的Context.     */    public static void removeBigWindow(Context context) {        if (bigWindow != null) {            WindowManager windowManager = getWindowManager(context);            windowManager.removeView(bigWindow);            bigWindow = null;        }    }    /**     * 更新小悬浮窗的TextView上的数据，显示内存使用的百分比。     *      * @param context     *            可传入应用程序上下文。     */    public static void updateUsedPercent(Context context) {        if (smallWindow != null) {            TextView percentView = (TextView) smallWindow                    .findViewById(R.id.percent);            percentView.setText(getUsedPercentValue(context));        }    }    /**     * 是否有悬浮窗(包括小悬浮窗和大悬浮窗)显示在屏幕上。     *      * @return 有悬浮窗显示在桌面上返回true，没有的话返回false。     */    public static boolean isWindowShowing() {        return smallWindow != null || bigWindow != null;    }    /**     * 如果WindowManager还未创建，则创建一个新的WindowManager返回。否则返回当前已创建的WindowManager。     *      * @param context     *            必须为应用程序的Context.     * @return WindowManager的实例，用于控制在屏幕上添加或移除悬浮窗。     */    private static WindowManager getWindowManager(Context context) {        if (mWindowManager == null) {            mWindowManager = (WindowManager) context                    .getSystemService(Context.WINDOW_SERVICE);        }        return mWindowManager;    }    /**     * 如果ActivityManager还未创建，则创建一个新的ActivityManager返回。否则返回当前已创建的ActivityManager。     *      * @param context     *            可传入应用程序上下文。     * @return ActivityManager的实例，用于获取手机可用内存。     */    private static ActivityManager getActivityManager(Context context) {        if (mActivityManager == null) {            mActivityManager = (ActivityManager) context                    .getSystemService(Context.ACTIVITY_SERVICE);        }        return mActivityManager;    }    /**     * 计算已使用内存的百分比，并返回。     *      * @param context     *            可传入应用程序上下文。     * @return 已使用内存的百分比，以字符串形式返回。     */    public static String getUsedPercentValue(Context context) {        String dir = "/proc/meminfo";        try {            FileReader fr = new FileReader(dir);            BufferedReader br = new BufferedReader(fr, 2048);            String memoryLine = br.readLine();            String subMemoryLine = memoryLine.substring(memoryLine                    .indexOf("MemTotal:"));            br.close();            long totalMemorySize = Integer.parseInt(subMemoryLine.replaceAll(                    "\\D+", ""));            long availableSize = getAvailableMemory(context) / 1024;            int percent = (int) ((totalMemorySize - availableSize)                    / (float) totalMemorySize * 100);            return percent + "%";        } catch (IOException e) {            e.printStackTrace();        }        return "悬浮窗";    }    /**     * 获取当前可用内存，返回数据以字节为单位。     *      * @param context     *            可传入应用程序上下文。     * @return 当前可用内存。     */    private static long getAvailableMemory(Context context) {        ActivityManager.MemoryInfo mi = new ActivityManager.MemoryInfo();        getActivityManager(context).getMemoryInfo(mi);        return mi.availMem;    }}


联系
我们