欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2018年07月30日 09:23:42   作者:浮云若飛  
這篇文章主要為大家詳細(xì)介紹了Android懸浮窗按鈕實(shí)現(xiàn)點(diǎn)擊并顯示/隱藏多功能列表,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

前言

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

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

FloatNormalView

這個(gè)是一個(gè)普通的懸浮窗,懸浮窗只有一個(gè)按鈕,點(diǎ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">
   <!-- 圖標(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)擊事件通過回調(diào)函數(shù)來處理,而回調(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);
}

多功能懸浮窗

多功能懸浮窗與上面類似,只不過在點(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();
 }

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

相關(guān)文章

最新評(píng)論