一种适用于Unity编辑器的UI界面生成系统的制作方法

文档序号:34107090发布日期:2023-05-10 20:38阅读:113来源:国知局
一种适用于Unity编辑器的UI界面生成系统的制作方法

本发明涉及ui界面搭建,具体涉及一种适用于unity编辑器的ui界面生成系统。


背景技术:

1、unity编辑器,是一种实时3d互动内容创作和运营平台,被广泛应用于游戏开发、美术、建筑、汽车设计、影视等行业。近年来,由于unity平台的易用性和跨平台特性,也被广泛应用于绘制各类软件的ui界面中。

2、现有技术中,基于unity编辑器的ui界面开发过程包括:依在同一层级中,有多个菜单按钮和按钮对应的界面,按下按钮后显示对应的页面,如果显示的页面中包含下一层级的菜单,则下一级菜单中也有一个按钮是默认选中的状态。开发者依靠当前显示的多级菜单创建对应的ui组件、修改样式并绑定相关界面来实现界面交互逻辑。

3、但是,在实际实施过程中,发明人发现,上述方案由于主要是手动创建ui组件,修改组件样式,并手动绑定菜单按钮相关界面实现界面交互逻辑。当创建复杂界面时,手动创建和绑定大量组件操作重复性高,且操作复杂需要开发者花费大量时间,容易出现错误,开发效率不高。


技术实现思路

1、针对现有技术中存在的上述问题,现提供一种适用于unity编辑器的ui界面生成系统。

2、具体技术方案如下:

3、一种适用于unity编辑器的ui界面生成系统,包括:

4、节点配置模块,所述节点配置模块中预先配置有多个节点;

5、所述节点包括根节点、面板构建节点和样式节点;

6、节点添加模块,所述节点添加模块连接所述节点配置模块,所述节点添加模块针对待生成界面建立节点图,并在所述节点图中添加多个所述节点和一个所述根节点;

7、节点连接模块,所述节点连接模块连接所述节点添加模块,所述节点连接模块根据所述待生成界面的界面层级选择至少两个所述节点并建立节点连接关系;

8、样式配置模块,所述样式配置模块连接所述节点添加模块,所述样式配置模块于所述节点图中生成样式节点,并在所述样式节点和所述面板构建节点之间建立连接关系;

9、编辑器交互模块,所述编辑器交互模块分别连接所述节点添加模块和所述unity编辑器,所述编辑器交互模块读取所述节点图中的所述节点和所述连接关系并控制所述unity编辑器生成所述待生成界面。

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、透传节点,所述透传节点包括:

37、透传输入模块,所述透传输入模块连接上一级的所述面板构建节点以获取所述组件列表;

38、索引生成模块,所述索引生成模块连接所述透传输入模块,所述索引生成模块根据所述组件列表中的所述容器物体生成组件列表索引;

39、透传输出模块,所述透传输出模块分别连接所述索引生成模块和下一级的所述面板构建节点,所述透传输出模块依照所述组件列表索引向下一级的面板构建节点返回所述容器物体。

40、另一方面,所述根节点包括

41、路径配置模块,所述路径配置模块用于配置所述容器物体在场景中的路径;

42、容器物体输出接口,所述容器物体输出接口向所述面板构建节点输出所述容器物体。

43、另一方面,还包括根节点创建模块,所述根节点创建模块用于创建所述根节点,所述根节点创建模块包括:

44、菜单创建模块,所述菜单创建模块响应右键创建指令并生成所述根节点,所述菜单创建模块还对所述根节点配置默认路径;

45、面板响应模块,所述面板响应模块连接操作界面中的显示面板,所述显示面板中显示有多个所述容器物体;

46、当所述显示面板响应外部输入的拖曳指令于所述节点图中添加所述容器物体时,所述面板响应模块根据所述拖曳指令于所述节点图中生成所述根节点。

47、上述技术方案具有如下优点或有益效果:

48、针对现有技术中对ui界面进行编辑需要依赖手动创建组件并建立各界面间的交互逻辑,操作较为繁琐的问题,本方案通过构建节点添加模块、节点编辑模块和节点连接模块,通过创建节点并建立连接关系、配置样式节点的方式实现了对原有的各组件的创建过程的替代,实现了ui组件的可视化编辑,便于对各ui组件进行编辑、调试,提高了开发效率。



技术特征:

1.一种适用于unity编辑器的ui界面生成系统,其特征在于,包括:

2.根据权利要求1所述的ui界面生成系统,其特征在于,所述面板构建节点包括:

3.根据权利要求2所述的ui界面生成系统,其特征在于,所述面板构建节点还包括:

4.根据权利要求2所述的ui界面生成系统,其特征在于,所述面板构建节点还包括:

5.根据权利要求2所述的ui界面生成系统,其特征在于,所述样式节点包括:

6.根据权利要求2所述的ui界面生成系统,其特征在于,所述样式节点还包括:透传节点,所述透传节点包括:

7.根据权利要求2所述的ui界面生成系统,其特征在于,所述根节点包括路径配置模块,所述路径配置模块用于配置所述容器物体在场景中的路径;

8.根据权利要求7所述的ui界面生成系统,其特征在于,还包括根节点创建模块,所述根节点创建模块用于创建所述根节点,所述根节点创建模块包括:


技术总结
本发明涉及UI界面搭建技术领域,具体涉及一种适用于Unity编辑器的UI界面生成系统,包括:节点配置模块,节点配置模块中预先配置有多个节点;节点添加模块,针对待生成界面建立节点图,并在节点图中添加多个节点和一个根节点;节点连接模块,根据待生成界面的界面层级选择至少两个节点并建立节点连接关系;样式配置模块,在样式节点和面板构建节点之间建立连接关系;编辑器交互模块,读取节点图中的节点和连接关系并控制Unity编辑器生成待生成界面。有益效果在于:通过创建节点并建立连接关系、配置样式节点的方式实现了对原有的各组件的创建过程的替代,实现了UI组件的可视化编辑,便于对各UI组件进行编辑、调试,提高了开发效率。

技术研发人员:张世晓,朱仁,赵亮,温骏炎
受保护的技术使用者:宁波美象信息科技有限公司
技术研发日:
技术公布日:2024/1/12
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1