Android之仿IOS悬浮窗

在一些场合里,我们使用悬浮窗会有很大的便利,比如IOS系统的悬浮窗,360或者其他手机卫士的悬浮窗等等。

我们创造出两个悬浮窗,通过点击小悬浮窗打开或者关闭大悬浮窗。

代码如下:

在这之前,我们需要在manifest中申请权限:

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

1

并且,悬浮窗这个权限我们需要手动在手机找到应用权限管理,允许这个权限才行

 小悬浮窗的界面代码float_normal_view.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:id="@+id/ll_float_normal"

    android:gravity="center"

    android:orientation="vertical">

    <ImageView

        android:id="@+id/iv_show_control_view"

        android:layout_gravity="center"

        android:background="@drawable/float_bg"

        android:layout_width="65dp"

        android:orientation="vertical"

        android:alpha="0.3"

        android:layout_height="65dp" >

    </ImageView>

</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="@android:color/holo_green_dark"

    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>

入口activity(MainActivity ):

public class MainActivity extends Activity {

    MyWindowManager myWindowManager;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {

            if(!Settings.canDrawOverlays(getApplicationContext())) {

                //启动Activity让用户授权

                Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION);

                intent.setData(Uri.parse("package:" + getPackageName()));

                startActivityForResult(intent,100);

            }

        }

        setContentView(R.layout.activity_main);

        myWindowManager = MyWindowManager.getInstance();

        myWindowManager.createNormalView(this.getApplicationContext());

    }

}

悬浮窗管理器MyWindowManager:

public class MyWindowManager {

    private FloatNormalView normalView;

    private Context mContext;

    private static MyWindowManager instance;

    private WindowManager windowManager;

    private MyWindowManager() {

    }

    public static MyWindowManager getInstance() {

        if (instance == null)

            instance = new MyWindowManager();

        return instance;

    }

    private WindowManager getWindowManager(Context context) {

        if (windowManager == null)

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

        mContext=context;

        return windowManager;

    }

    /**

    * 判断小悬浮窗是否存在

    *

    * @return

    */

    public boolean isNormalViewExists() {

        return normalView != null;

    }

    /**

    * 创建小型悬浮窗

    */

    public void createNormalView(Context context) {

        if (normalView == null) {

            normalView = new FloatNormalView(context);

        }

    }

    /**

    * 移除悬浮窗

    *

    * @param context

    */

    public void removeNormalView(Context context) {

        if (normalView != null) {

            windowManager.removeView(normalView);

            normalView = null;

        }

    }

    FloatWindowBigView bigWindow;

    private WindowManager.LayoutParams bigWindowParams;

    public 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 WindowManager.LayoutParams();

                bigWindowParams.x = screenWidth / 2 - FloatWindowBigView.viewWidth / 2;

                bigWindowParams.y = screenHeight / 2 - FloatWindowBigView.viewHeight / 2;

                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {

                    bigWindowParams.type =WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;

                }

                else {

                    bigWindowParams.type = WindowManager.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);

        }

    }

    public void removeBigWindow(Context context) {

        if (bigWindow != null) {

            WindowManager windowManager = getWindowManager(context);

            windowManager.removeView(bigWindow);

            bigWindow = null;

        }

    }

}

小悬浮窗FloatNormalView:

public class FloatNormalView extends LinearLayout implements View.OnTouchListener {

    private final static String TAG="FloatNormalView";

    /**

    * 记录小悬浮窗的宽度

    */

    public static int viewWidth;

    /**

    * 记录小悬浮窗的高度

    */

    public static int viewHeight;

    /**

    * 记录系统状态栏的高度

    */

    private static int statusBarHeight;

    /**

    * 用于更新小悬浮窗的位置

    */

    private WindowManager windowManager;

    /**

    * 小悬浮窗的参数

    */

    private WindowManager.LayoutParams mParams;

    /**

    * 记录当前手指位置在屏幕上的横坐标值

    */

    private float xInScreen,xInitScreen;

    /**

    * 记录当前手指位置在屏幕上的纵坐标值

    */

    private float yInScreen,yInitScreen;

    /**

    * 记录手指按下时在屏幕上的横坐标的值

    */

    private float xDownInScreen;

    /**

    * 记录手指按下时在屏幕上的纵坐标的值

    */

    private float yDownInScreen;

    /**

    * 记录手指按下时在小悬浮窗的View上的横坐标的值

    */

    private float xInView;

    /**

    * 记录手指按下时在小悬浮窗的View上的纵坐标的值

    */

    private float yInView;

    public FloatNormalView(Context context) {

        super(context);

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

        LayoutInflater.from(context).inflate(R.layout.float_normal_view, this);

        View view = findViewById(R.id.ll_float_normal);

        viewWidth = view.getLayoutParams().width;

        viewHeight = view.getLayoutParams().height;

        initLayoutParams();

    }

    OnClickListener circleClickListener=new OnClickListener() {

        @Override

        public void onClick(View view) {

            MyWindowManager.getInstance().createBigWindow(getContext());

            MyWindowManager.getInstance().removeNormalView(getContext());

        }

    };

    /**

    * 初始化参数

    */

    private void initLayoutParams() {

        //屏幕宽高

        int screenWidth = windowManager.getDefaultDisplay().getWidth();

        int screenHeight = windowManager.getDefaultDisplay().getHeight();

        mParams = new WindowManager.LayoutParams();

        // FLAG_NOT_TOUCH_MODAL不阻塞事件传递到后面的窗口

        // FLAG_NOT_FOCUSABLE 悬浮窗口较小时,后面的应用图标由不可长按变为可长按,不设置这个flag的话,home页的划屏会有问题

        mParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE

                | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;

        //悬浮窗默认显示的位置

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

        //指定位置

        mParams.x = screenWidth - viewWidth * 2;

        mParams.y = screenHeight / 2 + viewHeight * 2;

        //悬浮窗的宽高

        mParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

        mParams.height = WindowManager.LayoutParams.WRAP_CONTENT;

        mParams.format = PixelFormat.TRANSPARENT;

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {

            mParams.type =WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;

        }

        else {

            mParams.type = WindowManager.LayoutParams.TYPE_PHONE;

        }

        mParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;

        windowManager.addView(this, mParams);

    }

    @Override

    public boolean onTouchEvent(MotionEvent event) {

        Log.i(TAG,"hsz--->onTouchEvent:"+event.getAction());

        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:

                // 手指按下时记录必要数据,纵坐标的值都需要减去状态栏高度

                xInView =xInitScreen= event.getX();

                yInView =yInitScreen= 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) {

                    openOrCloseControlView();

                }

                Float distanceX=event.getX()-xInitScreen;

                Float distanceY=event.getY()-yInitScreen;

                if(distanceX==0 && distanceY==0){

                    MyWindowManager.getInstance().createBigWindow(getContext());

                    MyWindowManager.getInstance().removeNormalView(getContext());

                }

                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);

    }

    /**

    * 用于获取状态栏的高度。

    *

    * @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;

    }

    @Override

    public boolean onTouch(View v, MotionEvent event) {

        return false;

    }

}

大悬浮窗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) {

                // 点击关闭悬浮窗的时候

                MyWindowManager.getInstance().removeBigWindow(context);

                MyWindowManager.getInstance().createNormalView(context);

            }

        });

        back.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                // 点击主页的时候,移除大悬浮窗,创建小悬浮窗

                Intent intent = new Intent(Intent.ACTION_MAIN);

                intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);

                intent.addCategory(Intent.CATEGORY_HOME);

                context.startActivity(intent);

                MyWindowManager.getInstance().removeBigWindow(context);

                MyWindowManager.getInstance().createNormalView(context);

            }

        });

    }

}

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350