鸿蒙应用开发中的权重布局详解与实践

1. 权重布局基础概念解析

在鸿蒙应用开发中，layoutWeight（权重布局）是一种非常实用的界面排版技术。它允许开发者通过分配比例值来动态控制组件在容器中的空间占比，特别适合需要适配不同屏幕尺寸的场景。

权重布局的核心原理是基于父容器的剩余空间进行分配。举个例子，当我们在水平方向上放置三个按钮，并分别设置权重值为1、2、1时，系统会先计算所有固定尺寸的组件占用的空间，然后将剩余空间按照1:2:1的比例分配给这三个按钮。

注意：权重值仅对线性布局（DirectionalLayout）有效，在其他布局类型中使用不会产生预期效果

2. 权重布局的典型应用场景

2.1 等比例分配空间

最常见的应用就是创建等宽或等高的组件排列。比如实现底部导航栏的五个图标平均分配屏幕宽度：

xml复制<DirectionalLayout
    orientation="horizontal"
    width="match_parent"
    height="48vp">
    
    <Button
        layout_weight="1"
        text="首页"/>
    
    <Button
        layout_weight="1"
        text="发现"/>
        
    <!-- 其他三个按钮 -->
</DirectionalLayout>

2.2 响应式布局设计

在需要适配不同屏幕尺寸时，权重布局可以确保关键组件获得合适的显示空间。例如在平板上，我们可以让内容区域占据70%宽度，侧边栏占30%：

xml复制<DirectionalLayout
    orientation="horizontal"
    width="match_parent"
    height="match_parent">
    
    <ScrollView
        layout_weight="7"
        background="#FFFFFF">
        <!-- 主要内容 -->
    </ScrollView>
    
    <ScrollView
        layout_weight="3"