Harmony OS5开发学习笔记--一次开发多端适配（媒体查询监听）

官方文档：文档中心

媒体查询--可以监听应用显示区域的变化、横竖屏、深浅色、设备的类型等。

1.媒体查询和断点变化的结合使用：

let xx = mediaquery.matchMediaSync('(0vp<=width<320vp)') // 设置查询条件

//监听查询条件的变化 ，如果变化了就返回一个布尔值

xx.on('change', (res) => {

// 只要查询条件变化 就会触发回调 存储共享数据

if (res.matches) {

AppStorage.setOrCreate(BREAKPOINT_KEY, 'xs')

}})

2.媒体查询和屏幕方向变化的结合使用：

let xx5 = mediaquery.matchMediaSync('(orientation: landscape)') //横屏查询条件

xx5.on('change', (res) => {

if (res.matches) {