色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

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

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

3天內不再提示

鴻蒙ArkTS聲明式開發:跨平臺支持列表【焦點事件】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-27 22:17 ? 次閱讀

焦點事件

焦點事件指頁面焦點在可獲焦組件間移動時觸發的事件,組件可使用焦點事件來處理相關邏輯。

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

  • 從API Version 8開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
  • 目前僅支持通過外接鍵盤的tab鍵、方向鍵觸發。
  • 存在默認交互邏輯的組件例如Button、TextInput等,默認即為可獲焦,Text、Image等組件則默認狀態為不可獲焦,不可獲焦狀態下,無法觸發焦點事件,需要設置focusable屬性為true才可觸發。

事件

名稱支持冒泡功能描述
onFocus(event: () => void)當前組件獲取焦點時觸發的回調。
onBlur(event:() => void)當前組件失去焦點時觸發的回調。

示例

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

`HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`

// xxx.ets
@Entry
@Component
struct FocusEventExample {
  @State oneButtonColor: string = '#FFC0CB'
  @State twoButtonColor: string = '#87CEFA'
  @State threeButtonColor: string = '#90EE90'

  build() {
    Column({ space: 20 }) {
      // 通過外接鍵盤的上下鍵可以讓焦點在三個按鈕間移動,按鈕獲焦時顏色變化,失焦時變回原背景色
      Button('First Button')
        .backgroundColor(this.oneButtonColor)
        .width(260)
        .height(70)
        .fontColor(Color.Black)
        .focusable(true)
        .onFocus(() = > {
          this.oneButtonColor = '#FF0000'
        })
        .onBlur(() = > {
          this.oneButtonColor = '#FFC0CB'
        })
      Button('Second Button')
        .backgroundColor(this.twoButtonColor)
        .width(260)
        .height(70)
        .fontColor(Color.Black)
        .focusable(true)
        .onFocus(() = > {
          this.twoButtonColor = '#FF0000'
        })
        .onBlur(() = > {
          this.twoButtonColor = '#87CEFA'
        })
      Button('Third Button')
        .backgroundColor(this.threeButtonColor)
        .width(260)
        .height(70)
        .fontColor(Color.Black)
        .focusable(true)
        .onFocus(() = > {
          this.threeButtonColor = '#FF0000'
        })
        .onBlur(() = > {
          this.threeButtonColor = '#90EE90'
        })
    }.width('100%').margin({ top: 20 })
  }
}

focus

審核編輯 黃宇

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

    關注

    57

    文章

    2392

    瀏覽量

    42972
收藏 人收藏

    評論

    相關推薦

    鴻蒙ArkTS的起源和簡介

    新的聲明開發范式,基于Skia的自繪制引擎構建可平臺的獨立的渲染能力。這是一種較為創新的方案,不過也有幾點不足: Dart語言生態。盡管
    發表于 01-16 16:23

    HarmonyOS/OpenHarmony應用開發-ArkTS聲明開發范式

    基于ArkTS聲明開發范式的方舟開發框架是一套開發極簡、高性能、
    發表于 01-17 15:09

    鴻蒙開發ArkTS基礎知識

    一、ArkTS簡介 ArkTS是HarmonyOS優選的主力應用開發語言。它在TypeScript(簡稱TS)的基礎上,匹配了鴻蒙的ArkUI框架,擴展了
    的頭像 發表于 01-24 16:44 ?2350次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發</b>之<b class='flag-5'>ArkTS</b>基礎知識

    鴻蒙ArkTS聲明開發平臺支持列表【點擊事件】

    組件被點擊時觸發的事件。
    的頭像 發表于 05-26 21:25 ?790次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【點擊事件】

    鴻蒙ArkTS聲明開發平臺支持列表【觸摸事件】

    當手指在組件上按下、滑動、抬起時觸發。
    的頭像 發表于 05-27 09:34 ?532次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【觸摸事件】

    鴻蒙ArkTS聲明開發平臺支持列表【按鍵事件】

    按鍵事件指組件與鍵盤、遙控器等按鍵設備交互時觸發的事件,適用于所有可獲焦組件,例如Button。對于Text,Image等默認不可獲焦的組件,可以設置focusable屬性為true后使用按鍵事件。
    的頭像 發表于 05-28 18:12 ?906次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【按鍵事件】

    鴻蒙ArkTS聲明開發平臺支持列表【組件快捷鍵事件】

    開發者可以設置組件的自定義組合鍵,組合鍵的行為與click行為一致,組件在未獲得焦點狀態下也可以響應自定義組合鍵,每個組件可以設置多個組合鍵。
    的頭像 發表于 05-28 15:49 ?504次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【組件快捷鍵事件】

    鴻蒙ArkTS聲明開發平臺支持列表【顯隱控制】 通用屬性

    控制當前組件顯示或隱藏。注意,即使組件處于隱藏狀態,在頁面刷新時仍存在重新創建過程,因此當對性能有嚴格要求時建議使用[條件渲染]代替。 默認值:Visibility.Visible 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-03 14:46 ?632次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【顯隱控制】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【禁用控制】 通用屬性

    組件是否可交互,可交互狀態下響應[點擊事件]、[觸摸事件]、[拖拽事件]、[按鍵事件]、[焦點事件]和[鼠標事件]。
    的頭像 發表于 06-03 10:21 ?345次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【禁用控制】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【形狀裁剪】 通用屬性

    參數為相應類型的組件,按指定的形狀對當前組件進行裁剪;參數為boolean類型時,設置是否按照父容器邊緣輪廓進行裁剪。 默認值:false 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-04 15:22 ?506次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【形狀裁剪】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【菜單控制】 通用屬性

    為組件綁定彈出菜單,彈出菜單以垂直列表形式顯示菜單項,可通過長按、點擊或鼠標右鍵觸發。
    的頭像 發表于 06-06 09:17 ?754次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【菜單控制】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【多態樣式】 通用屬性

    設置組件不同狀態的樣式。 從API version 9開始,該接口支持ArkTS卡片中使用。
    的頭像 發表于 06-07 09:48 ?444次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【多態樣式】 通用屬性

    鴻蒙ArkTS聲明開發平臺支持列表【分布遷移標識】 通用屬性

    組件的分布遷移標識,指明了該組件在分布遷移場景下可以將特定狀態恢復到對端設備。
    的頭像 發表于 06-07 21:15 ?430次閱讀

    鴻蒙ArkTS聲明開發平臺支持列表【TapGesture】 基礎手勢

    支持單擊、雙擊和多次點擊事件的識別。
    的頭像 發表于 06-17 14:19 ?391次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b>【TapGesture】 基礎手勢

    鴻蒙ArkTS聲明開發平臺支持列表 組合手勢

    手勢識別組合,即多種手勢組合為復合手勢,支持連續識別、并行識別和互斥識別。
    的頭像 發表于 06-19 09:33 ?456次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>開發</b>:<b class='flag-5'>跨</b><b class='flag-5'>平臺</b><b class='flag-5'>支持</b><b class='flag-5'>列表</b> 組合手勢
    主站蜘蛛池模板: 亚洲国产综合另类视频 | 美女打开双腿扒开屁股男生 | 秋霞电影在线观看午夜伦 | 热热久久这里只有精品 | 超碰99热在线精品视频 | 青青视频 在线 在线播放 | 国产精品第十页 | 中文字幕 亚洲 有码 在线 | 国产欧美日韩亚洲第一页 | 欧美性色生活片天天看99顶级 | www.久久久| 久久一本岛在免费线观看2020 | 野花视频在线观看免费最新动漫 | 久久精品日本免费线 | 忘忧草日本在线社区WWW电影 | 亚洲 欧美 国产 综合不卡 | 玛雅成人网 | 亚欧成人毛片一区二区三区四区 | 99视频国产热精品视频 | YELLOW日本动漫免费动漫 | 久久婷婷电影网 | 一区二区中文字幕在线观看 | 91情国产l精品国产亚洲区 | XXX老姥群交 | 欧美激情视频在线观看一区二区三区 | 99热久久这里只精品国产WWW | 国产精品99久久久久久动态图 | 四虎影视库永久免费 | 蜜芽视频在线观看视频免费播放 | 狠狠色狠狠色综合日日91app | 久久久精品国产免费A片胖妇女 | 新图解av吧 | 97精品伊人久久大香线蕉app | 国产成人高清在线观看播放 | 狠狠色香婷婷久久亚洲精品 | 毛片内射久久久一区 | 在线精品视频免费观看 | 在线观看国产人视频免费中国 | 午夜亚洲国产理论片二级港台二级 | 久久久乱码精品亚洲日韩 | 我的年轻漂亮继坶三级 |