Android实现全局悬浮框

本文实例为大家分享了Android实现全局悬浮框的具体代码,供大家参考,具体内容如下

效果图:

代码实现:

Androidmanifest.xml添加弹框权限

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

自定义悬浮窗类FloatWindow.java

public class FloatWindow implements View.OnTouchListener {

 private Context mContext;
 private WindowManager.LayoutParams mWindowParams;
 private WindowManager mWindowManager;

 private View mFloatLayout;
 private float mInViewX;
 private float mInViewY;
 private float mDownInScreenX;
 private float mDownInScreenY;
 private float mInScreenX;
 private float mInScreenY;
 private TextView infoText;

 public FloatWindow(Context context) {
  this.mContext = context;
  initFloatWindow();
 }

 private void initFloatWindow() {
  LayoutInflater inflater = LayoutInflater.from(mContext);
  if(inflater == null)
   return;
  mFloatLayout = (View) inflater.inflate(R.layout.layout_float, null);
  infoText = mFloatLayout.findViewById(R.id.textView);
  mFloatLayout.setOnTouchListener(this);

  mWindowParams = new WindowManager.LayoutParams();
  mWindowManager = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
  if (Build.VERSION.SDK_INT >= 26) {//8.0新特性
   mWindowParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
  }else{
   mWindowParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
  }
  mWindowParams.format = PixelFormat.RGBA_8888;
  mWindowParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
  mWindowParams.gravity = Gravity.START | Gravity.TOP;
  mWindowParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
  mWindowParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
 }

 @Override
 public boolean onTouch(View view, MotionEvent motionEvent) {
  return floatLayoutTouch(motionEvent);
 }

 private boolean floatLayoutTouch(MotionEvent motionEvent) {
  switch (motionEvent.getAction()) {
   case MotionEvent.ACTION_DOWN:
    // 获取相对View的坐标,即以此View左上角为原点
    mInViewX = motionEvent.getX();
    mInViewY = motionEvent.getY();
    // 获取相对屏幕的坐标,即以屏幕左上角为原点
    mDownInScreenX = motionEvent.getRawX();
    mDownInScreenY = motionEvent.getRawY() - getSysBarHeight(mContext);
    mInScreenX = motionEvent.getRawX();
    mInScreenY = motionEvent.getRawY() - getSysBarHeight(mContext);
    break;
   case MotionEvent.ACTION_MOVE:
    // 更新浮动窗口位置参数
    mInScreenX = motionEvent.getRawX();
    mInScreenY = motionEvent.getRawY() - getSysBarHeight(mContext);
    mWindowParams.x = (int) (mInScreenX- mInViewX);
    mWindowParams.y = (int) (mInScreenY - mInViewY);
    // 手指移动的时候更新小悬浮窗的位置
    mWindowManager.updateViewLayout(mFloatLayout, mWindowParams);
    break;
   case MotionEvent.ACTION_UP:
    // 如果手指离开屏幕时,xDownInScreen和xInScreen相等,且yDownInScreen和yInScreen相等,则视为触发了单击事件。
    if (mDownInScreenX == mInScreenX && mDownInScreenY == mInScreenY){

    }
    break;
  }
  return true;
 }

 public void showFloatWindow(){
  if (mFloatLayout.getParent() == null){
   DisplayMetrics metrics = new DisplayMetrics();
   // 默认固定位置,靠屏幕右边缘的中间
   mWindowManager.getDefaultDisplay().getMetrics(metrics);
   mWindowParams.x = metrics.widthPixels;
   mWindowParams.y = metrics.heightPixels/2 - getSysBarHeight(mContext);
   mWindowManager.addView(mFloatLayout, mWindowParams);
  }
 }

 public void updateText(final String s) {
  infoText.setText(s);
 }

 public void hideFloatWindow(){
  if (mFloatLayout.getParent() != null)
   mWindowManager.removeView(mFloatLayout);
 }

 public void setFloatLayoutAlpha(boolean alpha){
  if (alpha)
   mFloatLayout.setAlpha((float) 0.5);
  else
   mFloatLayout.setAlpha(1);
 }

 // 获取系统状态栏高度
 public static int getSysBarHeight(Context contex) {
  Class<?> c;
  Object obj;
  Field field;
  int x;
  int sbar = 0;
  try {
   c = Class.forName("com.android.internal.R$dimen");
   obj = c.newInstance();
   field = c.getField("status_bar_height");
   x = Integer.parseInt(field.get(obj).toString());
   sbar = contex.getResources().getDimensionPixelSize(x);
  } catch (Exception e1) {
   e1.printStackTrace();
  }
  return sbar;
 }
}

自定义悬浮窗界面布局文件layout_float.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 xmlns:app="http://schemas.android.com/apk/res-auto">

 <ImageView
  android:id="@+id/imageView"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@mipmap/float_win"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toTopOf="parent"/>

 <TextView
  android:id="@+id/textView"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="#00ffffff"
  android:text="hello"
  android:textSize="12sp"
  app:layout_constraintLeft_toLeftOf="@id/imageView"
  app:layout_constraintRight_toRightOf="@id/imageView"
  app:layout_constraintTop_toBottomOf="@id/imageView"/>

</android.support.constraint.ConstraintLayout>

在Activity中使用悬浮窗。

public class MainActivity extends AppCompatActivity {

 private Button btnShow;
 FloatWindow floatWindow;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);

  // 权限判断
  if (Build.VERSION.SDK_INT >= 23) {
   if(!Settings.canDrawOverlays(getApplicationContext())) {
    // 启动Activity让用户授权
    Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION,Uri.parse("package:" + getPackageName()));
    startActivityForResult(intent,10);
   } else {
    // 执行6.0以上绘制代码
    initView();
   }
  } else {
   // 执行6.0以下绘制代码
   initView();
  }
 }

 @Override
 protected void onResume() {
  super.onResume();
  // 权限判断
  if (Build.VERSION.SDK_INT >= 23) {
   if(Settings.canDrawOverlays(getApplicationContext())) {
    initView();
   }
  } else {
   //执行6.0以下绘制代码
   initView();
  }
 }

 private void initView() {
  setContentView(R.layout.activity_main);
  floatWindow = new FloatWindow(getApplicationContext());

  btnShow = findViewById(R.id.btn_show);
  btnShow.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View view) {
    if (null != floatWindow) {
     floatWindow.showFloatWindow();
    }
   }
  });

  Button btnrefresh = findViewById(R.id.btn_refresh);
  btnrefresh.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View view) {
    int random = (int) (Math.random() * 10);
    if (null != floatWindow) {
     floatWindow.updateText(String.valueOf(random));
    }
   }
  });
 }

 @Override
 protected void onDestroy() {
  super.onDestroy();
  if (null != floatWindow) {
   floatWindow.hideFloatWindow();
  }
 }
}

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

(0)

相关推荐

  • Android实现通话最小化悬浮框效果

    大家在使用主流的视频软件以及直播软件的时候,经常会看到打开视频最小化以后,不是直接关闭,而是在屏幕右下角一个小窗口的样子,本次小编就给大家带来的是用Android实现在视频或者语音通话的时候,最小化也是出现一个悬浮框的效果. 关于音视频通话过程中最小化成悬浮框这个功能的实现,网络上类似的文章很多,但是好像还没看到解释的较为清晰的,这里因为项目需要实现了这样的一个功能,今天我把它记录下来,一方面为了以后用到便于自己查阅,一方面也给有需要的人提供一个思路,让大家少走弯路.这里我也是参考了些有关And

  • Android实现全局悬浮框

    本文实例为大家分享了Android实现全局悬浮框的具体代码,供大家参考,具体内容如下 效果图: 代码实现: Androidmanifest.xml添加弹框权限 <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 自定义悬浮窗类FloatWindow.java public class FloatWindow implements View.OnTouchListener { pr

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

    项目中需要实现一个状态显示的悬浮框,要求可以设置两种模式:拖动模式和不可拖动模式. 实现效果图如下: 实现步骤: 1.首先要设置该悬浮框的基本属性: /** * 显示弹出框 * * @param context */ @SuppressWarnings("WrongConstant") public static void showPopupWindow(final Context context, String showtxt) { if (isShown) { return; }

  • 使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框

    使用jQuery UI的tooltip()函数,可以使悬浮提示框不再那么千篇一律.点击这里先看看效果吧:http://www.keleyi.com/keleyi/phtml/tooltip/ 以下是完整代码:保存到html文件打开也可以看效果. 复制代码 代码如下: <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; cha

  • C#实现主窗体最小化后出现悬浮框及双击悬浮框恢复原窗体的方法

    本文实例讲述了C#实现主窗体最小化后出现悬浮框及双击悬浮框恢复原窗体的方法.分享给大家供大家参考.具体如下: 这里演示C#实现主窗体最小化后出现悬浮框,双击悬浮框恢复原窗体的效果.类似于360桌面. 主窗体:frmMain using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; u

  • js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

    题目中问题一拆为二: 1.文字在超出长度时,如何实现用省略号代替? 2.超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息? 文字在超出长度时,如何实现用省略号代替? 用CSS实现超长字段用省略号表示的方法:所有浏览器兼容! html代码如下: <div style="width:150px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis"> 用CSS实现超长字段被省略的简单方法

  • js和css写一个可以自动隐藏的悬浮框

    今天写一个小实例,用js和css写一个可以自动隐藏的悬浮框.css肯定是用来控制样式的,js用来控制器显示与隐藏的.显示与隐藏通常有两种方法实现:1,用js控制其显示属性:2,用js控制其大小. 今天要说的就是通过控制其大小来实现元素的显隐,原理:为其注册鼠标移入.移出的事件,当鼠标移出对象范围,将其宽度设为1,当鼠标再次移入该对象,将其宽度还原.很简单,我们一起看看吧! 隐藏状态: 左边那一条窄线就是隐藏以后的悬浮框. 显示状态: 当鼠标滑到左边的悬浮框上,悬浮框就又显示出来了. CSS样式:

  • Echarts之悬浮框中的数据排序问题

    Echarts非常强大,配置也非常的多,有很多细节需要深入研究.详解一下关于悬浮框中的数据排序问题 悬浮框的数据排序默认是根据series中的数据位置排序的,在我们想自定义排序时,在echarts的配置中有一个tooltip 以下为数据降序的代码: tooltip = { trigger: 'axis', formatter: (params) => { // params为悬浮框上的全部数据 const newParams = []; let paramsData = _.sortBy(par

  • vue 实现超长文本截取,悬浮框提示

    vue 超长文本截取,悬浮框提示 样式: <style> .overflow-table .ivu-table-cell{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } </style> table: <Table border :columns="comDataColunms" :data="comDataList" :loading="t

  • Vue实现鼠标经过文字显示悬浮框效果的示例代码

    需求 在所做的Vue项目中,需要在鼠标移动文字框的时候显示一些详细信息.最终实现的效果如下: 鼠标经过button的时候,可以在光标附近显示出一个悬浮框,显示框里面显示时间和值的信息,鼠标移出button元素的时候,这个显示框会消失. 分析 涉及到鼠标的移动事件. 鼠标事件有下面这几种: 1.onclick(鼠标点击事件) box.onclick = function(e){ console.log(e) } 2.onmousedown(鼠标按下事件) box.onmousedown = fun

随机推荐