Android仿IOS系統(tǒng)懸浮窗效果
更新時(shí)間：2021年09月14日 16:32:28 作者：z軸
這篇文章主要為大家詳細(xì)介紹了Android仿IOS系統(tǒng)懸浮窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
在一些場合里，我們使用懸浮窗會(huì)有很大的便利，比如IOS系統(tǒng)的懸浮窗，360或者其他手機(jī)衛(wèi)士的懸浮窗等等。
本篇博客，我們創(chuàng)造出兩個(gè)懸浮窗，通過點(diǎn)擊小懸浮窗打開或者關(guān)閉大懸浮窗（一個(gè)播放控制器）。
代碼如下：
在這之前，我們需要在manifest中申請權(quán)限：
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
并且，懸浮窗這個(gè)權(quán)限我們需要手動(dòng)在手機(jī)找到應(yīng)用權(quán)限管理，允許這個(gè)權(quán)限才行
小懸浮窗的界面代碼float_normal_view.xml：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="65dp"
android:layout_height="65dp"
android:id="@+id/ll_float_normal"
android:background="@drawable/float_bg"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/iv_show_control_view"
android:layout_gravity="center"
android:background="@drawable/white_ring"
android:layout_width="35dp"
android:orientation="vertical"
android:layout_height="35dp" >
</ImageView>
</LinearLayout>
大懸浮窗的界面代碼float_control_view：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_float_control"
android:layout_width="300dp"
android:layout_height="100dp"
android:background="@drawable/float_bg"
android:gravity="center_horizontal|bottom"
android:orientation="vertical">
<SeekBar
android:id="@+id/timeline"
android:paddingTop="3dp"
android:paddingBottom="3dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:maxHeight="5.0dip"
android:minHeight="5.0dip"
android:paddingLeft="16.0dip"
android:paddingRight="16.0dip"
android:progressDrawable="@drawable/po_seekbar"
android:thumb="@drawable/seekbar_thumb" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:paddingBottom="10dp"
android:paddingEnd="20dp"
android:paddingStart="20dp"
android:paddingTop="10dp">
<ImageButton
android:id="@+id/ibt_rewind"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:layout_marginEnd="20dp"
android:layout_marginRight="20dp"
android:layout_toLeftOf="@+id/ibt_play"
android:layout_toStartOf="@+id/ibt_play"
android:background="@drawable/rewind" />
<ImageButton
android:id="@+id/ibt_play"
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_centerHorizontal="true"
android:background="@drawable/pause" />
<ImageButton
android:id="@+id/ibt_forward"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:layout_marginLeft="20dp"
android:layout_marginStart="20dp"
android:layout_toEndOf="@+id/ibt_play"
android:layout_toRightOf="@+id/ibt_play"
android:background="@drawable/forward" />
</RelativeLayout>
</LinearLayout>
入口activity（FloatActivity ）：
public class FloatActivity extends Activity {
MyWindowManager myWindowManager;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myWindowManager = MyWindowManager.getInstance();
myWindowManager.createNormalView(this.getApplicationContext());
}
}
懸浮窗管理器MyWindowManager：
/**
* Created by shiweixian on 2017/3/7.
* 懸浮窗管理器
* 創(chuàng)建，移除
* 單例模式
*/
public class MyWindowManager {
private FloatNormalView normalView;
private FloatControlView controlView;
private static MyWindowManager instance;
private WindowManager windowManager;
private MyWindowManager() {
}
public static MyWindowManager getInstance() {
if (instance == null)
instance = new MyWindowManager();
return instance;
}
private WindowManager getWindowManager(Context context) {
if (windowManager == null)
windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
return windowManager;
}
/**
* 判斷小懸浮窗是否存在
*
* @return
*/
public boolean isNormalViewExists() {
return normalView != null;
}
/**
* 判斷播放器這個(gè)大懸浮窗是否存在
*
* @return
*/
public boolean isControlViewExists() {
return controlView != null;
}
/**
* 創(chuàng)建小型懸浮窗
*/
public void createNormalView(Context context) {
if (normalView == null) {
normalView = new FloatNormalView(context);
}
}
/**
* 移除懸浮窗
*
* @param context
*/
public void removeNormalView(Context context) {
if (normalView != null) {
windowManager.removeView(normalView);
normalView = null;
}
}
/**
* 創(chuàng)建小型懸浮窗
*/
public void createControlView(Context context) {
if (controlView == null)
controlView = new FloatControlView(context);
}
/**
* 移除懸浮窗
*
* @param context
*/
public void removeControlView(Context context) {
if (controlView != null) {
WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
windowManager.removeView(controlView);
controlView = null;
}
}
}
小懸浮窗FloatNormalView：
/**
* Created by shiwe on 2017/3/7.
* 縮小的懸浮窗
*/
public class FloatNormalView extends LinearLayout {
/**
* 記錄小懸浮窗的寬度
*/
public static int viewWidth;
/**
* 記錄小懸浮窗的高度
*/
public static int viewHeight;
/**
* 記錄系統(tǒng)狀態(tài)欄的高度
*/
private static int statusBarHeight;
/**
* 用于更新小懸浮窗的位置
*/
private WindowManager windowManager;
/**
* 小懸浮窗的參數(shù)
*/
private WindowManager.LayoutParams mParams;
/**
* 記錄當(dāng)前手指位置在屏幕上的橫坐標(biāo)值
*/
private float xInScreen;
/**
* 記錄當(dāng)前手指位置在屏幕上的縱坐標(biāo)值
*/
private float yInScreen;
/**
* 記錄手指按下時(shí)在屏幕上的橫坐標(biāo)的值
*/
private float xDownInScreen;
/**
* 記錄手指按下時(shí)在屏幕上的縱坐標(biāo)的值
*/
private float yDownInScreen;
/**
* 記錄手指按下時(shí)在小懸浮窗的View上的橫坐標(biāo)的值
*/
private float xInView;
/**
* 記錄手指按下時(shí)在小懸浮窗的View上的縱坐標(biāo)的值
*/
private float yInView;
public FloatNormalView(Context context) {
super(context);
windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
LayoutInflater.from(context).inflate(R.layout.float_normal_view, this);
View view = findViewById(R.id.ll_float_normal);
viewWidth = view.getLayoutParams().width;
viewHeight = view.getLayoutParams().height;
initLayoutParams();
}
/**
* 初始化參數(shù)
*/
private void initLayoutParams() {
//屏幕寬高
int screenWidth = windowManager.getDefaultDisplay().getWidth();
int screenHeight = windowManager.getDefaultDisplay().getHeight();
mParams = new WindowManager.LayoutParams();
//總是出現(xiàn)在應(yīng)用程序窗口之上。
mParams.type = WindowManager.LayoutParams.TYPE_PHONE;
// FLAG_NOT_TOUCH_MODAL不阻塞事件傳遞到后面的窗口
// FLAG_NOT_FOCUSABLE 懸浮窗口較小時(shí)，后面的應(yīng)用圖標(biāo)由不可長按變?yōu)榭砷L按,不設(shè)置這個(gè)flag的話，home頁的劃屏?xí)袉栴}
mParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
//懸浮窗默認(rèn)顯示的位置
mParams.gravity = Gravity.START | Gravity.TOP;
//指定位置
mParams.x = screenWidth - viewWidth * 2;
mParams.y = screenHeight / 2 + viewHeight * 2;
//懸浮窗的寬高
mParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
mParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
mParams.format = PixelFormat.TRANSPARENT;
windowManager.addView(this, mParams);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 手指按下時(shí)記錄必要數(shù)據(jù),縱坐標(biāo)的值都需要減去狀態(tài)欄高度
xInView = event.getX();
yInView = event.getY();
xDownInScreen = event.getRawX();
yDownInScreen = event.getRawY() - getStatusBarHeight();
xInScreen = event.getRawX();
yInScreen = event.getRawY() - getStatusBarHeight();
break;
case MotionEvent.ACTION_MOVE:
xInScreen = event.getRawX();
yInScreen = event.getRawY() - getStatusBarHeight();
// 手指移動(dòng)的時(shí)候更新小懸浮窗的位置
updateViewPosition();
break;
case MotionEvent.ACTION_UP:
// 如果手指離開屏幕時(shí)，xDownInScreen和xInScreen相等，且yDownInScreen和yInScreen相等，則視為觸發(fā)了單擊事件。
if (xDownInScreen == xInScreen && yDownInScreen == yInScreen) {
openOrCloseControlView();
}
break;
default:
break;
}
return true;
}
/**
* 將小懸浮窗的參數(shù)傳入，用于更新小懸浮窗的位置。
*
* @param params 小懸浮窗的參數(shù)
*/
public void setParams(WindowManager.LayoutParams params) {
mParams = params;
}
/**
* 更新小懸浮窗在屏幕中的位置。
*/
private void updateViewPosition() {
mParams.x = (int) (xInScreen - xInView);
mParams.y = (int) (yInScreen - yInView);
windowManager.updateViewLayout(this, mParams);
}
/**
* 打開或關(guān)閉大懸浮窗。
*/
private void openOrCloseControlView() {
MyWindowManager manager = MyWindowManager.getInstance();
if (!manager.isControlViewExists())
manager.createControlView(getContext());
else
manager.removeControlView(getContext());
}
/**
* 用于獲取狀態(tài)欄的高度。
*
* @return 返回狀態(tài)欄高度的像素值。
*/
private int getStatusBarHeight() {
if (statusBarHeight == 0) {
try {
Class<?> c = Class.forName("com.android.internal.R$dimen");
Object o = c.newInstance();
Field field = c.getField("status_bar_height");
int x = (Integer) field.get(o);
statusBarHeight = getResources().getDimensionPixelSize(x);
} catch (Exception e) {
e.printStackTrace();
}
}
return statusBarHeight;
}
}
大懸浮窗FloatControlView：
/**
* Created by shiwe on 2017/3/7.
* 縮小的懸浮窗
*/
public class FloatNormalView extends LinearLayout {
/**
* 記錄小懸浮窗的寬度
*/
public static int viewWidth;
/**
* 記錄小懸浮窗的高度
*/
public static int viewHeight;
/**
* 記錄系統(tǒng)狀態(tài)欄的高度
*/
private static int statusBarHeight;
/**
* 用于更新小懸浮窗的位置
*/
private WindowManager windowManager;
/**
* 小懸浮窗的參數(shù)
*/
private WindowManager.LayoutParams mParams;
/**
* 記錄當(dāng)前手指位置在屏幕上的橫坐標(biāo)值
*/
private float xInScreen;
/**
* 記錄當(dāng)前手指位置在屏幕上的縱坐標(biāo)值
*/
private float yInScreen;
/**
* 記錄手指按下時(shí)在屏幕上的橫坐標(biāo)的值
*/
private float xDownInScreen;
/**
* 記錄手指按下時(shí)在屏幕上的縱坐標(biāo)的值
*/
private float yDownInScreen;
/**
* 記錄手指按下時(shí)在小懸浮窗的View上的橫坐標(biāo)的值
*/
private float xInView;
/**
* 記錄手指按下時(shí)在小懸浮窗的View上的縱坐標(biāo)的值
*/
private float yInView;
public FloatNormalView(Context context) {
super(context);
windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
LayoutInflater.from(context).inflate(R.layout.float_normal_view, this);
View view = findViewById(R.id.ll_float_normal);
viewWidth = view.getLayoutParams().width;
viewHeight = view.getLayoutParams().height;
initLayoutParams();
}
/**
* 初始化參數(shù)
*/
private void initLayoutParams() {
//屏幕寬高
int screenWidth = windowManager.getDefaultDisplay().getWidth();
int screenHeight = windowManager.getDefaultDisplay().getHeight();
mParams = new WindowManager.LayoutParams();
//總是出現(xiàn)在應(yīng)用程序窗口之上。
mParams.type = WindowManager.LayoutParams.TYPE_PHONE;
// FLAG_NOT_TOUCH_MODAL不阻塞事件傳遞到后面的窗口
// FLAG_NOT_FOCUSABLE 懸浮窗口較小時(shí)，后面的應(yīng)用圖標(biāo)由不可長按變?yōu)榭砷L按,不設(shè)置這個(gè)flag的話，home頁的劃屏?xí)袉栴}
mParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
| WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL;
//懸浮窗默認(rèn)顯示的位置
mParams.gravity = Gravity.START | Gravity.TOP;
//指定位置
mParams.x = screenWidth - viewWidth * 2;
mParams.y = screenHeight / 2 + viewHeight * 2;
//懸浮窗的寬高
mParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
mParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
mParams.format = PixelFormat.TRANSPARENT;
windowManager.addView(this, mParams);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 手指按下時(shí)記錄必要數(shù)據(jù),縱坐標(biāo)的值都需要減去狀態(tài)欄高度
xInView = event.getX();
yInView = event.getY();
xDownInScreen = event.getRawX();
yDownInScreen = event.getRawY() - getStatusBarHeight();
xInScreen = event.getRawX();
yInScreen = event.getRawY() - getStatusBarHeight();
break;
case MotionEvent.ACTION_MOVE:
xInScreen = event.getRawX();
yInScreen = event.getRawY() - getStatusBarHeight();
// 手指移動(dòng)的時(shí)候更新小懸浮窗的位置
updateViewPosition();
break;
case MotionEvent.ACTION_UP:
// 如果手指離開屏幕時(shí)，xDownInScreen和xInScreen相等，且yDownInScreen和yInScreen相等，則視為觸發(fā)了單擊事件。
if (xDownInScreen == xInScreen && yDownInScreen == yInScreen) {
openOrCloseControlView();
}
break;
default:
break;
}
return true;
}
/**
* 將小懸浮窗的參數(shù)傳入，用于更新小懸浮窗的位置。
*
* @param params 小懸浮窗的參數(shù)
*/
public void setParams(WindowManager.LayoutParams params) {
mParams = params;
}
/**
* 更新小懸浮窗在屏幕中的位置。
*/
private void updateViewPosition() {
mParams.x = (int) (xInScreen - xInView);
mParams.y = (int) (yInScreen - yInView);
windowManager.updateViewLayout(this, mParams);
}
/**
* 打開或關(guān)閉大懸浮窗。
*/
private void openOrCloseControlView() {
MyWindowManager manager = MyWindowManager.getInstance();
if (!manager.isControlViewExists())
manager.createControlView(getContext());
else
manager.removeControlView(getContext());
}
/**
* 用于獲取狀態(tài)欄的高度。
*
* @return 返回狀態(tài)欄高度的像素值。
*/
private int getStatusBarHeight() {
if (statusBarHeight == 0) {
try {
Class<?> c = Class.forName("com.android.internal.R$dimen");
Object o = c.newInstance();
Field field = c.getField("status_bar_height");
int x = (Integer) field.get(o);
statusBarHeight = getResources().getDimensionPixelSize(x);
} catch (Exception e) {
e.printStackTrace();
}
}
return statusBarHeight;
}
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- android 添加隨意拖動(dòng)的桌面懸浮窗口
- Android實(shí)現(xiàn)桌面懸浮窗、蒙板效果實(shí)例代碼
- Android 懸浮窗權(quán)限各機(jī)型各系統(tǒng)適配大全（總結(jié)）
- 不依賴于Activity的Android全局懸浮窗的實(shí)現(xiàn)
- Android應(yīng)用內(nèi)懸浮窗的實(shí)現(xiàn)方案示例
- Android實(shí)現(xiàn)類似360,QQ管家那樣的懸浮窗
- Android實(shí)現(xiàn)類似qq微信消息懸浮窗通知功能
- Android 8.0如何完美適配全局dialog懸浮窗彈出
- Android懸浮窗屏蔽懸浮窗外部所有的點(diǎn)擊事件的實(shí)例代碼
- android編程實(shí)現(xiàn)懸浮窗體的方法
相關(guān)文章
Android編程實(shí)現(xiàn)可滑動(dòng)的開關(guān)效果(附demo源碼下載)
這篇文章主要介紹了Android編程實(shí)現(xiàn)可滑動(dòng)的開關(guān)效果,涉及Android的布局與控件設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
Android 屬性動(dòng)畫ValueAnimator與插值器詳解
這篇文章主要介紹了Android 屬性動(dòng)畫ValueAnimator與插值器詳解的相關(guān)資料,需要的朋友可以參考下2017-05-05
Android在項(xiàng)目中接入騰訊TBS瀏覽器WebView的教程與注意的地方
今天小編就為大家分享一篇關(guān)于Android在項(xiàng)目中接入騰訊TBS瀏覽器WebView的教程與注意的地方，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-10-10
這篇文章主要介紹了Android拆輪子系列之寫驗(yàn)證碼控件的方法的, 涉及到Canvas和pint的使用和View的基本用法等相關(guān)知識點(diǎn)，本文給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-10-10
使用flutter的showModalBottomSheet遇到的坑及解決
這篇文章主要介紹了使用flutter的showModalBottomSheet遇到的坑及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Android List(集合)中的對象以某一個(gè)字段排序案例
這篇文章主要介紹了Android List(集合)中的對象以某一個(gè)字段排序案例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
Android第三方HTTP網(wǎng)絡(luò)支持包OkHttp的基礎(chǔ)使用教程
在GitHub上開源的安卓HTTP編程包OkHttp正在積累著越來越高的人氣,這里我們就來看一下這款A(yù)ndroid第三方HTTP網(wǎng)絡(luò)支持包OkHttp的基礎(chǔ)使用教程:2016-07-07
Android自定義實(shí)現(xiàn)轉(zhuǎn)盤菜單
旋轉(zhuǎn)菜單是一種占用空間較大,實(shí)用性稍弱的UI,本文主要為大家詳細(xì)介紹了Android如何自定義實(shí)現(xiàn)轉(zhuǎn)盤菜單,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考下2023-12-12
解析如何在android中增加gsensor驅(qū)動(dòng)（MMA7660）
本篇文章是對在android中增加gsensor驅(qū)動(dòng)（MMA7660）進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
解析Android開發(fā)優(yōu)化之:對界面UI的優(yōu)化詳解(二)
在一個(gè)應(yīng)用程序中，一般都會(huì)存在多個(gè)Activity，每個(gè)Activity對應(yīng)著一個(gè)UI布局文件。一般來說，為了保持不同窗口之間的風(fēng)格統(tǒng)一，在這些UI布局文件中，幾乎肯定會(huì)用到很多相同的布局2013-05-05