在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

鴻蒙開發接口UI界面:【@ohos.mediaquery (媒體查詢)】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-27 21:50 ? 次閱讀

媒體查詢

說明: 從API Version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。** **:[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

導入模塊

import mediaquery from '@ohos.mediaquery'

權限

mediaquery.matchMediaSync

matchMediaSync(condition: string): MediaQueryListener

設置媒體查詢的查詢條件,并返回對應的監聽句柄。

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

參數

參數名類型必填說明
conditionstring媒體事件的匹配條件,具體可參考[媒體查詢語法規則]。

返回值:

類型說明
MediaQueryListener媒體事件監聽句柄,用于注冊和去注冊監聽回調。

示例:

let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //監聽橫屏事件

MediaQueryListener

媒體查詢的句柄,并包含了申請句柄時的首次查詢結果。

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

屬性

名稱參數類型可讀可寫說明
matchesboolean是否符合匹配條件。
mediastring媒體事件的匹配條件。

on

on(type: 'change', callback: Callback): void

通過句柄向對應的查詢條件注冊回調,當媒體屬性發生變更時會觸發該回調。

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

參數:

參數名類型必填說明
typestring必須填寫字符串'change'。
callbackCallback向媒體查詢注冊的回調

off

off(type: 'change', callback?: Callback): void

通過句柄向對應的查詢條件去注冊回調,當媒體屬性發生變更時不在觸發指定的回調。

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

參數:

參數名類型必填說明
typeboolean必須填寫字符串'change'。
callbackCallback需要去注冊的回調,如果參數缺省則去注冊該句柄下所有的回調。

示例:

import mediaquery from '@ohos.mediaquery'
  
  let listener = mediaquery.matchMediaSync('(orientation: landscape)'); //監聽橫屏事件
  function onPortrait(mediaQueryResult) {
      if (mediaQueryResult.matches) {
          // do something here
      } else {
          // do something here
      }
  }
  listener.on('change', onPortrait) // 注冊回調
  listener.off('change', onPortrait) // 去注冊回調

MediaQueryResult

屬性

名稱參數類型可讀可寫說明
matchesboolean是否符合匹配條件。
mediastring媒體事件的匹配條件。HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿

搜狗高速瀏覽器截圖20240326151450.png

示例

import mediaquery from '@ohos.mediaquery'

let portraitFunc = null

@Entry
@Component
struct MediaQueryExample {
  @State color: string = '#DB7093'
  @State text: string = 'Portrait'
  listener = mediaquery.matchMediaSync('(orientation: landscape)')

  onPortrait(mediaQueryResult) {
    if (mediaQueryResult.matches) {
      this.color = '#FFD700'
      this.text = 'Landscape'
    } else {
      this.color = '#DB7093'
      this.text = 'Portrait'
    }
  }

  aboutToAppear() {
    portraitFunc = this.onPortrait.bind(this) //bind current js instance
    this.listener.on('change', portraitFunc)
  }

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text(this.text).fontSize(24).fontColor(this.color)
    }
    .width('100%').height('100%')
  }
}

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 接口
    +關注

    關注

    33

    文章

    8696

    瀏覽量

    151935
  • 鴻蒙
    +關注

    關注

    57

    文章

    2393

    瀏覽量

    43068
收藏 人收藏

    評論

    相關推薦

    基于ArkTS語言的OpenHarmony APP應用開發:多媒體管理2

    /components/pages/MainPage.ets文件中,首先設置媒體查詢查詢條件。 listenerIsPhone = mediaQuery.matchMediaSync(\'(orientation
    發表于 09-20 13:47

    基于ArkTS語言的OpenHarmony APP應用開發:圖片處理

    mediaquery ohos.mediaquery提供媒體查詢,提供根據不同媒體類型定義不同的樣式。 2.2.1、導入模塊 import med
    發表于 09-19 14:23

    鴻蒙語言基礎類庫:system.mediaquery 媒體查詢

    根據媒體查詢條件,創建MediaQueryList對象。
    的頭像 發表于 07-17 16:50 ?361次閱讀
    <b class='flag-5'>鴻蒙</b>語言基礎類庫:system.<b class='flag-5'>mediaquery</b>  <b class='flag-5'>媒體查詢</b>

    鴻蒙開發接口媒體:【@ohos.multimedia.media (媒體服務)】

    媒體子系統為開發者提供一套簡單且易于理解的接口,使得開發者能夠方便接入系統并使用系統的媒體資源。
    的頭像 發表于 06-06 11:03 ?972次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>媒體</b>:【@<b class='flag-5'>ohos</b>.multimedia.media (<b class='flag-5'>媒體</b>服務)】

    鴻蒙開發接口媒體:【@ohos.multimedia.image (圖片處理)】

    本模塊首批接口從API version 6開始支持。后續版本的新增接口,采用上角標單獨標記接口的起始版本。
    的頭像 發表于 05-31 16:58 ?1552次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>媒體</b>:【@<b class='flag-5'>ohos</b>.multimedia.image (圖片處理)】

    鴻蒙開發接口媒體:【@ohos.multimedia.camera (相機管理)】

    本模塊首批接口從API version 9開始支持。后續版本的新增接口,采用上角標單獨標記接口的起始版本。
    的頭像 發表于 05-31 09:42 ?1610次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>媒體</b>:【@<b class='flag-5'>ohos</b>.multimedia.camera (相機管理)】

    鴻蒙開發接口UI界面:【@ohos.router (頁面路由)】

    本模塊首批接口從API version 8開始支持。后續版本的新增接口,采用上角標單獨標記接口的起始版本。 > - 頁面路由需要在頁面渲染完成之后才能調用,在onInit和onReady生命周期中頁面還處于渲染階段,禁止調用頁
    的頭像 發表于 05-28 16:26 ?1016次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.router (頁面路由)】

    鴻蒙開發接口UI界面:【@ohos.prompt (彈窗)】

    本模塊首批接口從API version 8開始支持。后續版本的新增接口,采用上角標單獨標記接口的起始版本。
    的頭像 發表于 05-28 09:35 ?1247次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.prompt (彈窗)】

    鴻蒙開發接口UI界面:【@ohos.animator (動畫)】

    本模塊首批接口從API version 6開始支持。后續版本的新增接口,采用上角標單獨標記接口的起始版本。
    的頭像 發表于 05-27 16:46 ?656次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b><b class='flag-5'>接口</b><b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.animator (動畫)】

    鴻蒙OS開發:【一次開發,多端部署】(資源管理器)解析

    ,使用[@ohos.resourceManager.d.ts] 中的接口,展示了格式化字符串查詢、基于指定屏幕分辨率查詢媒體資源、獲取系統資
    的頭像 發表于 05-21 15:59 ?1146次閱讀
    <b class='flag-5'>鴻蒙</b>OS<b class='flag-5'>開發</b>:【一次<b class='flag-5'>開發</b>,多端部署】(資源管理器)解析

    鴻蒙實戰項目開發:【短信服務】

    、OpenHarmony 多媒體技術、Napi組件、OpenHarmony內核、Harmony南向開發鴻蒙項目實戰等等)鴻蒙(Harmony NEXT) 技術知識點 如果你是一名An
    發表于 03-03 21:29

    鴻蒙UI界面——@ohos.measure (文本計算)

    導入模塊 ? import measure from '@ohos.measure' ? measure.measureText measureText(options
    的頭像 發表于 02-22 17:02 ?829次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>UI</b><b class='flag-5'>界面</b>——@<b class='flag-5'>ohos</b>.measure (文本計算)

    鴻蒙開發UI界面——@ohos.mediaquery (媒體查詢)

    導入模塊 ? import mediaquery from '@ohos.mediaquery' ? mediaquery.matchMediaSync matchMediaSync
    的頭像 發表于 02-22 16:46 ?898次閱讀

    鴻蒙開發UI界面——@ohos.font (注冊自定義字體)

    導入模塊 ? import font from '@ohos.font' ? font.registerFont registerFont(options: FontOptions): void 在
    的頭像 發表于 02-22 16:22 ?794次閱讀

    鴻蒙之@ohos.bundle.defaultAppManager (默認應用管理)

    本模塊提供查詢默認應用的能力,支持查詢當前應用是否是默認應用。 說明 本模塊首批接口從API version 9開始支持。后續版本的新增接口,采用上角標單獨標記
    的頭像 發表于 02-20 17:29 ?558次閱讀
    <b class='flag-5'>鴻蒙</b>之@<b class='flag-5'>ohos</b>.bundle.defaultAppManager (默認應用管理)
    主站蜘蛛池模板: 免费看h网站 | 免费观看一级特黄欧美大片 | 黄页网址免费观看18网站 | 久久久久88色偷偷免费 | 高清性色生活片久久久 | 日日骑夜夜操 | 天天在线免费视频 | 99草在线视频 | 色视频在线免费观看 | 97av免费视频| 亚洲91色 | 国产精品久线观看视频 | 天天鲁天天爽天天视频 | 亚洲欧美色鬼久久综合 | 欧美激情亚洲精品日韩1区2区 | 亚洲男人的天堂久久香蕉网 | 精品一区二区影院在线 | 午夜在线观看网站 | 婷婷综合五月中文字幕欧美 | 色色色爱 | 午夜视频久久 | 亚洲 另类 在线 欧美 制服 | 亚洲毛片免费在线观看 | 美国bj69video18视频 | 亚洲黄色网址大全 | 欧美黄三级在线观看 | 永久观看 | 丁香五月欧美成人 | 影视精品网站入口 | 伊人网综合在线视频 | 日韩欧美一区二区三区视频 | 男人午夜视频 | 久久澳门| 四虎影视最新网址 | yy4080一级毛片免费观看 | 中文字幕一区二区三区乱码aⅴ | 性色aⅴ闺蜜一区二区三区 性色成人网 | 久久激情五月 | 网站啪啪 | 伊人97| 夜夜夜操|