(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210344765.1 (22)申请日 2022.03.31 (71)申请人 北京达佳互联信息技 术有限公司 地址 100085 北京市海淀区上地西路6号1 幢1层101D1-7 (72)发明人 鞠达豪　胡方正　杨小刚　蔡晓华　 杨凯丽　朱彤　孙弘法　李伟鹏　 (74)专利代理 机构 广州三环 专利商标代理有限 公司 44202 专利代理师 贾允 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 一种组件布局方法、 装置、 电子设备及存储 介质 (57)摘要 本公开关于一种组件布局方法、 装置、 电子 设备及存储介质， 包括： 若子组件集对应的权重 参数为第一预设值， 确定子组件集中的实施组件 在目标维度上的第一尺寸， 以及确定第一容器组 件在目标维度上的第二尺寸， 基于第一尺寸、 第 二尺寸、 以及子组件集中， 实施组件在目标维度 上对应的至少两个占位组件的权重参数， 确定至 少两个占位组件中的每个占位组件的尺寸， 基于 第一尺寸、 至少两个占位组件中的每个占位组件 的尺寸在第一容器组件中摆放实施组件、 至少两 个占位组件中每个占位组件。 本申请通过占位组 件配合实施组件在容器组件中的布局， 使得实施 组件更快速方便地展示在容器组件中。 权利要求书2页 说明书15页 附图8页 CN 114896000 A 2022.08.12 CN 114896000 A 1.一种组件布局方法， 其特 征在于， 包括： 确定在第一 容器组件中， 待布局的子组件集； 若所述子组件集对应的权重参数为第 一预设值， 确定所述子组件集中的实施 组件在目 标维度上的第一尺寸， 以及确定所述第一 容器组件在所述目标维度上的第二尺寸； 基于所述第 一尺寸、 所述第 二尺寸、 以及所述子组件集中， 所述实施 组件在目标维度 上 对应的至少两个占位组件的权重参数， 确定所述至少两个占位组件中的每个占位组件的尺 寸； 基于所述第 一尺寸、 所述至少两个占位组件中的每个占位组件的尺寸在所述第 一容器 组件中摆放所述实施组件、 所述至少两个占位组件中每 个占位组件。 2.根据权利要求1所述的组件布局方法， 其特征在于， 所述基于所述第一尺寸、 所述至 少两个占位组件中的每个占位组件的尺寸在所述第一容器组件中摆放所述实施组件、 所述 至少两个占位组件中每 个占位组件之后， 还 包括： 对所述实施组件进行绘制； 将绘制好的实施组件添加至所述第一 容器组件 对应的画 布视图中。 3.根据权利要求1 ‑2任一所述的组件布局方法， 其特征在于， 当所述实施 组件的数量为 一个， 且所述目标维度为左右维度或者上下维度时， 所述基于所述第一尺寸、 所述第二尺 寸、 以及所述子组件集中， 所述实施组件在目标维度上对应的至少 两个占位组件的权重参 数， 确定所述至少两个占位组件中的每 个占位组件的尺寸， 包括： 确定所述实施组件在所述左右维度或者所述上下维度上对应的第一占位组件的第一 权重参数和第二占位组件的第二权 重参数； 基于所述第一尺寸、 所述第二尺寸、 所述第一权重参数和所述第二权重参数确定所述 第一占位组件的第三尺寸和所述第二占位组件的第四尺寸。 4.根据权利要求1 ‑2任一所述的组件布局方法， 其特征在于， 当所述实施 组件的数量为 一个， 且所述 目标维度为左右维度和上下维度时， 所述确定所述子组件集中的实施组件在 目标维度上的第一尺寸， 以及确定所述第一 容器组件在所述目标维度上的第二尺寸， 包括： 确定所述实施组件在所述左右维度上的第一尺寸和所述上 下维度上的第一尺寸； 确定所述第一 容器组件在所述左右维度上的第二尺寸和所述上 下维度上的第二尺寸。 5.根据权利要求4所述的组件布局方法， 其特征在于， 所述基于所述第一尺寸、 所述第 二尺寸、 以及所述子组件集中， 所述实施组件在目标维度上对应的至少 两个占位组件的权 重参数， 确定所述至少两个占位组件中的每 个占位组件的尺寸， 包括： 确定所述实施组件在所述左右维度上对应的第一占位组件的第一权重参数和第二占 位组件的第二权 重参数； 确定所述实施组件在所述上下维度上对应的第三占位组件的第三权重参数和第四占 位组件的第四权 重参数； 基于所述左右维度上的第一尺寸、 所述左右维度上的第二尺寸、 所述第一权重参数和 所述第二权重参数确定所述第一占位组件在所述左右维度的第三尺寸， 和所述第二占位组 件在所述左右维度的第四尺寸； 基于所述上下维度上的第一尺寸、 所述上下维度上的第二尺寸、 所述第三权重参数和 所述第四权重参数确定所述第三占位组件在所述上下维度的第三尺寸， 和所述第四占位组权　利　要　求　书 1/2 页 2 CN 114896000 A 2件在所述上 下维度的第四尺寸。 6.根据权利要求5所述的组件布局方法， 其特征在于， 所述基于所述第一尺寸、 所述至 少两个占位组件中每个占位组件的尺寸在所述第一容器组件中摆放所述 实施组件、 所述至 少两个占位组件中每 个占位组件， 包括： 基于所述左右维度的第三尺寸在所述第一 容器组件的左侧摆放所述第一占位组件； 基于所述左右维度的第四尺寸在所述第一 容器组件的右侧摆放所述第二占位组件； 基于所述上 下维度的第三尺寸在所述第一 容器组件的上 方摆放所述第三占位组件； 基于所述上 下维度的第四尺寸在所述第一 容器组件的下 方摆放所述第四占位组件； 在所述第一容器组件的空闲区域摆放所述实施组件； 所述空闲区域基于摆放好的所述 第一占位组件、 所述第二占位组件、 所述第三占位组件和所述第四占位组件确定 。 7.根据权利要求1所述的组件布局方法， 其特 征在于， 所述方法还 包括: 确定待布局的所述第一 容器组件和第二 容器组件； 获取所述第一 容器组件和所述第二 容器组件之间的位置描述信息； 从所述位置描述信 息中确定所述第 一容器组件的第 一边对象、 所述第 二容器组件的第 二边对象和边相对距离； 基于所述边相对距离， 通过所述第 一边对象和所述第 二边对象将所述第 一容器组件和 所述第二 容器组件渲染至容器组件所属的父组件 对应的画 布视图中。 8.一种电子设备， 其特 征在于， 包括： 处理器； 用于存储所述处 理器可执行指令的存 储器； 其中， 所述处理器被配置为执行所述指令， 以实现如权利要求1至6中任一项所述的组 件布局方法。 9.一种计算机可读存储介质， 其特征在于， 当所述计算机可读存储介质中的指令由电 子设备的处理器执行时， 使得所述电子 设备能够执行如权利要求 1至6中任一项 所述的组件 布局方法。 10.一种计算机程序产品， 其特征在于， 所述计算机程序产品包括计算机程序， 所述计 算机程序存储在可读存储介质中， 计算机 设备的至少一个处理器从所述可读存储介质读取 并执行所述计算机程序， 使得所述计算机 设备执行如权利要求1至6中任一项 所述的组件布 局方法。权　利　要　求　书 2/2 页 3 CN 114896000 A 3