当前位置: 开发笔记 > 运维 > 正文

Android实现自由拖动并显示文字的悬浮框

作者：潙沵悈煙卻悈鋽孒沵 | 来源：互联网 | 2022-10-19 15:06

这篇文章主要为大家详细介绍了Android实现自由拖动并显示文字的悬浮框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

项目中需要实现一个状态显示的悬浮框，要求可以设置两种模式：拖动模式和不可拖动模式。

实现效果图如下：

实现步骤：

1.首先要设置该悬浮框的基本属性：

/**
 * 显示弹出框
 *
 * @param context
 */
 @SuppressWarnings("WrongConstant")
 public static void showPopupWindow(final Context context, String showtxt) {
 if (isShown) {
  return;
 }
 isShown = true;
 // 获取WindowManager
 mWindowManager = (WindowManager) context
  .getSystemService(Context.WINDOW_SERVICE);
 mView = setUpView(context, showtxt);
 
 params = new WindowManager.LayoutParams();
 // 类型，系统提示以及它总是出现在应用程序窗口之上。
 params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT |
  WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY;
 
 // 设置flag
 int flags = canTouchFlags;
 
 // | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
 // 如果设置了WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE，弹出的View收不到Back键的事件
 params.flags = flags;
 // 不设置这个弹出框的透明遮罩显示为黑色
 params.format = PixelFormat.TRANSLUCENT;
 // FLAG_NOT_TOUCH_MODAL不阻塞事件传递到后面的窗口
 // 设置 FLAG_NOT_FOCUSABLE 悬浮窗口较小时，后面的应用图标由不可长按变为可长按
 // 不设置这个flag的话，home页的划屏会有问题
 params.width = LayoutParams.WRAP_CONTENT;
 params.height = LayoutParams.WRAP_CONTENT;
 params.gravity = Gravity.TOP;
 mWindowManager.addView(mView, params);
}

比较重要的点是要注意设置flags，我这里提供了两种flags以供切换：

private static int canTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
  | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
 
 private static int notTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE|
  WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;

第一种是可触摸不可聚焦模式，第二种是不可触摸不可聚焦模式。其他的flags可以从api中查阅。

2.设置悬浮框的拖动监听事件：

private static View setUpView(final Context context, String showtxt) {
 View view = LayoutInflater.from(context).inflate(R.layout.layout_popwindow,
  null);
 
 TextView showTv = (TextView) view.findViewById(R.id.tv_showinpop);
 showTv.setText(showtxt);
 
 rl_drag_showinpop = (RelativeLayout) view.findViewById(R.id.rl_drag_showinpop);
 rl_drag_showinpop.setOnTouchListener(new View.OnTouchListener() {
  private float lastX; //上一次位置的X.Y坐标
  private float lastY;
  private float nowX; //当前移动位置的X.Y坐标
  private float nowY;
  private float tranX; //悬浮窗移动位置的相对值
  private float tranY;
 
  @Override
  public boolean onTouch(View v, MotionEvent event) {
  boolean ret = false;
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
 
   // 获取按下时的X，Y坐标
   lastX = event.getRawX();
   lastY = event.getRawY();
   ret = true;
 
   break;
   case MotionEvent.ACTION_MOVE:
   // 获取移动时的X，Y坐标
   nowX = event.getRawX();
   nowY = event.getRawY();
   // 计算XY坐标偏移量
   tranX = nowX - lastX;
   tranY = nowY - lastY;
   params.x += tranX;
   params.y += tranY;
 
   //更新悬浮窗位置
   mWindowManager.updateViewLayout(mView, params);
   //记录当前坐标作为下一次计算的上一次移动的位置坐标
   lastX = nowX;
   lastY = nowY;
 
   break;
   case MotionEvent.ACTION_UP:
   break;
  }
  return ret;
  }
});

这里要在down的时候记录坐标，move事件中使用修改params坐标进行移动。

3.设置悬浮框文字属性：

public static void setShowTxt(String txt) {
 try {
  TextView showTv = (TextView) mView.findViewById(R.id.tv_showinpop);
  showTv.setText(txt);
  mWindowManager.updateViewLayout(mView, params);
 }catch (Exception e){
  Log.d(TAG, "setShowTxt: 更新悬浮框错误");
  e.printStackTrace();
  if(e.getMessage().contains("not attached to window manager")){
  mWindowManager.addView(mView, params);
  }
 }
}

4.更新悬浮框图片显示：

public static void setShowImg(Bitmap bitmap) {
 try {
  ImageView showImg = (ImageView) mView.findViewById(R.id.iv_showinpop);
  showImg.setImageBitmap(bitmap);
  mWindowManager.updateViewLayout(mView, params);
 }catch (Exception e){
  Log.d(TAG, "setShowTxt: 更新悬浮框错误");
  e.printStackTrace();
  if(e.getMessage().contains("not attached to window manager")){
  mWindowManager.addView(mView, params);
  }
 }
 }

介绍完毕，整个类都封装好了，代码如下：

/**
 * 悬浮窗工具类
 * created by Pumpkin at 17/3/28
 */
public class WindowsUitlity {
 private static String TAG = WindowsUitlity.class.getSimpleName();
 private static WindowManager mWindowManager = null;
 private static WindowManager.LayoutParams params;
 public static Boolean isShown = false;
 private static View mView = null;
 
 /**
 * 显示弹出框
 *
 * @param context
 */
 @SuppressWarnings("WrongConstant")
 public static void showPopupWindow(final Context context, String showtxt) {
 if (isShown) {
  return;
 }
 isShown = true;
 // 获取WindowManager
 mWindowManager = (WindowManager) context
  .getSystemService(Context.WINDOW_SERVICE);
 mView = setUpView(context, showtxt);
 
 params = new WindowManager.LayoutParams();
 // 类型，系统提示以及它总是出现在应用程序窗口之上。
 params.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT |
  WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY;
 
 // 设置flag
 int flags = canTouchFlags;
 
 // | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
 // 如果设置了WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE，弹出的View收不到Back键的事件
 params.flags = flags;
 // 不设置这个弹出框的透明遮罩显示为黑色
 params.format = PixelFormat.TRANSLUCENT;
 // FLAG_NOT_TOUCH_MODAL不阻塞事件传递到后面的窗口
 // 设置 FLAG_NOT_FOCUSABLE 悬浮窗口较小时，后面的应用图标由不可长按变为可长按
 // 不设置这个flag的话，home页的划屏会有问题
 params.width = LayoutParams.WRAP_CONTENT;
 params.height = LayoutParams.WRAP_CONTENT;
 params.gravity = Gravity.TOP;
 mWindowManager.addView(mView, params);
 }
 
 
 private static int canTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
  | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
 
 private static int notTouchFlags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE|
  WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE;
 
 
 /**
 * 设置是否可响应点击事件
 *
 * @param isTouchable
 */
 public static void setTouchable(boolean isTouchable) {
 if (isTouchable) {
  params.flags = canTouchFlags;
 } else {
  params.flags = notTouchFlags;
 }
 mWindowManager.updateViewLayout(mView, params);
 
 }
 
 
 /**
 * 隐藏弹出框
 */
 public static void hidePopupWindow() {
 if (isShown && null != mView) {
  mWindowManager.removeView(mView);
  isShown = false;
 }
 }
 
 public static void setShowTxt(String txt) {
 try {
  TextView showTv = (TextView) mView.findViewById(R.id.tv_showinpop);
  showTv.setText(txt);
  mWindowManager.updateViewLayout(mView, params);
 }catch (Exception e){
  Log.d(TAG, "setShowTxt: 更新悬浮框错误");
  e.printStackTrace();
  if(e.getMessage().contains("not attached to window manager")){
  mWindowManager.addView(mView, params);
  }
 }
 }
 
 
 public static void setShowImg(Bitmap bitmap) {
 try {
  ImageView showImg = (ImageView) mView.findViewById(R.id.iv_showinpop);
  showImg.setImageBitmap(bitmap);
  mWindowManager.updateViewLayout(mView, params);
 }catch (Exception e){
  Log.d(TAG, "setShowTxt: 更新悬浮框错误");
  e.printStackTrace();
  if(e.getMessage().contains("not attached to window manager")){
  mWindowManager.addView(mView, params);
  }
 }
 }
 
 static RelativeLayout rl_drag_showinpop;
 
 private static View setUpView(final Context context, String showtxt) {
 View view = LayoutInflater.from(context).inflate(R.layout.layout_popwindow,
  null);
 
 TextView showTv = (TextView) view.findViewById(R.id.tv_showinpop);
 showTv.setText(showtxt);
 
 rl_drag_showinpop = (RelativeLayout) view.findViewById(R.id.rl_drag_showinpop);
 rl_drag_showinpop.setOnTouchListener(new View.OnTouchListener() {
  private float lastX; //上一次位置的X.Y坐标
  private float lastY;
  private float nowX; //当前移动位置的X.Y坐标
  private float nowY;
  private float tranX; //悬浮窗移动位置的相对值
  private float tranY;
 
  @Override
  public boolean onTouch(View v, MotionEvent event) {
  boolean ret = false;
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
 
   // 获取按下时的X，Y坐标
   lastX = event.getRawX();
   lastY = event.getRawY();
   ret = true;
 
   break;
   case MotionEvent.ACTION_MOVE:
   // 获取移动时的X，Y坐标
   nowX = event.getRawX();
   nowY = event.getRawY();
   // 计算XY坐标偏移量
   tranX = nowX - lastX;
   tranY = nowY - lastY;
   params.x += tranX;
   params.y += tranY;
 
   //更新悬浮窗位置
   mWindowManager.updateViewLayout(mView, params);
   //记录当前坐标作为下一次计算的上一次移动的位置坐标
   lastX = nowX;
   lastY = nowY;
 
   break;
   case MotionEvent.ACTION_UP:
   break;
  }
  return ret;
  }
 });
 
 return view;
 }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

推荐阅读

windows
Lua脚本深入解析：元表与元方法的应用

本文探讨了Lua中元表和元方法的使用，通过具体的代码示例展示了如何利用这些特性来实现类似C语言中的运算符重载功能。 ... [详细]

蜡笔小新 2024-11-27 19:31:10
windows
拖拉切割直线

拖拉切割直线 ... [详细]

蜡笔小新 2024-11-27 19:20:38
linux
四月个人任务：Linux基础操作与网络管理

本文介绍了两项主要任务：编写一个脚本来检测192.168.1.0/24子网中当前在线的IP地址，以及如何在Linux系统中挂载Windows网络共享目录。通过具体步骤和代码示例，帮助读者理解和掌握相关技能。 ... [详细]

蜡笔小新 2024-11-27 19:13:58
linux
C语言初学者指南：利用二维数组与结构体实现贪食蛇游戏

本文面向非计算机专业背景的编程爱好者，介绍如何仅使用基础的C语言知识——二维数组和结构体，无需掌握复杂的数据结构如链表，即可编写一款经典的贪食蛇游戏。通过本教程，您将了解游戏开发的基本原理和实现方法。 ... [详细]

蜡笔小新 2024-11-27 18:05:55
linux
Python中调用Java代码的方法与实践

本文探讨了如何在Python环境中集成并调用Java代码，通过具体的步骤和示例展示了这一过程的技术细节。适合对跨语言编程感兴趣的开发者阅读。 ... [详细]

蜡笔小新 2024-11-27 17:54:57
linux
VS Code 中 .vscode 文件夹配置详解

本文介绍了 VS Code 中 .vscode 文件夹下的配置文件及其作用，包括常用的预定义变量和三个关键配置文件：launch.json、tasks.json 和 c_cpp_properties.json。 ... [详细]

蜡笔小新 2024-11-27 17:52:29
linux
13、单向链表

头文件：LinkList.hLinkList.cmain.cVS2 ... [详细]

蜡笔小新 2024-11-27 14:45:45
linux
Flask中路由的基础定义与应用

本文介绍了如何在Flask框架中通过装饰器为视图函数指定访问路径，并详细讲解了带参数路由及指定请求方法的实现方式。 ... [详细]

蜡笔小新 2024-11-27 10:18:12
linux
深入解析Android Activity生命周期

本文详细探讨了Android中Activity的生命周期，通过实例代码和详细的步骤说明，帮助开发者更好地理解和掌握Activity各个阶段的行为。 ... [详细]

蜡笔小新 2024-11-27 03:28:32
linux
解决 'view is not in the window hierarchy' 错误的方法

探讨并提供解决方案以应对 'view is not in the window hierarchy' 的错误提示。 ... [详细]

蜡笔小新 2024-11-26 20:15:22
linux
MySQL: 表 'xdb.auditlog' 被标记为已损坏，需要修复

本文介绍了如何处理MySQL数据库中表 'xdb.auditlog' 被标记为已损坏的问题，并提供了解决方案。 ... [详细]

蜡笔小新 2024-11-26 19:50:06
linux
实现PopupWindow全屏显示并隐藏虚拟按键的方法

本文详细介绍了一种实现PopupWindow全屏显示且能有效隐藏虚拟按键的技术方案，适用于Android开发。此方法经过实际测试，表现良好，兼容性优秀。 ... [详细]

蜡笔小新 2024-11-26 15:35:31
linux
BeautifulSoup4：Python的HTML/XML解析利器

BeautifulSoup4 是一个功能强大的HTML和XML解析库，它能够帮助开发者轻松地从网页中提取信息。本文将介绍BeautifulSoup4的基本功能、安装方法、与其他解析工具的对比以及简单的使用示例。 ... [详细]

蜡笔小新 2024-11-26 14:44:14
linux
Spring Boot Maven 子模块独立打包指南

本文介绍了如何使用Maven命令对Spring Boot项目中的子模块进行独立打包，包括依赖树的查看、项目的运行和打包等基本操作。 ... [详细]

蜡笔小新 2024-11-26 14:40:02
linux
Java毕业设计：在线办公工作流系统MyBatis+源码+调试部署+数据库+论文

本文介绍了基于Java的在线办公工作流系统的毕业设计方案，涵盖了MyBatis框架的应用、源代码分析、调试与部署流程、数据库设计以及相关论文撰写指导。 ... [详细]

蜡笔小新 2024-11-25 10:21:47

潙沵悈煙卻悈鋽孒沵

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章