android悬浮按钮功能实现,Android悬浮窗按钮实现点击并显示/隐藏多功能列表

前言

最近在一个项目中，需要制作录屏的功能，原先是在应用中有录屏/控制的按钮，思考之下觉得这种效果并不好，因此就想制作一个可以悬浮的悬浮窗，这样不论手机在什么界面中都可以对录屏功能进行控制。

这里就来构建一个桌面的悬浮窗，使用了DataBinding的MVVM模式，这些方面就不再多提。

FloatNormalView

这个是一个普通的悬浮窗，悬浮窗只有一个按钮，点击按钮显示更多的按钮。

首先是页面布局：

name="viewModel"

type="com.example.zjt.floatrecorder.FloatNormalViewModel"/>

android:layout_width="50dp"

android:layout_height="50dp"

android:gravity="center">

android:id="@+id/root"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical">

android:id="@+id/float_id"

android:layout_width="40dp"

android:layout_height="40dp"

android:background="@drawable/ic_launcher_background"

android:onClick="@{viewModel::onControlClick}"/>

下面一步步的介绍这个悬浮窗的创建。

1 悬浮窗的显示

// 创建WindowManager对象

private WindowManager windowManager;

windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

// 创建悬浮窗的LayoutParams

private void initLayoutParams() {

try {

DisplayMetrics metrics = new DisplayMetrics();

windowManager.getDefaultDisplay().getMetrics(metrics);

screenWidth = metrics.widthPixels;

screenHeight = metrics.heightPixels;

lp = new WindowManager.LayoutParams();

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {

lp.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;

} else {

lp.type = WindowManager.LayoutParams.TYPE_TOAST;

}

lp.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE |

WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;

lp.gravity = Gravity.START | Gravity.TOP;

lp.x = screenWidth - view.getLayoutParams().width * 2;

lp.y = 0;

lp.width = WindowManager.LayoutParams.WRAP_CONTENT;

lp.height = WindowManager.LayoutParams.WRAP_CONTENT;

lp.format = PixelFormat.TRANSPARENT;

} catch (Exception e) {

}

}

上面分别创建了控制悬浮窗显示的WindowManager和控制悬浮窗布局的LayoutParams

然后使用如下代码就可展示悬浮窗了：

public void show() {

if (!isShowing) {

isShowing = true;

windowManager.addView(this, lp);

}

}

想要移除悬浮窗也很简单，如下代码：

public void dismiss() {

if (isShowing) {

isShowing = false;

windowManager.removeView(this);

}

}

2 触摸事件

触摸事件可以使得悬浮窗跟随手指进行移动

// 界面

FloatLayoutBinding layoutBinding = DataBindingUtil.inflate(LayoutInflater.from(context),R.layout.float_layout,this,false);

FloatNormalViewModel floatNormalViewModel = new FloatNormalViewModel(context,layoutBinding,onClickCallback);

layoutBinding.setViewModel(floatNormalViewModel);

addView(layoutBinding.getRoot());

view = layoutBinding.root;

isShowControlView = layoutBinding.floatId;//这就是控制按钮

// 控制的变量

private float downX, downY;

private float moveX, moveY;

// 触摸事件

isShowControlView.setOnTouchListener(new OnTouchListener() {

@Override

public boolean onTouch(View view, MotionEvent motionEvent) {

switch (motionEvent.getActionMasked()) {

case MotionEvent.ACTION_DOWN:

downX = motionEvent.getRawX();

downY = motionEvent.getRawY();

break;

case MotionEvent.ACTION_MOVE:

moveX = motionEvent.getRawX() - downX;

moveY = motionEvent.getRawY() - downY;

downX += moveX;

downY += moveY;

updateViewPosition();

break;

}

return false;

}

});

private void updateViewPosition() {

lp.x += (int) (moveX);

lp.y += (int) (moveY);

windowManager.updateViewLayout(this, lp);

}

3 点击事件

点击事件是实现了一个回调函数，因为点击事件的逻辑不应该在此处完成，应当交给主布局进行控制，所以定义了一个点击接口。

这里事件的处理顺序是：点击了按钮后，按钮将点击事件通过回调函数来处理，而回调函数是由创建这个View的Activity或者Fragment、Service等提供的，就将事件处理交到了外部。

// 点击的接口

public interface OnClickCallback {

public void onClick(View view);

}

// 控制按钮点击事件

public void onControlClick(View view){

if(onClickCallback != null)

onClickCallback.onClick(view);

}

多功能悬浮窗

多功能悬浮窗与上面类似，只不过在点击事件上较多而已。

而如何完成两个悬浮窗的切换呢，就可以利用之前所使用的OnClickCallback回调接口了，将一个显示、另一个隐藏即可，且两个悬浮窗若采用同一个LayoutParams就可以让两个显示在同一个位置。

private void init() {

floatNormalView = new FloatNormalView(context, new OnClickCallback() {

@Override

public void onClick(View view) {

floatControlView.setLayoutParams(floatNormalView.getLayoutParams());

floatControlView.show();

floatNormalView.dismiss();

}

});

floatControlView = new FloatControlView(context, new OnClickCallback() {

@Override

public void onClick(View view) {

floatNormalView.setLayoutParams(floatControlView.getLayoutParams());

floatNormalView.show();

floatControlView.dismiss();

}

}, new FloatControlViewModel.OnVisibleChangeListener() {

@Override

public void onChange(boolean isVisible) {

if (isControlVisible) {

floatControlView.show();

floatNormalView.dismiss();

} else {

floatControlView.dismiss();

floatNormalView.show();

}

}

});

floatNormalView.show();

}

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