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

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

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

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

[media-type] [media-logic-operations] [(media-feature)]
  • 1.

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

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
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
分享
微博
QQ
微信
回复
2024-07-22 19:20:31


相关问题
举例说明
253浏览 • 0回复 待解决
举例说明使用场景。
286浏览 • 0回复 待解决
如何在应用内使用媒体查询进行布局
1347浏览 • 2回复 待解决
HarmonyOS hdc安装使用操作说明咨询
1537浏览 • 1回复 待解决