界面生成方法、设备及存储介质与流程

本申请涉及信息，特别涉及一种界面生成方法、设备及存储介质。

背景技术：

1、界面是产品和用户交互最直接的方式，是设计师和用户之间沟通的桥梁，决定了用户对产品的第一印象。

2、在传统开发模式中，对于每个需求或业务设计图，通过分析、设计、编码、集成、测试和维护等步骤生成界面。业务设计图作为用户提供的原始设计图纸，用来表达用户的业务需求。当用户有了新的需求或业务设计图发生变化时，新的需求或变化后的业务设计图仍然需要遵守传统开发模式，经过产品经理、开发人员、用户等多方协调，对新的需求或变化后的业务设计图进行分析、设计、编码、集成、测试和维护等步骤。也即是，当前需求中开发好的对象无法直接应用到下一次需求中，每一次都需要重新对即将呈现在界面中的对象进行开发。

3、因此，传统开发模式难以适应环境变化，生成界面的灵活性较低。

技术实现思路

1、本申请提供了一种界面生成方法、设备及存储介质，提高了生成界面的灵活性。所述技术方案如下：

2、第一方面，提供了一种界面生成方法，所述方法包括：根据获取的业务设计图，以及预设组件库，确定组件；所述组件与所述业务设计图所包括的对象对应，所述预设组件库用于存储多个不同类别的预设组件；根据所述组件所包括的多个元素的坐标、所述组件在界面中的分布位置，以及所述组件在所述界面中与其他组件或界面边界之间的位置关系，确定所述组件的优化系数；所述优化系数指示所述组件的简洁度、层次感和舒适度的综合指数；根据所述优化系数和所述组件在所述界面中的原始坐标，确定所述组件的优化坐标；根据所述组件所包括的多个元素、所述原始坐标和所述优化坐标，生成所述界面。

3、第二方面，提供了一种界面生成装置，所述装置包括：组件确定模块，用于根据获取的业务设计图，以及预设组件库，确定组件；所述组件与所述业务设计图所包括的对象对应，所述预设组件库用于存储多个不同类别的预设组件；系数确定模块，用于根据所述组件所包括的多个元素的坐标、所述组件在界面中的分布位置，以及所述组件在所述界面中与其他组件或界面边界之间的位置关系，确定所述组件的优化系数；所述优化系数指示所述组件的简洁度、层次感和舒适度的综合指数；坐标确定模块，用于根据所述优化系数和所述组件在所述界面中的原始坐标，确定所述组件的优化坐标；生成模块，用于根据所述组件所包括的多个元素、所述原始坐标和所述优化坐标，生成所述界面。

4、第三方面，提供了一种计算机设备，所述计算机设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现上述第一方面所述的方法。

5、第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面所述的方法。

6、第五方面，提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面所述的方法。

7、本申请实施例提供了一种界面生成方法、设备及存储介质，根据本申请提供的方案，根据获取的业务设计图，以及预设组件库，确定组件；组件与业务设计图所包括的对象对应，预设组件库用于存储多个不同类别的预设组件；将业务设计图(例如，草图)所包括的对象转换成组件，预设组件库预先存储的具有开发过程的预设组件，通过存储预设组件的方式，可以适用于环境变化的场景，可以反复使用，提高生成效率。根据组件所包括的多个元素的坐标、组件在界面中的分布位置，以及组件在界面中与其他组件或界面边界之间的位置关系，确定组件的优化系数；优化系数指示组件的简洁度、层次感和舒适度的综合指数；根据优化系数和组件在界面中的原始坐标，确定组件的优化坐标。通过计算组件的优化坐标，将优化坐标与原始坐标进行对比，确定是否需要对组件进行进一步的调整优化，提高生成界面的可视性。根据组件所包括的多个元素、原始坐标和优化坐标，生成界面。组件是预设组件库预先存储的具有开发过程的组件，对组件进行优化后生成界面，生成界面中组件在界面中可以移动、拖拽，即使用户需求发生变化，也无需重新开发业务设计图中的对象，无需编码，提高了生成界面的灵活性。

技术特征：

1.一种界面生成方法，其特征在于，所述方法包括：

2.如权利要求1所述的方法，其特征在于，所述根据所述组件所包括的多个元素的坐标、所述组件在界面中的分布位置，以及所述组件在所述界面中与其他组件或界面边界之间的位置关系，确定所述组件的优化系数，包括：

3.如权利要求2所述的方法，其特征在于，所述组件包括目标元素，所述目标元素的坐标包括横坐标和纵坐标；

4.如权利要求2所述的方法，其特征在于，所述根据所述组件在所述界面中与其他组件或界面边界之间的位置关系，确定所述组件的舒适度，包括：

5.如权利要求1所述的方法，其特征在于，所述根据所述组件所包括的多个元素、所述原始坐标和所述优化坐标，生成所述界面，包括：

6.如权利要求1-5任一项所述的方法，其特征在于，所述根据获取的业务设计图，以及预设组件库，确定组件，包括：

7.如权利要求6所述的方法，其特征在于，所述根据所述界面的界面尺寸和所述初始组件，确定所述组件，包括：

8.如权利要求1-5任一项所述的方法，其特征在于，所述界面的界面信息包括所述组件的调用数据、所述组件的替换组件、所述组件在所述业务设计图中对应的对象；以及，当所述组件是坐标优化后的组件时，所述界面的界面信息还包括未进行坐标优化的组件。

9.一种计算机设备，其特征在于，所述计算机设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1-8任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-8任一项所述的方法。

技术总结
本申请公开了一种界面生成方法、设备及存储介质，属于信息技术领域。方法包括：根据获取的业务设计图，以及预设组件库，确定组件；组件与业务设计图所包括的对象对应，预设组件库用于存储多个不同类别的预设组件；根据组件所包括的多个元素的坐标、组件在界面中的分布位置，以及组件在界面中与其他组件或界面边界之间的位置关系，确定组件的优化系数；优化系数指示组件的简洁度、层次感和舒适度的综合指数；根据优化系数和组件在界面中的原始坐标，确定组件的优化坐标；根据组件所包括的多个元素、原始坐标和优化坐标，生成界面。无需重新开发业务设计图中的对象，提高了生成界面的灵活性。

技术研发人员：龚亮华,段培义,刘宇薇
受保护的技术使用者：烽台科技（北京）有限公司
技术研发日：
技术公布日：2024/3/17