配置界面的配置方法、布局方法及存储介质技术

本申请提供一种配置界面的配置方法、布局方法及存储介质，配置界面中具有表示第一逻辑关系的父元素，父元素范围内包括并行设置的相互之间具有第一逻辑关系的多组子元素，第一逻辑关系为“且”和“或”中的一种，布局方法包括：获取第一组子元素与父元素的第一边界之间间隔的第一宽度，获取最后一组子元素与父元素的第二边界之间间隔的第二宽度，其中，第一边界位于第一组子元素远离最后一组子元素的一侧，第二边界位于最后一组子元素远离第一组子元素的一侧；根据第一宽度和第二宽度确定出涵盖父元素内每组子元素的第一图例；以及，根据父元素在多组子元素并行设置的方向上的宽度，确定出与第一图例间隔设置的表示第一逻辑关系的第一字符的位置。

Configuration method, layout method and storage medium of configuration interface

【技术实现步骤摘要】
配置界面的配置方法、布局方法及存储介质
本申请涉及数据处理领域，具体而言，涉及一种配置界面的配置方法、布局方法及存储介质。
技术介绍
随着计算机浏览器能力的增强与技术进步，在网站中配置复杂逻辑关系变得越来越普遍。其中，“且”、“或”逻辑关系是很常见的逻辑关系，经常会出现在各种配置界面中。但现有的配置和布局方式，存在一些问题，例如，在逻辑操作可由用户增/删的场景下，因为无法提前预估用户编辑后的逻辑操作的数量，而且表现“且”、“或”关系的图例往往无法随着逻辑操作数目的变化(引起的宽度变化)而被放到最合适的位置(例如，位于并列设置的多个逻辑操作的同一端的括号将多个逻辑操作括起来用于表征该多个逻辑操作之间具有相同逻辑关系，该括号的大小及位置通常固定，在用户编辑逻辑操作(即，对逻辑操作进行增/删)后，该括号的大小及位置无法适应性调整，导致其表示范围不清，或者括号的范围难以涵盖所有的逻辑操作)。因此，以现有的方式对配置界面进行配置和布局，表现“且”、“或”关系的图例难以随着逻辑操作数目的变化(引起的宽度变化)而调整，通常需要用户通过额外的操作甚至裁本文档来自技高网...

【技术保护点】
1.一种配置界面的布局方法，其特征在于，配置界面中具有表示第一逻辑关系的父元素，所述父元素的范围内包括并行设置的相互之间具有所述第一逻辑关系的多组子元素，其中，所述第一逻辑关系为“且”和“或”中的一种，所述方法包括：/n获取第一组子元素与所述父元素的第一边界之间间隔的第一宽度，获取最后一组子元素与所述父元素的第二边界之间间隔的第二宽度，其中，所述第一边界位于所述第一组子元素远离所述最后一组子元素的一侧，所述第二边界位于所述最后一组子元素远离所述第一组子元素的一侧；/n根据所述第一宽度和所述第二宽度，确定出涵盖所述父元素内每组子元素的第一图例；/n以及，根据所述父元素在所述多组子元素并行设置的方...

【技术特征摘要】
1.一种配置界面的布局方法，其特征在于，配置界面中具有表示第一逻辑关系的父元素，所述父元素的范围内包括并行设置的相互之间具有所述第一逻辑关系的多组子元素，其中，所述第一逻辑关系为“且”和“或”中的一种，所述方法包括：
获取第一组子元素与所述父元素的第一边界之间间隔的第一宽度，获取最后一组子元素与所述父元素的第二边界之间间隔的第二宽度，其中，所述第一边界位于所述第一组子元素远离所述最后一组子元素的一侧，所述第二边界位于所述最后一组子元素远离所述第一组子元素的一侧；
根据所述第一宽度和所述第二宽度，确定出涵盖所述父元素内每组子元素的第一图例；
以及，根据所述父元素在所述多组子元素并行设置的方向上的宽度，确定出与所述第一图例间隔设置的表示所述第一逻辑关系的第一字符的位置。


2.根据权利要求1所述的配置界面的布局方法，其特征在于，根据所述第一宽度和所述第二宽度，确定出涵盖每组子元素的第一图例，包括：
确定出所述第一组子元素的宽度和所述最后一组子元素的宽度；
根据所述第一宽度与所述第一组子元素的宽度确定出的第一图例起始宽度，以及所述第二宽度与所述最后一组子元素的宽度确定出的第一图例终止宽度，确定出所述第一图例。


3.根据权利要求2所述的配置界面的布局方法，其特征在于，根据所述第一宽度与所述第一组子元素的宽度确定出的第一图例起始宽度，以及所述第二宽度与所述最后一组子元素的宽度确定出的第一图例终止宽度，确定出所述第一图例，包括：
将所述第一组子元素的宽度除以二，并将得到的商加上所述第一宽度，以确定出所述第一图例的起点与所述第一边界之间的第一图例起始宽度；
将所述最后一组子元素的宽度除以二，并将得到的商加上所述第二宽度，以确定出所述第一图例的终点与所述第二边界之间的第一图例终止宽度；
根据所述第一图例起始宽度和所述第一图例终止宽度，确定出所述第一图例。


4.一种配置界面的布局方法，其特征在于，配置界面中具有表示第二逻辑关系的母元素，所述母元素的范围内包括并行设置的相互之间具有所述第二逻辑关系的多组基于权利要求1至3中任一项所述的配置界面的布局方法布局得到的父元素，其中，所述第二逻辑关系为“且”和“或”中的一种，且所述第二逻辑关系与所述第一逻辑关系不同，所述方法包括：
获取第一组父元素与所述母元素的第三边界之间间隔的第三宽度，获取最后一组元素与所述母元素的第四边界之间间隔的第四宽度，其中，所述第三边界位于所述第一组父元素远离所述最后一组元素的一侧，所述第四边界位于所述最后一组元素远离所述第一组父元素的一侧；
根据所述第三宽度和所述第四宽度，确定出涵盖所述母元素内每组元素的第二图例；
以及，根据所述母元素在所述多组父元素并行设置的方向上的宽度，确定出与所述第二图例间隔设置的表示所述第二逻辑关系的第二字符的位置。


5.根据权利要求4所述的配置界面的布局方法，其特征在于，
在所述母元素的范围内还包括用于添加新的父元素的...

【专利技术属性】
技术研发人员：陈玖，
申请(专利权)人：北京明略软件系统有限公司，
类型：发明
国别省市：北京;11