怎么在Android中實(shí)現(xiàn)懸浮窗按鈕

本篇文章給大家分享的是有關(guān)怎么在Android中實(shí)現(xiàn)懸浮窗按鈕，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

首先是頁(yè)面布局：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
 <data>
  <variable
   name="viewModel"
   type="com.example.zjt.floatrecorder.FloatNormalViewModel"/>
 </data>

 <LinearLayout
  android:layout_width="50dp"
  android:layout_height="50dp"
  android:gravity="center">

  <RelativeLayout
   android:id="@+id/root"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:orientation="vertical">
   <!-- 圖標(biāo)，點(diǎn)擊后彈出后面的按鈕 -->
   <ImageView
    android:id="@+id/float_id"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:background="@drawable/ic_launcher_background"
    android:onClick="@{viewModel::onControlClick}"/>
  </RelativeLayout>
 </LinearLayout>
</layout>

下面一步步的介紹這個(gè)懸浮窗的創(chuàng)建。

1 懸浮窗的顯示

// 創(chuàng)建WindowManager對(duì)象
private WindowManager windowManager;
windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

// 創(chuàng)建懸浮窗的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) {
  }
 }

上面分別創(chuàng)建了控制懸浮窗顯示的WindowManager和控制懸浮窗布局的LayoutParams
然后使用如下代碼就可展示懸浮窗了：

public void show() {
  if (!isShowing) {
   isShowing = true;
   windowManager.addView(this, lp);
  }
 }

想要移除懸浮窗也很簡(jiǎn)單，如下代碼：

public void dismiss() {
  if (isShowing) {
   isShowing = false;
   windowManager.removeView(this);
  }
 }

2 觸摸事件

觸摸事件可以使得懸浮窗跟隨手指進(jìn)行移動(dòng)

// 界面
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 點(diǎn)擊事件

點(diǎn)擊事件是實(shí)現(xiàn)了一個(gè)回調(diào)函數(shù)，因?yàn)辄c(diǎn)擊事件的邏輯不應(yīng)該在此處完成，應(yīng)當(dāng)交給主布局進(jìn)行控制，所以定義了一個(gè)點(diǎn)擊接口。

這里事件的處理順序是：點(diǎn)擊了按鈕后，按鈕將點(diǎn)擊事件通過(guò)回調(diào)函數(shù)來(lái)處理，而回調(diào)函數(shù)是由創(chuàng)建這個(gè)View的Activity或者Fragment、Service等提供的，就將事件處理交到了外部。

// 點(diǎn)擊的接口
public interface OnClickCallback {
 public void onClick(View view);
}
// 控制按鈕點(diǎn)擊事件
public void onControlClick(View view){
 if(onClickCallback != null)
  onClickCallback.onClick(view);
}

多功能懸浮窗

多功能懸浮窗與上面類似，只不過(guò)在點(diǎn)擊事件上較多而已。

而如何完成兩個(gè)懸浮窗的切換呢，就可以利用之前所使用的OnClickCallback回調(diào)接口了，將一個(gè)顯示、另一個(gè)隱藏即可，且兩個(gè)懸浮窗若采用同一個(gè)LayoutParams就可以讓兩個(gè)顯示在同一個(gè)位置。

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();
 }

以上就是怎么在Android中實(shí)現(xiàn)懸浮窗按鈕，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。