CN108664243A - 用户界面的生成方法及装置 - Google Patents

Abstract

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

Description

用户界面的生成方法及装置

技术领域

本公开涉及计算机技术领域，尤其涉及一种用户界面的生成方法及装置。

背景技术

相关技术中，研发人员需要为各个应用、网站分别研发、维护相应的用户界面(User Interface，简称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(Cascading Style Sheets，层叠样式表)实现控件在用户界面中的布局控制。可以通过HTML5(HyperText Markup Language 5，超文本标记语言第5版本)浏览器渲染页面DIV(Division，划分)+CSS的方式自定义实现CSS的布局控制，以使控件的布局信息可配置修改，以实现配置信息和布局信息的分开放置、分开管理和维护。其中，CSS是一种用来表现HTML(HyperText Markup Language，超文本标记语言)或XML(Extensible Markup Language，可扩展标记语言)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。DIV+CSS是Web(网页)设计标准，是一种网页的布局方法。

作为本实施例的一个示例，布局信息还可以编译在配置信息中，即，配置信息可以包括布局信息。

作为本实施例的一个示例，可以通过自定义XML节点实现对各控件布局信息的配置编译。

在一种可能的实现方式中，布局信息包括以下至少一种：控件在待生成的用户界面中的显示位置、显示尺寸和显示形式。其中，控件在待生成的用户界面中的显示位置可以为控件在待生成的用户界面中的坐标。显示形式可以包括控件在用户界面中的浮动自适应形式和/或背景缩放平铺形式。

在一种可能的实现方式中，该方法还包括：将各个控件对应的功能逻辑存储在零件库中。其中，一个控件可以对应一个功能逻辑，也可以对应多个功能逻辑。

在一种可能的实现方式中，资源库和零件库可以通过统一的接口实现，以使外部可以对用户界面中的各控件的交互扩展。

本实施例将生成用户界面的界面素材、布局和功能逻辑分离，在更新用户界面时，仅需适应性修改对应的界面素材、布局和功能逻辑，能够快速、动态地对用户界面进行配置，实现自动化配置，无需重复整个用户界面的研发过程，节省研发资源，缩短研发周期。

图2示出根据本公开一实施例的一个示例示出的一种用户界面的框架的示意图。如图2所示，该用户界面的框架是根据图1的用户界面的生成方法配置的，该用户界面的框架可以包括：资源库1，用于存储界面素材11和各个控件对应的配置文件12，配置文件包括配置信息121和布局信息122；零件库2，用于存储各个控件对应的功能逻辑。根据如图2所示的用户界面的框架可以生成包括控件1、控件2和控件3在内的多个控件的用户界面3。

这样，在更新用户界面中的控件时，仅需修改待更新控件的配置文件，适应性地更新界面素材即可，无须重复编写用户界面的全部控件的代码。例如：若改变原有控件1在用户界面中的显示形式，则仅需更新控件1的配置文件即可实现控件1的更新。若新增一个控件2，在界面素材中存在控件2所需的素材的情况下，则仅需配置控件2的配置文件；在界面素材中存在控件2所需的部分素材的情况下，则需增加控件2所需的界面素材，并新增控件2的配置文件。

图3示出根据本公开一实施例的用户界面的生成方法的一示例性的流程图。如图3所示，该方法可以包括步骤S31至步骤S35。

在步骤S31中，更新资源库和零件库。

其中，可以根据待生成的用户界面对资源库和零件库的需求，添加原资源库和零件库中不存在且待生成的用户界面需要用到的界面素材、配置文件和功能逻辑。

作为本实施例的另一个示例，可以根据待生成的用户界面对资源库和零件库的需求，将原资源库和零件库中不满足待生成的用户界面需求的界面素材、配置文件和功能逻辑删除，保留原资源库和零件库中符合待生成的用户界面需求的界面素材、配置文件和功能逻辑，并添加原资源库和零件库中不存在且待生成的用户界面需要用到的界面素材、配置文件和功能逻辑。

作为本实施例的一个示例，可以使用用户界面编译配置XML模块生成待生成的用户界面的配置文件，并通过定义控件的CSS样式布局配置控件的布局信息。该用户界面编译配置XML模块可以包括用户界面可能需要用到的各个控件以及各个控件所对应的界面素材、配置信息等。

作为本实施例的一个示例，在完成新用户界面的配置编译后，可以将新用户界面的资源库和零件库的地址配置到运行该新用户界面的播放器的运行参数中，以使播放器可以根据运行参数获取新用户界面，并为用户显示。

在步骤S32中，获取待生成的用户界面中各个控件对应的配置文件。

其中，步骤S32参考上文步骤S11的描述。

在步骤S33中，对于每一个控件，根据控件对应的配置文件获取控件所需的界面素材

其中，步骤S33参考上文步骤S12的描述。

在步骤S34中，根据控件对应的配置文件中的配置信息对控件所需的界面素材进行配置。

其中，步骤S34参考上文步骤S13的描述。

在步骤S35中，根据控件对应的配置文件中的布局信息在待生成的用户界面中布局控件。

其中，步骤S35参考上文步骤S14的描述。

通过将用户界面的功能逻辑、布局和界面素材分离，在更新用户界面的过程中，可以以原有的资源库和零件库为基础，将发生变化的部分进行重新配置编译，不再需要重复用户界面的全部研发过程，缩短研发周期，并保持新旧版用户界面交互体验的一致性，保证用户可以在运行时动态切换各用户界面。

图4示出根据本公开一实施例的用户界面的生成方法的另一示例性的流程图。如图4所示，包括步骤S41至步骤S44。该示例中，新增控件可以是播放器底部控制条中的横竖屏旋转控件。该横竖屏旋转控件的逻辑功能是，在控制视频画面切换横竖屏状态的同时，控制用户界面切换横竖屏状态。

在步骤S41中，将新增控件所需的界面素材配置到资源库。

作为本实施例的一个示例，需在资源库中增加新增控件需要且原资源库不存在的界面素材。

在步骤S42中，将新增控件的功能逻辑增加到零件库。

作为本实施例的一个示例，将新增控件的功能逻辑增加到零件库包括：根据新增控件的功能逻辑判断零件库中是否存在该新增控件对应的功能逻辑类，若零件库中存在该新增控件对应的功能逻辑类，则确定该功能逻辑类的功能逻辑，确定新增控件的功能逻辑与该功能逻辑类的功能逻辑的区别功能逻辑，将区别功能逻辑存储至零件库中，并将该功能逻辑类的功能逻辑与该区别功能逻辑确定为该新增控件的功能逻辑。其中，该功能逻辑类的功能逻辑可以为该功能逻辑类中各个控件共有的功能逻辑。若零件库中不存在该新增控件对应的功能逻辑类，则在零件库中增加新增控件的功能逻辑。其中，功能逻辑类可以是从零件库中抽象出的具有相似功能逻辑的一类控件的功能概括，例如，暂停/播放控件与弹幕切换控件均属于切换功能逻辑类。

在步骤S43中，配置新增控件的配置文件。

作为本实施例的一个示例，在配置信息中包含布局信息的情况下，若新增控件的布局与已有控件存在相同的显示形式，则可以在与新增控件具有相同显示形式的已有控件对应的配置信息中增加新增控件的XML节点。这样，既不改变已有控件的生成和显示，亦可缩短研发周期。

在步骤S44中，在待显示的用户界面中包括该新增控件的情况下，在待生成的用户界面中布局新增控件。

作为本实施例的一个示例，可以在用户界面中增加横竖屏旋转控件，由播放核心底层实现处理画面旋转功能。在接收到用户旋转画面所产生的命令的情况下，执行旋转画面的操作，并回传旋转成功消息。该旋转成功消息由播放器广播到用户界面。用户界面中的横竖屏旋转控件收到旋转成功消息后，则将用户界面改变为画面旋转后所对应的显示状态。其中，步骤S44中生成新增控件并在待显示的用户界面中布局该新增控件的过参考上文步骤S11至步骤S14。

这样，在新增控件的过程中，仅需在零件库中补充新增控件的功能逻辑，并修改配置文件即可，无需改变已有控件的配置，简化了新增控件的研发过程，缩短研发时间。

实施例2

图5示出根据本公开一实施例的一种用户界面的生成装置的框图。如图5所示，该装置可以包括：配置文件获取模块501，用于获取待生成的用户界面中各个控件对应的配置文件；界面素材获取模块502，用于对于每一个控件，根据控件对应的配置文件获取控件所需的界面素材；控件配置模块503，用于根据控件对应的配置文件中的配置信息对控件所需的界面素材进行配置；控件布局模块504，用于根据控件对应的配置文件中的布局信息在待生成的用户界面中布局控件。

在一种可能的实现方式中，所述界面素材包括一下以下至少一种：配置所述控件所需的图片文件、动画文件和字体文件。

在一种可能的实现方式中，所述布局信息包括以下至少一种：所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。

图6示出根据本公开一实施例的一种用户界面的生成装置的一示例性的框图。

在一种可能的实现方式中，如图6所示，该装置还包括：资源库存储模块505，用于将各个界面素材以及各个控件对应的配置文件存储在资源库中。

在一种可能的实现方式中，如图6所示，该装置还包括：零件库存储模块506，用于将各个控件对应的功能逻辑存储在零件库中。

关于本实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例1中进行了详细描述，此处将不做详细阐述说明。

本实施例将生成用户界面的界面素材、布局和功能逻辑分离，在更新用户界面时，仅需适应性修改对应的界面素材、布局和功能逻辑，能够快速、动态地对用户界面进行配置，实现自动化配置，无需重复整个用户界面的研发过程，节省研发资源，缩短研发周期。

实施例3

图7是根据一示例性实施例示出的一种用于用户界面的生成装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图7，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非易失性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。

实施例4

图8是根据一示例性实施例示出的一种用于用户界面的生成装置1900的框图。例如，装置1900可以被提供为一服务器。参照图8，装置1900包括处理组件1922，其进一步包括一个或多个处理器，以及由存储器1932所代表的存储器资源，用于存储可由处理组件1922的执行的指令，例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1922被配置为执行指令，以执行上述方法。

装置1900还可以包括一个电源组件1926被配置为执行装置1900的电源管理，一个有线或无线网络接口1950被配置为将装置1900连接到网络，和一个输入输出(I/O)接口1958。装置1900可以操作基于存储在存储器1932的操作系统，例如Windows ServerTM，MacOS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

在示例性实施例中，还提供了一种包括指令的非易失性计算机可读存储介质，例如包括指令的存储器1932，上述指令可由装置1900的处理组件1922执行以完成上述方法。

本公开可以是系统、方法和/或计算机程序产品。计算机程序产品可以包括计算机可读存储介质，其上载有用于使处理器实现本公开的各个方面的计算机可读程序指令。

计算机可读存储介质可以是可以保持和存储由指令执行设备使用的指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计算机可读存储介质不被解释为瞬时信号本身，诸如无线电波或者其他自由传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如，通过光纤电缆的光脉冲)、或者通过电线传输的电信号。

这里所描述的计算机可读程序指令可以从计算机可读存储介质下载到各个计算/处理设备，或者通过网络、例如因特网、局域网、广域网和/或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机可读程序指令，并转发该计算机可读程序指令，以供存储在各个计算/处理设备中的计算机可读存储介质中。

用于执行本公开操作的计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码，所述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等，以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。在一些实施例中，通过利用计算机可读程序指令的状态信息来个性化定制电子电路，例如可编程逻辑电路、现场可编程门阵列(FPGA)或可编程逻辑阵列(PLA)，该电子电路可以执行计算机可读程序指令，从而实现本公开的各个方面。

这里参照根据本公开实施例的方法、装置(系统)和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。

这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它可编程数据处理装置的处理器，从而生产出一种机器，使得这些指令在通过计算机或其它可编程数据处理装置的处理器执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。

也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装置、或其它设备上，使得在计算机、其它可编程数据处理装置或其它设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。

附图中的流程图和框图显示了根据本公开的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，所述模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

以上已经描述了本公开的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的技术改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (11)

1.一种用户界面的生成方法，其特征在于，包括：

获取待生成的用户界面中各个控件对应的配置文件；

对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；

根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；

根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。

2.根据权利要求1所述的方法，其特征在于，在获取待生成的用户界面中各个控件对应的配置文件之前，还包括：

将各个界面素材以及各个控件对应的配置文件存储在资源库中。

3.根据权利要求1或2所述的方法，其特征在于，所述界面素材包括以下至少一种：

配置所述控件所需的图片文件、动画文件和字体文件。

4.根据权利要求1所述的方法，其特征在于，所述布局信息包括以下至少一种：

所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。

5.根据权利要求1所述的方法，其特征在于，还包括：

将各个控件对应的功能逻辑存储在零件库中。

6.一种用户界面的生成装置，其特征在于，包括：

配置文件获取模块，用于获取待生成的用户界面中各个控件对应的配置文件；

界面素材获取模块，用于对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；

控件配置模块，用于根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；

控件布局模块，用于根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。

7.根据权利要求6所述的装置，其特征在于，还包括：

资源库存储模块，用于将各个界面素材以及各个控件对应的配置文件存储在资源库中。

8.根据权利要求6或7所述的装置，其特征在于，所述界面素材包括一下以下至少一种：

配置所述控件所需的图片文件、动画文件和字体文件。

9.根据权利要求6所述的装置，其特征在于，所述布局信息包括以下至少一种：

所述控件在所述待生成的用户界面中的显示位置、显示尺寸和显示形式。

10.根据权利要求6所述的装置，其特征在于，还包括：

零件库存储模块，用于将各个控件对应的功能逻辑存储在零件库中。

11.一种用户界面的生成装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取待生成的用户界面中各个控件对应的配置文件；

对于每一个控件，根据所述控件对应的配置文件获取所述控件所需的界面素材；

根据所述控件对应的配置文件中的配置信息对所述控件所需的界面素材进行配置；

根据所述控件对应的配置文件中的布局信息在所述待生成的用户界面中布局所述控件。