游戏SDK应用内悬浮窗的实现（二）

-Colin

已于 2022-10-24 14:36:39 修改

阅读量1.2k

点赞数 1

分类专栏： SDK开发文章标签：游戏 android android studio 1024程序员节

于 2022-10-18 17:49:28 首次发布

本文链接：https://blog.csdn.net/gsrkuang/article/details/127392195

版权

SDK开发专栏收录该内容

5 篇文章 3 订阅

订阅专栏

游戏SDK应用内悬浮窗的实现（一）
游戏SDK应用内悬浮窗的实现（二）
游戏SDK应用内悬浮窗的实现（三）
游戏SDK应用内悬浮窗的实现（四）

继上一篇用简单的demo实现了应用内悬浮窗后，本篇来继续实现悬浮窗的拖拽操作。

项目依然是只需要用到两个文件即可

在这里插入图片描述
在编写代码之前请先去掉状态栏，这个就不用赘述了

<activity
            android:name=".MainActivity"
            android:theme="@style/Theme.AppCompat.Light.NoActionBar"

1、MainActivity与之前一样

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        FloatIconView floatIconView = new FloatIconView(this);
        
    }
}

2、activity_float_item.xml 也是和之前一样

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/floaticon_btn"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/ic_launcher" />
</RelativeLayout>

3、FloatIconView增加onTouchEvent，更新控件的位置

WindowManager、wm、screenHeight、screenWidth、mTouchStartX、mTouchStartY 抽出来变成全局变量

import android.app.Activity;
import android.content.Context;
import android.graphics.PixelFormat;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.RelativeLayout;

/**
 * Date:2022-10-18
 * Time:11:33
 * author:colin
 */
public class FloatIconView extends RelativeLayout {

    WindowManager.LayoutParams wmParams;
    WindowManager wm;
    int screenHeight;
    int screenWidth;
    float mTouchStartX , mTouchStartY ;

    public FloatIconView(Activity activity) {
        super(activity);
        init(activity);
    }

    public void init(Activity activity) {

        View view = LayoutInflater.from(activity).inflate(R.layout.activity_float_item, this);
        DisplayMetrics dm = activity.getResources().getDisplayMetrics();
        int widthPixels = dm.widthPixels;
        int heightPixels = dm.heightPixels;

        wm = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);

        //屏宽
        screenWidth = wm.getDefaultDisplay().getWidth();
        //屏高
        screenHeight = wm.getDefaultDisplay().getHeight();

        wmParams = new WindowManager.LayoutParams();
        wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION;
        wmParams.format = PixelFormat.RGBA_8888;//设置背景图片
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;//
        wmParams.gravity = Gravity.LEFT | Gravity.TOP;//
        wmParams.x = widthPixels; //设置位置像素
        wmParams.y = heightPixels;
        wmParams.width = 150; //设置图片大小
        wmParams.height = 150;
        wm.addView(view, wmParams);


    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 获取相对屏幕的坐标， 以屏幕左上角为原点
        float x = event.getRawX();
        float y = event.getRawY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 获取相对View的坐标，即以此View左上角为原点
                mTouchStartX = event.getX();
                mTouchStartY = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                wmParams.x = (int) (x - mTouchStartX);
                // 不设置为全屏(状态栏存在) 标题栏是屏幕的1/25
                wmParams.y = (int) (y - mTouchStartY - screenHeight / 25);
                wm.updateViewLayout(this, wmParams);

                break;
        }
        return true;
    }

}

效果gif显示：

请添加图片描述

4、FloatIconView增加click点击事件，并且封装方法

在增加click点击事件时候，需要注意一个细节，浮窗在拖动时候并不触发click，只有点击时候才会触发。那么我们就需要进行浮窗是否拖动状态的判断。仔细研究FloatIconView的代码

添加了case MotionEvent.ACTION_UP:的判断，增加isScroll的状态判断

import android.app.Activity;
import android.content.Context;
import android.graphics.PixelFormat;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.RelativeLayout;
import android.widget.Toast;

/**
 * Date:2022-10-18
 * Time:11:33
 * author:colin
 */
public class FloatIconView extends RelativeLayout {

    WindowManager.LayoutParams wmParams;
    WindowManager wm;
    int screenHeight;
    int screenWidth;
    float mTouchStartX, mTouchStartY;
    float x,y;
    private boolean isScroll;
    private int dpi;
    Activity activity;
    public FloatIconView(Activity activity) {
        super(activity);
        this.activity = activity;
        init(activity);
    }

    public void init(Activity activity) {

        View view = LayoutInflater.from(activity).inflate(R.layout.activity_float_item, this);
        DisplayMetrics dm = activity.getResources().getDisplayMetrics();
        int widthPixels = dm.widthPixels;
        int heightPixels = dm.heightPixels;

        wm = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);

        //屏宽
        screenWidth = wm.getDefaultDisplay().getWidth();
        //屏高
        screenHeight = wm.getDefaultDisplay().getHeight();
        //通过像素密度来设置按钮的大小
        dpi = dpi(dm.densityDpi);

        wmParams = new WindowManager.LayoutParams();
        wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION;
        wmParams.format = PixelFormat.RGBA_8888;//设置背景图片
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;//
        wmParams.gravity = Gravity.LEFT | Gravity.TOP;//
        wmParams.x = widthPixels; //设置位置像素
        wmParams.y = heightPixels;
        wmParams.width = 150; //设置图片大小
        wmParams.height = 150;
        wm.addView(view, wmParams);


    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 获取相对屏幕的坐标， 以屏幕左上角为原点
         x = event.getRawX();
         y = event.getRawY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // 获取相对View的坐标，即以此View左上角为原点
                mTouchStartX = event.getX();
                mTouchStartY = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                if (isScroll) {
                    updateViewPosition();
                } else {
// 当前不处于连续滑动状态 则滑动小于图标1/3则不滑动
                    if (Math.abs(mTouchStartX - event.getX()) > dpi / 3
                            || Math.abs(mTouchStartY - event.getY()) > dpi / 3) {
                        updateViewPosition();
                    } else {
                        break;
                    }
                }
                isScroll = true;
                break;
            case MotionEvent.ACTION_UP:
                // 拖动
                if (isScroll) {
                    //自动贴边代码增加在此处
                } else {
                    //点击悬浮窗
                    clickView();
                }
                isScroll = false;
                mTouchStartX = mTouchStartY = 0;
                break;
        }
        return true;
    }

    private void updateViewPosition() {
        wmParams.x = (int) (x - mTouchStartX);
        // 不设置为全屏(状态栏存在) 标题栏是屏幕的1/25
        wmParams.y = (int) (y - mTouchStartY - screenHeight / 25);
        wm.updateViewLayout(this, wmParams);

    }
    /**
     * 根据密度选择控件大小
     */

    private int dpi(int densityDpi) {

        if (densityDpi <= 120) {

            return 36;

        } else if (densityDpi <= 160) {

            return 48;

        } else if (densityDpi <= 240) {

            return 72;

        } else if (densityDpi <= 320) {

            return 96;

        }

        return 108;

    }
    //当悬浮按钮被点击
    public void clickView(){
        Toast.makeText(activity,"悬浮按钮被点击！",Toast.LENGTH_SHORT).show();
    }
}

最终效果：

需要拖动按钮的1/3的距离按钮才会被执行拖动，不然的话会直接出发点击事件

请添加图片描述

悬浮按钮一直显示在游戏中是很影响体验的，而且经常会误触，但是不显示又不行，没有入口就找不到SDK了，甚至乎不能退出和切换账号。所以悬浮窗还应该会自动贴边，并且在不用的时候自己躲起来。

下一篇我们继续来开发实现。

附上最后的资源链接
https://download.csdn.net/download/gsrkuang/86812918
积分不够的话可以联系我拿285184329

-Colin

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
游戏SDK应用内悬浮窗的实现（二）

悬浮按钮一直显示在游戏中是很影响体验的，而且经常会误触，但是不显示又不行，没有入口就找不到SDK了，甚至乎不能退出和切换账号。所以悬浮窗还应该会自动贴边，并且在不用的时候自己躲起来。WindowManager、wm、screenHeight、screenWidth、mTouchStartX、mTouchStartY 抽出来变成全局变量。在编写代码之前请先去掉状态栏，这个就不用赘述了。下一篇我们继续来开发实现。
复制链接

扫一扫

专栏目录