創(chuàng)造 “魔術(shù)時(shí)刻” —— Android 8.0 畫中畫

畫中畫(PIP)是一個(gè)有趣的功能,給用戶一個(gè)神奇的體驗(yàn)。PIP 是一種特殊的多窗口 UI 布局,一般來說視頻和相機(jī)能通過 PIP 獲得更好的體驗(yàn)。例如,在觀看 YouTube 時(shí),您可以選擇另一個(gè)視頻添加到播放列表,同時(shí)繼續(xù)觀看當(dāng)前視頻,因?yàn)檎谶\(yùn)行的視頻進(jìn)入 PIP 模式。這是一個(gè)神奇的時(shí)刻,讓您舒服地同時(shí)做兩件事情。

△ 切換 PIP 檢查您的日歷

PIP 的另一個(gè)很好的用途是在您進(jìn)行視頻聊天時(shí)檢查您的日歷。視頻可以縮小,并允許您檢查日歷中的約會。完成另一項(xiàng)任務(wù)時(shí),您可以繼續(xù)進(jìn)行對話。

在您的應(yīng)用程序中使用 PIP

從 Android 8.0(API 級別 26)開始,您可以輕松地將您的活動(dòng)置于 PIP 模式。

您的活動(dòng)必須聲明它支持 PIP。在您的清單中,您應(yīng)該設(shè)置supportsPictureInPicture標(biāo)志 true。


<activity 
    android:name=".MediaSessionPlaybackActivity"
    ...
    android:supportsPictureInPicture="true" />


有意進(jìn)入 PIP

有幾個(gè)適當(dāng)?shù)臅r(shí)間進(jìn)入 PIP 模式。最簡單的方法是使用按鈕或菜單項(xiàng)。材料設(shè)計(jì)提供標(biāo)準(zhǔn) PIP 圖標(biāo) ; 然而,一個(gè)菜單選項(xiàng)可能對您的應(yīng)用程序更有意義。


△畫中畫 圖標(biāo)
△畫中畫 圖標(biāo)(備選)

該圖標(biāo)應(yīng)該指示進(jìn)入 PIP 會發(fā)生什么。例如,如果您的 PIP 窗口顯示在屏幕的右上方,請使用圖標(biāo)為用戶提供預(yù)期的展示。

PIP 作為切換應(yīng)用程序的替代方案

進(jìn)入 PIP 而不是離開應(yīng)用程序通常很有用,例如當(dāng)用戶按住 home 或者 back 按鈕時(shí)。

PIP****可以作為 “切換應(yīng)用” 的更佳解決方案

當(dāng)用戶選擇返回,進(jìn)入 PIP 模式可能比關(guān)閉正在運(yùn)行的視頻更好。例如,用戶可能正在瀏覽更多內(nèi)容,并且可以繼續(xù)以 PIP 模式觀看原始節(jié)目。如果您以這種方式進(jìn)入 PIP 模式,請確保提供一個(gè)選項(xiàng)來關(guān)閉 PIP 窗口。

如果用戶按 Home 鍵,或者打開最近的應(yīng)用程序,或者在處理視頻通話或觀看視頻時(shí)打開通知,進(jìn)入 PIP 而不是離開應(yīng)用程序可能更有意義。

Android Activity 生命周期有一個(gè)回調(diào),您可以通過重載 onUserLeaveHint ( ) 來得知用戶何時(shí)離開了應(yīng)用程序。

深入了解

當(dāng)您處于 PIP 模式時(shí),您應(yīng)該隱藏最重要的內(nèi)容(一般是視頻或者相機(jī))之外的所有內(nèi)容。

在進(jìn)入 PIP 之前,您應(yīng)該通過執(zhí)行以下任務(wù)進(jìn)行準(zhǔn)備:

隱藏視圖上的任何控件或覆蓋。例如,隱藏視頻播放控件或相機(jī)選項(xiàng)菜單。

創(chuàng)建一個(gè)PictureInPictureParams.Builder

根據(jù)控件的放置狀態(tài)設(shè)置寬高比。例如,Google 地圖導(dǎo)航具有垂直的 PIP 窗口,而 YouTube 視頻會在水平窗口中顯示。

(可選)添加自定義操作。例如,為視頻播放提供倒帶/快進(jìn),或?yàn)橐曨l通話提供靜音操作。

設(shè)置一個(gè)Rect 邊界以平滑活動(dòng)到 PIP 的轉(zhuǎn)換。

以下是一個(gè)響應(yīng)一個(gè)按鈕進(jìn)入 PIP 模式的例子:

voidminimize(){

if(mMovieView ==null) {

return;

}

// Hide the controls in picture-in-picture mode.

mMovieView.hideControls();

// Calculate the aspect ratio of the PIP screen.

Rational aspectRatio =newRational(

mMovieView.getWidth(), mMovieView.getHeight());

PictureInPictureParams params = mPictureInPictureParamasBuilder

.setAspectRatio(aspectRatio)

.build();

enterPictureInPictureMode(params);

}

下面是一個(gè) onUserLeaveHint ( ) 來抓住應(yīng)用程序切換并進(jìn)入 PIP 作為輔助作用的例子,不需要用戶操作。

PublicclassMyPictureInPictureActivityextendsAppCompatActivity{

...

@Override

protectedvoidonUserLeaveHint(){

super.onUserLeaveHint();

PictureInPictureParams params =

newPictureInPictureParams.Builder()

// Set actions or aspect ratio.

.build();

enterPictureInPictureMode(params);

}

...

}

您應(yīng)該創(chuàng)建一個(gè) PictureInPictureParams 傳遞給 enterPictureInPictureMode ( ) 。有一個(gè)重載的方法,不推薦使用沒有參數(shù)的。Android Studio 可以幫助您確保不使用已棄用的 API。



切換畫中畫模式

進(jìn)入 PIP 模式很簡單,但如果用戶要將窗口還原到全屏呢?您應(yīng)該將活動(dòng)恢復(fù)到進(jìn)入 PIP 之前的活動(dòng)。例如,顯示您隱藏的播放控制。活動(dòng)有一個(gè)回調(diào),onPictureInPictureModeChanged( ),您可以通過重載來監(jiān)聽這些事件。

如果用戶將窗口恢復(fù)為全屏,isInPictureInPictureMode 將會是 false。這時(shí)您需要將視圖恢復(fù)到進(jìn)入 PIP 模式之前的狀態(tài)。例如,顯示視頻播放控件或恢復(fù)相機(jī)的選項(xiàng)菜單。

@Override

publicvoidonPictureInPictureModeChanged(

booleanisInPictureInPictureMode, Configuration newConfig){

if(isInPictureInPictureMode) {

//Hide the full-screen UI (controls, etc.) while in

// picture-in-picture mode.

...

}else{

// Restore the full-screen UI.

 ...

  }

}

請注意,您可以獲得對新配置的引用,就像配置本身發(fā)生變化一樣。

添加自定義操作

即使您應(yīng)該在 PIP 模式下簡化 UI,您仍然可以允許用戶與遠(yuǎn)程操作進(jìn)行交互。

PictureInPictureParams.Builder有setActions( )方法,這個(gè)方法獲取一個(gè)RemoteActions列表。如果列表多于getMaxNumPictureInPictureActions( ),輸入列表將被截?cái)酁樵摂?shù)字。

您可以添加自定義的簡單操作,保留一些全屏功能,如播放/暫停切換。示例應(yīng)用程序定義了兩個(gè)自定義操作; 播放 / 暫停的切換和請求信息。


△自定義 PIP 操作

如果您正在使用MediaSession進(jìn)行視頻播放,則框架會自動(dòng)識別會話,并添加要播放/暫停的動(dòng)作,切換上一個(gè)下一個(gè)。這些操作由MediaSession.Callback中的相應(yīng)方法處理。

△MediaSession 的默認(rèn)操作

根據(jù) MediaSession 狀態(tài),界面會自動(dòng)啟用和禁用。在下圖中,MediaSession 狀態(tài)設(shè)置為PlaybackStateCompat.ACTION_PLAY_PAUSE | PlaybackStateCompat.ACTION_SKIP_TO_NEXT


△基于 MediaSession 狀態(tài)的操作更新

如果您不需要 MediaSession 提供的任何或所有操作,請調(diào)用 setActions ( ) 以僅指定所需的操作。

綜上所述

決定何時(shí)進(jìn)入 PIP 是最難的部分。如果體驗(yàn)的完成度足夠高,您的應(yīng)用會讓用戶覺得智能和貼心,但如果完成度低,則可能讓用戶感受到笨拙的動(dòng)作。所以請認(rèn)真琢磨用戶在操作時(shí)的需求,并確保您的代碼能落實(shí)到位,從而提供智能和貼心的體驗(yàn)。

進(jìn)入 PIP 模式的最常見流程如下:

1.從按鈕觸發(fā)

  • onClicked (View),onOptionsItemSelected (MenuItem) 等等。

2.有意的離開您的應(yīng)用程序觸發(fā)

  • onUserLeaveHint( )

3.從返回觸發(fā)

  • onBackPressed( )

以上就是制造畫中畫魔術(shù)時(shí)刻的全部內(nèi)容了,如果您對 Android Oreo 有任何建議或者問題,歡迎您在留言板里提出,分享給我們 ~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,401評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,011評論 3 413
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,263評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,543評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,323評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,874評論 1 321
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,968評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,095評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,605評論 1 331
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,551評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,720評論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,242評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 43,961評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,358評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,612評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,330評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,690評論 2 370

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