Lines Matching refs:mediaquery

1 # Media Query (@ohos.mediaquery)
6 [Media queries](../reference/apis-arkui/js-apis-mediaquery.md), the cornerstone of responsive desig…
15 Invoke the API in the **mediaquery** module to set the media query condition and define a callback.…
17 Import the **mediaquery** module, as shown below:
21 import { mediaquery } from '@kit.ArkUI';
28 let listener: mediaquery.MediaQueryListener = this.getUIContext().getMediaQuery().matchMediaSync('(…
35 onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) {
150 import { mediaquery, window } from '@kit.ArkUI';
159 …listener:mediaquery.MediaQueryListener = this.getUIContext().getMediaQuery().matchMediaSync('(orie…
162   onPortrait(mediaQueryResult:mediaquery.MediaQueryResult) {
175     this.listener.on('change', (mediaQueryResult: mediaquery.MediaQueryResult) => {
216 import { mediaquery } from '@kit.ArkUI';
224 …listener:mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(orientation: landscape)'); //…
226 …onPortrait(mediaQueryResult:mediaquery.MediaQueryResult) { // The callback is triggered when the q…
238 …this.listener.on('change', (mediaQueryResult:mediaquery.MediaQueryResult) => { this.onPortrait(med…