From 03bd62e0d8742afce202c6324e60d493a69637be Mon Sep 17 00:00:00 2001
From: guozejun <guozejun@huawei.com>
Date: Wed, 26 Oct 2022 12:29:44 +0800
Subject: [PATCH] fix review advice

Signed-off-by: guozejun <guozejun@huawei.com>
Change-Id: If2c1dd2a1727722d71e9ec4b7fdc73c9e2d2c851
---
 .../ui/figures/customLayout.png               | Bin 13538 -> 6120 bytes
 ...ts-custom-component-lifecycle-callbacks.md |  84 ++++++++++--------
 2 files changed, 49 insertions(+), 35 deletions(-)

diff --git a/zh-cn/application-dev/ui/figures/customLayout.png b/zh-cn/application-dev/ui/figures/customLayout.png
index 10b8ed02016616d8fdc91f37cc1d2f8d1379842f..1231a0e0e693e1648c06b25898596bdc8546a3e0 100644
GIT binary patch
literal 6120
zcmcgwhc_Hw-xrA<gd{|?L>G%xy`(5fBnYC!TD=9Utg@@DM2T)A!YV;T5Q!2*T}wn+
zZ1i515UkE(*;SwM2R!dN&-4D?cg~qJ=gi!hJNNtj-cR{P>Fa8<GGAt<p`l@Y^iacq
zhUOFqIQbdrfjgDvFM@yzlgC3d7!3_u^T~NCNs5h^hK4)sk;XkE_=i;j0-W@G21n{9
zobxb|YqT)@o!fW&V%2~_pI9I0ai1jK^ICpc%Vnwb$DN}1zQ<2tJT4$9?g<^k{yskK
z$DTz`o@vPWom<0pud@d~J1fT|S=Dq{Z&`A*QPZtT1h0^Ri^|6$aE;fo^F+0$1k#S!
zm2t3@bu6N$HaV=rkr0Dka|Iqa85kJ6FEKGl`_<GGggwI{c?wg)eMQKt^a6<E#+wjP
zp;rCx8qJrOlOr!ZXyoLul`s{uIZLOb5u0rl6?x;o9MnX`tHV_U`r_?3notai>4`c?
z9Z635C2Y^X8MQi;Ukuo|<=D0PYh<|k(>>KSUbtgvri&SuxL$_XEvfXeJHnny84ZUb
z9FqOa*F0vLAGOvgg^S{i6O)4K{)E+5xRCxFo~~KmQCQiTv3OfUfXX4scMu3f3vx1A
zPn|d@+5cz~iz-@9=D5i7tnh}$=M_&{I2Lkr^vje>)?BlpdUB$7SI?+W|Fs}{-u1;*
zo`b`1G?R>=MpnA5?6M6AZ$n(e#%3slvsywMwMZpPz!%C+^C_hK>gXQw?2jW{+MQu6
z#_U`!j;#+F;Vp5TRCe#Fb3R`Q)%jIch_6lAjs-#M54!_{|6H-n3{Gp@6$1}ZHJU-X
zuL@UOH@CK&^-FXUu%DI&zuvUnJoEK=k-?{+LQ5|U;d35;4)`uj_SHdIg~`*qtX4lQ
z4jEYrx|-YjgNFl!3@S%Xz0?RZR8vS1#ha7|tRD%P7;sEypE*-aqu{f2o19)n>|895
zIlD8zJ^I7R@3b?nkA;8t1y>BZ=#$}!n|JlJ@e9AjrwykbJe({q=>Y>1!4KRYFtW2!
z37!`c%5ZGwcsROxuI_qWpSvD(o_=ef?M5L4Q{OYcuLrs!E{_hZ!nD~^q4J6~HJTy2
z<VumuAZJ>FlAqPDFOG=q#(m1s&wFb;n-Wup8@7!Ix%8*moC%h5VO!ak4u}}1-rH$4
z>%q<1F=*0J1WSQ&(KUJB)#g6|d;K3F8Jsu~(K$v#OF<nJG^2EU)ik+<%s&ouIo^lE
z_FTnc{VPYNUSHriHvDcq=b;ekJf4<PS)}N>dBHNUCR|g;q|B<<fJ>~{uJt|1+cnrC
zO3Zn(kVzHeC&`%E>5zlycT&RruqThP&d$yos3}nT>V!BX%VpqZhBXG7{^W&L^OE@K
zIFc;w#z9KdY^Jiwr$<YJ1<z-femj)+en(o|yjiXgwD%;c^&-cy4TAz2jmv&7tSR8F
zz}Gz4lhnmO<|T3`&UP`C&QA-0)pYmVfU9tS5K(VfKo09|jk(J4v1v1*WrdEKp=Mk;
z;&qJ{p#nm}x4yM8$?=Y?`mXpY%jBQW$4B88XCE&0-cMf^Kt*8pgRB3DOs!04>gqzX
zZGk(hQ){1*gfXKp`bT~B*El2-SLD*;TuPvgs0g;Ljg168rNA@zGUlW4I<mU!$dA+o
zEmkI$qImq`Ovi#&U?o&o8<orbp~``vrM7<%!=mf8(PN$WBuf*CR7<v>Ccg-*gDZ|#
z2IHl%{`xXkKEAiCj7(``>QSy#*6!<r&yfqfS9&9cq)YN%CUw}^Igo$?5c+i=u{bL3
zp}+?u?Cm|jtu{m9nu2ZuczEw}SsAL_r5g!d8H#%DGQ^!an+%Z$(sYy4Bv31{mG#k6
z9mnNL5hXt-98d$x#`GLD5_DB}Ce$}%#wwxhpPG|IR!1~DriITiFx=Xf-Sr5_N-r>!
ziq7g<C6p`6pc4^-fxoif8@<%hybkL)Q<ogxG=1gz^>Z|6d<!|lW?`V76~%hUa*NnS
zOy_S0HVNE+Bvhn%H`gmSx}mmOi**?WbM*@eq1BnzxhfRwUCAZ=;<JdTsOF*f&oa;i
zR9>KjJAx43zj!bxb){-N4)?cZ(R;?@U?<2Z***cCg(5iYXZ?jhr>Cc%q}`69P~cg=
zWrak&s@r5!%SK(R!7^ZOl52kdBTwYhq)vx^WK!h&6sRosKLoP>4z6!0DyFuzJ+v&z
zF|xO_qxdrk8PHbNz=(M?&l(U8Jc;k$YrK5<wFEuw2gR()&CJXMV$a^_w|2aLKcs|v
z`g~MWl<QP|MoP*hOW7885iv1Ne*Pk>M^P95X5EtxQ1V;*Jy2j6ggx7kEzdy3{#cax
zKVgu6x48eBuo~X3`@%q~i8;==w)XaxvO-Q&Qc}<d9@wN~cl~-aS*2uH$H7=myT7j;
z-z`fz5VB9`A7-HlE5LR@<;0-20~GpgLTb3Z8BmO{CNe+IPLI|7uO=-3o4Nc30ADLU
zvn}jdcONC1z5!7`>;mkK)!3|UIn3@FZkfy}z|~>7_VlAA*qx6JTNOzO`tIfBg`l)2
z6jHWf05Z*0Rznmrbl=rKbvVMsP<Mmtt-F3a(g=%yRNgU7)|~0kL(H}(3=~)-2CT>9
z7QMe;_Y_5`kyQXtII5cRAD!pE5kAG>vJAY}vQ)8+T5pOG&b)HvC*3RDUu)}`$45J}
zFp*-)`+KKnVuF%<N_8{Tnnt1wznJH9Z8>5eIX(2DnepHKsCT@ds<f3g;SbXb2@R3K
z9|+}b>|3pl9`g&7peI#pxtp1PPJ5gi#xMZXQC&IrydgjUg=?yTA*#W;U>TEa99UNz
z>+hRmyT8nAL#How?VWFt`Q~VCoSmKBGmP=TIwT^p{QznE*?;gFO<=wCc>z>@k1bn7
zsO}9nCN}0@4&|kX=^1Aa@WLyTn1(im^N`?lZU{2z;CM`;3KYYdUU_{XTRaj2J9oIw
z+rf|png&B4jf(f~y;f0OxvKQT&B6{`g^M9Tff#|K(NZ?I8`zB_eBGQb6CxMOr--ku
zg()+5>DgHbMLBFSH5FjD*DHU;qg5)Uof*uJu>7cD^94%upbO8zhDX;2MV-V2skRQa
zM%&=v1a#}uYqujh9i%oBwoLu$&8yt<p&2j2!ry>DnSg9$8jc@cx@?e9vtHNLET32U
zveQ2qWU2X({1QA>sv6|JsELu2jtLBtijT8&v)>FuFCZRp(`;^T!mU?a>XiM|ER<V3
zg7SB`10fKInk^*t$;%f?Ia$HX`Tgt1Up2hL>GXwFVm)Q!t*F{C_<jXC3ZOs$R{M|Z
zvsI`o5<o@`XG-0ddXso-eL)o1-McjGlj?83KL7UJs<)3t4Oa$o_>IV-V?n?3&=#!q
zUDKbTYIbm9-Hz4MJGJcM7>|sELm;Y{ME~1yM6IV*M>w6x=)y+Z2MlPZ36~eQTc#!I
zjxTTsXc^g^X~*oo%UW-p+oP5=E|WK>e`&O0cen_(-d4?jA9#+C>xF1*e<>XkFqW>b
zPAjbVzSJ7Bn)yQfVo<}mTu<Sw8b4IWmDX|BOC1fXb<}`m>L9Yo&*9xJ<TP?D+?ua5
zUF(+T?}yin3-x17gbgaGKHq^6dMaC-iTU+0yA5*qQypkoJ)md-kOqj$TcNQ`!E?qg
zdkci0G4*eyBaR#&z82!8<m+W!B|BZdlOx2kg9DzW^JCz%i@_&>lozYhAisPr+beZZ
zlJ`K#)EAR+UR>`6VhjX`2$1(hdo!-_clGwiy9`capKs{qC$?SY0C+d^gvcgnr^)_i
zSO?YifE^2uc)jF8tKrNn_s|VEHn7@B(%E@&f^VEZz4MK|8BoPp_t@2RTbSn%j+^kM
zg-odgp#voQ^5`_m0}xqFnMVvU=#o#X71B)1%(ECl<ZPm-6eBx}b<ZnhKm`qyn8&!7
zLs|gMWGHjxmBZ7V(eicW<l=)^sT|&mJmd7>XALsDD%WF?p4b8oj@I~D)xZrB=NLGE
z)f4MaOLVt{FOVD`D!zM++i{~fkv4^FeO3oDD~rq_YqAk-f@xC>-*k&4CbJa7d0@va
zxEORf313nQVnO3I$A_eOjuuYSsn@M|)ubr+i=a^O1Uf*xO@GQADCPlhQoS=z`q*K2
z@^C~UST?E2TKx8BC6u~K*k}IsCjou};(D1vSFXGopYbO(H$7lH3u5^BI#lwrfU4Hu
zwWQI6x(NREfat<oH-(-wayB@YgQVy-Fx`SA63M6-oLXR*&&3DB5bPZ66VYfrz(9P_
z&px0FM)oXM06Q`m;^gE5=JrGx>FUa)nvEKLHG2K{q7<ZW*d`j_E*o20#C)n_Aoc=4
zZ4C{-_Cx_5hL5-(8`EP5TEM1kxvVT9@iy(*oyWDeIU2j=37XBI|H%ZcHEljv9jg$Q
zmM$6~s(Q^bVtiL^=6|Q=s#P^Ck5|e5#i4e|H<9vmcy@jj_}h^Y)3FK{ldoIxJh$G=
zcc%Aa{MHRJhNn6|C??wC;;H^T=&+Ev{95nD`@m7qr3jmU@}lBp%g1}6k9{D)Rmeks
zOWEmny#oKJFZ&N!HNS-WkB$ynCO2SrtsbIPfdBn_b`EXnFjQ!ktF+#gp&S(#Cq1Z`
z>q;88YH4Zd{dn)RrEHV9ocrXHP<mD;U|2y{0KsRN<NSHUudv6XGgXbzD3th#LB(%G
znUy>AmRPEDa&iJ$O0fC=SZd8IfFn>81HKHHQquNdCyV;-1T&i34No@eK#udsD%;XP
z^e56qRz_xKP;ZLMko(Lk4-9U5pfeE3i1|XCot-Un=~hFkc&B*H(MCcC-U5cyrfOOB
zIWo_RS~K@;_~u$g)yOV^9k84<w6x$K&OWR;+HAyVdUCYteChUCIb=oB1dJ%Nba0x%
z5I&R2JzD0YjG$6!jEW3W8`v)Yv|PvV<{KWTcOd-tH*Lq?`ELBN6{d-CE<xGj$296q
z$xKaxL2vonG1RTM+KN6)+x8YsqveWc5pV^}&I&P?m}$2)CMtqdNCzbDEoh&4;2xD5
z?Ss4#6EcV60zGMlmTz?|5Elk>cq?9N^?ii!A1N(BwNQb~7(&<dKn~i66##g^0y1_V
z2VG+F+s^jwlz3r5_&}0X3mso|811+-#*#=|JG5iF$dme>1*ENEIvpeiu*iBQVWF>-
zA8`5fKmU^ckY6Zdu(`^aH`V|k?HllY+)aTmUI+#R25?htYRHhw)7D0XrrAAPB{g4p
zSmt$ekp!ji_=qs07KhM&$1W=~<7`}W@FFuFr78cijr3PMMb1S)TsQODb_#y(TI9u_
zDJEk5wfLu>a~&@z$x7`jth!f+C*)X4-b60--d+>j6OmSK?VHO({#Y4Fe0Cl}+)lkk
zM^xZrD~^R~SXtGC*e2VT29k-UTtJp8Y((k2!{>1HlY=N9Uin)=Ljflq3Zh!upZmZ(
zP2T1HD?Ay46IAm$JDq*CPRT)JE;N+tO`y-~`hXiPuc^B}Q!13c2!yUw7$H9;wmu)K
z$GHfE;}E(E2<TIEcvQGiNo$?oq}8*T$6TNn{zt}PRgMPb4k9Np4sK95A-oxqi{_Bk
z-mK?)b~gHt+Pht6=;&{(hw3f(xyTkf_ZIe0@g_yqo7-lyb908pU>X9(8w4+AToBHl
z`evG~!bA$9P_TZcH5;m0YO1l!jg1Gkzco%G;n<ZaO&Zyq4ARd214Mv+Via9hr!rJL
zWi)$$S+9!|-EzF)(`Tww>Cyzt5xYJeS3p-~9w}i;`-<R@1DMW<L=WXH$A)${PpoMb
zNlMME>{GMtP=Q5xTWQbRC8J`a1VMIwnN3quC!aKn(UeJ53~BybPE9Q}=|tS%^ge({
zmp{8c`+o2qV8!F3yV<N8S-@LS4Q#dPn~jYt4<}(qA3NU+yIibk`MFF!TDsT+$V$!l
z8baolAeEMuIew0aiTS|IcR>Tta|-E+uu=D-b1(^0<PyM|pQm131t@2dZXLF_=y)nL
zG=%1hzFJD6xSr=sL$NPgzQ7!X#A12MZLF@MtuzC(>mer|0jL_fuBp1cp1<85n+;I?
z3Q!CH0W?M+%X*5eeuoGhUT-k=>%D%lxRjf2T<+Z|_^8Bu4-BE20KHjWhFH!}{D8;j
zxDYSVynqaT0HQg$?{O7qL;<a@_*}=E$i8u)*#P#4cP^hNt*=hK&B{XI{!VWs<isNE
zZ$3-l@Ln8YdsSHIYK+`d)Kgb~1GEpS2?9WaXp}N&Y#g|!XmSVhuB|Q7V86CaFuh)9
zA)gkXWIMA!gu^Khwc>&^{N@j0-jJ7R<aXAMGl37$A5&#)#vm+rmyJz&a}5LXy8TgZ
z<9_<NUYhTAS8{yt-@aJf`r1Ze!(>qEt2~CW?7cr835U?0rph7YsZ^*~JkKKy3N`(C
z$vR)t>0S2OPCtio>wc~@IcE(hR0e>ea~xb93kglK?b2KZazN}spxa?QiQ?ap{SL-K
zmGSSJ3QXaPV+E@6xXHUu#$8y}UNbYFoh5t9UMC)+M(TWcxi)(K1XLdmO`Zq@^75eM
zr7CNz(uDGrOolbVpU*qf0JRFBL)l_)5erbvPQVW~Rs;WQ{eYprG>Df=+M>lzoe!}2
z8wVpn&^+JHhn9iPv+NxXX2#6=+tLOdg<rl%w8r!60JPe81HXrOKyWBOT<T2Y4wwwj
z+%hMk?OdsDry1DJSnaHgszKV<eN9bFX~BV49&^6KD^^mt-D+e0>&EAQNU;CgKI=a-
zovx+q-9THw?6{7WwG89m8hp3MbB+CQ{<~}s=44J5TpBGGH#0NiQ}S*b)=4lp$It)t
zn{iPfHdg1?Nz~8HEr&-&9=vH9Yx<}9$N$W_PUKt@)8~DE4k01#tB1!lg$wj~jUPJ=
Rf!00EBTZe6;`>%1{{k+v!TJCI

literal 13538
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
Y?<V?#x<DIv=Lce_XL6(Br@O!YH-e`xRsaA1

diff --git a/zh-cn/application-dev/ui/ui-ts-custom-component-lifecycle-callbacks.md b/zh-cn/application-dev/ui/ui-ts-custom-component-lifecycle-callbacks.md
index 2d9fdee2d6..5c09fd2771 100644
--- a/zh-cn/application-dev/ui/ui-ts-custom-component-lifecycle-callbacks.md
+++ b/zh-cn/application-dev/ui/ui-ts-custom-component-lifecycle-callbacks.md
@@ -118,16 +118,63 @@ struct IndexComponent {
 
 ## onLayout<sup>9+</sup>
 
-onLayout?(children: Array<LayoutChild>, constraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)): void
+onLayout?(children: Array\<LayoutChild\>, constraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)): void
+
+**参数：**
+
+| 参数名     | 类型                                                                             | 说明                 |
+| ---------- | -------------------------------------------------------------------------------- | -------------------- |
+| children   | Array\<[LayoutChild](#layoutchild9)\>                                            | 子组件布局信息       |
+| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions) | 父组件constraint信息 |
 
 框架会在自定义组件布局时，将该自定义组件的子节点信息和自身的尺寸范围通过onLayout传递给该自定义组件。不允许在onLayout函数中改变状态变量。
 
 ## onMeasure<sup>9+</sup>
 
-onMeasure?(children: Array<LayoutChild>, constraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)): void
+onMeasure?(children: Array\<LayoutChild\>, constraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)): void
+
+**参数：**
+
+| 参数名     | 类型                                                                             | 说明                 |
+| ---------- | -------------------------------------------------------------------------------- | -------------------- |
+| children   | Array\<[LayoutChild](#layoutchild9)\>                                            | 子组件布局信息       |
+| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions) | 父组件constraint信息 |
 
 框架会在自定义组件确定尺寸时，将该自定义组件的子节点信息和自身的尺寸范围通过onMeasure传递给该自定义组件。不允许在onMeasure函数中改变状态变量。
 
+## LayoutChild<sup>9+</sup>
+
+子组件布局信息
+
+| 参数       | 参数类型                                                                                                    | 描述                                 |
+| ---------- | ----------------------------------------------------------------------------------------------------------- | ------------------------------------ |
+| name       | string                                                                                                      | 子组件名称                           |
+| id         | string                                                                                                      | 子组件id                             |
+| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)                            | 子组件约束尺寸                       |
+| borderInfo | [LayoutBorderInfo](#layoutborderinfo9)                                                                      | 子组件border信息                     |
+| position   | [Position](../reference/arkui-ts/ts-types.md#position)                                                      | 子组件位置坐标                       |
+| measure    | (childConstraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)) => void | 调用此方法对子组件的尺寸范围进行限制 |
+| layout     | (LayoutInfo： [LayoutInfo](#layoutinfo9)) => void                                                           | 调用此方法对子组件的位置信息进行限制 |
+
+## LayoutBorderInfo<sup>9+</sup>
+
+子组件border信息
+
+| 参数        | 参数类型                                                   | 描述                                           |
+| ----------- | ---------------------------------------------------------- | ---------------------------------------------- |
+| borderWidth | [EdgeWidths](../reference/arkui-ts/ts-types.md#edgewidths) | 边框宽度类型，用于描述组件边框不同方向的宽度。 |
+| margin      | [Margin](../reference/arkui-ts/ts-types.md#margin)         | 外边距类型，用于描述组件不同方向的外边距。     |
+| padding     | [Padding](../reference/arkui-ts/ts-types.md#padding)       | 内边距类型，用于描述组件不同方向的内边距。     |
+
+## LayoutInfo<sup>9+</sup>
+
+子组件layout信息
+
+| 参数       | 参数类型                                                                         | 描述           |
+| ---------- | -------------------------------------------------------------------------------- | -------------- |
+| position   | [Position](../reference/arkui-ts/ts-types.md#position)                           | 子组件位置坐标 |
+| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions) | 子组件约束尺寸 |
+
 **示例3：**
 
 ```ts
@@ -176,36 +223,3 @@ struct CustomLayout {
 ```
 
 ![customlayout](figures/customLayout.png)
-
-## LayoutChild<sup>9+</sup>
-
-子组件布局信息
-
-| 参数       | 参数类型                                                                                                    | 描述             |
-| ---------- | ----------------------------------------------------------------------------------------------------------- | ---------------- |
-| name       | string                                                                                                      | 子组件名称       |
-| id         | string                                                                                                      | 子组件id         |
-| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)                            | 子组件约束尺寸   |
-| borderInfo | [LayoutBorderInfo](#layoutborderinfo9)                                                                      | 子组件border信息 |
-| position   | [Position](../reference/arkui-ts/ts-types.md#position)                                                      | 子组件位置坐标   |
-| measure    | (childConstraint: [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions)) => void | 子组件位置坐标   |
-| layout     | (LayoutInfo： [LayoutInfo](#layoutinfo9)) => void                                                           | 子组件位置坐标   |
-
-## LayoutBorderInfo<sup>9+</sup>
-
-子组件border信息
-
-| 参数        | 参数类型                                                   | 描述                                         |
-| ----------- | ---------------------------------------------------------- | -------------------------------------------- |
-| borderWidth | [EdgeWidths](../reference/arkui-ts/ts-types.md#edgewidths) | 边框宽度类型，用于描述组件边框不同方向的宽度 |
-| margin      | [Margin](../reference/arkui-ts/ts-types.md#margin)         | 外边距类型，用于描述组件不同方向的外边距     |
-| padding     | [Padding](../reference/arkui-ts/ts-types.md#padding)       | 内边距类型，用于描述组件不同方向的内边距     |
-
-## LayoutInfo<sup>9+</sup>
-
-子组件layout信息
-
-| 参数       | 参数类型                                                                         | 描述           |
-| ---------- | -------------------------------------------------------------------------------- | -------------- |
-| position   | [Position](../reference/arkui-ts/ts-types.md#position)                           | 子组件位置坐标 |
-| constraint | [ConstraintSizeOptions](../reference/arkui-ts/ts-types.md#constraintsizeoptions) | 子组件约束尺寸 |
-- 
GitLab