媒體查詢

說(shuō)明：
開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

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

導(dǎo)入模塊

import mediaquery from '@system.mediaquery';

mediaquery.matchMedia

matchMedia(condition: string): MediaQueryList

根據(jù)媒體查詢條件，創(chuàng)建MediaQueryList對(duì)象。

系統(tǒng)能力： SystemCapability.ArkUI.ArkUI.Full

參數(shù)：

返回值：

示例：

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

MediaQueryEvent

定義MediaQuery事件。

系統(tǒng)能力： SystemCapability.ArkUI.ArkUI.Full

MediaQueryList

定義MediaQuery列表信息。

屬性

系統(tǒng)能力： 以下各項(xiàng)對(duì)應(yīng)的系統(tǒng)能力均為SystemCapability.ArkUI.ArkUI.Full

onchange

onchange?: (matches: boolean) => void

matches狀態(tài)變化時(shí)的執(zhí)行函數(shù)。

系統(tǒng)能力： SystemCapability.ArkUI.ArkUI.Full

參數(shù)：

MediaQueryList.addListener

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

給MediaQueryList添加回調(diào)函數(shù)，回調(diào)函數(shù)應(yīng)在onShow生命周期之前添加，即需要在onInit或onReady生命周期里添加。

系統(tǒng)能力： SystemCapability.ArkUI.ArkUI.Full

參數(shù)：

示例：

mMediaQueryList.addListener(maxWidthMatch);

MediaQueryList.removeListener

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

移除MediaQueryList中的回調(diào)函數(shù)。

系統(tǒng)能力： SystemCapability.ArkUI.ArkUI.Full

參數(shù)：

示例：

mMediaQueryList.removeListener(maxWidthMatch);

審核編輯 黃宇