Android實(shí)現(xiàn)懸浮窗體效果
突然對懸浮窗體感興趣,查資料做了個(gè)小Demo,效果是點(diǎn)擊按鈕后,關(guān)閉當(dāng)前Activity,顯示懸浮窗口,窗口可以拖動,雙擊后消失。效果圖如下:
它的使用原理很簡單,就是借用了WindowManager這個(gè)管理類來實(shí)現(xiàn)的。
1.首先在AndroidManifest.xml中添加使用權(quán)限:
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
2.懸浮窗口布局實(shí)現(xiàn)
public class DesktopLayout extends LinearLayout { public DesktopLayout(Context context) { super(context); setOrientation(LinearLayout.VERTICAL);// 水平排列 //設(shè)置寬高 this.setLayoutParams( new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); View view = LayoutInflater.from(context).inflate( R.layout.desklayout, null); this.addView(view); }
3.在activity中讓它顯示出來。
// 取得系統(tǒng)窗體 mWindowManager = (WindowManager) getApplicationContext() .getSystemService("window"); // 窗體的布局樣式 mLayout = new WindowManager.LayoutParams(); // 設(shè)置窗體顯示類型——TYPE_SYSTEM_ALERT(系統(tǒng)提示) mLayout.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT; // 設(shè)置窗體焦點(diǎn)及觸摸: // FLAG_NOT_FOCUSABLE(不能獲得按鍵輸入焦點(diǎn)) mLayout.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE; // 設(shè)置顯示的模式 mLayout.format = PixelFormat.RGBA_8888; // 設(shè)置對齊的方法 mLayout.gravity = Gravity.TOP | Gravity.LEFT; // 設(shè)置窗體寬度和高度 mLayout.width = WindowManager.LayoutParams.WRAP_CONTENT; mLayout.height = WindowManager.LayoutParams.WRAP_CONTENT;
詳細(xì) MainActivity 代碼如下:
package com.yc.yc_suspendingform; import android.app.Activity; import android.graphics.PixelFormat; import android.graphics.Rect; import android.os.Bundle; import android.util.Log; import android.view.Gravity; import android.view.MotionEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.view.WindowManager; import android.widget.Button; import com.yc.yc_floatingform.R; public class MainActivity extends Activity { private WindowManager mWindowManager; private WindowManager.LayoutParams mLayout; private DesktopLayout mDesktopLayout; private long startTime; // 聲明屏幕的寬高 float x, y; int top; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); createWindowManager(); createDesktopLayout(); Button btn = (Button) findViewById(R.id.btn); btn.setOnClickListener(new OnClickListener() { public void onClick(View v) { showDesk(); } }); } /** * 創(chuàng)建懸浮窗體 */ private void createDesktopLayout() { mDesktopLayout = new DesktopLayout(this); mDesktopLayout.setOnTouchListener(new OnTouchListener() { float mTouchStartX; float mTouchStartY; @Override public boolean onTouch(View v, MotionEvent event) { // 獲取相對屏幕的坐標(biāo),即以屏幕左上角為原點(diǎn) x = event.getRawX(); y = event.getRawY() - top; // 25是系統(tǒng)狀態(tài)欄的高度 Log.i("startP", "startX" + mTouchStartX + "====startY" + mTouchStartY); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: // 獲取相對View的坐標(biāo),即以此View左上角為原點(diǎn) mTouchStartX = event.getX(); mTouchStartY = event.getY(); Log.i("startP", "startX" + mTouchStartX + "====startY" + mTouchStartY); long end = System.currentTimeMillis() - startTime; // 雙擊的間隔在 300ms以下 if (end < 300) { closeDesk(); } startTime = System.currentTimeMillis(); break; case MotionEvent.ACTION_MOVE: // 更新浮動窗口位置參數(shù) mLayout.x = (int) (x - mTouchStartX); mLayout.y = (int) (y - mTouchStartY); mWindowManager.updateViewLayout(v, mLayout); break; case MotionEvent.ACTION_UP: // 更新浮動窗口位置參數(shù) mLayout.x = (int) (x - mTouchStartX); mLayout.y = (int) (y - mTouchStartY); mWindowManager.updateViewLayout(v, mLayout); // 可以在此記錄最后一次的位置 mTouchStartX = mTouchStartY = 0; break; } return true; } }); } @Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); Rect rect = new Rect(); // /取得整個(gè)視圖部分,注意,如果你要設(shè)置標(biāo)題樣式,這個(gè)必須出現(xiàn)在標(biāo)題樣式之后,否則會出錯(cuò) getWindow().getDecorView().getWindowVisibleDisplayFrame(rect); top = rect.top;//狀態(tài)欄的高度,所以rect.height,rect.width分別是系統(tǒng)的高度的寬度 Log.i("top",""+top); } /** * 顯示DesktopLayout */ private void showDesk() { mWindowManager.addView(mDesktopLayout, mLayout); finish(); } /** * 關(guān)閉DesktopLayout */ private void closeDesk() { mWindowManager.removeView(mDesktopLayout); finish(); } /** * 設(shè)置WindowManager */ private void createWindowManager() { // 取得系統(tǒng)窗體 mWindowManager = (WindowManager) getApplicationContext() .getSystemService("window"); // 窗體的布局樣式 mLayout = new WindowManager.LayoutParams(); // 設(shè)置窗體顯示類型——TYPE_SYSTEM_ALERT(系統(tǒng)提示) mLayout.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT; // 設(shè)置窗體焦點(diǎn)及觸摸: // FLAG_NOT_FOCUSABLE(不能獲得按鍵輸入焦點(diǎn)) mLayout.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE; // 設(shè)置顯示的模式 mLayout.format = PixelFormat.RGBA_8888; // 設(shè)置對齊的方法 mLayout.gravity = Gravity.TOP | Gravity.LEFT; // 設(shè)置窗體寬度和高度 mLayout.width = WindowManager.LayoutParams.WRAP_CONTENT; mLayout.height = WindowManager.LayoutParams.WRAP_CONTENT; } }
源代碼地址:Android實(shí)現(xiàn)懸浮窗體效果
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
android中用xml文件實(shí)現(xiàn)帶邊框背景效果的方法
這篇文章主要給大家介紹了在android中xml文件實(shí)現(xiàn)帶邊框背景效果的方法,其實(shí)實(shí)現(xiàn)的功能不是很難,僅作記錄,幫助需要的朋友們做個(gè)參考,需要的朋友們下面來一起看看吧。2017-06-06Android中關(guān)于相對布局RelativeLayout的技巧匯總
RelativeLayout是相對布局控件,以控件之間相對位置或相對父容器位置進(jìn)行排列。下面這篇文章主要給大家介紹了關(guān)于Android中相對布局RelativeLayout的一些技巧,需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02基于Flutter實(shí)現(xiàn)圖片選擇和圖片上傳
Flutter?的圖片選擇插件很多,包括了官方的?image_picker,multi_image_picker(基于2.0出了?multi_image_picker2)等等。本文將利用這些插件實(shí)現(xiàn)圖片選擇和圖片上傳,需要的可以參考一下2022-03-03android利用websocket協(xié)議與服務(wù)器通信
這篇文章主要為大家詳細(xì)介紹了android利用websocket協(xié)議與服務(wù)器通信,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03Android EditText限制輸入字符類型的方法總結(jié)
這篇文章主要介紹了Android EditText限制輸入字符類型的方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-03-03RecyclerView實(shí)現(xiàn)拖拽排序效果
這篇文章主要為大家詳細(xì)介紹了RecyclerView實(shí)現(xiàn)拖拽排序效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06Android開發(fā)實(shí)現(xiàn)查詢遠(yuǎn)程服務(wù)器的工具類QueryUtils完整實(shí)例
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)查詢遠(yuǎn)程服務(wù)器的工具類QueryUtils,涉及Android服務(wù)器請求發(fā)送、接收、數(shù)據(jù)交互等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11Android App支付系列(二):支付寶SDK接入詳細(xì)指南(附官方支付demo)
本篇文章介紹了Android App支付系列(二):支付寶SDK接入詳細(xì)指南(附官方支付demo) ,有興趣的同學(xué)可以了解一下。2016-11-11Android組件Glide實(shí)現(xiàn)圖片平滑滾動效果
這篇文章主要介紹了Android組件Glide實(shí)現(xiàn)圖片平滑滾動效果的相關(guān)資料,具有一定的參考價(jià)值,需要的朋友可以參考下2016-07-07