用户界面的生成方法及装置制造方法及图纸

本公开涉及一种用户界面的生成方法及装置。该方法包括：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据控件对应的配置文件获取控件所需的界面素材；根据控件对应的配置文件中的配置信息对控件所需的界面素材进行配置；根据控件对应的配置文件中的布局信息在待生成的用户界面中布局控件。本公开将生成用户界面的界面素材、布局和功能逻辑分离，在更新用户界面时，仅需适应性修改对应的界面素材、布局和功能逻辑，能够快速、动态地对用户界面进行配置，实现自动化配置，无需重复整个用户界面的研发过程，节省研发资源，缩短研发周期。

User interface generation method and device

The disclosure relates to a method and device for generating user interfaces. The method includes: obtaining the configuration files of each control in the user interface to be generated; obtaining the interface materials needed by the control according to the configuration files corresponding to each control; configuring the interface materials needed by the control according to the configuration information in the configuration files corresponding to the control; and corresponding to the control. The layout information in the configuration file controls the layout in the user interface to be generated. The present disclosure separates the interface material, layout and function logic of the user interface. When updating the user interface, only the corresponding interface material, layout and function logic need to be adaptively modified, and the user interface can be configured quickly and dynamically to realize automatic configuration without repeating the entire user interface development process. It saves R & D resources and shortens R & D cycle.

【技术实现步骤摘要】
用户界面的生成方法及装置
本公开涉及计算机
，尤其涉及一种用户界面的生成方法及装置。
技术介绍
相关技术中，研发人员需要为各个应用、网站分别研发、维护相应的用户界面(UserInterface，简称UI)的控件代码。当需要更新用户界面时，研发人员需重新编写用户界面的代码。这种用户界面的生成方式存在重复的研发投入，研发周期较长。
技术实现思路
有鉴于此，本公开提出了一种用户界面的生成方法及装置，以解决相关技术中用户界面的生成方式存在重复的研发投入、研发周期较长的问题。根据本公开的第一方面，提供了一种用户界面的生成方法，包括：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。在一种可能的实现方式中，在获取待生成的用户界面中各个控件对应的配置文件之前，还包括：将各个界面素材以及各个控件对应的配置文件存储在资源库中。在一种可能的实现方式中，所述界面素材包括以下至少一种：配置所述控件所需的图片文件、动画文件和字体文件。在一种可能的实现方式中，所述布局信息包括以下至少一种：所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。在一种可能的实现方式中，该方法还包括：将各个控件对应的功能逻辑存储在零件库中。根据本公开的第二方面，提供了一种用户界面的生成装置，包括：配置文件获取模块，用于获取待生成的用户界面中各个控件对应的配置文件；界面素材获取模块，用于对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；控件配置模块，用于根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；控件布局模块，用于根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。在一种可能的实现方式中，该装置还包括：资源库存储模块，用于将各个界面素材以及各个控件对应的配置文件存储在资源库中。在一种可能的实现方式中，所述界面素材包括一下以下至少一种：配置所述控件所需的图片文件、动画文件和字体文件。在一种可能的实现方式中，所述布局信息包括以下至少一种：所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。在一种可能的实现方式中，该装置还包括：零件库存储模块，用于将各个控件对应的功能逻辑存储在零件库中。根据本公开的第三方面，提供了一种用户界面的生成装置，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。根据本公开的第四方面，提供了一种非易失性计算机可读存储介质，当所述存储介质中的指令由终端和/或服务器的处理器执行时，使得终端和/或服务器能够：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。本公开所提供的用户界面的生成方法及装置，将生成用户界面的界面素材、布局和功能逻辑分离，在更新用户界面时，仅需适应性修改对应的界面素材、布局和功能逻辑，能够快速、动态地对用户界面进行配置，实现自动化配置，无需重复整个用户界面的研发过程，节省研发资源，缩短研发周期。根据下面参考附图对示例性实施例的详细说明，本公开的其它特征及方面将变得清楚。附图说明包含在说明书中并且构成说明书的一部分的附图与说明书一起示出了本公开的示例性实施例、特征和方面，并且用于解释本公开的原理。图1示出根据本公开一实施例的一种用户界面的生成方法的流程图；图2示出根据本公开一实施例的一个示例示出的一种用户界面的框架的示意图；图3示出根据本公开一实施例的用户界面的生成方法的一示例性的流程图；图4示出根据本公开一实施例的用户界面的生成方法的另一示例性的流程图；图5示出根据本公开一实施例的一种用户界面的生成装置的框图；图6示出根据本公开一实施例的一种用户界面的生成装置的一示例性的框图；图7是根据一示例性实施例示出的一种用于用户界面的生成装置800的框图；图8是根据一示例性实施例示出的一种用于用户界面的生成装置1900的框图。具体实施方式以下将参考附图详细说明本公开的各种示例性实施例、特征和方面。附图中相同的附图标记表示功能相同或相似的元件。尽管在附图中示出了实施例的各种方面，但是除非特别指出，不必按比例绘制附图。在这里专用的词“示例性”意为“用作例子、实施例或说明性”。这里作为“示例性”所说明的任何实施例不必解释为优于或好于其它实施例。另外，为了更好的说明本公开，在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解，没有某些具体细节，本公开同样可以实施。在一些实例中，对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述，以便于凸显本公开的主旨。实施例1图1示出根据本公开一实施例的一种用户界面的生成方法的流程图。该方法可以用于生成多媒体播放器的用户界面，例如视频播放器的用户界面，在此不作限定。如图1所示，该方法可以包括步骤S11至步骤S14。在步骤S11中，获取待生成的用户界面中各个控件对应的配置文件。作为本实施例的一个示例，可以根据控件与配置文件的对应关系获取待生成的用户界面中各个控件对应的配置文件。例如，可以在配置文件中记载其对应控件的名称、编号或功能逻辑等，以根据控件的名称、编号或功能逻辑获取其对应的配置文件。在一种可能的实现方式中，在步骤S11之前，该方法还包括：将各个界面素材以及各个控件对应的配置文件存储在资源库中。在一种可能的实现方式中，界面素材包括以下至少一种：配置控件所需的图片文件、动画文件和字体文件。其中，动画文件可以是fla文件，fla(动画文件格式)是包含原始素材的Flash动画格式。在步骤S12中，对于每一个控件，根据控件对应的配置文件获取控件所需的界面素材。作为该实现方式的一个示例，可以根据配置文件从资源库中获取配置该控件所需的界面素材。在步骤S13中，根据控件对应的配置文件中的配置信息对控件所需的界面素材进行配置。作为本实施的一个示例，可以根据配置信息对控件所需的界面素材进行配置，生成对应的控件。在步骤S14中，根据控件对应的配置文件中的布局信息在待生成的用户界面中布局控件。作为本实施的一个示例，可以根据控件的布局信息，将步骤S13生成的控件布局在用户界面中。作为本实施例的一个示例，可以通过CSS(CascadingStyleSheets，层叠样式表)实现控件在用户界面中的布局控制。可以通过HTML5(HyperTextMarkupLanguage5，超文本标记语言第5版本)浏览器渲染页面DIV(Division，划分)+CSS的方式自定义实现CSS的布局控制，以使控件的布本文档来自技高网...

【技术保护点】
1.一种用户界面的生成方法，其特征在于，包括：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。

【技术特征摘要】
1.一种用户界面的生成方法，其特征在于，包括：获取待生成的用户界面中各个控件对应的配置文件；对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。2.根据权利要求1所述的方法，其特征在于，在获取待生成的用户界面中各个控件对应的配置文件之前，还包括：将各个界面素材以及各个控件对应的配置文件存储在资源库中。3.根据权利要求1或2所述的方法，其特征在于，所述界面素材包括以下至少一种：配置所述控件所需的图片文件、动画文件和字体文件。4.根据权利要求1所述的方法，其特征在于，所述布局信息包括以下至少一种：所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。5.根据权利要求1所述的方法，其特征在于，还包括：将各个控件对应的功能逻辑存储在零件库中。6.一种用户界面的生成装置，其特征在于，包括：配置文件获取模块，用于获取待生成的用户界面中各个控件对应的配置文件；界面素材获取模块，用于对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；控件配置模块，用于根...

【专利技术属性】
技术研发人员：刘军立，李奎，姜秀平，孙冰晶，李明杰，潘柏宇，谢菲，
申请(专利权)人：合一网络技术北京有限公司，
类型：发明
国别省市：北京,11