(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210676299.7 (22)申请日 2022.06.15 (71)申请人 北京百度网讯科技有限公司 地址 100085 北京市海淀区上地十街10号 百度大厦2层 (72)发明人 柳叶　钱思成　孟雷　 (74)专利代理 机构 北京市通商律师事务所 11951 专利代理师 巩靖 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/14(2006.01) (54)发明名称 设计界面的展示方法、 装置、 电子 设备、 存储 介质及产品 (57)摘要 本公开提供了一种设计界面的展示方法、 装 置、 电子设备、 存储介质及产品， 涉及应用界面领 域， 尤其涉及应用展示界面设计领域。 具体实现 方案为： 获取设计界面当前展示的第一展示数据 对应的设计对象和第一宽度范围； 响应于检测到 对所述设计对象的第一宽度值的调整操作， 确定 调整后的第二宽度值， 并确定所述第二宽度值所 在的第二宽度范围； 确定所述设计对象在所述第 二宽度范围内对应的第二展示数据， 将设计界面 当前展示的所述第一展示数据切换为所述第二 展示数据。 本公开可以通过调整设计对象的宽度 值， 实现切换展示响应得宽度范围关联的设计对 象的展示数据。 权利要求书3页 说明书9页 附图5页 CN 114942817 A 2022.08.26 CN 114942817 A 1.一种设计界面的展示方法， 其特 征在于， 所述方法包括： 获取设计界面当前展示的第一展示数据对应的设计对象和第一宽度范围； 响应于检测到对所述设计对象的第一宽度值的调整操作， 确定调整后的第二宽度值， 并确定所述第二宽度值所在的第二宽度范围； 确定所述设计对象在所述第 二宽度范围内对应的第 二展示数据， 将设计界面当前展示 的所述第一展示数据切换为所述第二展示数据。 2.根据权利要求1所述的方法， 其中， 所述获取设计界面当前展示的第 一展示数据对应 的第一设计对象和第一宽度范围之前， 所述方法包括： 获取至少一个设计对象、 与每个所述设计对象相关的展示数据以及每个所述设计对象 的宽度值； 建立所述至少一个设计对象之间的绑定关系， 并根据所述设计对象的宽度值定义至少 一个宽度范围； 确定所述设计对象的宽度值对应的宽度范围， 并将所述设计对象相关的展示数据与对 应的宽度范围进行关联。 3.根据权利要求2所述的方法， 其中， 所述根据所述设计对象的宽度值定义至少一个宽 度范围， 包括： 基于所述绑定关系， 在所述至少一个设计对象中， 确定组合设计对象， 所述组合设计对 象中每个所述设计对象的宽度值 不同； 基于所述组合设计对象， 定义至少一个标记值， 所述标记值用于对不同的宽度值进行 归类； 获取默认宽度范围， 并根据 所述至少一个标记值， 划分所述默认宽度 范围， 得到至少一 个宽度范围。 4.根据权利要求2或3所述的方法， 其中， 所述至少一个设计对象中包括待合并的设计 对象； 所述方法还 包括： 获取待合并的设计对象的宽度值， 并基于所述宽度值， 确定被划分的第三宽度范围； 根据所述宽度值划分所述第三宽度范围， 得到第一子 宽度范围和第二子 宽度范围； 将所述待合并的设计对象与 所述第一子宽度 范围进行关联， 将所述第 三宽度范围关联 的设计对象的展示数据与所述第二子 宽度范围进行关联； 其中， 所述第一子 宽度范围大于或等于所述第二子 宽度范围。 5.根据权利要求4所述的方法， 其中， 所述根据所述宽度值划分所述第三宽度范围， 包 括： 获取所述第三宽度范围的两个端点， 并基于所述端点和所述宽度值之间的大小关系， 划分所述第三宽度范围。 6.根据权利要求2所述的方法， 其中， 所述方法还 包括： 响应于检测到对宽度范围的合并操作， 确定待合并的多个相邻宽度范围； 将所述多个相邻宽度范围进行合并， 得到第四宽度范围； 确定多个相邻 宽度范围中范围最小的宽度 范围对应的设计对象的展示数据， 将所述展 示数据与所述第四宽度范围进行关联。权　利　要　求　书 1/3 页 2 CN 114942817 A 27.根据权利要求1所述的方法， 其中， 所述将设计界面当前展示的所述第 一展示数据切 换为所述第二展示数据之后， 所述方法还 包括： 基于设计界面展示的第二展示数据， 编辑所述第二展示数据， 得到所述设计对象在所 述第二宽度范围的设计界面下的展示界面。 8.一种设计界面的展示装置， 所述装置包括： 获取模块， 用于获取设计界面当前展示的第 一展示数据对应的设计对象和第 一宽度范 围； 确定模块， 用于响应于检测到对所述设计对象的第一宽度值的调整操作， 确定调整后 的第二宽度值， 并确定所述第二宽度值所在的第二宽度范围； 展示模块， 用于确定所述设计对象在所述第二宽度范围内对应的第二展示数据， 将设 计界面当前展示的所述第一展示数据切换为所述第二展示数据。 9.根据权利要求8所述的装置， 其中， 所述获取模块， 还用于： 获取至少一个设计对象、 与每个所述设计对象相关的展示数据以及每个所述设计对象 的宽度值； 建立所述至少一个设计对象之间的绑定关系， 并根据所述设计对象的宽度值定义至少 一个宽度范围； 确定所述设计对象的宽度值对应的宽度范围， 并将所述设计对象相关的展示数据与对 应的宽度范围进行关联。 10.根据权利要求9所述的装置， 其中， 所述确定模块， 用于： 基于所述绑定关系， 在所述至少一个设计对象中， 确定组合设计对象， 所述组合设计对 象中每个所述设计对象的宽度值 不同； 基于所述组合设计对象， 定义至少一个标记值， 所述标记值用于对不同的宽度值进行 归类； 获取默认宽度范围， 并根据 所述至少一个标记值， 划分所述默认宽度 范围， 得到至少一 个宽度范围。 11.根据权利要求9或10所述的装置， 其中， 所述至少一个设计对象中包括待合并的设 计对象； 所述装置还 包括： 关联模块； 所述关联模块， 用于获取待合并的设计对象的宽度值， 并基于所述宽度值， 确定被划分 的第三宽度范围； 根据所述宽度值划分所述第三宽度范围， 得到第一子 宽度范围和第二子 宽度范围； 将所述待合并的设计对象与 所述第一子宽度 范围进行关联， 将所述第 三宽度范围关联 的设计对象的展示数据与所述第二子 宽度范围进行关联； 其中， 所述第一子 宽度范围大于或等于所述第二子 宽度范围。 12.根据权利要求1 1所述的装置， 其中， 所述获取模块， 还用于： 获取所述第三宽度范围的两个端点， 并基于所述端点和所述宽度值之间的大小关系， 划分所述第三宽度范围。 13.根据权利要求9所述的装置， 其中， 关联模块， 还用于： 响应于检测到对宽度范围的合并操作， 确定待合并的多个相邻宽度范围；权　利　要　求　书 2/3 页 3 CN 114942817 A 3