举例说明媒体条件查询如何使用

举例说明媒体条件查询如何使用

HarmonyOS
2024-07-22 10:20:53
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
QW_MA

媒体条件查询的语法包括媒体类型(media-type)、媒体逻辑操作(media-logic-operations)和媒体特征(media-feature)。

[media-type] [media-logic-operations] [(media-feature)]

比如我们想监听手机横屏时并且显示模式为深色模式。

import { mediaquery } from '@kit.ArkUI';
let listener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('screen and (orientation: landscape) and (dark-mode: true)');
onLandscapeAndDarkMode(mediaQueryResult: mediaquery.MediaQueryResult) {
  console.log("================"+mediaQueryResult.matches)
}
listener.on('change', this.onLandscapeAndDarkMode);
//当手机为横屏,并且模式为深色模式,返回true,其他情况返回false
分享
微博
QQ
微信
回复
2024-07-22 19:20:31
相关问题
如何在应用内使用媒体查询进行布局
590浏览 • 2回复 待解决
HarmonyOS如何根据条件加载页面
362浏览 • 1回复 待解决
HarmonyOS AVSession如何获取媒体id?
218浏览 • 1回复 待解决