手机大厂Activity嵌套模式及三分屏SplitScreen功能调研报告-独家干货

背景

一直有学员在开发一些宽屏幕的设备(如平板,折叠屏等)时候,会经常问一些关于Activity左右排布类似分屏模式也有叫做Activity嵌套的,比如下面设置这种:
在这里插入图片描述还有就是三分屏模式,三分屏不仅仅是在小米车机上有,其实在一些top手机厂商的折叠屏手机,平板上也是有的:

在这里插入图片描述
那么今天我们就来调研看看三星这个全球最大手机厂商是如何实现Activity嵌套功能,和三分屏功能的。

Activity类似分屏嵌套功能调研部分

调研进入嵌套Activity模式步骤

1、先把折叠屏模式变成屏幕展开模式
在这里插入图片描述

2、折叠模式下打开系统内置的几个Activity,比如Settings既可以出现嵌套模式

Activity类似分屏嵌套显示效果:

在这里插入图片描述dumpsys相关层级结构树:

 └─ DefaultTaskDisplayArea_d0 type=undefined mode=fullscreen override-mode=fullscreen requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
       ├─ Task=22 type=standard mode=fullscreen override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
          ├─ TaskFragment{5e87b94 mode=multi-window} type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[0,0][0,0] bounds=[907,0][2160,1584]
          │  └─ ActivityRecord{13904920 u0 com.android.settings/.SubSettings t22} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[907,0][2160,1584]
          │     └─ e68da16 com.android.settings/com.android.settings.SubSettings type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[907,0][2160,1584]
          └─ TaskFragment{fa5c95 mode=multi-window} type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[0,0][0,0] bounds=[0,0][907,1584]
             └─ ActivityRecord{228325473 u0 com.android.settings/.Settings t22} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][907,1584]
                └─ 581b1a4 com.android.settings/com.android.settings.Settings type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][907,1584]

从上面成绩结构树可以看出,这个时候其实是有2个Activity展示着

一个Activity是com.android.settings/com.android.settings.Settings 显示区域为

[0,0][907,1584]

也就是在左边,显示宽度为907.

另一个Activity是 com.android.settings/com.android.settings.SubSettings 显示的区域是

[907,0][2160,1584]

显示在右边,显示宽度为1253,明显比左边的Activity要大。

而且它们的父容器是TaskFragment,而不是常见的Task,所以这里是一个重大差别。

还有两个ActivityRecord及TaskFragment的window mode都是MULTI-WINDOW。

总结这种Activity嵌套原理

1、实际上有两个TaskFragment装载了两个ActivityRecord,分别显示在左右两边的区域

2、两个TaskFragment的window mode都是MULTI-WINDOW

三星三分屏部分功能剖析

进入三分屏步骤

调研该功能首先要学会如何进入三分屏,这个进入三分屏方式还有点特殊,具体步骤如下:

1、首先让折叠屏幕处于展开模式

2、打开2个app的Activity,退出到后台,点击最近任务按钮

在这里插入图片描述

3、点击最近任务卡片,进入二分屏模式

在这里插入图片描述
在这里插入图片描述

4、再从底部的TaskBar随意拖动一个App图标到上面分屏

在这里插入图片描述
操作完成后就可以进入三分屏的场景
在这里插入图片描述

三分屏模式各个功能展示

三分屏可以有不同的布局展示模式

在这里插入图片描述
展示的层级结构树情况如下:

DefaultTaskDisplayArea_d0 type=undefined mode=fullscreen override-mode=fullscreen requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
          ├─ Task=2 type=standard mode=fullscreen override-mode=fullscreen requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
            ├─ Task=5 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[1086,750][2160,1488] bounds=[1086,750][2160,1488]
            │  └─ Task=21 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,750][2160,1488]
            │     └─ ActivityRecord{141371817 u0 com.samsung.android.messaging/com.android.mms.ui.ConversationComposer t21} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,750][2160,1488]
            │        └─ cdfc0d4 com.samsung.android.messaging/com.android.mms.ui.ConversationComposer type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,750][2160,1488]
            ├─ Task=4 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[1086,0][2160,738] bounds=[1086,0][2160,738]
            │  └─ Task=17 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,0][2160,738]
            │     └─ ActivityRecord{75259121 u0 com.sec.android.gallery3d/com.samsung.android.gallery.app.activity.GalleryActivity t17} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,0][2160,738]
            │        └─ b940895 com.sec.android.gallery3d/com.samsung.android.gallery.app.activity.GalleryActivity type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1086,0][2160,738]
            └─ Task=3 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[0,0][1074,1488] bounds=[0,0][1074,1488]
               └─ Task=18 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][1074,1488]
                  └─ ActivityRecord{140070050 u0 com.samsung.android.dialer/.DialtactsActivity t18} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][1074,1488]
                     └─ f53e6f1 com.samsung.android.dialer/com.samsung.android.dialer.DialtactsActivity type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][1074,1488]
        

三分屏并排布局展示的效果
在这里插入图片描述

展示层级结构树如下:

└─ DefaultTaskDisplayArea_d0 type=undefined mode=fullscreen override-mode=fullscreen requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
	├─ Task=2 type=standard mode=fullscreen override-mode=fullscreen requested-bounds=[0,0][0,0] bounds=[0,0][2160,1584]
		├─ Task=5 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[1447,0][2160,1488] bounds=[1447,0][2160,1488]
		│  └─ Task=21 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1447,0][2160,1488]
		│     └─ ActivityRecord{141371817 u0 com.samsung.android.messaging/com.android.mms.ui.ConversationComposer t21} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1447,0][2160,1488]
		│        └─ cdfc0d4 com.samsung.android.messaging/com.android.mms.ui.ConversationComposer type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[1447,0][2160,1488]
		├─ Task=4 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[721,0][1435,1488] bounds=[721,0][1435,1488]
		│  └─ Task=17 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[721,0][1435,1488]
		│     └─ ActivityRecord{75259121 u0 com.sec.android.gallery3d/com.samsung.android.gallery.app.activity.GalleryActivity t17} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[721,0][1435,1488]
		│        └─ b940895 com.sec.android.gallery3d/com.samsung.android.gallery.app.activity.GalleryActivity type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[721,0][1435,1488]
		└─ Task=3 type=standard mode=MULTI-WINDOW override-mode=MULTI-WINDOW requested-bounds=[0,0][709,1488] bounds=[0,0][709,1488]
		   └─ Task=18 type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][709,1488]
			  └─ ActivityRecord{140070050 u0 com.samsung.android.dialer/.DialtactsActivity t18} type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][709,1488]
				 └─ f53e6f1 com.samsung.android.dialer/com.samsung.android.dialer.DialtactsActivity type=standard mode=MULTI-WINDOW override-mode=undefined requested-bounds=[0,0][0,0] bounds=[0,0][709,1488]


左右方式显示的三分屏
在这里插入图片描述
上下布局方式展示的分屏情况:
在这里插入图片描述

3分屏调用原理剖析:

1、实际上有3分屏和2分屏原理没有任何差别,唯一区别就是多了一个Task

2、3个Task的window mode都是MULTI-WINDOW

3、3个Task的显示bounds分别互不干扰

4、3分屏模式下会有布局上的排布差异,一种是平铺3个Task方式,一种平铺2个Task模式bounds,然后其中一个bound又会装载2个Task的bounds区域

手把手教你做小米车机三分屏
https://mp.weixin.qq.com/s/e65crgwzNKf3162YilkG5Q
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

千里马学框架

帮助你了,就请我喝杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值