【木棉花】轻松玩转平行视界(下) 原创 精华
【本文正在参与优质创作者激励】
前言
先来回顾一下上一篇文章的easygo.json配置文件的相关元素的描述:【木棉花】轻松玩转平行视界(上)
导航模式
代码文件
代码文件结构如下:
下面只给出部分重点代码
FirstAbilitySlice.java:
config.json配置文件的module对象中新增metaData:
在src -> main -> resources -> rawfile目录下增加easygo.json配置文件:
上述代码easygo.json配置文件的相关元素的描述如下:
运行效果
平板横屏的运行效果如下:
小结
导航模式是一种系统提供的“分栏”,能帮助用户在应用内高效地来回切换。
从上述运行效果可以发现导航模式有三个特点:
1. 右半屏总是最后一个窗口。
2. 左边固定导航主页,左点右出,右点右出。
3. 左边触发的返回,左右分屏中的所有界面都将退出;右边触发的返回,右边回到上一层级,左边保持不变。
全屏显示Page Ability
另外关于平行视界状态下,部分Page Ability希望以全屏来显示,分别有动态方法和静态方法:
- 动态方法:
- 全屏显示:调用如下接口申请横屏方向可进入全屏显示状态:
- 退出全屏:调用申请竖屏方向即可退出全屏状态:
- 静态方法:
- 在easygo.json文件的Abilities属性中,将Page Ability的defaultFullScreen配置为true,即可实现Page Ability默认以全屏显示:
- 在config.json文件的Abilities属性中,将Page Ability的orientation配置为landscape(横屏),Page Ability会一直以全屏状态显示:
购物模式
代码文件
代码文件结构如下:
下面只给出部分重点代码
config.json配置文件的module对象中新增metaData:
在src -> main -> resources -> rawfile目录下增加easygo.json配置文件:
上述代码easygo.json配置文件的相关元素的描述如下:
运行效果
平板横屏的运行效果如下:
小结
购物模式能有效解决宽屏设备上的显示适配问题,适用于购物类的场景和应用。
从上述运行效果可以发现购物模式有三个特点:
1. 左点右出。
2. 右边点击启动新的窗口,把当前内容往左推,新的内容在右边展示。
3. 左边触发的返回,左右侧窗口内的界面都将退出上一层级或首页;右边触发的返回,右侧窗口回到上一层级,不影响左边的页面。
后台锁定
应用启用平行视界后,特定的适合多任务并行/有多任务并行需求的场景,可使用后台锁定。
可通过以下进行配置:
双窗口显示状态会显示锁定按钮,用户点击后可以进行锁定和解锁操作;锁定后,左右窗口不再关联,即左侧打开新窗口在左侧显示,右侧打开新窗口在右侧显示。例如普通购物模式下,点击右侧屏幕的内容,会把右侧内容向左推;直播场景锁定后,直播固定在左侧显示,点击右侧内容,更换右侧的显示内容。
其它
写在最后
更多资料请关注我们的项目 : Awesome-Harmony_木棉花
本项目会长期更新 ,希望随着鸿蒙一同成长变强的既有我们,也有正在看着这个项目的你。明年3月,深大校园内的木棉花会盛开,那时,鸿蒙也会变的更好,愿这花开,有你我的一份。
追更。