Android懸浮窗按鈕實(shí)現(xiàn)點(diǎn)擊并顯示/隱藏多功能列表
前言
最近在一個(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í)有所幫助,也希望大家多多支持腳本之家。
- Android開發(fā)懸浮按鈕 Floating ActionButton的實(shí)現(xiàn)方法
- Android仿知乎懸浮功能按鈕FloatingActionButton效果
- Android自定義可拖拽的懸浮按鈕DragFloatingActionButton
- Android開發(fā)之FloatingActionButton懸浮按鈕基本使用、字體、顏色用法示例
- android 應(yīng)用內(nèi)部懸浮可拖動(dòng)按鈕簡(jiǎn)單實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)系統(tǒng)級(jí)懸浮按鈕
- Android懸浮按鈕的使用方法
- Android自定義APP全局懸浮按鈕
- Android利用WindowManager生成懸浮按鈕及懸浮菜單
- Android自定義懸浮按鈕效果
相關(guān)文章
Android開發(fā)者常見的UI組件總結(jié)大全
Android開發(fā)中UI組件是構(gòu)建用戶界面的基本元素,下面這篇文章主要給大家介紹了關(guān)于Android開發(fā)者常見的UI組件總結(jié)的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04Android自定義SeekBar實(shí)現(xiàn)滑動(dòng)驗(yàn)證且不可點(diǎn)擊
這篇文章主要為大家詳細(xì)介紹了Android自定義SeekBar實(shí)現(xiàn)滑動(dòng)驗(yàn)證且不可點(diǎn)擊,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03Android實(shí)現(xiàn)RecyclerView添加分割線的簡(jiǎn)便方法
這篇文章主要介紹了Android實(shí)現(xiàn)RecyclerView添加分割線的簡(jiǎn)便方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07Android實(shí)現(xiàn)EditText內(nèi)容保存為Bitmap的方法
這篇文章主要介紹了Android實(shí)現(xiàn)EditText內(nèi)容保存為Bitmap的方法,涉及Android中saveBitmap方法的簡(jiǎn)單使用技巧,需要的朋友可以參考下2016-01-01Android自定義ViewGroup(側(cè)滑菜單)詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了Android自定義ViewGroup(側(cè)滑菜單)詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02Android開發(fā)之DatePicker和TimePicker實(shí)現(xiàn)選擇日期時(shí)間功能示例
這篇文章主要介紹了Android開發(fā)之DatePicker和TimePicker實(shí)現(xiàn)選擇日期時(shí)間功能,結(jié)合實(shí)例形式分析了Android DatePicker和TimePicker組件的功能、常用函數(shù)、布局及日期時(shí)間選擇相關(guān)操作技巧,需要的朋友可以參考下2019-03-03Android實(shí)現(xiàn)向Launcher添加快捷方式的方法
這篇文章主要介紹了Android實(shí)現(xiàn)向Launcher添加快捷方式的方法,涉及Android添加快捷方式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09解決EditText不顯示光標(biāo)的三種方法(總結(jié))
下面小編就為大家?guī)硪黄鉀QEditText不顯示光標(biāo)的三種方法(總結(jié))。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04