(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210594321.3 (22)申请日 2022.05.27 (71)申请人 北京百度网讯科技有限公司 地址 100085 北京市海淀区上地十街10号 百度大厦2层 (72)发明人 杜秦芝　张志诚　马海娜　黄诗铭　 (74)专利代理 机构 北京市汉坤律师事务所 11602 专利代理师 姜浩然　吴丽丽 (51)Int.Cl. G06F 9/451(2018.01) G06F 8/38(2018.01) G06F 8/34(2018.01) G06F 8/33(2018.01) (54)发明名称 页面组件的处理方法及 装置、 电子设备和介 质 (57)摘要 本公开提供了一种 页面组件的处理方法、 装 置、 电子设备、 计算机可读存储介质和计算机程 序产品， 涉及计算机领域， 尤其涉及应用程序技 术领域。 实现方案为： 响应于组件调整指令， 将目 标页面中的第一组件设置为移动状态； 确定目标 页面中的第二组件的第一位置信息， 第二组件为 目标页面中状态不为移动状态的组件； 响应于针 对第一组件的移动指令， 获取移动后的第一组件 的第二位置信息； 基于第一位置信息和第二位置 信息， 确定第一组件和第二组件 是否满足对齐条 件； 响应于确定满足对齐条件， 将第一组件和第 二组件进行对齐操作并显示辅助线， 辅助线 连接 对齐后的第一组件和第二组件； 以及响应于退出 组件调整指令， 将第一组件设置为非移动状态。 权利要求书4页 说明书12页 附图12页 CN 114880061 A 2022.08.09 CN 114880061 A 1.一种页面组件的处 理方法， 包括： 响应于组件调整指令， 将目标页面中的第一组件设置为移动状态； 确定所述目标页面中的第 二组件的第 一位置信 息， 其中所述第 二组件为所述目标页面 中的状态不 为所述移动状态的组件； 响应于针对所述第一组件的移动指令， 获取移动 后的所述第一组件的第二 位置信息； 基于所述第 一位置信 息和所述第 二位置信 息， 确定所述第 一组件和所述第 二组件是否 满足对齐条件； 响应于确定满足所述对齐条件， 将所述第 一组件和所述第 二组件进行对齐操作并显示 辅助线， 其中， 所述辅助线连接对齐后的所述第一组件和所述第二组件； 以及 响应于退 出组件调整指令， 将所述第一组件设置为非移动状态。 2.如权利要求1所述的方法， 还 包括： 通过第一矩形区域对所述第一组件进行表征； 以及 通过第二矩形区域对所述第二组件进行表征， 其中， 所述第一矩形区域和所述第二矩形区域的边均与所述目标页面的边平行， 并且 所述第二位置信息为所述第一矩形区域的位置信息， 所述第一位置信息为所述第二矩形区 域的位置信息 。 3.如权利要求2所述的方法， 其中， 所述第 一位置信 息包括所述第 二矩形区域与所述目 标页面的相互平行的边之 间的距离， 所述第二位置信息包括所述第一矩形区域与所述目标 页面的相互平行的边之间的距离 。 4.如权利要求2或3所述的方法， 其中， 所述确定所述第一组件和所述第二组件是否满 足对齐条件 包括以下项中的至少一项： 响应于确定第 一直线与第 二直线之间的距离小于预设阈值， 确定所述第 一组件和所述 第二组件满足对齐条件， 其中， 所述第一直线为所述第一矩形区域沿水平方向延伸的任一 条边所在直线或经过所述第一矩形区域中心 点的沿所述水平 方向延伸的直线， 所述第二直 线为所述第二矩形区域沿所述水平方向延伸的任一条边所在直线或经过所述第二矩形区 域中心点的沿所述水平方向延伸的直线； 以及 响应于确定第 三直线与第四直线之间的距离小于预设阈值， 确定所述第 一组件和所述 第二组件满足对齐条件， 其中， 所述第三直线为所述第一矩形区域沿竖直方向延伸的任一 条边所在直线或经过所述第一矩形区域中心 点的沿所述竖直方向延伸的直线， 所述第四直 线为所述第二矩形区域沿所述竖直方向延伸的任一条边所在直线或经过所述第二矩形区 域中心点的沿所述竖直方向延伸的直线。 5.如权利要求4所述的方法， 其中， 所述第二组件至少为两个， 分别通过相应的第二矩 形区域对每 个第二组件进行表征， 并且其中， 所述确定所述第一组件和所述第二组件是否满足对齐条件 包括以下项中的至少一项： 响应于确定第 一直线与多个第 二直线之间的距离均小于预设阈值， 确定所述第 一组件 与所述距离最小的第二 直线所对应的第二组件 满足对齐条件； 以及 响应于确定第 三直线与多个第四直线之间的距离均小于预设阈值， 确定所述第 一组件 与所述距离最小的第四直线所对应的第二组件 满足对齐条件。 6.如权利要求5所述的方法， 其中， 所述第二组件至少为两个， 分别通过相应的第二矩权　利　要　求　书 1/4 页 2 CN 114880061 A 2形区域对每 个第二组件进行表征， 并且其中， 所述确定所述第一组件和所述第二组件是否满足对齐条件 包括以下项中的至少一项： 响应于确定至少两个第 二直线位于第 一直线两侧、 且所述第 一直线与 所述至少两个第 二直线之 间的距离相等且均小于预设阈值， 确定所述第一组件和所述至少两个第二组件不 满足对齐条件； 以及 响应于确定至少两个第四直线位于第 三直线两侧、 且所述第 三直线与 所述至少两个第 四直线之 间的距离相等且均小于预设阈值， 确定所述第一组件和所述至少两个第二组件不 满足对齐条件。 7.如权利要求2或3所述的方法， 其中， 所述第 一矩形区域为包括所述第 一组件、 且所述 第一矩形区域的边与所述目标页面的边平行的最小外 接矩形区域。 8.如权利要求7所述的方法， 其中， 所述第一组件包括多个组件， 并且其中， 所述第一矩 形区域为包括所述多个组件、 且所述第一矩形区域的边与所述目标页面的边平行的最小外 接矩形区域。 9.如权利要求2或3所述的方法， 其中， 所述第 二矩形区域为包括所述第 二组件、 且所述 第二矩形区域的边与所述目标页面的边平行的最小外 接矩形区域。 10.如权利要求9所述的方法， 其中， 所述第二组件包括多个组件， 并且其中， 所述第二 矩形区域为包括所述多个组件、 且所述第二矩形区域的边与所述目标页面的边平行的最小 外接矩形区域。 11.如权利要求1所述的方法， 其中， 所述第二组件 包括所述目标页面。 12.如权利要求1所述的方法， 还包括： 响应于退出组件调整指令， 不再显示所述辅助 线。 13.如权利要求1所述的方法， 其中， 所述移动指令包括以下项中的至少一项： 按键操 作、 拖拽操作。 14.一种页面组件的处 理装置， 包括： 第一设置单元， 配置为响应于组件调整指令， 将目标页面中的第一组件设置为移动状 态； 第一确定单元， 配置为确定所述目标页面中的第二组件的第一位置信息， 其中所述第 二组件为所述目标页面中的状态不 为所述移动状态的组件； 获取单元， 配置为响应于针对所述第一组件的移动指令， 获取移动后的所述第一组件 的第二位置信息； 第二确定单元， 配置为基于所述第一位置信息和所述第二位置信息， 确定所述第一组 件和所述第二组件是否满足对齐条件； 对齐单元， 配置为响应于确定满足所述对齐条件， 将所述第一组件和所述第二组件进 行对齐操作并显示辅助线， 其中， 所述辅助线连接对齐后的所述第一组件和所述第二组件； 以及 第二设置单 元， 配置为响应于退 出组件调整指令， 将所述第一组件设置为非移动状态。 15.如权利要求14所述的装置， 还 包括： 第一表征 单元， 配置为 通过第一矩形区域对所述第一组件进行表征； 以及 第二表征 单元， 配置为 通过第二矩形区域对所述第二组件进行表征，权　利　要　求　书 2/4 页 3 CN 114880061 A 3