图解鸿蒙之线性布局-自适应缩放-使用layoutWeight属性设置

宝子,我碰到个 “layoutWeight”,这是啥神奇咒语呀?
答:嘿😜,想象一下,父容器是个大蛋糕盒,尺寸已经定啦。layoutWeight 呢,就像是给盒里的小蛋糕(子元素和兄弟元素)分地盘的魔法,不管小蛋糕本来自己想长啥样(本身尺寸设置),它都能按照咱给的 “重要度权重”,在主轴上(就像蛋糕盒里的一排位置)瓜分剩余空间,让每个小蛋糕在任何大小的 “餐桌”(设备)上,都能自适应地把盒子填满,超厉害吧!

自适应缩放是指子元素随容器尺寸的变化而按照预设的比例自动调整尺寸,适应各种不同大小的设备。在线性布局中,可以使用以下两种方法实现自适应缩放。

父容器尺寸确定时,使用layoutWeight属性设置子元素和兄弟元素在主轴上的权重,忽略元素本身尺寸设置,使它们在任意尺寸的设备下自适应占满剩余空间

27.图解鸿蒙之线性布局-自适应缩放使用layoutWeight属性设置_鸿蒙

27.图解鸿蒙之线性布局-自适应缩放使用layoutWeight属性设置_鸿蒙_02

PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~