一、微博的分屏交互细节
同屏双任务布局:展开内屏刷微博时,栏目以竖列排在屏幕最左侧,中间为信息流内容区,分屏状态下可同时浏览首页和评论区。
操作方式:从屏幕一侧滑动呼出另一应用即可完成分屏配对,也可以点击中间竖杠将常用App组合绑定,下次一键恢复分屏。
外屏接续:合上手机后外屏能自动接续浏览进度,展开与折叠之间切换流畅,不会中断内容。
二、淘宝的分屏适配表现
竖屏大屏模式:淘宝在iPhone Duo内屏竖屏状态下支持双指缩放查看更多内容,商品浏览的视野比手机端更充裕。
横屏分屏布局:在横向分屏使用时,侧边栏的位置和界面结构目前仍保留了部分直板设计思路,与折叠屏大屏比例之间仍有进一步优化的空间。
后续迭代:考虑到淘宝已进入首批适配名单,后续版本更新中对折叠屏布局的打磨值得继续关注。
三、分屏体验的底层机制
固定50/50比例:无论淘宝还是微博,分屏时窗口比例被锁定在1:1,无法像iPad那样拖动分隔线自由调整大小。
设计考量:固定比例是为了保证内外屏1:1.4宽高比统一,让折叠后内容在外屏完整呈现,同时降低开发者的适配难度。
应用组合绑定:用户可将强关联的两个App绑定为组合,在后台保持关联,点击任一即可恢复分屏状态。