媒體查詢

說明：
開發前請熟悉鴻蒙開發指導文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

• 從API Version 7 開始，該接口不再維護，推薦使用新接口[@ohos.mediaquery]。
• 本模塊首批接口從API version 3開始支持。后續版本的新增接口，采用上角標單獨標記接口的起始版本。

導入模塊

import mediaquery from '@system.mediaquery';

mediaquery.matchMedia

matchMedia(condition: string): MediaQueryList

根據媒體查詢條件，創建MediaQueryList對象。

系統能力： SystemCapability.ArkUI.ArkUI.Full

參數：

返回值：

示例：

export default {    
  matchMedia() {        
    var mMediaQueryList = mediaquery.matchMedia('(max-width: 466)');    
  },
}

MediaQueryEvent

定義MediaQuery事件。

系統能力： SystemCapability.ArkUI.ArkUI.Full

MediaQueryList

定義MediaQuery列表信息。

屬性

系統能力： 以下各項對應的系統能力均為SystemCapability.ArkUI.ArkUI.Full

onchange

onchange?: (matches: boolean) => void

matches狀態變化時的執行函數。

系統能力： SystemCapability.ArkUI.ArkUI.Full

參數：

MediaQueryList.addListener

addListener(callback: (event: MediaQueryEvent) => void): void

給MediaQueryList添加回調函數，回調函數應在onShow生命周期之前添加，即需要在onInit或onReady生命周期里添加。

系統能力： SystemCapability.ArkUI.ArkUI.Full

參數：

示例：

mMediaQueryList.addListener(maxWidthMatch);

MediaQueryList.removeListener

removeListener(callback: (event: MediaQueryEvent) => void): void

移除MediaQueryList中的回調函數。

系統能力： SystemCapability.ArkUI.ArkUI.Full

參數：

示例：

mMediaQueryList.removeListener(maxWidthMatch);

審核編輯 黃宇