布局 分屏

分屏

仅限 Android 平台

分屏模式允许用户同时在屏幕上执行两个活动。

用法 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

用户主动激活

应用不能自发的进入分屏模式,用户必须主动激活。

启动新的活动

当应用唤醒一个新的活动时,它会默认显示在屏幕的相同部分。应用的尺寸会被重新调整来适配分屏模式(除非你的应用不支持分屏模式)。

分屏模式下,遵守以下标准,应用可以在屏幕的另一半启动新的活动:

  • 原有的活动与新的活动相关,并且都支持分屏模式
  • 任务的完成需要应用一次展示两个活动,并且会隐藏其他已达开应用
  • 清楚的指出应用将会进入分屏模式,比如按钮上写着「在新窗口打开」

手机的纵向分屏模式(左图)和平板的横向分屏模式(右图)

行为 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

分屏模式会保持激活状态,直到用户主动退出或切换到不支持分屏模式的应用。

调整分屏大小

用户可以拖动分屏模式中间的分隔线来调整分屏的大小。

边缘滑动手势

在分屏模式中,边缘滑动手势可能不会像预期中那样。因为分屏模式会使用边缘滑动手势来调整分屏大小,如果你的应用也使用了边缘滑动手势来作触发某个操作,那么用户可能在触发该操作时同时触发调整分屏的操作。

为了避免这种情况,边缘滑动不应当设置为触发该操作的唯一途径。用户应当可以通过其他途径来触发该操作。

例如,抽屉导航可以通过边缘滑动来触发,但也可以通过按下菜单按钮来触发。

布局 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

为了支持分屏模式用法,视图应当缩放到适当的大小和密度。

主要的操作需要适配分屏模式。例如,导航 Tab 可以收起变成菜单。

响应式 UI

分屏模式中的应用应优先根据设备尺寸和方向来调整。

UI 不应当随着设备方向的改变而发生变化。例如,一边分屏中的应用正在播放视频(在纵向模式中),当设备变成横向时,视频不应当进入全屏模式。

应用可以在手机和平板中使用相同或不同的布局:

  • 当调整分屏大小时,使用相似布局的应用可能会在手机模式和平板模式中相互切换,这样转场就不会显得很僵硬。
  • 使用完全不同布局的应用应当避免在平板上使用手机模式。平板模式下的 UI 应当缩小来适配小尺寸,以此来确保用户在不同设备上有着一致的体验。

应用可以在手机(左图)和平板(右图)中使用相同的布局。

应用可以在手机(左图)和平板(右图)中使用不同的布局。

为小尺寸设计

为了使应用可以更方便的适配多种尺寸的分屏模式,我们推荐首先为最小尺寸而设计。

通过聚合或移除不必要的元素,为应用创建可以适配 220dp 宽度或高度的布局。在此基础上放大来设计完整的布局。

在手机的分屏模式中,竖直方向上的应用比例为额 16:9。

在平板的分屏模式中,竖直方向上应用的比例为 34.5%。