Android應(yīng)用內(nèi)懸浮窗的實(shí)現(xiàn)方案

1、懸浮窗的基本介紹

懸浮窗,大家應(yīng)該也不陌生,凌駕于應(yīng)用之上的一個(gè)小彈窗,實(shí)現(xiàn)上很簡單,就是添加一個(gè)系統(tǒng)級(jí)別的窗口,Android中通過WindowManagerService( WMS)來管理所有的窗口,對(duì)于WMS來說,管你是Activity、Toast、Dialog,都不過是通過WindowManagerGlobal.addView()添加的一個(gè)個(gè)View。
Android中的窗口分為三個(gè)級(jí)別:

  • 1.1 應(yīng)用窗口,比如Activity的窗口;
  • 1.2 子窗口,依賴于父窗口,比如PopupWindow;
  • 1.3 系統(tǒng)窗口,比如狀態(tài)欄、Toast,目標(biāo)懸浮窗就是系統(tǒng)窗口.

2、根據(jù)產(chǎn)品需求進(jìn)行設(shè)計(jì)

先了解一下大概的產(chǎn)品需求:
1、懸浮窗需要跨越整個(gè)應(yīng)用
2、需要與懸浮窗進(jìn)行交互
3、懸浮窗得移動(dòng)
4、點(diǎn)擊跳轉(zhuǎn)特定的頁面
5、消息提示的拖拽小紅點(diǎn)

需求很簡單,但是如果估算沒錯(cuò),不下一周產(chǎn)品經(jīng)理會(huì)添加新的需求,所以為了更好的后續(xù)擴(kuò)展,需要進(jìn)行合理的設(shè)計(jì),主要分為以下幾點(diǎn):
1、懸浮窗自定義一個(gè)FrameLayout布局FloatLayout,里面進(jìn)行拖動(dòng)及點(diǎn)擊響應(yīng)處理;
2、FloatMonkService,是一個(gè)服務(wù),開啟服務(wù)的時(shí)候創(chuàng)建懸浮窗;
3、FloatCallBack,交互接口,在FloatMonkService里面實(shí)現(xiàn)接口,用于交互;
4、FloatWindowManager,懸浮窗的管理,因?yàn)楹罄m(xù)懸浮窗布局可能有好幾個(gè),可以在這里面進(jìn)行切換;
5、HomeWatcherReceiver,廣播接收者,因?yàn)樵趹?yīng)用內(nèi)展示,需要監(jiān)聽用戶在點(diǎn)擊Home鍵和切換鍵的時(shí)候隱藏懸浮窗,需要FloatMonkService里頭動(dòng)態(tài)注冊(cè);
6、FloatActionController,其實(shí)就是代理,其它模塊需要通過它來和懸浮窗進(jìn)行交互,真正干活的是實(shí)現(xiàn)FloatCallBack接口的FloatMonkService;
7、FloatPermissionManager,需要適配各個(gè)機(jī)型的權(quán)限,慶幸網(wǎng)上已有大佬分享,只需要單獨(dú)對(duì)7.0系統(tǒng)進(jìn)行一些適配就行,懸浮窗權(quán)限適配;
8、拖拽控件DraggableFlagView,直接拿來在懸浮窗上出現(xiàn)很奇怪的問題,所以需要改造一下下才能達(dá)到圖中效果。

3、具體實(shí)現(xiàn)

float_littlemonk_layout.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:dfv="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/monk_relative_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:id="@+id/float_id"
            android:layout_width="70dp"
            android:layout_height="80dp"
            android:layout_gravity="center_vertical|end"
            android:scaleType="center"
            android:src="@drawable/little_monk" />

    </RelativeLayout>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <floatwindow.xishuang.float_lib.view.DraggableFlagView
            android:id="@+id/main_dfv"
            android:layout_width="17dp"
            android:layout_height="17dp"
            android:layout_gravity="end"
            dfv:color1="#FF3B30" />
    </FrameLayout>
</FrameLayout>

簡單的布局,就是一張圖片+右上角放一個(gè)自定義的小紅點(diǎn)。

FloatLayout.java

@Override
    public boolean onTouchEvent(MotionEvent event) {
        // 獲取相對(duì)屏幕的坐標(biāo),即以屏幕左上角為原點(diǎn)
        int x = (int) event.getRawX();
        int y = (int) event.getRawY();
        //下面的這些事件,跟圖標(biāo)的移動(dòng)無關(guān),為了區(qū)分開拖動(dòng)和點(diǎn)擊事件
        int action = event.getAction();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                startTime = System.currentTimeMillis();
                mTouchStartX = event.getX();
                mTouchStartY = event.getY();
                break;
            case MotionEvent.ACTION_MOVE:
                //圖標(biāo)移動(dòng)的邏輯在這里
                float mMoveStartX = event.getX();
                float mMoveStartY = event.getY();
                // 如果移動(dòng)量大于3才移動(dòng)
                if (Math.abs(mTouchStartX - mMoveStartX) > 3
                        && Math.abs(mTouchStartY - mMoveStartY) > 3) {
                    // 更新浮動(dòng)窗口位置參數(shù)
                    mWmParams.x = (int) (x - mTouchStartX);
                    mWmParams.y = (int) (y - mTouchStartY);
                    mWindowManager.updateViewLayout(this, mWmParams);
                    return false;
                }
                break;
            case MotionEvent.ACTION_UP:
                endTime = System.currentTimeMillis();
                //當(dāng)從點(diǎn)擊到彈起小于半秒的時(shí)候,則判斷為點(diǎn)擊,如果超過則不響應(yīng)點(diǎn)擊事件
                if ((endTime - startTime) > 0.1 * 1000L) {
                    isclick = false;
                } else {
                    isclick = true;
                }
                break;
        }
        //響應(yīng)點(diǎn)擊事件
        if (isclick) {
            Toast.makeText(mContext, "我是大傻叼", Toast.LENGTH_SHORT).show();
        }
        return true;
    }

為了把懸浮窗的view操作抽離出來,自定義了這個(gè)布局,主要進(jìn)行兩部分功能,懸浮窗的移動(dòng)和點(diǎn)擊處理,重點(diǎn)是通過mWindowManager.updateViewLayout(this, mWmParams)來進(jìn)行懸浮窗的位置移動(dòng),我這個(gè)Demo里面只是簡單的通過時(shí)間來判斷點(diǎn)擊事件,有必要的話點(diǎn)擊事件需要添加特定View范圍判斷來響應(yīng)點(diǎn)擊。

// 如果移動(dòng)量大于3才移動(dòng)
if (Math.abs(mTouchStartX - mMoveStartX) > 3 && Math.abs(mTouchStartY - mMoveStartY) > 3) 

這個(gè)判斷是為了避免點(diǎn)擊懸浮窗不在重心位置會(huì)出現(xiàn)移動(dòng)的現(xiàn)象。

FloatMonkService.java

/**
 * 懸浮窗在服務(wù)中創(chuàng)建,通過暴露接口FloatCallBack與Activity進(jìn)行交互
 */
public class FloatMonkService extends Service implements FloatCallBack {
    /**
     * home鍵監(jiān)聽
     */
    private HomeWatcherReceiver mHomeKeyReceiver;

    @Override
    public void onCreate() {
        super.onCreate();
        FloatActionController.getInstance().registerCallLittleMonk(this);
        //注冊(cè)廣播接收者
        mHomeKeyReceiver = new HomeWatcherReceiver();
        final IntentFilter homeFilter = new IntentFilter(Intent.ACTION_CLOSE_SYSTEM_DIALOGS);
        registerReceiver(mHomeKeyReceiver, homeFilter);
        //初始化懸浮窗UI
        initWindowData();
    }

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

    /**
     * 初始化WindowManager
     */
    private void initWindowData() {
        FloatWindowManager.createFloatWindow(this);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        //移除懸浮窗
        FloatWindowManager.removeFloatWindowManager();
        //注銷廣播接收者
        if (null != mHomeKeyReceiver) {
            unregisterReceiver(mHomeKeyReceiver);
        }
    }

    /////////////////////////////////////////////////////////實(shí)現(xiàn)接口////////////////////////////////////////////////////
    @Override
    public void guideUser(int type) {
        FloatWindowManager.updataRedAndDialog(this);
    }


    /**
     * 懸浮窗的隱藏
     */
    @Override
    public void hide() {
        FloatWindowManager.hide();
    }

    /**
     * 懸浮窗的顯示
     */
    @Override
    public void show() {
        FloatWindowManager.show();
    }

    /**
     * 添加可領(lǐng)取的數(shù)量
     */
    @Override
    public void addObtainNumer() {
        FloatWindowManager.addObtainNumer(this);
        guideUser(4);
    }

    /**
     * 減少可領(lǐng)取的數(shù)量
     */
    @Override
    public void setObtainNumber(int number) {
        FloatWindowManager.setObtainNumber(this, number);
    }
}

服務(wù)開啟的時(shí)候通過FloatWindowManager.createFloatWindow(this)來創(chuàng)建懸浮窗,實(shí)現(xiàn)FloatCallBack 實(shí)現(xiàn)需要交互的接口。下面看一下創(chuàng)建懸浮窗的真正操作是怎樣的。

FloatWindowManager.java

/**
     * 創(chuàng)建一個(gè)小懸浮窗。初始位置為屏幕的右下角位置。
     */
    public static void createFloatWindow(Context context) {
        wmParams = new WindowManager.LayoutParams();
        WindowManager windowManager = getWindowManager(context);
        mFloatLayout = new FloatLayout(context);
        if (Build.VERSION.SDK_INT >= 24) { /*android7.0不能用TYPE_TOAST*/
            wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
        } else { /*以下代碼塊使得android6.0之后的用戶不必再去手動(dòng)開啟懸浮窗權(quán)限*/
            String packname = context.getPackageName();
            PackageManager pm = context.getPackageManager();
            boolean permission = (PackageManager.PERMISSION_GRANTED == pm.checkPermission("android.permission.SYSTEM_ALERT_WINDOW", packname));
            if (permission) {
                wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
            } else {
                wmParams.type = WindowManager.LayoutParams.TYPE_TOAST;
            }
        }

        //設(shè)置圖片格式,效果為背景透明
        wmParams.format = PixelFormat.RGBA_8888;
        //設(shè)置浮動(dòng)窗口不可聚焦(實(shí)現(xiàn)操作除浮動(dòng)窗口外的其他可見窗口的操作)
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
        //調(diào)整懸浮窗顯示的停靠位置為左側(cè)置頂
        wmParams.gravity = Gravity.START | Gravity.TOP;

        DisplayMetrics dm = new DisplayMetrics();
        //取得窗口屬性
        mWindowManager.getDefaultDisplay().getMetrics(dm);
        //窗口的寬度
        int screenWidth = dm.widthPixels;
        //窗口高度
        int screenHeight = dm.heightPixels;
        //以屏幕左上角為原點(diǎn),設(shè)置x、y初始值,相對(duì)于gravity
        wmParams.x = screenWidth;
        wmParams.y = screenHeight;

        //設(shè)置懸浮窗口長寬數(shù)據(jù)
        wmParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        mFloatLayout.setParams(wmParams);
        windowManager.addView(mFloatLayout, wmParams);
        mHasShown = true;
        //是否展示小紅點(diǎn)展示
        checkRedDot(context);
    }

/**
     * 返回當(dāng)前已創(chuàng)建的WindowManager。
     */
    private static WindowManager getWindowManager(Context context) {
        if (mWindowManager == null) {
            mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        }
        return mWindowManager;
    }

核心代碼其實(shí)就是mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE),其中的context不能是Activity的,一開始就說了,Activity會(huì)返回它專享的WindowManager,而Activity的窗口級(jí)別是屬于應(yīng)用層的。進(jìn)行一些初始化操作之后 windowManager.addView(mFloatLayout, wmParams)把布局添加進(jìn)去就ok了。

 if (Build.VERSION.SDK_INT >= 24) { /*android7.0不能用TYPE_TOAST*/
            wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
        } else { /*以下代碼塊使得android6.0之后的用戶不必再去手動(dòng)開啟懸浮窗權(quán)限*/
            String packname = context.getPackageName();
            PackageManager pm = context.getPackageManager();
            boolean permission = (PackageManager.PERMISSION_GRANTED == pm.checkPermission("android.permission.SYSTEM_ALERT_WINDOW", packname));
            if (permission) {
                wmParams.type = WindowManager.LayoutParams.TYPE_PHONE;
            } else {
                wmParams.type = WindowManager.LayoutParams.TYPE_TOAST;
            }
        }

說一下這段代碼的意義,當(dāng)WindowManager.LayoutParams.type設(shè)置為WindowManager.LayoutParams.TYPE_TOAST的時(shí)候,是可以跳過權(quán)限申請(qǐng)的,但是為毛又單獨(dú)適配各個(gè)機(jī)型呢,因?yàn)槲覀冇行∶譇ndroid系統(tǒng),魅族Android系統(tǒng),還有華為等等Android系統(tǒng),特別是產(chǎn)品經(jīng)理的魅族,一些特殊機(jī)型上是沒有效果的,所以為了更保險(xiǎn),得再加一份權(quán)限申請(qǐng),還有一點(diǎn)得提一下,那就是7.0上WindowManager.LayoutParams.TYPE_TOAST,懸浮窗只能持續(xù)一秒的時(shí)間,所以7.0不設(shè)這個(gè)type,谷歌爸爸最叼,7.0以上老老實(shí)實(shí)申請(qǐng)權(quán)限。

FloatActionController.java


/**
 * Author:xishuang
 * Date:2017.08.01
 * Des:與懸浮窗交互的控制類,真正的實(shí)現(xiàn)邏輯不在這
 */
public class FloatActionController {

    private FloatActionController() {
    }

    public static FloatActionController getInstance() {
        return LittleMonkProviderHolder.sInstance;
    }

    // 靜態(tài)內(nèi)部類
    private static class LittleMonkProviderHolder {
        private static final FloatActionController sInstance = new FloatActionController();
    }

    private FloatCallBack mCallLittleMonk;

    /**
     * 開啟服務(wù)懸浮窗
     */
    public void startMonkServer(Context context) {
        Intent intent = new Intent(context, FloatMonkService.class);
        context.startService(intent);
    }

    /**
     * 關(guān)閉懸浮窗
     */
    public void stopMonkServer(Context context) {
        Intent intent = new Intent(context, FloatMonkService.class);
        context.stopService(intent);
    }

    /**
     * 注冊(cè)監(jiān)聽
     */
    public void registerCallLittleMonk(FloatCallBack callLittleMonk) {
        mCallLittleMonk = callLittleMonk;
    }

    /**
     * 懸浮窗的顯示
     */
    public void show() {
        if (mCallLittleMonk == null) return;
        mCallLittleMonk.show();
    }

    /**
     * 懸浮窗的隱藏
     */
    public void hide() {
        if (mCallLittleMonk == null) return;
        mCallLittleMonk.hide();
    }
}

這就是暴露出來的接口,按需添加,效果大概是這樣的。

HomeWatcherReceiver.java

/**
 * Author:xishuang
 * Date:2017.08.01
 * Des:一些Home建與切換鍵的廣播監(jiān)聽,需要?jiǎng)討B(tài)注冊(cè)
 */

public class HomeWatcherReceiver extends BroadcastReceiver {
    private static final String TAG = "HomeWatcherReceiver";
    private static final String SYSTEM_DIALOG_FROM_KEY = "reason";
    private static final String SYSTEM_DIALOG_FROM_RECENT_APPS = "recentapps";
    private static final String SYSTEM_DIALOG_FROM_HOME_KEY = "homekey";
    private static final String SYSTEM_DIALOG_FROM_LOCK = "lock";

    @Override
    public void onReceive(Context context, Intent intent) {
        String action = intent.getAction();
        Log.i(TAG, "onReceive: action: " + action);
        //根據(jù)不同的信息進(jìn)行一些個(gè)性操作
        if (action.equals(Intent.ACTION_CLOSE_SYSTEM_DIALOGS)) {
            String from = intent.getStringExtra(SYSTEM_DIALOG_FROM_KEY);
            Log.i(TAG, "from: " + from);
            if (SYSTEM_DIALOG_FROM_HOME_KEY.equals(from)) { //短按Home鍵
                Log.i(TAG, "Home Key");
                //按home鍵會(huì)直接關(guān)閉懸浮窗
                FloatActionController.getInstance().stopMonkServer(context);
            } else if (SYSTEM_DIALOG_FROM_RECENT_APPS.equals(from)) { //長按Home鍵或是Activity切換鍵
                Log.i(TAG, "long press home key or activity switch");
            } else if (SYSTEM_DIALOG_FROM_LOCK.equals(from)) { //鎖屏操作
                Log.i(TAG, "lock");
            }
        }
    }

}

這個(gè)就是一個(gè)廣播接收者,需要監(jiān)聽系統(tǒng)的一些操作,然后根據(jù)不同的操作實(shí)現(xiàn)自己想要的邏輯,Demo中我只是針對(duì)Home鍵進(jìn)行了簡單的處理,點(diǎn)擊Home退到主頁會(huì)直接銷毀服務(wù),看具體要求進(jìn)行擴(kuò)展。

接下來看一下具體的使用,先看下Activity的布局
activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="xishuang.floatwindow.MainActivity">

    <Button
        android:id="@+id/open_float"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="開啟懸浮窗" />

    <Button
        android:id="@+id/red_dot"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="打開小紅點(diǎn)" />

</LinearLayout>

就是兩個(gè)按鈕,一個(gè)用來開啟懸浮窗,一個(gè)用來進(jìn)行簡單的交互,展示小紅點(diǎn)。

Mainactivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btOpenFloat = (Button) findViewById(R.id.open_float);
        Button btRedDot = (Button) findViewById(R.id.red_dot);

        assert btOpenFloat != null;
        btOpenFloat.setOnClickListener(this);
        assert btRedDot != null;
        btRedDot.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.open_float) {
            boolean isPermission = FloatPermissionManager.getInstance().applyFloatWindow(this);
            //有對(duì)應(yīng)權(quán)限或者系統(tǒng)版本小于7.0
            if (isPermission || Build.VERSION.SDK_INT < 24) {
                //開啟懸浮窗
                FloatActionController.getInstance().startMonkServer(this);
            }
        } else if (v.getId() == R.id.red_dot) {
            //開啟小紅點(diǎn)
            FloatActionController.getInstance().setObtainNumber(1);
        }
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        //關(guān)閉懸浮窗
        FloatActionController.getInstance().stopMonkServer(this);
    }
}

具體使用看起來也還簡單,因?yàn)檫壿嫸家呀?jīng)盡量封裝和解耦了,就是在開啟懸浮窗的時(shí)候,7.0版本以上必須先申請(qǐng)權(quán)限才能開啟,7.0以下可以直接開啟,因?yàn)榍懊嬉呀?jīng)設(shè)置WindowManager.LayoutParams.TYPE_TOAST,雖然有些特殊機(jī)型也必須申請(qǐng)權(quán)限,但起碼先保證我的懸浮窗在大多數(shù)手機(jī)上可以先展示出來。

boolean isPermission = FloatPermissionManager.getInstance().applyFloatWindow(this);

這段代碼說明,無論在哪種情況,我會(huì)先進(jìn)行權(quán)限檢查,雙重保險(xiǎn)。

大概效果如下:


20170201.gif

Demo:代碼地址感興趣可以看看完整的演示代碼。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容