layoutWeight

layoutWeight是用于控制UI布局中，元素如何根据可用空间进行分配的属性。决定元素在可用空间中的分配比例

layoutWeight的概念和用法

用于指定一个元素在父容器中所占空间的比例。它是一种相对值，表示当父容器有剩余空间时，如何在子元素之间分配这些空间

用法：当多个元素在同一个容器中都有’layoutWeight’属性时，父容器将根据这些元素的’layoutWeight’值分配剩余空间。例如如果一个元素的’layoutWeight’为1，另外一个为2,那么当有剩余空间时，第二个元素将获得比第一个元素多一倍的空间
实例
假设我们有一个水平不仅，并且里面有两个按钮，我们希望这两个按钮根据layoutweight属性按比例分配剩余空间

HorizontalLayout {
    Button("Button 1")
        .layoutWeight(1) // 占用1份空间
    
    Button("Button 2")
        .layoutWeight(2) // 占用2份空间
}

在这个例子中，假设父容器有多于的空间，那么‘button2’将获得‘Button1’两倍的宽度，因为它的‘layoutWeight’为2，而会’buttton1’的layoutWeight为1

作用

响应式设计:通过使用’layoutWeight’,可以轻松实现响应式布局，根据屏幕大小自动调整元素的占比
简化布局控制:不需要通过固定大小来设置元素的尺寸，而是可以根据布局的整体空间动态分配