如何在Android中實現(xiàn)懸浮窗按鈕

這篇文章主要介紹了如何在Android中實現(xiàn)懸浮窗按鈕的相關知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇如何在Android中實現(xiàn)懸浮窗按鈕文章都會有所收獲，下面我們一起來看看吧。

首先是頁面布局：

<?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">
   <!-- 圖標，點擊后彈出后面的按鈕 -->
   <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>

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

1 懸浮窗的顯示

// 創(chuàng)建WindowManager對象
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);
  }
 }

想要移除懸浮窗也很簡單，如下代碼：

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 點擊事件

點擊事件是實現(xiàn)了一個回調(diào)函數(shù)，因為點擊事件的邏輯不應該在此處完成，應當交給主布局進行控制，所以定義了一個點擊接口。

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

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

多功能懸浮窗

多功能懸浮窗與上面類似，只不過在點擊事件上較多而已。

而如何完成兩個懸浮窗的切換呢，就可以利用之前所使用的OnClickCallback回調(diào)接口了，將一個顯示、另一個隱藏即可，且兩個懸浮窗若采用同一個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();
 }

關于“如何在Android中實現(xiàn)懸浮窗按鈕”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“如何在Android中實現(xiàn)懸浮窗按鈕”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道。