Android仿360悬浮小球自定义view实现

转载请标明出处：http://www.jianshu.com/u/a5ad093cffe8
效果图如下：

图片.png

 

图片.png

实现当前这种类似的效果 （360小球 悬浮桌面差不错类似）。第一次接触到的童鞋就像我一样懵逼（研究过得童鞋，就知道，实现这种悬浮窗体，是需要添加悬浮窗 设置权限的，我会在下篇文章进行公开源码）废话不多说 ，直接上代码。

1.新建工程，添加悬浮窗权限。

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

2.自定义一个FloatMessagerMainWindow

import android.content.Context;

import android.graphics.PixelFormat;

import android.graphics.Point;

import android.view.Gravity;

import android.view.LayoutInflater;

import android.view.View;

import android.view.WindowManager;

import android.widget.ImageView;

import android.widget.Toast;

import com.android.view.FloatMessagePopleDialog;

/**

 * Created by liupanpan on 2017/3/16.

 */

public class FloatMessagerMainWindow {

    private Context context;

    private View view;

    private WindowManager.LayoutParams mParams = null;

    private WindowManager windowManager = null;

    private static FloatMessagerMainWindow floatMessagerMainWindow;

    public FloatMessagerMainWindow(Context context, View view) {

        this.context = context;

        this.view = view;

        showWindow(context);

    }

    public static FloatMessagerMainWindow getFloatMessagerMainWindow(Context context, View view) {

        if (floatMessagerMainWindow == null) {

            synchronized (FloatMessagerMainWindow.class) {

                if (floatMessagerMainWindow == null) {

                    floatMessagerMainWindow = new FloatMessagerMainWindow(context, view);

                }

            }

        }

        return floatMessagerMainWindow;

    }

    private void showWindow(final Context context) {

//        if (!isWindowDismiss) {

//            Log.e(TAG, "view is already added here");

//            return;

//        }

//        isWindowDismiss = false;

        if (windowManager == null) {

            windowManager = (WindowManager) context.getApplicationContext().getSystemService(Context.WINDOW_SERVICE);

        }

        Point size = new Point();

        windowManager.getDefaultDisplay().getSize(size);

        int screenWidth = size.x;

        int screenHeight = size.y;

        mParams = new WindowManager.LayoutParams();

        mParams.packageName = context.getPackageName();

        mParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

        mParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

        mParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL

                | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR

                | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;

        mParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ERROR;

//        mParams.softInputMode = WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE |

//                WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN;

        mParams.format = PixelFormat.RGBA_8888;

        mParams.gravity = Gravity.LEFT | Gravity.TOP;

        mParams.x = screenWidth - dp2px(context, );

        mParams.y = screenHeight - dp2px(context, );

        ImageView imageView = new ImageView(context);

        imageView.setImageResource(R.mipmap.icon_tab_item_message_pressed);

        imageView.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                Toast.makeText(context, "image=========", Toast.LENGTH_SHORT).show();

                View view = LayoutInflater.from(context).inflate(R.layout.float_pople_room_layout, null);

                FloatMessagePopleDialog.getInstance(context, R.style.webviewTheme).setContextView(view);

            }

        });

//        floatView = new AVCallFloatView(context);

//        floatView.setParams(mParams);

//        floatView.setIsShowing(true);

        windowManager.addView(imageView, mParams);

    }

    private int dp2px(Context context, float dp) {

        final float scale = context.getResources().getDisplayMetrics().density;

        return (int) (dp * scale + 0.1f);

    }

}

1. 调用方法：

FloatMessagerMainWindow.getFloatMessagerMainWindow(context, null);

实现到此 ，点击按钮就可以实现 悬浮窗。（此处可能会出现相应的崩溃，崩溃原因是悬浮窗的 悬浮权限开启问题。）
4.我以官方模拟器为例开启悬浮权限（找不到此位置的 在下方留言）：

 

图片.png

 

打开允许在其他应用上的管理权限

此时再次打开工程，点击按钮，就可以实现悬浮效果。