中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
举例说明媒体条件查询如何使用
微信扫码分享
媒体条件查询的语法包括媒体类型(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
媒体条件查询的语法包括媒体类型(media-type)、媒体逻辑操作(media-logic-operations)和媒体特征(media-feature)。
比如我们想监听手机横屏时并且显示模式为深色模式。