mediaquery (reference) in projects: ohos5.0

Searched refs:mediaquery (Results 1 – 25 of 57) sorted by relevance

/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/
H A D	js-apis-system-mediaquery.md	1 # @system.mediaquery (媒体查询) 8 > - 从API Version 7 开始，该接口不再维护，推荐使用新接口[`@ohos.mediaquery`](js-apis-mediaquery.md)。 16 import mediaquery from '@system.mediaquery'; 20 ## mediaquery.matchMedia 43 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)'); 101 import mediaquery, { MediaQueryEvent } from '@system.mediaquery'; 102 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)'); 130 import mediaquery, { MediaQueryEvent } from '@system.mediaquery'; 131 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)');
H A D	js-apis-mediaquery.md	1 # @ohos.mediaquery (媒体查询) 19 import { mediaquery } from '@kit.ArkUI'; 23 ## mediaquery.matchMediaSync 50 import { mediaquery } from '@kit.ArkUI'; 52 let listener:mediaquery.MediaQueryListener = this.getUIContext().getMediaQuery().matchMediaSync('(o… 119 import { mediaquery } from '@kit.ArkUI'; 121 let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //监听横屏事件 122 function onPortrait(mediaQueryResult:mediaquery.MediaQueryResult) { 159 import { mediaquery } from '@kit.ArkUI'; 168 onPortrait(mediaQueryResult:mediaquery.MediaQueryResult) { [all …]
/ohos5.0/docs/en/application-dev/reference/apis-arkui/
H A D	js-apis-system-mediaquery.md	1 # @system.mediaquery (Media Query) 3 The mediaquery module provides different styles for different media types. 8 …intained since API version 7. You are advised to use [`@ohos.mediaquery`](js-apis-mediaquery.md) i… 16 import mediaquery from '@system.mediaquery'; 20 ## mediaquery.matchMedia 43 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)'); 101 import mediaquery, { MediaQueryEvent } from '@system.mediaquery'; 102 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)'); 130 import mediaquery, { MediaQueryEvent } from '@system.mediaquery'; 131 let mMediaQueryList = mediaquery.matchMedia('(max-width: 466)');
H A D	js-apis-mediaquery.md	1 # @ohos.mediaquery (Media Query) 3 The mediaquery module provides different styles for different media types. 19 import { mediaquery } from '@kit.ArkUI'; 23 ## mediaquery.matchMediaSync 50 import { mediaquery } from '@kit.ArkUI'; 52 let listener:mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(orientation: landscape)');… 119 import { mediaquery } from '@kit.ArkUI'; 121 let listener = mediaquery.matchMediaSync('(orientation: landscape)'); // Listen for landscape event… 122 function onPortrait(mediaQueryResult:mediaquery.MediaQueryResult) { 159 import { mediaquery } from '@kit.ArkUI'; [all …]
/ohos5.0/docs/zh-cn/application-dev/ui/
H A D	arkts-layout-development-media-query.md	1 # 媒体查询 (@ohos.mediaquery) 6 [媒体查询](../reference/apis-arkui/js-apis-mediaquery.md)作为响应式设计的核心，在移动设备上应用十分广泛。媒体查询可根据不同设备类型或同设备不同状态修… 15 媒体查询通过mediaquery模块接口，设置查询条件并绑定回调函数，任一[媒体特征](#媒体特征media-feature)改变时，均会触发回调函数，返回匹配结果，根据返回值更改页面布局或者实现业… 21 import { mediaquery } from '@kit.ArkUI'; 35 onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) { 150 import { mediaquery, window } from '@kit.ArkUI'; 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)'); //… [all …]
H A D	arkts-component-animation.md	`58 import { curves, window, display, mediaquery } from '@kit.ArkUI'; 71 private orientationListener = mediaquery.matchMediaSync('(orientation: landscape)'); 74 …this.orientationListener.on('change', (mediaQueryResult: mediaquery.MediaQueryResult) => { this.on… 113 private onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) { 170 …this.orientationListener.off('change', (mediaQueryResult: mediaquery.MediaQueryResult) => { this.o…`
H A D	arkts-global-interface.md	`28 \| @ohos.mediaquery \| getMediaQuery \| 媒体查询 …`
H A D	arkts-layout-development-overview.md	`56 \| [媒体查询](arkts-layout-development-media-query.md)（\@ohos.mediaquery） \| 媒体查询可根据不同设备类型或同设备不同状态修改应用的样式…`
/ohos5.0/docs/en/application-dev/ui/
H A D	arkts-layout-development-media-query.md	1 # Media Query (@ohos.mediaquery) 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'; 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)'); //… [all …]
H A D	arkts-component-animation.md	`58 import { curves, window, display, mediaquery } from '@kit.ArkUI'; 71 private orientationListener = mediaquery.matchMediaSync('(orientation: landscape)'); 74 …this.orientationListener.on('change', (mediaQueryResult: mediaquery.MediaQueryResult) => { this.on… 113 private onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) { 170 …this.orientationListener.off('change', (mediaQueryResult: mediaquery.MediaQueryResult) => { this.o…`
/ohos5.0/foundation/ability/ability_runtime/services/dialog_ui/ams_system_dialog/entry/src/main/ets/pages/
H A D	PhonePage.ets	`23 import mediaquery from '@ohos.mediaquery'; 63 private listener = mediaquery.matchMediaSync('(orientation: landscape)'); 85 …const portraitFunc = (mediaQueryResult: mediaquery.MediaQueryResult): void => this.onPortrait(medi… 133 onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) {`
/ohos5.0/foundation/distributedhardware/device_manager/display/entry/src/main/ets/pages/
H A D	InputPinDialog.ets	`17 import mediaquery from '@ohos.mediaquery'; 44 listener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(orientation: landscape)'); 48 onPortrait(mediaQueryResult: mediaquery.MediaQueryResult) { 102 this.listener.on('change', (mediaQueryResult: mediaquery.MediaQueryResult) => {`
/ohos5.0/docs/zh-cn/application-dev/faqs/
H A D	faqs-arkui-arkts.md	`374 import mediaquery from '@ohos.mediaquery' 375 let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //监听横屏事件 389 [媒体查询](../reference/apis-arkui/js-apis-mediaquery.md)`
/ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/chip/source/
H A D	chip.ets	18 import mediaquery from '@ohos.mediaquery'; 391 …private smListener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(0vp<width) and (wi… 392 …private mdListener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(600vp<=width) and … 393 private lgListener: mediaquery.MediaQueryListener = mediaquery.matchMediaSync('(840vp<=width)') 956 this.smListener.on("change", (mediaQueryResult: mediaquery.MediaQueryResult) => { 961 this.mdListener.on("change", (mediaQueryResult: mediaquery.MediaQueryResult) => { 966 this.lgListener.on("change", (mediaQueryResult: mediaquery.MediaQueryResult) => {
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-ts/
H A D	ts-universal-attributes-pixelRound.md	`43 … \| 1. 在List组件上设置2px的space。<br>2. 关闭相应组件上的像素取整。<br>3. 通过@ohos.mediaquery（媒体查询）获取设备的dpi进行定…`
/ohos5.0/docs/zh-cn/application-dev/key-features/multi-device-app-dev/
H A D	responsive-layout.md	`134 …/reference/apis-arkui/js-apis-mediaquery.md)和[css媒体查询](../../reference/apis-arkui/arkui-js/js-comp… 151 import { mediaquery } from '@kit.ArkUI' 158 mediaQueryListener?: mediaquery.MediaQueryListener 198 breakpoint.mediaQueryListener = mediaquery.matchMediaSync(condition)`
/ohos5.0/foundation/arkui/ace_engine/frameworks/bridge/test/
H A D	BUILD.gn	`38 "unittest/cardfrontend/mediaquery:unittest",`
/ohos5.0/docs/zh-cn/application-dev/
H A D	Samples.md	47 本示例展示如何使用媒体查询，通过[@ohos.mediaquery](reference/apis-arkui/js-apis-mediaquery.md) 接口完成在不同设备上显示不同的界面效果。… 1459 …-textarea.md) 组件实现多文本输入，使用 [mediaLibrary](reference/apis-arkui/js-apis-mediaquery.md) 实现从相册选择图片展示在… 1481 * 调用依赖中ChoicePhotos方法打开相册，mediaquery媒体查询相册，getMediaLibrary获取媒体库的实例，访问用户等个人媒体数据信息并选中图片 1482 …nce/apis-arkui/js-apis-promptAction.md)，[@ohos.mediaquery](reference/apis-arkui/js-apis-system-med… 4526 …erence/apis-arkui/js-apis-system-router.md)，[@ohos.mediaquery](reference/apis-arkui/js-apis-mediaq… 4540 本示例使用媒体查询接口[@ohos.mediaquery](reference/apis-arkui/js-apis-mediaquery.md)，结合[一次开发多端部署](https://gite… 4585 …ves](reference/apis-arkui/js-apis-curve.md)，[@ohos.mediaquery](reference/apis-arkui/js-apis-mediaq… 4727 本示例使用媒体查询接口[@ohos.mediaquery](reference/apis-arkui/js-apis-mediaquery.md)，[一次开发多端部署](https://gitee.… 4840 2、定义showSideBar来判断是否展示侧边栏，定义mediaquery.MediaQueryListener媒体监听器smListener、mdListener、lgListener。 4841 3、在aboutToAppear调用mediaquery对界面进行监听。 [all …]
/ohos5.0/foundation/arkui/ace_engine/interfaces/napi/kits/
H A D	napi_lib.gni	`31 "mediaquery",`
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/arkui-js-lite/
H A D	Readme-CN.md	`18 - [媒体查询](js-lite-components-common-mediaquery.md)`
/ohos5.0/docs/zh-cn/application-dev/reference/apis-arkui/js-service-widget-ui/
H A D	Readme-CN.md	`16 - [媒体查询](js-service-widget-common-mediaquery.md)`
/ohos5.0/docs/en/application-dev/reference/apis-arkui/arkui-js-lite/
H A D	Readme-EN.md	`18 - [Media Query](js-lite-components-common-mediaquery.md)`
/ohos5.0/docs/en/application-dev/reference/apis-arkui/js-service-widget-ui/
H A D	Readme-EN.md	`16 - [Media Query](js-service-widget-common-mediaquery.md)`
/ohos5.0/foundation/ability/ability_runtime/services/dialog_ui/ams_system_dialog/entry/src/main/ets/utils/
H A D	BreakpointSystem.ets	`17 import mediaQuery from '@ohos.mediaquery';`
/ohos5.0/foundation/arkui/ace_engine/advanced_ui_component/popup/source/
H A D	popup.ets	`17 import mediaquery from '@ohos.mediaquery'; 231 private listener = mediaquery.matchMediaSync('(orientation: landscape)') 461 this.listener.on("change", (mediaQueryResult: mediaquery.MediaQueryResult) => {`

12 3

Project(s)

Full Search
Definition
Symbol
File Path
History
Type