Android實(shí)現(xiàn)懸浮窗體效果
突然對(duì)懸浮窗體感興趣,查資料做了個(gè)小Demo,效果是點(diǎn)擊按鈕后,關(guān)閉當(dāng)前Activity,顯示懸浮窗口,窗口可以拖動(dòng),雙擊后消失。效果圖如下:

它的使用原理很簡(jiǎn)單,就是借用了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è)置對(duì)齊的方法
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) {
// 獲取相對(duì)屏幕的坐標(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:
// 獲取相對(duì)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:
// 更新浮動(dòng)窗口位置參數(shù)
mLayout.x = (int) (x - mTouchStartX);
mLayout.y = (int) (y - mTouchStartY);
mWindowManager.updateViewLayout(v, mLayout);
break;
case MotionEvent.ACTION_UP:
// 更新浮動(dòng)窗口位置參數(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)題樣式之后,否則會(huì)出錯(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è)置對(duì)齊的方法
mLayout.gravity = Gravity.TOP | Gravity.LEFT;
// 設(shè)置窗體寬度和高度
mLayout.width = WindowManager.LayoutParams.WRAP_CONTENT;
mLayout.height = WindowManager.LayoutParams.WRAP_CONTENT;
}
}
源代碼地址:Android實(shí)現(xiàn)懸浮窗體效果
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
android中用xml文件實(shí)現(xiàn)帶邊框背景效果的方法
這篇文章主要給大家介紹了在android中xml文件實(shí)現(xiàn)帶邊框背景效果的方法,其實(shí)實(shí)現(xiàn)的功能不是很難,僅作記錄,幫助需要的朋友們做個(gè)參考,需要的朋友們下面來一起看看吧。2017-06-06
Android中關(guān)于相對(duì)布局RelativeLayout的技巧匯總
RelativeLayout是相對(duì)布局控件,以控件之間相對(duì)位置或相對(duì)父容器位置進(jìn)行排列。下面這篇文章主要給大家介紹了關(guān)于Android中相對(duì)布局RelativeLayout的一些技巧,需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02
基于Flutter實(shí)現(xiàn)圖片選擇和圖片上傳
Flutter?的圖片選擇插件很多,包括了官方的?image_picker,multi_image_picker(基于2.0出了?multi_image_picker2)等等。本文將利用這些插件實(shí)現(xiàn)圖片選擇和圖片上傳,需要的可以參考一下2022-03-03
android利用websocket協(xié)議與服務(wù)器通信
這篇文章主要為大家詳細(xì)介紹了android利用websocket協(xié)議與服務(wù)器通信,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03
Android EditText限制輸入字符類型的方法總結(jié)
這篇文章主要介紹了Android EditText限制輸入字符類型的方法總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-03-03
RecyclerView實(shí)現(xiàn)拖拽排序效果
這篇文章主要為大家詳細(xì)介紹了RecyclerView實(shí)現(xiàn)拖拽排序效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-06-06
Android開發(fā)實(shí)現(xiàn)查詢遠(yuǎn)程服務(wù)器的工具類QueryUtils完整實(shí)例
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)查詢遠(yuǎn)程服務(wù)器的工具類QueryUtils,涉及Android服務(wù)器請(qǐng)求發(fā)送、接收、數(shù)據(jù)交互等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
Android App支付系列(二):支付寶SDK接入詳細(xì)指南(附官方支付demo)
本篇文章介紹了Android App支付系列(二):支付寶SDK接入詳細(xì)指南(附官方支付demo) ,有興趣的同學(xué)可以了解一下。2016-11-11
Android組件Glide實(shí)現(xiàn)圖片平滑滾動(dòng)效果
這篇文章主要介紹了Android組件Glide實(shí)現(xiàn)圖片平滑滾動(dòng)效果的相關(guān)資料,具有一定的參考價(jià)值,需要的朋友可以參考下2016-07-07

