• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1page.title=画中画
2page.keywords=Preview、SDK、画中画
3page.tags=androidn
4
5@jd:body
6
7<div id="tb-wrapper">
8<div id="tb">
9
10<h2>本文内容</h2>
11<ol>
12  <li><a href="#declaring">声明您的 Activity 支持画中画
13</a></li>
14  <li><a href="#pip_button">将您的 Activity 切换到画中画模式</a>
15</li>
16  <li><a href="#handling_ui">处理画中画模式中的 UI</a>
17</li>
18  <li><a href="#continuing_playback">在画中画模式中继续视频播放
19</a></li>
20  <li><a href="#single_playback">使用画中画的单次播放 Activity
21</a></li>
22  <li><a href="#best">最佳做法</a></li>
23</ol>
24
25<h2>另请参阅</h2>
26<ol>
27  <li><a href="{@docRoot}preview/features/multi-window.html">多窗口支持
28</a></li>
29</ol>
30
31</div>
32</div>
33
34<p>在 Android N 中,Android TV 用户现在可以一边在应用中导航一边在屏幕角落的固定窗口中观看视频。
35
36画中画 (PIP) 模式允许应用在固定窗口中运行视频 Activity,同时在后台继续运行另一个 Activity。
37
38PIP 窗口让用户可以在使用应用的时候进行多任务处理,从而提高效率。
39</p>
40
41<p>您的应用可以决定何时触发 PIP 模式。以下是一些关于何时进入 PIP 模式的示例:
42</p>
43
44<ul>
45<li>当用户从视频返回浏览其他内容时,应用将自动进入 PIP 模式。
46</li>
47<li>当用户快看完一集视频时,应用将视频切换到 PIP 模式。
48主屏幕显示有关该系列视频下一集的宣传或摘要信息。
49</li>
50<li>应用将允许用户在观看视频的同时添加其他内容到队列。
51视频继续在 PIP 模式中播放,同时主屏幕显示内容选择 Activity。
52</li>
53</ul>
54
55<p>PIP 窗口为 240x135 dp,在屏幕角落的最顶层显示,由系统在四个角落中选择一个角落。
56用户可以调出 PIP 菜单,将 PIP 窗口切换为全屏,或通过按下遥控器上的<b>主页</b>按钮关闭 PIP 窗口。
57
58如果主屏幕开始播放另一个视频,PIP 窗口将自动关闭。
59
60用户还可以通过“最近使用记录”关闭 PIP 窗口。</p>
61
62<img src="{@docRoot}images/android-7.0/pip-active.png" />
63<p class="img-caption"><strong>图 1.</strong> 用户在主屏幕上浏览内容时屏幕角落窗口播放画中画视频。
64
65</p>
66
67<p>PIP 利用 Android N 中提供的多窗口 API 显示固定视频层叠窗口。
68如需将 PIP 添加到应用,您需要注册支持 PIP 的 Activity,然后根据需要将 Activity 切换到 PIP 模式,并确保隐藏所有 UI 元素,且 Activity 处于 PIP 模式时视频继续播放。
69
70
71</p>
72
73<h2 id="declaring">声明您的 Activity 支持画中画</h2>
74
75<p>默认情况下,系统并不自动为应用提供 PIP 支持。如果想要应用支持 PIP,请将
76<code>android:supportsPictureInPicture</code> 和
77<code>android:resizeableActivity</code> 设置为 <code>true</code>,在清单中注册视频 Activity。
78
79此外,应明确指定 Activity 处理布局配置变更,这样,在 PIP 模式过渡期间发生布局变更时,Activity 不会重新启动。
80
81</p>
82
83<pre>
84&lt;activity android:name="VideoActivity"
85    android:resizeableActivity="true"
86    android:supportsPictureInPicture="true"
87    android:configChanges=
88        "screenSize|smallestScreenSize|screenLayout|orientation"
89    ...
90</pre>
91
92<p>在注册 Activity 时,请记住,在 PIP 模式中,您的 Activity 在电视屏幕上的小层叠窗口中显示。
93视频播放 Activity 结合以尽量小的 UI 可以实现最佳用户体验。
94在切换到 PIP 模式后,UI 元素较小的 Activity 带来的用户体验可能较差,因为用户在 PIP 窗口中看不到 UI 元素的详细信息。
95
96
97</p>
98
99<h2 id="pip_button">将您的 Activity 切换到画中画模式</h2>
100
101在需要将 Activity 切换到 PIP 模式时,请调用
102<code>Activity.enterPictureInPictureMode()</code>。在下面的示例中,当用户选择媒体控制栏上的专用 PIP 按钮时,系统切换到 PIP 模式:
103
104</p>
105
106<pre>
107&#64;Override
108public void onActionClicked(Action action) {
109    if (action.getId() == R.id.lb_control_picture_in_picture) {
110        getActivity().enterPictureInPictureMode();
111        return;
112    }
113    ...
114</pre>
115
116<p>在媒体控制栏上添加 PIP 按钮可以方便用户在控制视频播放的同时切换到 PIP 模式。
117</p>
118
119<img src="{@docRoot}images/android-7.0/pip-button.png" />
120<p class="img-caption"><strong>图 1.</strong> 媒体控制栏上的画中画按钮。
121</p>
122
123<p>Android N 中包含一个新的
124<code>PlaybackControlsRow.PictureInPictureAction</code> 类,它可以定义控制栏 PIP 操作并使用 PIP 图标。
125</p>
126
127<h2 id="handling_ui">处理画中画模式中的 UI</h2>
128
129<p>在 Activity 进入 PIP 模式时,Activity 应仅显示视频播放。
130在 Activity 进入 PIP 模式前删除 UI 元素,当 Activity 再次全屏显示时恢复这些元素。重写 <code>Activity.onPictureInPictureModeChanged()</code> 或
131<code>Fragment.onPictureInPictureModeChanged()</code>,并根据需要启用或禁用 UI 元素,例如:
132
133
134</p>
135
136<pre>
137&#64;Override
138public void onPictureInPictureModeChanged(boolean isInPictureInPictureMode) {
139    if (isInPictureInPictureMode) {
140        // Hide the controls in picture-in-picture mode.
141        ...
142    } else {
143        // Restore the playback UI based on the playback status.
144        ...
145    }
146}
147</pre>
148
149<h2 id="continuing_playback">在画中画模式中继续视频播放
150</h2>
151
152<p>在 Activity 切换到 PIP 模式时,系统会认为 Activity 处于暂停状态,并调用 Activity 的 <code>onPause()</code> 方法。
153如果 Activity 因为 PIP 模式暂停,视频播放不应暂停,而是应继续播放。
154
155在 Activity 的
156<code>onPause()</code> 方法中检查 PIP,并对播放做相应处理,例如:
157</p>
158
159<pre>
160&#64;Override
161public void onPause() {
162    // If called while in PIP mode, do not pause playback
163    if (isInPictureInPictureMode()) {
164        // Continue playback
165        ...
166    }
167    // If paused but not in PIP, pause playback if necessary
168    ...
169}
170</pre>
171
172<p>当 Activity 退出 PIP 模式并回到全屏模式时,系统会恢复 Activity 并调用 <code>onResume()</code> 方法。
173</p>
174
175<h2 id="single_playback">使用画中画的单次播放 Activity
176</h2>
177
178<p>在您的应用中,用户可以在浏览主屏幕中的内容时选择一个新的视频,视频播放 Activity 处于 PIP 模式。
179在现有播放 Activity 中全屏模式下播放新视频,而不是启用可能使用户感到困惑的新 Activity。
180
181</p>
182
183<p>若要确保视频播放请求使用的是单个 Activity 并根据需要进入或退出 PIP 模式,在您的清单中将 Activity 的 <code>android:launchMode</code> 设置为 <code>singleTask</code>:
184
185
186</p>
187
188<pre>
189&lt;activity android:name="VideoActivity"
190    ...
191    android:supportsPictureInPicture="true"
192    android:launchMode="singleTask"
193    ...
194</pre>
195
196<p>在您的 Activity 中,替换 {@link android.app.Activity#onNewIntent
197Activity.onNewIntent()},处理新视频,如果需要,停止任何现有视频播放。
198</p>
199
200<h2 id="best">最佳做法</h2>
201
202<p>PIP 用于全屏播放视频的 Activity。在 Activity 切换到 PIP 模式时,应避免显示除视频外的其他内容。根据<a href="#handling_ui">处理画中画模式中的 UI</a> 中所述,在 Activity 进入 PIP 模式时进行跟踪,并隐藏 UI 元素。
203
204
205</p>
206
207<p>由于 PIP 窗口悬浮在屏幕的角落,因此应避免在主窗口被 PIP 窗口遮挡的任何区域显示重要信息。
208
209</p>
210
211<p>当 Activity 处于 PIP 模式时,其默认不获取输入焦点。要在 PIP 模式中接收输入事件,请使用
212<code>MediaSession.setMediaButtonReceiver()</code>。
213</p>
214