一种游戏UI跳转的方法及其系统与流程

本发明涉及游戏制作技术领域，特别是一种游戏ui跳转的方法及其系统。

背景技术：

ui设计指的是对软件的人机交互、操作逻辑和界面美观的整体设计。在游戏制作中，ui制作是一个非常重要的过程，一个友好美观的界面会给人带来舒适的视觉享受，拉近玩家与游戏的距离，使玩家对游戏更具有带入感。ui设计不是简单的界面显示，而是为玩家体验所设计，检验一个界面好坏的标准是最终用户的感受，所以界面设计要与用户交互紧密结合，是一个不断为最终用户设计满意视觉效果的过程。在游戏过程中，往往需要进行多个游戏界面的交互，就比如点击主界面的设置按钮，就需要进入到设置界面，点击选择英雄按钮，就需要进入英雄选择界面，这就涉及到界面交互的ui跳转。ui跳转的方式有很多种，但是有的实现方式比较复杂，而且操作难度比较高，如果能提供一种比较直观的，操作简便的ui跳转方法，将提高游戏开发人员开发游戏ui的效率。

故事板是软件显示效果的视觉草图，用于视频创作和广告设计，表达作者的创意。20世纪90年代以来，电脑绘制软件渐渐取代了过去的手绘故事板，许多大制作的商业影片，都在拍摄之前用电脑动画模拟的方式创建故事板，让复杂的电影拍摄更加形象、准确和简单，如《侏罗纪公园》。

故事板，起源于动画行业。在电影电视中，故事板的作用是来安排剧情中的重要镜头。他们相当于一个可视化的剧本。故事板展示了各个镜头之间的关系，以及它们是如何串联起来，给观众一个完整的体验。

技术实现要素：

为克服上述问题，本发明的目的是提供一种游戏ui跳转的方法，将多个游戏ui加入到故事板中，在故事板中进行关联各个ui的交互关系，实现游戏ui的跳转，提高游戏开发人员开发游戏ui的效率。

本发明采用以下方案实现：一种游戏ui跳转的方法，所述方法包括如下步骤：

步骤s1、制作游戏项目中每个具体的游戏ui，在游戏ui上编辑对应的界面组件，生成具体的ui文件，保存在游戏ui文件夹下；

步骤s2、创建游戏项目故事板编辑界面，即创建一个编辑区域作为故事板编辑界面，读取游戏ui文件夹，将每一个ui文件设置为一个界面控件项，保存在界面控件列表上；

步骤s3、设置游戏项目的初始界面，即从界面控件列表上，选择一个界面控件项，加入到故事板编辑界面中，并设置为初始界面；

步骤s4、根据初始界面设置游戏中各个界面的连接定义；

步骤s5、设置游戏ui上的控件跳转事件，并根据设置好的控件跳转事件和界面的连接定义来进行游戏ui的跳转。

进一步的，所述方法在步骤s5之后还包括步骤s6、运行测试各个界面的跳转功能，即设置完所有游戏ui的跳转事件后，点击故事板编辑上的运行按钮，游戏界面程序能根据设置好的控件跳转事件，点击某个控件就会跳转到另一个游戏ui，能实现模拟游戏中的ui跳转过程。

进一步的，所述步骤s4进一步具体为：所述连接定义为当前界面与其相连的界面交互关系定义，添加完初始界面后，继续往故事板编辑界面中拖入多个的界面控件项，然后选中多个的界面控件项中一个界面控件项添加连接线与初始界面连接，即设置连接定义；所述连接线设置有名称。

进一步的，所述步骤s5进一步包括：所述故事板编辑界面中设置有一事件栏窗口，在故事板上选中一个界面控件项后，在事件栏窗口会显示当前选中的这个界面，然后选择当前界面的一个控件，每个控件都有属于自己的事件，在控件上设置控件跳转事件，并将界面的连接定义与跳转事件进行绑定，从而在在一个界面上点击控件即可进行游戏ui跳转。

本发明还提供了一种游戏ui跳转的系统，所述系统包括ui文件制作模块、故事板创建模块、界面初始化模块、连接线设定模块、以及控件事件操作模块；

所述ui文件制作模块，用于制作游戏项目中每个具体的游戏ui，在游戏ui上编辑对应的界面组件，生成具体的ui文件，保存在游戏ui文件夹下；

所述故事板创建模块，用于创建游戏项目故事板编辑界面，即创建一个编辑区域作为故事板编辑界面，读取游戏ui文件夹，将每一个ui文件设置为一个界面控件项，保存在界面控件列表上；

所述界面初始化模块，用于设置游戏项目的初始界面，即从界面控件列表上，选择一个界面控件项，加入到故事板编辑界面中，并设置为初始界面；

所述连接线设定模块，根据初始界面设置游戏中各个界面的连接定义；

所述控件事件操作模块，设置游戏ui上的控件跳转事件，并根据设置好的控件跳转事件和界面的连接定义来进行游戏ui的跳转。

进一步的，所述系统还包括测试模块，所述测试模块，用于运行测试各个界面的跳转功能，即设置完所有游戏ui的跳转事件后，点击故事板编辑上的运行按钮，游戏界面程序能根据设置好的控件跳转事件，点击某个控件就会跳转到另一个游戏ui，能实现模拟游戏中的ui跳转过程。

进一步的，所述连接线设定模块进一步具体为：所述连接定义为当前界面与其相连的界面交互关系定义，添加完初始界面后，继续往故事板编辑界面中拖入多个的界面控件项，然后选中多个的界面控件项中一个界面控件项添加连接线与初始界面连接，即设置连接定义；所述连接线设置有名称。

进一步的，所述控件事件操作模块进一步包括：所述故事板编辑界面中设置有一事件栏窗口，在故事板上选中一个界面控件项后，在事件栏窗口会显示当前选中的这个界面，然后选择当前界面的一个控件，每个控件都有属于自己的事件，在控件上设置控件跳转事件，并将界面的连接定义与跳转事件进行绑定，从而在在一个界面上点击控件即可进行游戏ui跳转。

本发明的有益效果在于：有助于游戏ui制作人员在游戏项目中实现游戏ui的设计和开展，清晰地了解各个界面的交互情况；另外，本发明是一种比较直观的，操作简便的游戏ui跳转方法，将提高游戏开发人员开发游戏ui的效率，同时可以像用户体验游戏一样有自检作用，发现之前步骤忽略的细节，不断完善各个游戏ui。

附图说明

图1是本发明的方法流程示意图。

图2是本发明实施例的连接定义演示示意图。

图3是本发明实施例的设置事件方式的示意图。

图4是本发明实施例的各个界面跳转关系示意图。

图5是本发明的系统原理框图。

具体实施方式

下面结合附图对本发明做进一步说明。

请参阅图1所示，本发明的一种游戏ui跳转的方法，所述方法包括如下步骤：

步骤s1、制作游戏项目中每个具体的游戏ui，在游戏ui上编辑对应的界面组件，生成具体的ui文件，保存在游戏ui文件夹下；

步骤s2、创建游戏项目故事板编辑界面，即创建一个编辑区域作为故事板编辑界面，读取游戏ui文件夹，将每一个ui文件设置为一个界面控件项，保存在界面控件列表上；

步骤s3、设置游戏项目的初始界面，即从界面控件列表上，选择一个界面控件项，加入到故事板编辑界面中，并设置为初始界面；

步骤s4、根据初始界面设置游戏中各个界面的连接定义；所述连接定义为当前界面与其相连的界面交互关系定义，添加完初始界面后，继续往故事板编辑界面中拖入多个的界面控件项，然后选中多个的界面控件项中一个界面控件项添加连接线与初始界面连接，即设置连接定义；所述连接线设置有名称。

步骤s5、设置游戏ui上的控件跳转事件，并根据设置好的控件跳转事件和界面的连接定义来进行游戏ui的跳转。

步骤s6、运行测试各个界面的跳转功能，即设置完所有游戏ui的跳转事件后，点击故事板编辑上的运行按钮，游戏界面程序能根据设置好的控件跳转事件，点击某个控件就会跳转到另一个游戏ui，能实现模拟游戏中的ui跳转过程。

下面结合一具体实施例对本发明作进一步说明：

在一个游戏项目中，将涉及多个游戏ui的跳转交互，如果将这些ui通过类似于故事板的操作进行关联起来，就可以清晰地了解各个界面的跳转交互情况。

故事板是软件显示效果的视觉草图，相当于一个可视化的剧本，展示了游戏中各个界面之间的跳转交互关系，给ui制作人员一个完整的体验。本发明是将多个游戏ui加入到故事板中，在故事板中进行关联各个ui的交互关系，实现游戏ui的跳转。主要有以下步骤：

1.制作游戏项目中每个具体的游戏ui

在游戏ui上编辑对应的界面组件，生成具体的ui文件，保存在游戏ui文件夹下。

2.创建游戏项目故事板编辑界面

创建一个编辑区域作为故事板编辑界面，读取游戏ui文件夹，将每一个ui文件设置为一个界面控件项，保存在界面控件列表上。

3.设置游戏项目的初始界面

从界面控件列表上，选择一个界面控件项，拖入到故事板编辑界面，并设置为初始界面，初始界面是作为游戏项目一开始进入的界面，一般为主页界面。

4.设置游戏中各个界面的连接定义

连接定义指的是当前界面与其相连的界面交互关系定义。

添加完初始界面后，继续往故事板编辑界面中拖入界面控件项，然后选中其中一个界面控件项，右键点击选择添加关联线，将会产生一条关联线，将其拖动到需要关联界面的界面控件项。拖动连接完成后，会弹出设置窗口进行设置该条连接的名称。例如选择a界面的界面控件项，设置一条连接线，连接到b界面，设置连接名称为atob，这就设置了一条连接定义atob，表示a界面经过某个事件可以连接到b界面，如图2所示。

5.设置ui上的控件跳转事件

如图3所示，故事板编辑界面有一个事件栏窗口，事件栏窗口有四行编辑框和一个连接按钮，第一行是当前选中的ui界面，第二行是当前界面的所有控件，通过下拉框进行选择，第三行是选中控件的事件，也是通过下拉框进行选择，最后一行是选择连接定义，就是第4步设置好的连接定义。选中一个界面控件项后，在事件栏窗口会显示当前选中的这个界面，这边选择a界面的界面控件项，然后选择当前界面的一个控件，就比如选择buttona，然后就可以选择这个控件的事件，每个控件都有属于自己的事件，这边选择buttona的clicked事件，接着设置连接定义，就选择上面设置好的连接定义atob，点击连接按钮，则实现了a界面点击buttona即会跳转到界面b这个事件。

6.运行测试各个界面的跳转功能

设置完所有ui的跳转事件后，点击故事板编辑上的运行按钮，即可运行游戏端界面程序，首先会只展示初始界面，根据设置好的控件跳转事件，点击初始界面的某个控件，就会跳转到另一个ui，或者在另一个ui，点击回到主页按钮，也可以跳回到初始界面。通过各个ui跳转，可以实现模拟游戏中的ui跳转过程。

如图4所示，展示了一个游戏项目的界面跳转关系，由初始界面开始，可以跳转到界面a，界面b，界面c，但是界面b也可以跳转回初始界面，由界面a可以继续跳转到界面d，界面d又可以跳转回界面b。只要设置对应的ui跳转事件，都可以进行任意的ui跳转。

如图5所示，本发明还提供了一种游戏ui跳转的系统，所述系统包括ui文件制作模块、故事板创建模块、界面初始化模块、连接线设定模块、控件事件操作模块以及测试模块；

所述ui文件制作模块，用于制作游戏项目中每个具体的游戏ui，在游戏ui上编辑对应的界面组件，生成具体的ui文件，保存在游戏ui文件夹下；

所述故事板创建模块，用于创建游戏项目故事板编辑界面，即创建一个编辑区域作为故事板编辑界面，读取游戏ui文件夹，将每一个ui文件设置为一个界面控件项，保存在界面控件列表上；

所述界面初始化模块，用于设置游戏项目的初始界面，即从界面控件列表上，选择一个界面控件项，加入到故事板编辑界面中，并设置为初始界面；

所述连接线设定模块，根据初始界面设置游戏中各个界面的连接定义；

所述控件事件操作模块，设置游戏ui上的控件跳转事件，并根据设置好的控件跳转事件和界面的连接定义来进行游戏ui的跳转。

所述测试模块，用于运行测试各个界面的跳转功能，即设置完所有游戏ui的跳转事件后，点击故事板编辑上的运行按钮，游戏界面程序能根据设置好的控件跳转事件，点击某个控件就会跳转到另一个游戏ui，能实现模拟游戏中的ui跳转过程。

所述连接线设定模块进一步具体为：所述连接定义为当前界面与其相连的界面交互关系定义，添加完初始界面后，继续往故事板编辑界面中拖入多个的界面控件项，然后选中多个的界面控件项中一个界面控件项添加连接线与初始界面连接，即设置连接定义；所述连接线设置有名称。

其中，所述控件事件操作模块进一步包括：所述故事板编辑界面中设置有一事件栏窗口，在故事板上选中一个界面控件项后，在事件栏窗口会显示当前选中的这个界面，然后选择当前界面的一个控件，每个控件都有属于自己的事件，在控件上设置控件跳转事件，并将界面的连接定义与跳转事件进行绑定，从而在在一个界面上点击控件即可进行游戏ui跳转。

总之，本发明主要应用了故事板的创作思路来实现ui跳转方式。本发明将多个游戏ui加入到故事板中，在故事板中进行关联各个ui的交互关系，实现游戏ui的跳转。

以上所述仅为本发明的较佳实施例，凡依本发明申请专利范围所做的均等变化与修饰，皆应属本发明的涵盖范围。

起点商标作为专业知识产权交易平台，可以帮助大家解决很多问题，如果大家想要了解更多知产交易信息请点击 【在线咨询】或添加微信 【19522093243】与客服一对一沟通，为大家解决相关问题。

此文章来源于网络,如有侵权,请联系删除