一:布局
Column:縱向主軸布局芯勘,justifyContent表示主軸方向?qū)R箱靴,alignItems表示交叉軸方向?qū)R(橫向)
Row:橫向主軸布局,justifyContent表示主軸方向?qū)R荷愕,alignItems表示交叉軸方向?qū)R(縱向)
ArkTS使用Flex布局衡怀。
二:裝飾器
@state
標(biāo)記當(dāng)前頁(yè)面變量變化,變量需要初始化安疗,不能為空抛杨,不可用于嵌套類型以及對(duì)象類型數(shù)組
@Prop和@Link
用于組件傳值,不需要初始化荐类,父組件變量用state時(shí)怖现,
prop為單向傳遞,子組件中有字段使用prop裝飾器,只會(huì)接收父組件傳過(guò)來(lái)的值屈嗤。
link為雙向傳值潘拨,子組件中有字段使用link裝飾器,不僅會(huì)接收父組件的傳值饶号,當(dāng)子組件中該字段變化的時(shí)候铁追,也會(huì)使父組件中的值發(fā)生變化。
@Provide和@Consume
用于跨組件傳值茫船,比如父組件傳遞給二級(jí)組件琅束,雙向同步。
父組件中Provide裝飾變量算谈,二級(jí)子組件中用Consume來(lái)裝飾涩禀,父組件直接調(diào)用組件,不需要在組件初始化中傳值濒生,子組件可以直接調(diào)用
@Observed和@ObjectLink
用于嵌套對(duì)象和對(duì)象類型的數(shù)組做雙向數(shù)據(jù)同步
嵌套類型對(duì)象埋泵,在對(duì)象的類上面添加Observed裝飾器幔欧,如果有多重嵌套罪治,要給對(duì)象逐級(jí)添加。在嵌套類上面用ObjectLink裝飾礁蔗。
如果嵌套類是一個(gè)方法中的參數(shù)觉义,將使用該參數(shù)的方法封裝成一個(gè)組件,將嵌套類傳值給組件浴井,在組件中使用ObjectLink裝飾晒骇。
對(duì)象類型的數(shù)組同樣通過(guò)子組件方法來(lái)實(shí)現(xiàn)ObjectLink裝飾。
三:路由
路由跳轉(zhuǎn)的實(shí)例模式
1:standard:默認(rèn)模式磺浙,每次創(chuàng)建新頁(yè)面都會(huì)把舊的頁(yè)面雅頁(yè)面棧
2:single:?jiǎn)卫J胶槎冢粫?huì)創(chuàng)建一次,如果已在頁(yè)面棧中撕氧,會(huì)移到棧頂顯示
四:動(dòng)畫
1:使用animation屬性瘤缩,放在控件最后。
2:使用animateTo函數(shù)伦泥,可以修改控件任意屬性變化剥啤。