Android懸浮窗按鈕實現(xiàn)點擊并顯示/隱藏多功能列表

更新時間：2018年07月30日 09:23:42 作者：浮云若飛

這篇文章主要為大家詳細介紹了Android懸浮窗按鈕實現(xiàn)點擊并顯示/隱藏多功能列表，具有一定的參考價值，感興趣的小伙伴們可以參考一下

前言

最近在一個項目中，需要制作錄屏的功能，原先是在應(yīng)用中有錄屏/控制的按鈕，思考之下覺得這種效果并不好，因此就想制作一個可以懸浮的懸浮窗，這樣不論手機在什么界面中都可以對錄屏功能進行控制。

這里就來構(gòu)建一個桌面的懸浮窗，使用了DataBinding的MVVM模式，這些方面就不再多提。

FloatNormalView

這個是一個普通的懸浮窗，懸浮窗只有一個按鈕，點擊按鈕顯示更多的按鈕。

首先是頁面布局：

<?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)，點擊后彈出后面的按鈕 -->
   <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ù)，因為點擊事件的邏輯不應(yīng)該在此處完成，應(yīng)當(dāng)交給主布局進行控制，所以定義了一個點擊接口。

這里事件的處理順序是：點擊了按鈕后，按鈕將點擊事件通過回調(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();
 }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: