一种界面开发方法、装置以及网络附属存储设备与流程

本发明涉及界面开发，尤其涉及一种界面开发方法、装置以及网络附属存储设备。

背景技术：

1、随着数字技术的不断发展，用户通过可视化操作系统能够实现信息交互，给用户的生产生活带来了极大的便利。

2、对于可视化操作系统，比如ios，良好的界面开发布局将有利于用户更好的实现人机交互，在现有技术当中，多数采用以下两种界面开发布局方案：第一种是基于masonry框架的界面开发布局，需要使用objective-c语言，在处理复杂应用场景布局时，其需要通过代码定位错误，提高了错误定位工程量；第二种是基于snapkit框架的界面开发布局，需要使用swift语言，在处理复杂应用场景布局时，其存在代码冗长的问题，在降低代码可读性和维护性的同时，也会增加约束设置的计算量；综上，上述两种界面开发布局方案均存在界面开发效率相对不高的问题。

3、可见，提出一种提高界面开发效率的技术方案显得尤为重要。

技术实现思路

1、本发明提供一种界面开发方法、装置以及网络附属存储设备，能够提高界面开发效率。

2、为了解决上述技术问题，本发明第一方面公开了一种界面开发方法，所述方法包括：

3、根据获取到的布局需求信息和预先导入的目标框架，确定目标视图的目标控件集合，所述目标框架包括ugautolayout框架；

4、根据所述布局需求信息，对所述目标控件集合中的每个控件设置约束，所述约束用于调整所述控件，以更新所述目标视图，得到更新后的所述目标视图中所述目标控件集合的被控约束效果；

5、判断所述被控约束效果与需求布局效果是否相匹配，所述需求布局效果是根据所述布局需求信息生成的；

6、当判断出所述被控约束效果与所述需求布局效果不相匹配时，则根据所述需求布局效果，调整所述被控约束效果，直至所述被控约束效果与所述需求布局效果相匹配。

7、作为一种可选的实施方式，在本发明第一方面中，所述根据所述布局需求信息，对所述目标控件集合中的每个控件设置约束，包括：

8、根据所述目标框架，确定所述目标控件集合的控制标志位集合，所述控制标志位集合包括至少一个标志位；

9、根据所述布局需求信息，确定所述目标控件集合中每个控件的被控属性信息和每个所述控件的被控优先级，所述被控属性信息用于表示所述控件为标志位控制控件或非标志位控制控件，所述标志位控制控件用于表示所述控件通过所述标志位设置约束，所述非标志位控制控件用于表示所述控件不通过所述标志位设置约束；

10、根据所有所述被控属性信息和所有所述被控优先级，生成标志位控制策略，所述标志位控制策略用于基于所有所述被控属性信息和所有所述被控优先级，设置所有所述标志位；

11、根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束。

12、作为一种可选的实施方式，在本发明第一方面中，在所述根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束之前，所述方法还包括：

13、根据所有所述被控属性信息，确定目标指令集合，所述目标指令集合包括第一函数指令子集合和第二函数指令子集合，所述第一函数指令子集合用于为所有所述标志位控制控件设置约束，所述第二函数指令子集合用于为所有所述非标志位控制控件设置约束；

14、以及，所述根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束，包括：

15、根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束。

16、作为一种可选的实施方式，在本发明第一方面中，所述目标指令集合包括至少两个函数指令，在所述根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束之前，所述方法还包括：

17、对于每个所述函数指令，判断该函数指令是否满足对应控制对象的执行控制条件，所述控制对象用于表示所述标志位控制控件或所述非标志位控制控件，所述执行控制条件包括存在用于定义所述函数指令控制对应所述控制对象的执行协议；当判断出该函数指令满足所述执行控制条件时，则触发执行所述的根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束的操作；

18、当判断出该函数指令不满足所述执行控制条件时，则检索所述执行协议，并配置所述执行协议，以及，重新触发执行所述的判断该函数指令是否满足对应控制对象的执行控制条件的操作。

19、作为一种可选的实施方式，在本发明第一方面中，在所述根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束之前，所述方法还包括：

20、确定所述目标视图中的至少一个锚点；

21、对于每个所述锚点，确定该锚点相关联的所述控件；根据所述标志位控制策略、所述控件的所述被控属性信息和所述控件的所述被控优先级，确定该锚点的锚点属性信息，所述锚点属性信息包括所述锚点的访问权限信息、修改范围信息、激活状态信息中的至少一种，所述激活状态信息包括所述锚点的可写节点、不可写节点、可读节点、不可读节点中的至少一个；

22、以及，所述根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束，包括：

23、对于每个所述锚点，根据该锚点的所述锚点属性信息，匹配所述目标指令集合中的所述函数指令；将该锚点匹配到的所述函数指令、相关联的所述控件组成该锚点的约束控制集合；

24、根据所述标志位控制策略、所述控制标志位集合和所有所述约束控制集合，对所述目标控件集合中的每个所述控件设置约束。

25、作为一种可选的实施方式，在本发明第一方面中，所述判断所述被控约束效果与需求布局效果是否相匹配，包括：

26、获取更新后的所述目标视图的显示版本参数；

27、判断所述显示版本参数与预设显示版本参数是否相匹配，当判断出所述显示版本参数与所述预设显示版本参数不相匹配时，则确定所述被控约束效果与需求布局效果不相匹配；

28、以及，所述方法还包括：

29、当判断出所述显示版本参数与所述预设显示版本参数相匹配时，则对于每个所述控件，根据所述显示版本参数，计算该控件的约束返回值，所述约束返回值用于表示所述控件的约束操作记录；

30、判断所述约束返回值与对应的预设约束返回值相匹配，所述预设约束返回值时根据所述布局需求信息和所述预设显示版本参数计算出的，当判断出所述约束返回值与对应的所述预设约束返回值不相匹配时，则确定所述被控约束效果与需求布局效果不相匹配。

31、作为一种可选的实施方式，在本发明第一方面中，所述根据所述需求布局效果，调整所述被控约束效果，包括：

32、根据所述需求布局效果和所述被控约束效果，确定至少一个目标项，每个所述目标项相对于所述需求布局效果存在对应的格式偏差；

33、对于每个所述目标项，在预设运算符集合中，确定该目标项的至少一个运算符；根据所有所述运算符和所述格式偏差，生成调整控制指令，所述调整控制指令包括调整控制函数和权限开通密钥，所述调整控制函数用于调整所述格式偏差，所述权限开通密钥用于解除所述控件在预设时段下的访问权限，所述访问权限是在更新所述目标视图之后生成的；

34、根据所有所述调整控制指令，调整所述被控约束效果。

35、本发明第二方面公开了一种界面开发装置，所述装置包括：

36、确定模块，用于根据获取到的布局需求信息和预先导入的目标框架，确定目标视图的目标控件集合，所述目标框架包括ugautolayout框架；

37、约束模块，用于根据所述布局需求信息，对所述目标控件集合中的每个控件设置约束，所述约束用于调整所述控件，以更新所述目标视图，得到更新后的所述目标视图中所述目标控件集合的被控约束效果；

38、第一判断模块，用于判断所述被控约束效果与需求布局效果是否相匹配，所述需求布局效果是根据所述布局需求信息生成的；

39、调整模块，用于当所述第一判断模块判断出所述被控约束效果与所述需求布局效果不相匹配时，则根据所述需求布局效果，调整所述被控约束效果，直至所述被控约束效果与所述需求布局效果相匹配。

40、作为一种可选的实施方式，在本发明第二方面中，所述约束模块根据所述布局需求信息，对所述目标控件集合中的每个控件设置约束的具体方式包括：

41、根据所述目标框架，确定所述目标控件集合的控制标志位集合，所述控制标志位集合包括至少一个标志位；

42、根据所述布局需求信息，确定所述目标控件集合中每个控件的被控属性信息和每个所述控件的被控优先级，所述被控属性信息用于表示所述控件为标志位控制控件或非标志位控制控件，所述标志位控制控件用于表示所述控件通过所述标志位设置约束，所述非标志位控制控件用于表示所述控件不通过所述标志位设置约束；

43、根据所有所述被控属性信息和所有所述被控优先级，生成标志位控制策略，所述标志位控制策略用于基于所有所述被控属性信息和所有所述被控优先级，设置所有所述标志位；

44、根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束。

45、作为一种可选的实施方式，在本发明第二方面中，所述确定模块，还用于在所述约束模块根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束之前，根据所有所述被控属性信息，确定目标指令集合，所述目标指令集合包括第一函数指令子集合和第二函数指令子集合，所述第一函数指令子集合用于为所有所述标志位控制控件设置约束，所述第二函数指令子集合用于为所有所述非标志位控制控件设置约束；

46、以及，所述约束模块根据所述标志位控制策略和所述控制标志位集合，对所述目标控件集合中的每个所述控件设置约束的具体方式包括：

47、根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束。

48、作为一种可选的实施方式，在本发明第二方面中，所述目标指令集合包括至少两个函数指令，所述装置还包括：

49、第二判断模块，用于在所述约束模块根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束之前，对于每个所述函数指令，判断该函数指令是否满足对应控制对象的执行控制条件，所述控制对象用于表示所述标志位控制控件或所述非标志位控制控件，所述执行控制条件包括存在用于定义所述函数指令控制对应所述控制对象的执行协议；当所述第二判断模块判断出该函数指令满足所述执行控制条件时，则触发所述约束模块执行所述的根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束的操作；

50、检索模块，用于当所述第二判断模块判断出该函数指令不满足所述执行控制条件时，则检索所述执行协议；

51、配置模块，用于配置所述执行协议，以及，重新触发所述第二判断模块执行所述的判断该函数指令是否满足对应控制对象的执行控制条件的操作。

52、作为一种可选的实施方式，在本发明第二方面中，所述确定模块，还用于在所述约束模块根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束之前，确定所述目标视图中的至少一个锚点；

53、所述确定模块，还用于对于每个所述锚点，确定该锚点相关联的所述控件；

54、所述确定模块，还用于根据所述标志位控制策略、所述控件的所述被控属性信息和所述控件的所述被控优先级，确定该锚点的锚点属性信息，所述锚点属性信息包括所述锚点的访问权限信息、修改范围信息、激活状态信息中的至少一种，所述激活状态信息包括所述锚点的可写节点、不可写节点、可读节点、不可读节点中的至少一个；

55、以及，所述约束模块根据所述标志位控制策略、所述控制标志位集合和所述目标指令集合，对所述目标控件集合中的每个所述控件设置约束的具体方式包括：

56、对于每个所述锚点，根据该锚点的所述锚点属性信息，匹配所述目标指令集合中的所述函数指令；将该锚点匹配到的所述函数指令、相关联的所述控件组成该锚点的约束控制集合；

57、根据所述标志位控制策略、所述控制标志位集合和所有所述约束控制集合，对所述目标控件集合中的每个所述控件设置约束。

58、作为一种可选的实施方式，在本发明第二方面中，所述第一判断模块判断所述被控约束效果与需求布局效果是否相匹配的具体方式包括：

59、获取更新后的所述目标视图的显示版本参数；

60、判断所述显示版本参数与预设显示版本参数是否相匹配，当判断出所述显示版本参数与所述预设显示版本参数不相匹配时，则确定所述被控约束效果与需求布局效果不相匹配；

61、以及，所述装置还包括：

62、计算模块，用于当所述第一判断模块判断出所述显示版本参数与所述预设显示版本参数相匹配时，则对于每个所述控件，根据所述显示版本参数，计算该控件的约束返回值，所述约束返回值用于表示所述控件的约束操作记录；

63、所述第一判断模块，还用于判断所述约束返回值与对应的预设约束返回值相匹配，所述预设约束返回值时根据所述布局需求信息和所述预设显示版本参数计算出的；

64、所述确定模块，还用于当所述第一判断模块判断出所述约束返回值与对应的所述预设约束返回值不相匹配时，则确定所述被控约束效果与需求布局效果不相匹配。

65、作为一种可选的实施方式，在本发明第二方面中，所述调整模块根据所述需求布局效果，调整所述被控约束效果的具体方式包括：

66、根据所述需求布局效果和所述被控约束效果，确定至少一个目标项，每个所述目标项相对于所述需求布局效果存在对应的格式偏差；

67、对于每个所述目标项，在预设运算符集合中，确定该目标项的至少一个运算符；根据所有所述运算符和所述格式偏差，生成调整控制指令，所述调整控制指令包括调整控制函数和权限开通密钥，所述调整控制函数用于调整所述格式偏差，所述权限开通密钥用于解除所述控件在预设时段下的访问权限，所述访问权限是在更新所述目标视图之后生成的；

68、根据所有所述调整控制指令，调整所述被控约束效果。

69、本发明第三方面公开了一种电子设备，所述电子设备包括：

70、存储有可执行程序代码的存储器；

71、与所述存储器耦合的处理器；

72、所述处理器调用所述存储器中存储的所述可执行程序代码，执行本发明第一方面公开的界面开发方法。

73、本发明第四方面公开了一种网络附属存储设备，所述网络附属存储设备至少配置有显示屏，且所述网络附属存储设备存储有可执行程序代码的存储器；

74、与所述存储器耦合的处理器；

75、所述处理器调用所述存储器中存储的所述可执行程序代码，执行本发明第一方面公开的界面开发方法。

76、本发明第五方面公开了一种计算机存储介质，所述计算机存储介质存储有计算机指令，所述计算机指令被调用时，用于执行本发明第一方面公开的界面开发方法。

77、本发明第六方面公开了一种界面开发的系统，所述系统包括本发明第三方面公开的电子设备，且所述电子设备与本发明第四方面公开的网络附属存储设备通信连接，所述电子设备中安装有能够执行本发明第一方面公开的所述界面开发方法的计算机应用程序。

78、与现有技术相比，本发明实施例具有以下有益效果：

79、本发明实施例中，根据获取到的布局需求信息和预先导入的目标框架，确定目标视图的目标控件集合，目标框架包括ugautolayout框架；根据布局需求信息，对目标控件集合中的每个控件设置约束，约束用于调整控件，以更新目标视图，得到更新后的目标视图中目标控件集合的被控约束效果；判断被控约束效果与需求布局效果是否相匹配，需求布局效果是根据布局需求信息生成的；当判断出被控约束效果与需求布局效果不相匹配时，则根据需求布局效果，调整被控约束效果，直至被控约束效果与需求布局效果相匹配。可见，实施本发明能够根据获取到布局需求信息和预先导入的包括ugautolayout框架的目标框架，分别确定目标视图的目标控件集合，并对目标控件集合中的每个控件设置约束，以调整控件，更新目标视图，从而得到更新后的目标视图中目标控件集合的被控约束效果，节省了更新目标视图的计算时间，提高了界面开发效率、界面流畅性和界面布局灵活性，且在判断出被控约束效果与预先基于布局需求信息生成的需求布局效果不相匹配时，根据需求布局效果，调整被控约束效果，直至被控约束效果与需求布局效果相匹配，从而能够进一步的在提高界面开发效率的同时，提高界面开发布局的准确性。