Android視頻懸浮窗口實(shí)現(xiàn)

前言

本文例子實(shí)現(xiàn)了點(diǎn)擊顯示懸浮窗口,同時(shí)窗口可播放視頻紧阔,拖動(dòng)位置缘挑,點(diǎn)擊關(guān)閉及返回APP頁面民珍,通過例子來講述懸浮窗口實(shí)現(xiàn)原理及細(xì)節(jié)處理,效果圖如下所示:

懸浮窗口.gif

原理

  1. WindowManager對(duì)View視圖進(jìn)行添加览爵、移除、更新處理镇饮;
  2. WindowManager.LayoutParams對(duì)窗口參數(shù)進(jìn)行一系列設(shè)置蜓竹。

實(shí)現(xiàn)

  1. 首先,需要添加相對(duì)應(yīng)懸浮窗權(quán)限:
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
  1. Activity頁面中储藐,需要判斷懸浮窗權(quán)限是否獲取俱济,如果未曾獲取,需要跳轉(zhuǎn)系統(tǒng)頁钙勃,進(jìn)行對(duì)應(yīng)的授權(quán)操作:
public boolean requestOverlayPermission() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        if (!Settings.canDrawOverlays(this)) {
            Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName()));
            startActivityForResult(intent, REQUEST_OVERLAY_CODE);
            return true;
        } else {
            return false;
        }
    }
    return false;
}
  1. 獲取權(quán)限后蛛碌,我們可以首先初始化我們要顯示的視圖,并且設(shè)置相對(duì)應(yīng)的事件辖源,這里我們采用了VideoView進(jìn)行簡(jiǎn)單的視頻播放蔚携,并且設(shè)置懸浮窗關(guān)閉及返回前臺(tái)的操作:

    private View initFloatView() {
        View view = View.inflate(this, R.layout.view_floating_window, null);
        // 設(shè)置視頻封面
        final ImageView mThumb = (ImageView) view.findViewById(R.id.thumb_floating_view);
        Glide.with(this).load(R.drawable.thumb).into(mThumb);
        // 懸浮窗關(guān)閉
        view.findViewById(R.id.close_floating_view).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mFloatingWindow.dismiss();
            }
        });
        // 返回前臺(tái)頁面
        view.findViewById(R.id.back_floating_view).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mFloatingWindow.setTopApp(FloatingWindowActivity.this);
            }
        });
        final VideoView videoView = view.findViewById(R.id.video_view);
        //視頻內(nèi)容設(shè)置
      videoView.setVideoPath("https://stream7.iqilu.com/10339/article/202002/18/2fca1c77730e54c7b500573c2437003f.mp4");
        // 視頻準(zhǔn)備完畢,隱藏正在加載封面克饶,顯示視頻
        videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
            @Override
            public void onPrepared(MediaPlayer mp) {
                mThumb.setVisibility(View.GONE);
            }
        });
        // 循環(huán)播放
        videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                videoView.start();
            }
        });
        // 開始播放視頻
        videoView.start();
        return view;
    }
    
  2. 通過獲取窗口管理WindowManager酝蜒,設(shè)置懸浮窗口參數(shù)WindowManager.LayoutParams后,就可以通過WindowManageraddView方法矾湃,生成對(duì)應(yīng)視圖的懸浮窗口:

    public void showFloatingWindowView(Context context, View view) {
        // 懸浮窗顯示視圖
        mShowView = view;
        // 獲取系統(tǒng)窗口管理服務(wù)
        mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        // 懸浮窗口參數(shù)設(shè)置及返回
        mFloatParams = getParams();
        // 設(shè)置窗口觸摸移動(dòng)事件
        mShowView.setOnTouchListener(new FloatViewMoveListener());
        // 懸浮窗生成
        mWindowManager.addView(mShowView, mFloatParams);
    }
    
  3. WindowManager.LayoutParams參數(shù)設(shè)置亡脑,主要設(shè)置懸浮窗口類型為WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY

private WindowManager.LayoutParams getParams() {
    WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
    //設(shè)置懸浮窗口類型
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
    } else {
        layoutParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
    }
    //設(shè)置懸浮窗口屬性
    layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
            | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
            | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN
            | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR
            | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;
    //設(shè)置懸浮窗口透明
    layoutParams.format = PixelFormat.TRANSLUCENT;
    //設(shè)置懸浮窗口長(zhǎng)寬數(shù)據(jù)
    layoutParams.width = 600;
    layoutParams.height = 340;
    //設(shè)置懸浮窗顯示位置
    layoutParams.gravity = Gravity.START | Gravity.TOP;
    layoutParams.x = 100;
    layoutParams.y = 100;
    return layoutParams;
}
  1. 窗口觸摸移動(dòng)事件,主要通過獲取觸摸位置,通過WindowManagerupdateViewLayout方法設(shè)置懸浮窗口的參數(shù)远豺,進(jìn)行窗口視圖位置更新:

    private class FloatViewMoveListener implements View.OnTouchListener {
    
        //開始觸控的坐標(biāo),移動(dòng)時(shí)的坐標(biāo)(相對(duì)于屏幕左上角的坐標(biāo))
        private int mTouchStartX;
        private int mTouchStartY;
        //開始時(shí)的坐標(biāo)和結(jié)束時(shí)的坐標(biāo)(相對(duì)于自身控件的坐標(biāo))
        private int mStartX, mStartY;
        //判斷懸浮窗口是否移動(dòng)坞嘀,這里做個(gè)標(biāo)記躯护,防止移動(dòng)后松手觸發(fā)了點(diǎn)擊事件
        private boolean isMove;
    
        @Override
        public boolean onTouch(View view, MotionEvent motionEvent) {
            int action = motionEvent.getAction();
            int x = (int) motionEvent.getX();
            int y = (int) motionEvent.getY();
            switch (action) {
                case MotionEvent.ACTION_DOWN:
                    isMove = false;
                    mTouchStartX = (int) motionEvent.getRawX();
                    mTouchStartY = (int) motionEvent.getRawY();
                    mStartX = x;
                    mStartY = y;
                    break;
                case MotionEvent.ACTION_MOVE:
                    int mTouchCurrentX = (int) motionEvent.getRawX();
                    int mTouchCurrentY = (int) motionEvent.getRawY();
                    mFloatParams.x += mTouchCurrentX - mTouchStartX;
                    mFloatParams.y += mTouchCurrentY - mTouchStartY;
                    mWindowManager.updateViewLayout(mShowView, mFloatParams);
                    mTouchStartX = mTouchCurrentX;
                    mTouchStartY = mTouchCurrentY;
                    float deltaX = x - mStartX;
                    float deltaY = y - mStartY;
                    if (Math.abs(deltaX) >= 5 || Math.abs(deltaY) >= 5) {
                        isMove = true;
                    }
                    break;
                case MotionEvent.ACTION_UP:
                    break;
                default:
                    break;
            }
            //如果是移動(dòng)事件不觸發(fā)OnClick事件,防止移動(dòng)的時(shí)候一放手形成點(diǎn)擊事件
            return isMove;
        }
    }
    
  2. 關(guān)閉懸浮窗丽涩,調(diào)用WindowManagerremoveView方法即可:

    public void dismiss() {
        if (mWindowManager != null && mShowView != null) {
            mWindowManager.removeView(mShowView);
        }
    }
    
  3. 懸浮窗點(diǎn)擊返回前臺(tái)方法:

    public void setTopApp(Context context) {
        //獲取ActivityManager
        ActivityManager activityManager = (ActivityManager) context.getSystemService(Context.ACTIVITY_SERVICE);
        //獲得當(dāng)前運(yùn)行的task(任務(wù))
        List<ActivityManager.RunningTaskInfo> taskInfoList = null;
        if (activityManager != null) {
            taskInfoList = activityManager.getRunningTasks(100);
        }
        if (taskInfoList != null) {
            for (ActivityManager.RunningTaskInfo taskInfo : taskInfoList) {
                //找到本應(yīng)用的 task棺滞,并將它切換到前臺(tái)
                if (taskInfo.topActivity != null && taskInfo.topActivity.getPackageName().equals(context.getPackageName())) {
                    activityManager.moveTaskToFront(taskInfo.id, 0);
                    break;
                }
            }
        }
    }
    

關(guān)于懸浮窗的一些基本操作到這里就基本結(jié)束了,具體的布局內(nèi)容及操作矢渊,歡迎查看具體的源碼實(shí)現(xiàn):Github開發(fā)記錄

歡迎點(diǎn)擊查閱及Star继准,我也會(huì)繼續(xù)補(bǔ)充其它有用的知識(shí)及例子在項(xiàng)目上。

歡迎點(diǎn)贊/評(píng)論矮男,你們的贊同和鼓勵(lì)是我寫作的最大動(dòng)力移必!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市毡鉴,隨后出現(xiàn)的幾起案子崔泵,更是在濱河造成了極大的恐慌,老刑警劉巖猪瞬,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件憎瘸,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡陈瘦,警方通過查閱死者的電腦和手機(jī)幌甘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來痊项,“玉大人锅风,你說我怎么就攤上這事∠呋椋” “怎么了遏弱?”我有些...
    開封第一講書人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)塞弊。 經(jīng)常有香客問我漱逸,道長(zhǎng),這世上最難降的妖魔是什么游沿? 我笑而不...
    開封第一講書人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任饰抒,我火速辦了婚禮,結(jié)果婚禮上诀黍,老公的妹妹穿的比我還像新娘袋坑。我一直安慰自己,他們只是感情好眯勾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開白布枣宫。 她就那樣靜靜地躺著婆誓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪也颤。 梳的紋絲不亂的頭發(fā)上洋幻,一...
    開封第一講書人閱讀 51,578評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音翅娶,去河邊找鬼文留。 笑死,一個(gè)胖子當(dāng)著我的面吹牛竭沫,可吹牛的內(nèi)容都是我干的燥翅。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蜕提,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼森书!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起贯溅,我...
    開封第一講書人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤拄氯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后它浅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體译柏,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年姐霍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鄙麦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡镊折,死狀恐怖胯府,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情恨胚,我是刑警寧澤骂因,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站赃泡,受9級(jí)特大地震影響寒波,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜升熊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一俄烁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧级野,春花似錦页屠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽风纠。三九已至,卻和暖如春牢贸,著一層夾襖步出監(jiān)牢的瞬間议忽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來泰國打工十减, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人愤估。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓帮辟,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親玩焰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子由驹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

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