[发明专利]用户界面生成方法及装置

说明书

本申请实施例提供一种用户界面生成方法及装置，涉及UI设计技术领域。其中，所述方法通过将多种用户界面所需的控件进行统一封装，在生成用户界面时从预先配置的控件列表中查找待生成界面所需的滑动控件及功能控件，然后根据预先设置的排版规则对所述功能控件进行组合，得到预制件；最后将所述预制件添加到所述滑动控件中的预设区域，并将待显示的数据信息写入所述预制件中的对应位置，生成用户界面。通过该方法，可以免于对各种用户界面所需的控件进行分别制作，从而提高用户界面的开发效率，降低后期的维护成本。

技术领域

本申请涉及UI设计技术领域，具体而言，涉及一种用户界面生成方法及装置。

背景技术

在大部分游戏制作过程中，UI(User Interface，用户界面)设计通常都有滑动界面的需求，如好友列表、任务列表以及商城中的道具列表等。在开发过程中，各个模块通常由不同的开发人员负责，而各个模块所需的UI控件通常也是由各个开发人员分别制作，这样不仅开发效率低，还会在后期大大增加维护成本。

因此，对于本领域技术人员而言，研究一种可以提高用户界面开发效率，并且可以降低后期维护成本的方法具有重要意义。

发明内容

为了克服现有技术中的上述不足，本申请提供一种用户界面生成方法及装置，以提高用户界面的开发效率并降低后期的维护成本。

为了实现上述目的，本申请较佳实施例采用的技术方案如下：

第一方面，本申请实施例提供一种用户界面生成方法，所述方法包括：

从预先配置的控件列表中查找待生成界面所需的目标控件，所述目标控件包括滑动控件及若干功能控件；

根据预先设置的排版规则对所述功能控件进行组合，得到预制件；

获取待显示的数据信息；

将所述预制件添加到所述滑动控件中的预设区域，并将所述待显示的数据信息写入所述预制件中的对应位置，生成用户界面。

可选地，在本申请实施例中，所述滑动控件包括滑动区域，所述将所述预制件添加到所述滑动控件中的预设区域的步骤，包括：

确定待添加到滑动控件的预制件的数量以及每一个预制件的高度；

根据所述数量及高度计算容纳所述待添加到滑动控件的预制件所需的总高度；

根据所述总高度确定所述滑动控件的滑动区域；

将所述待添加到滑动控件的预制件添加到所述滑动区域。

可选地，在本申请实施例中，所述方法还包括：

检测所述总高度是否大于预设阈值；

在所述总高度大于预设阈值时，根据预设高度确定所述滑动区域，并从所述待添加到滑动控件的预制件中选择预设数量的预制件添加到所述滑动区域。

可选地，在本申请实施例中，所述方法还包括：

接收用户操作的滑动指令；

根据所述滑动指令调整所述预制件在所述滑动区域中的位置。

可选地，在本申请实施例中，所述根据所述滑动指令调整所述预制件在所述滑动区域中的位置的步骤，包括：

对所述滑动指令进行解析，得到对应的偏移量；

根据所述预制件的高度及所述偏移量计算每一个预制件偏移后的目标位置；

判断每一个预制件对应的目标位置是否在所述滑动区域内；

若在所述滑动区域内，将预制件移动至对应的目标位置；若不在所述滑动区域内，将预制件加入缓存池。