組件區(qū)域變化事件
組件區(qū)域變化事件指組件顯示的尺寸、位置等發(fā)生變化時(shí)觸發(fā)的事件。
說(shuō)明:
開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
從API Version 8開(kāi)始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。
事件
| 名稱 | 支持冒泡 | 功能描述 |
|---|---|---|
| onAreaChange(event: (oldValue: [Area], newValue: [Area]) => void) | 否 | 組件區(qū)域變化時(shí)觸發(fā)該回調(diào)。僅會(huì)響應(yīng)由布局變化所導(dǎo)致的組件大小、位置發(fā)生變化時(shí)的回調(diào)。由繪制變化所導(dǎo)致的渲染屬性變化不會(huì)響應(yīng)回調(diào),如translate、offset。 - [Area]:返回目標(biāo)元素的寬高以及目標(biāo)元素相對(duì)父元素和頁(yè)面左上角的坐標(biāo)位置。 |
示例

`HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿`
// xxx.ets
@Entry
@Component
struct AreaExample {
@State value: string = 'Text'
@State sizeValue: string = ''
build() {
Column() {
Text(this.value)
.backgroundColor(Color.Green).margin(30).fontSize(20)
.onClick(() = > {
this.value = this.value + 'Text'
})
.onAreaChange((oldValue: Area, newValue: Area) = > {
console.info(`Ace: on area change, oldValue is ${JSON.stringify(oldValue)} value is ${JSON.stringify(newValue)}`)
this.sizeValue = JSON.stringify(newValue)
})
Text('new area is: n' + this.sizeValue).margin({ right: 30, left: 30 })
}
.width('100%').height('100%').margin({ top: 30 })
}
}

審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
組件
+關(guān)注
關(guān)注
1文章
574瀏覽量
19028 -
鴻蒙
+關(guān)注
關(guān)注
60文章
2963瀏覽量
45927
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
熱點(diǎn)推薦
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【組件內(nèi)容填充方式】
用于決定在組件的寬高動(dòng)畫(huà)過(guò)程中,如何將動(dòng)畫(huà)最終的組件內(nèi)容繪制在組件上。
HarmonyOS/OpenHarmony應(yīng)用開(kāi)發(fā)-ArkTS的聲明式開(kāi)發(fā)范式
基于ArkTS的聲明式開(kāi)發(fā)范式的方舟開(kāi)發(fā)框架是一套開(kāi)發(fā)極簡(jiǎn)、高性能、
發(fā)表于 01-17 15:09
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【按鍵事件】
按鍵事件指組件與鍵盤、遙控器等按鍵設(shè)備交互時(shí)觸發(fā)的事件,適用于所有可獲焦組件,例如Button。對(duì)于Text,Image等默認(rèn)不可獲焦的組件,可以設(shè)置focusable屬性為true后使用按鍵事件。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【焦點(diǎn)事件】
焦點(diǎn)事件指頁(yè)面焦點(diǎn)在可獲焦組件間移動(dòng)時(shí)觸發(fā)的事件,組件可使用焦點(diǎn)事件來(lái)處理相關(guān)邏輯。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【組件快捷鍵事件】
開(kāi)發(fā)者可以設(shè)置組件的自定義組合鍵,組合鍵的行為與click行為一致,組件在未獲得焦點(diǎn)狀態(tài)下也可以響應(yīng)自定義組合鍵,每個(gè)組件可以設(shè)置多個(gè)組合鍵。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【組件可見(jiàn)區(qū)域變化事件】
組件可見(jiàn)區(qū)域變化事件是組件在屏幕中的顯示區(qū)域面積變化時(shí)觸發(fā)的事件,提供了判斷
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【顯隱控制】 通用屬性
控制當(dāng)前組件顯示或隱藏。注意,即使組件處于隱藏狀態(tài),在頁(yè)面刷新時(shí)仍存在重新創(chuàng)建過(guò)程,因此當(dāng)對(duì)性能有嚴(yán)格要求時(shí)建議使用[條件渲染]代替。 默認(rèn)值:Visibility.Visible 從API version 9開(kāi)始,該接口支持在
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【形狀裁剪】 通用屬性
參數(shù)為相應(yīng)類型的組件,按指定的形狀對(duì)當(dāng)前組件進(jìn)行裁剪;參數(shù)為boolean類型時(shí),設(shè)置是否按照父容器邊緣輪廓進(jìn)行裁剪。 默認(rèn)值:false 從API version 9開(kāi)始,該接口支持在Ark
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【菜單控制】 通用屬性
為組件綁定彈出式菜單,彈出式菜單以垂直列表形式顯示菜單項(xiàng),可通過(guò)長(zhǎng)按、點(diǎn)擊或鼠標(biāo)右鍵觸發(fā)。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【組件標(biāo)識(shí)】 通用屬性
id為組件的唯一標(biāo)識(shí),在整個(gè)應(yīng)用內(nèi)唯一。本模塊提供組件標(biāo)識(shí)相關(guān)接口,可以獲取指定id組件的屬性,也提供向指定id組件發(fā)送事件的功能。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【多態(tài)樣式】 通用屬性
設(shè)置組件不同狀態(tài)的樣式。 從API version 9開(kāi)始,該接口支持在ArkTS卡片中使用。
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【觸摸測(cè)試控制】觸摸交互控制
設(shè)置組件的觸摸測(cè)試類型。ArkUI開(kāi)發(fā)框架在處理觸屏事件時(shí),會(huì)在觸屏事件觸發(fā)前,進(jìn)行按壓點(diǎn)和組件區(qū)域的觸摸測(cè)試來(lái)收集需要響應(yīng)觸屏事件的組件,
鴻蒙ArkTS聲明式開(kāi)發(fā):跨平臺(tái)支持列表【組件區(qū)域變化事件】
評(píng)論