热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

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

这篇文章主要为大家详细介绍了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;
 }
}

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


推荐阅读
  • 网络爬虫的规范与限制
    本文探讨了网络爬虫引发的问题及其解决方案,重点介绍了Robots协议的作用和使用方法,旨在为网络爬虫的合理使用提供指导。 ... [详细]
  • 本文介绍了 AngularJS 中的 $compile 服务及其用法,通过示例代码展示了如何使用 $compile 动态编译和链接 HTML 元素。 ... [详细]
  • [c++基础]STL
    cppfig15_10.cppincludeincludeusingnamespacestd;templatevoidprintVector(constvector&integer ... [详细]
  • 自动验证时页面显示问题的解决方法
    在使用自动验证功能时,页面未能正确显示错误信息。通过使用 `dump($info->getError())` 可以帮助诊断和解决问题。 ... [详细]
  • 本文详细介绍了如何解决DNS服务器配置转发无法解析的问题,包括编辑主配置文件和重启域名服务的具体步骤。 ... [详细]
  • 数字资产量化交易通过大数据分析,以客观的方式制定交易决策,有效减少人为的主观判断和情绪影响。本文介绍了几种常见的数字资产量化交易策略,包括搬砖套利和趋势交易,并探讨了量化交易软件的开发前景。 ... [详细]
  • 自定义滚动条美化页面内容
    当页面内容超出显示范围时,为了提升用户体验和页面美观,通常会添加滚动条。如果默认的浏览器滚动条无法满足设计需求,我们可以自定义一个符合要求的滚动条。本文将详细介绍自定义滚动条的实现过程。 ... [详细]
  • importpymysql#一、直接连接mysql数据库'''coonpymysql.connect(host'192.168.*.*',u ... [详细]
  • 微软推出Windows Terminal Preview v0.10
    微软近期发布了Windows Terminal Preview v0.10,用户可以在微软商店或GitHub上获取这一更新。该版本在2月份发布的v0.9基础上,新增了鼠标输入和复制Pane等功能。 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 本文介绍了如何使用 CMD 批处理脚本进行文件操作,包括将指定目录下的 PHP 文件重命名为 HTML 文件,并将这些文件复制到另一个目录。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 两个条件,组合控制#if($query_string~*modviewthread&t(&extra(.*)))?$)#{#set$itid$1;#rewrite^ ... [详细]
  • 本文详细介绍了DMA控制器如何通过映射表处理来自外设的请求,包括映射表的设计和实现方法。 ... [详细]
  • 如何在Windows内置的Ubuntu系统中更改SSH服务的端口号设置
    如何在Windows内置的Ubuntu系统中更改SSH服务的端口号设置 ... [详细]
author-avatar
潙沵悈煙卻悈鋽孒沵
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有