組件區(qū)域變化事件
組件區(qū)域變化事件指組件顯示的尺寸、位置等發(fā)生變化時觸發(fā)的事件。
說明:
開發(fā)前請熟悉鴻蒙開發(fā)指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
從API Version 8開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標單獨標記該內(nèi)容的起始版本。
事件
名稱 | 支持冒泡 | 功能描述 |
---|---|---|
onAreaChange(event: (oldValue: [Area], newValue: [Area]) => void) | 否 | 組件區(qū)域變化時觸發(fā)該回調(diào)。僅會響應(yīng)由布局變化所導致的組件大小、位置發(fā)生變化時的回調(diào)。由繪制變化所導致的渲染屬性變化不會響應(yīng)回調(diào),如translate、offset。 - [Area]:返回目標元素的寬高以及目標元素相對父元素和頁面左上角的坐標位置。 |
示例
`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)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報投訴
-
組件
+關(guān)注
關(guān)注
1文章
499瀏覽量
17774 -
鴻蒙
+關(guān)注
關(guān)注
57文章
2295瀏覽量
42635
發(fā)布評論請先 登錄
相關(guān)推薦
HarmonyOS/OpenHarmony應(yīng)用開發(fā)-ArkTS的聲明式開發(fā)范式
基于ArkTS的聲明式開發(fā)范式的方舟開發(fā)框架是一套開發(fā)極簡、高性能、
發(fā)表于 01-17 15:09
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【按鍵事件】
按鍵事件指組件與鍵盤、遙控器等按鍵設(shè)備交互時觸發(fā)的事件,適用于所有可獲焦組件,例如Button。對于Text,Image等默認不可獲焦的組件,可以設(shè)置focusable屬性為true后使用按鍵事件。
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【組件快捷鍵事件】
開發(fā)者可以設(shè)置組件的自定義組合鍵,組合鍵的行為與click行為一致,組件在未獲得焦點狀態(tài)下也可以響應(yīng)自定義組合鍵,每個組件可以設(shè)置多個組合鍵。
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【顯隱控制】 通用屬性
控制當前組件顯示或隱藏。注意,即使組件處于隱藏狀態(tài),在頁面刷新時仍存在重新創(chuàng)建過程,因此當對性能有嚴格要求時建議使用[條件渲染]代替。 默認值:Visibility.Visible 從API version 9開始,該接口支持在
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【形狀裁剪】 通用屬性
參數(shù)為相應(yīng)類型的組件,按指定的形狀對當前組件進行裁剪;參數(shù)為boolean類型時,設(shè)置是否按照父容器邊緣輪廓進行裁剪。 默認值:false 從API version 9開始,該接口支持在Ark
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【組件標識】 通用屬性
id為組件的唯一標識,在整個應(yīng)用內(nèi)唯一。本模塊提供組件標識相關(guān)接口,可以獲取指定id組件的屬性,也提供向指定id組件發(fā)送事件的功能。
鴻蒙ArkTS聲明式開發(fā):跨平臺支持列表【觸摸測試控制】觸摸交互控制
設(shè)置組件的觸摸測試類型。ArkUI開發(fā)框架在處理觸屏事件時,會在觸屏事件觸發(fā)前,進行按壓點和組件區(qū)域的觸摸測試來收集需要響應(yīng)觸屏事件的組件,
評論