Android应用内悬浮窗Activity的简单实现

作者:rustfisher.com 时间:2023-07-28 04:03:00 

前言

悬浮窗是一种比较常见的需求。例如把视频通话界面缩小成一个悬浮窗,然后用户可以在其他界面上处理事情。

本文给出一个简单的应用内悬浮窗实现。可缩小activity和还原大小。可悬浮在同一个app的其他activity上。使用TouchListener监听触摸事件,拖动悬浮窗。

缩放方法

缩放activity需要使用WindowManager.LayoutParams,控制window的宽高

在activity中调用

android.view.WindowManager.LayoutParams p = getWindow().getAttributes();
p.height = 480; // 高度
p.width = 360;  // 宽度
p.dimAmount = 0.0f; // 不让下面的界面变暗
getWindow().setAttributes(p);

dim: adj. 暗淡的; 昏暗的; 微弱的; 不明亮的; 光线暗淡的; v. (使)变暗淡,变微弱,变昏暗; (使)减弱,变淡漠,失去光泽;

修改了WindowManager.LayoutParams的宽高,activity的window大小会发生变化。

要变回默认大小,在activity中调用

getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

如果缩小时改变了位置,需要把window的位置置为0

WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.x = 0;
lp.y = 0;
getWindow().setAttributes(lp);

activity变小时,后面可能是黑色的背景。这需要进行下面的操作。

悬浮样式

在styles.xml里新建一个MeTranslucentAct。

<resources>
   <!-- Base application theme. -->
   <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
       <!-- Customize your theme here. -->
       <item name="colorPrimary">@color/colorPrimary</item>
       <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
       <item name="colorAccent">@color/colorAccent</item>
       <item name="windowNoTitle">true</item>
   </style>

<style name="TranslucentAct" parent="AppTheme">
       <item name="android:windowBackground">#80000000</item>
       <item name="android:windowIsTranslucent">true</item>
       <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>
   </style>
</resources>

主要style是AppCompat的。

指定一个window的背景android:windowBackground 使用的Activity继承自androidx.appcompat.app.AppCompatActivity

activity缩小后,背景是透明的,可以看到后面的其他页面

点击穿透空白

activity缩小后,点击旁边空白处,其他组件能接到点击事件

onCreate方法的setContentView之前,给WindowManager.LayoutParams添加标记FLAG_LAYOUT_NO_LIMITSFLAG_NOT_TOUCH_MODAL

WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
layoutParams.flags = WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS |
       WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;

mBinding = DataBindingUtil.setContentView(this, R.layout.act_float_scale);

移动悬浮窗

监听触摸事件,计算出手指移动的距离,然后移动悬浮窗。

private boolean mIsSmall = false; // 当前是否小窗口
private float mLastTx = 0; // 手指的上一个位置x
private float mLastTy = 0;
// ....

mBinding.root.setOnTouchListener((v, event) -> {
       switch (event.getAction()) {
           case MotionEvent.ACTION_DOWN:
               Log.d(TAG, "down " + event);
               mLastTx = event.getRawX();
               mLastTy = event.getRawY();
               return true;
           case MotionEvent.ACTION_MOVE:
               Log.d(TAG, "move " + event);
               float dx = event.getRawX() - mLastTx;
               float dy = event.getRawY() - mLastTy;
               mLastTx = event.getRawX();
               mLastTy = event.getRawY();
               Log.d(TAG, "  dx: " + dx + ", dy: " + dy);
               if (mIsSmall) {
                   WindowManager.LayoutParams lp = getWindow().getAttributes();
                   lp.x += dx;
                   lp.y += dy;
                   getWindow().setAttributes(lp);
               }

break;
           case MotionEvent.ACTION_UP:
               Log.d(TAG, "up " + event);
               return true;
           case MotionEvent.ACTION_CANCEL:
               Log.d(TAG, "cancel " + event);
               return true;
       }
       return false;
   });

mIsSmall用来记录当前activity是否变小(悬浮)。

在触摸 * 中返回true,表示消费这个触摸事件。

event.getX()event.getY()获取到的是当前View的触摸坐标。 event.getRawX()event.getRawY()获取到的是屏幕的触摸坐标。即触摸点在屏幕上的位置。

例子的完整代码

启用了databinding

android {
   dataBinding {
       enabled = true
   }
}

styles.xml

新建一个样式

<style name="TranslucentAct" parent="AppTheme">
       <item name="android:windowBackground">#80000000</item>
       <item name="android:windowIsTranslucent">true</item>
       <item name="android:windowAnimationStyle">@android:style/Animation.Translucent</item>
   </style>

layout

act_float_scale.xml里面放一些按钮,控制放大和缩小。 ConstraintLayout拿来监听触摸事件。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto">

<androidx.constraintlayout.widget.ConstraintLayout
       android:id="@+id/root"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:background="#555555">

<LinearLayout
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:orientation="vertical"
           app:layout_constraintTop_toTopOf="parent">

<Button
               android:id="@+id/to_small"
               style="@style/NormalBtn"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="变小" />

<Button
               android:id="@+id/to_reset"
               style="@style/NormalBtn"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:layout_marginTop="12dp"
               android:text="还原" />
       </LinearLayout>
   </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

activity

FloatingScaleAct

import android.os.Bundle;
import android.util.Log;
import android.view.Display;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.view.WindowManager;

import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;

import com.rustfisher.tutorial2020.R;
import com.rustfisher.tutorial2020.databinding.ActFloatScaleBinding;

public class FloatingScaleAct extends AppCompatActivity {
   private static final String TAG = "rfDevFloatingAct";

ActFloatScaleBinding mBinding;

private boolean mIsSmall = false; // 当前是否小窗口
   private float mLastTx = 0; // 手指的上一个位置
   private float mLastTy = 0;

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

WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
       layoutParams.flags = WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS |
               WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;

mBinding = DataBindingUtil.setContentView(this, R.layout.act_float_scale);

mBinding.toSmall.setOnClickListener(v -> toSmall());
       mBinding.toReset.setOnClickListener(v -> {
           WindowManager.LayoutParams lp = getWindow().getAttributes();
           lp.x = 0;
           lp.y = 0;
           getWindow().setAttributes(lp);
           getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
           mIsSmall = false;
       });

mBinding.root.setOnTouchListener((v, event) -> {
           switch (event.getAction()) {
               case MotionEvent.ACTION_DOWN:
                   Log.d(TAG, "down " + event);
                   mLastTx = event.getRawX();
                   mLastTy = event.getRawY();
                   return true;
               case MotionEvent.ACTION_MOVE:
                   Log.d(TAG, "move " + event);
                   float dx = event.getRawX() - mLastTx;
                   float dy = event.getRawY() - mLastTy;
                   mLastTx = event.getRawX();
                   mLastTy = event.getRawY();
                   Log.d(TAG, "  dx: " + dx + ", dy: " + dy);
                   if (mIsSmall) {
                       WindowManager.LayoutParams lp = getWindow().getAttributes();
                       lp.x += dx;
                       lp.y += dy;
                       getWindow().setAttributes(lp);
                   }

break;
               case MotionEvent.ACTION_UP:
                   Log.d(TAG, "up " + event);
                   return true;
               case MotionEvent.ACTION_CANCEL:
                   Log.d(TAG, "cancel " + event);
                   return true;
           }
           return false;
       });
   }

private void toSmall() {
       mIsSmall = true;

WindowManager m = getWindowManager();
       Display d = m.getDefaultDisplay();
       WindowManager.LayoutParams p = getWindow().getAttributes();
       p.height = (int) (d.getHeight() * 0.35);
       p.width = (int) (d.getWidth() * 0.4);
       p.dimAmount = 0.0f;
       getWindow().setAttributes(p);
   }
}

manifest里注册这个activity

<activity
   android:name=".act.FloatingScaleAct"
   android:theme="@style/TranslucentAct" />

运行效果

在红米9A(Android 10,MIUI 12.5.1 稳定版)和荣耀(Android 5.1)上运行OK

Android应用内悬浮窗Activity的简单实现

小结

为实现悬浮窗效果,思路是改变activity大小,将activity所在window的背景设置透明,监听触摸事件改变window的位置。 主要使用的类 WindowManager.LayoutParams

来源:https://www.an.rustfisher.com/android/activity/floating-scale-act/

标签:android,悬浮窗,activity
0
投稿

猜你喜欢

  • 举例解析Java的设计模式编程中里氏替换原则的意义

    2021-06-30 18:37:17
  • SpringBoot FreeWorker模板技术解析

    2023-08-09 09:14:39
  • 轻松实现Rxjava定时器功能

    2022-03-12 06:23:27
  • Android中Fab(FloatingActionButton)实现上下滑动的渐变效果

    2021-08-04 11:52:02
  • Android编程中context及全局变量实例详解

    2023-11-17 05:58:40
  • SpringCloud Zuul网关功能实现解析

    2022-09-12 14:30:31
  • WPF中使用WebView2控件的方法及常见问题

    2023-10-02 18:23:28
  • Java画笔的简单实用方法

    2021-11-01 05:38:10
  • Android入门之TabHost与TabWidget实例解析

    2022-12-07 23:03:42
  • Android学习教程之分类侧滑菜单(5)

    2021-12-26 23:32:37
  • C语言实现BMP图像处理(哈夫曼编码)

    2022-10-08 02:04:02
  • 在Spring Boot中从类路径加载文件的示例

    2023-11-11 21:53:44
  • C#中子类调用父类的实现方法

    2023-08-17 09:09:52
  • C#中foreach语句使用break暂停遍历的方法

    2022-10-12 20:14:11
  • VB.NET中TextBox的智能感知应用实例

    2021-07-09 09:36:31
  • Java新手环境搭建 Tomcat安装配置教程

    2021-08-19 08:06:23
  • 全面分析c# LINQ

    2023-10-25 16:35:16
  • Java 用Prometheus搭建实时监控系统过程详解

    2023-09-06 12:07:40
  • windows 部署JAVA环境安装iDea的详细步骤

    2022-10-09 01:09:26
  • Android实现关机与重启的几种方式(推荐)

    2022-08-31 14:29:54
  • asp之家 软件编程 m.aspxhome.com