Window悬浮框

最新推荐文章于 2024-05-24 20:57:12 发布

病人乙

最新推荐文章于 2024-05-24 20:57:12 发布

阅读量989

点赞数

文章标签： java android android studio

本文链接：https://blog.csdn.net/qq_52019658/article/details/126413340

版权

Android 悬浮窗自定义View 触摸事件布局切换

关键词由CSDN通过智能技术生成

自定义 Window 悬浮窗

一、主要流程

创建悬浮窗中所有显示的 View 的 layout.xml 文件。（显示的视图）
自定义一个单例类MyWindowManager，用于解耦悬浮窗的管理；类中保存 WindowManager 系统窗口管理服务、WindowManager.LayoutParams 窗口显示参数、内部类 ViewHolder 实例。（对外提供视图变化方法，方法调用内部类的实现方法）
在类中定义一个任意容器视图内部类 ViewHolder；该视图内部类继承任意 ViewGroup 如 RelativeLayout，保存所有要显示在悬浮窗的视图 View，上下文 Context，当前显示的 View。（包裹显示的视图，提供视图变化的方法给 MyWindowManager）
ViewHolder 构造器中；初始化成员属性（解析视图，初始化各个 View，若视图为自定义类，创建即可）
ViewHolder 中；提供方法给 MyWindowManager 进行视图切换，对触碰方法进行判断截断（是否移动悬浮窗），重写触碰方法移动悬浮窗。（悬浮窗移动功能和视图切换）
在 MyWindowManager 的单例获取方法 getInstance(Context context) 中；初始化成员属性，并使用 WindowManager 添加 ViewHolder 为单独的窗口。（初始化 WindowManager，ViewHolder，窗口参数）
MyWindowManager 中；向外部提供视图切换功能方法，实现为调用 ViewHolder 的切换方法。
在外部获取 MyWindowManager 实例即可使用。

说明：
MyWindowManager：提供外部对窗口进行管理的方法。
ViewHolder：某种 ViewGroup，窗口显示的视图，内部为空；使用代码添加 View 实现视图切换，实现悬浮窗拖动。
各个 View：可以是 xml，但尽量为自定义 View，不然该 View 的事件和各种初始化得在 ViewHolder 中完成。
WindowManagerInstance：MyWindowManager 的内部类，实现静态内部类单例。

二、简单示例（因为简单，就用 xml 了）

创建悬浮窗显示的两个 layout.xml 文件
例如两个：

first.xml-----
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/first_text_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:textSize="50dp"
        android:text="This is FirstView"
        android:background="@color/white"
        android:gravity="center"/>
</androidx.constraintlayout.widget.ConstraintLayout>

second.xml-----
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/second_text_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="This is SecondView."
        android:textSize="50dp"
        android:background="@color/white"
        android:gravity="center"/>
</androidx.constraintlayout.widget.ConstraintLayout>

自定义 MyWindowManager

public class MyWindowManager {
    //static 主要是因为单例获取方法为 static 的，我在里面初始化成员属性
    private static ViewHolder viewHolder;
    private static WindowManager mManager;
    private static WindowManager.LayoutParams params = new WindowManager.LayoutParams();
}

自定义 ViewHolder

private static class ViewHolder extends RelativeLayout {

    private View mFirstView;
    private View mSecondView;
    private boolean isFirst = true;
    private Context context;
}

初始化 ViewHolder 的成员属性

       public ViewHolder(Context context) {
            super(context);
            this.context = context;
            init();
        }

        private void init() {
            mFirstView = LayoutInflater.from(context).inflate(R.layout.first, null);
            mSecondView = LayoutInflater.from(context).inflate(R.layout.second, null);
            //视图一点击功能
            mFirstView.setOnClickListener(view -> {
                ((TextView) mFirstView.findViewById(R.id.first_text_view)).setText("视图一已变化！");
            });
            //视图二点击功能
            mSecondView.setOnClickListener(view -> {
                ((TextView) mSecondView.findViewById(R.id.second_text_view)).setText("视图二已变化！");
            });
            //把第一个视图作为初始显示的视图
            addView(mFirstView);
        }

ViewHolder 提供视图切换方法。重写方法完成拖动悬浮窗功能。
视图切换：

private void replaceFirstView() {
            if(!isFirst) {
                removeView(mSecondView);
                addView(mFirstView);
            }
            isFirst = true;
        }
        private void replaceSecondView() {
            if(isFirst) {
                removeView(mFirstView);
                addView(mSecondView);
            }
            isFirst = false;
        }

拖动悬浮窗

        private int lastX;
        private int lastY;
        @Override
        public boolean onInterceptTouchEvent(MotionEvent ev) {
            super.onInterceptTouchEvent(ev);
            //移动情况下，移动超过20截断触碰事件，不执行子 View 触碰事件，改为执行 ViewGroup 触碰事件
            if(ev.getAction() == MotionEvent.ACTION_MOVE) {
                int dx = (int)ev.getRawX() - lastX;
                int dy = (int)ev.getRawY() - lastY;
                if(dx > 20 || dy > 20) {
                    return true;
                }
            }else if(ev.getAction() == MotionEvent.ACTION_DOWN) {
                //触碰初始位置
                lastX = (int) ev.getRawX();
                lastY = (int) ev.getRawY();
            }
            //没超过，继续执行子 View 事件
            return false;
        }

        @Override
        public boolean onTouchEvent(MotionEvent event) {
            if(event.getAction() == MotionEvent.ACTION_MOVE) {
                int dx = (int)event.getRawX() - lastX;
                int dy = (int)event.getRawY() - lastY;

                params.x = params.x + dx;
                params.y = params.y + dy;

                mManager.updateViewLayout(this,params);

            }else if(event.getAction() == MotionEvent.ACTION_UP){
                if(isFirst) {
                    ((TextView)mFirstView.findViewById(R.id.first_text_view)).setText("窗口一改变后的文字！");
                } else {
                    ((TextView)mSecondView.findViewById(R.id.second_text_view)).setText("窗口二改变后的文字！");
                }
            }
            return super.onTouchEvent(event);
        }

初始化 MyWindowManager 成员属性

    public static MyWindowManager getInstance(Context context) {
        //获取系统 WindowManager
        mManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        //设置窗口参数
        params.gravity = Gravity.CENTER_HORIZONTAL;
        params.height = WindowManager.LayoutParams.WRAP_CONTENT;
        params.width = WindowManager.LayoutParams.WRAP_CONTENT;
        params.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
        //初始化  ViewHolder
        viewHolder = new ViewHolder(context);
        return WindowManagerInstance.instance;
    }

MyWindowManager 提供视图切换方法

//添加窗口
    public void openWindow() {
        mManager.addView(viewHolder,params);
    }
    //替换一
    public void replaceFirstView() {
        viewHolder.replaceFirstView();
    }
    //替换二
    public void replaceSecondView() {
        viewHolder.replaceSecondView();
    }
    //关闭窗口
    public void closeWindow() {
        mManager.removeView(viewHolder);
    }

在 Activity 中使用

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";
    private MyWindowManager mWindowManager;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.main_layout);
        //获取实例
        mWindowManager = MyWindowManager.getInstance(this);
        //打开窗口
        mWindowManager.openWindow();
    }
}