WO2019076307A1

WO2019076307A1 - Storage apparatus, application control creation method, and user interface creation method

Info

Publication number: WO2019076307A1
Application number: PCT/CN2018/110516
Authority: WO
Inventors: 史子旸
Original assignee: 捷开通讯(深圳)有限公司
Priority date: 2017-10-20
Filing date: 2018-10-16
Publication date: 2019-04-25
Also published as: CN107977203A

Abstract

Disclosed in the present application are an application control creation method, an application user interface creation method, and a storage apparatus. The method comprises: running an application; reading an interface configuration file of the application; and reading corresponding configuration information according to the interface configuration file and native controls in the application to create an interface control of the application, thereby creating a user interface of the application.

Description

存储装置、应用程序控件以及用户界面的创建方法Storage device, application control, and user interface creation method

本申请要求于2017年10月20日提交中国专利局、申请号为201710989428.7、发明名称为“存储装置、应用程序控件以及用户界面的创建方法”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。This application claims the priority of the Chinese Patent Application filed on October 20, 2017, the Chinese Patent Office, Application No. PCT Application No. PCT Application No. Combined in this application.

技术领域Technical field

本申请涉及应用程序显示技术领域，特别是涉及一种应用程序控件的创建方法、应用程序用户界面创建方法以及存储装置。The present application relates to the field of application display technologies, and in particular, to a method for creating an application control, an application user interface creation method, and a storage device.

背景技术Background technique

目前，在应用程序用户界面开发环境下，针对应用程序用户界面控件细节的修改，默认的方法是在应用程序代码或者用户界面文件中修改，经重新编译，再发布新应用程序，用户通过更新为新应用程序以进行应用程序用户界面控件细节的修改，上述修改方式历时较长，用户若想要调整应用程序的用户界面，需要等待较长时间才能得到应用程序用户界面修改后的实际效果，应用程序用户界面的修改效率低，对用户的使用体验造成不良影响。Currently, in the application user interface development environment, the default method for modifying the details of the application user interface control is to modify it in the application code or user interface file, recompile, and then release the new application, the user is updated to The new application is used to modify the details of the application user interface control. The above modification method lasts for a long time. If the user wants to adjust the user interface of the application, it takes a long time to obtain the actual effect after the application user interface is modified. The modification of the program user interface is inefficient and adversely affects the user experience.

技术问题technical problem

本申请实施例提供一种应用程序控件的创建方法、应用程序用户界面创建方法以及存储装置，能够提高应用程序用户界面的调整效率。The embodiment of the present application provides a method for creating an application control, a method for creating an application user interface, and a storage device, which can improve the adjustment efficiency of the application user interface.

技术解决方案Technical solution

第一方面，本申请实施例提供一种应用程序控件的创建方法，所述方法包括：提供第一控件以及控件基类；将所述第一控件以及所述控件基类组合派生，以创建第二控件；所述第二控件用于创建应用程序界面。In a first aspect, an embodiment of the present application provides a method for creating an application control, where the method includes: providing a first control and a control base class; and deriving the first control and the control base class combination to create a first Two controls; the second control is used to create an application interface.

在所述的应用程序控件的创建方法中，所述第一控件为原生控件。In the method for creating an application control, the first control is a native control.

在所述的应用程序控件的创建方法中，所述第一控件为派生控件。In the creation method of the application control, the first control is a derivative control.

第二方面，本申请实施例还提供一种应用程序用户界面的创建方法，所述方法基于上述实施例所阐述应用程序控件的创建方法，所述方法包括：运行应用程序；读取所述应用程序的界面配置文件；根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In a second aspect, an embodiment of the present application further provides a method for creating an application user interface, where the method is based on the method for creating an application control, where the method includes: running an application; and reading the application. An interface configuration file of the program; according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

在所述的应用程序用户界面的创建方法中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In the method for creating an application user interface, the configuration information in the interface configuration file includes a control base class and configuration parameters of each native control in the application, and the configuration parameter is used to use the application. Each of the native controls is derived in combination with the control base class to create a functional interface of each native control in the application, thereby creating an interface control of the application, thereby creating a user interface of the application.

在所述的应用程序用户界面的创建方法中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。In the method for creating an application user interface, the control base class of each native control in the application includes an ID retrieval interface, a parameter delivery interface, and a function function.

在所述的应用程序用户界面的创建方法中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In the method for creating an application user interface, each native control in the application includes a plurality of control levels, and the native control of the superior control level transmits the configuration information in the interface configuration file to the parameter delivery interface through the parameter delivery interface thereof. Corresponding lower level control level of the native control, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

在所述的应用程序用户界面的创建方法中，所述方法进一步包括：获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作。In the method for creating an application user interface, the method further includes: acquiring control pointer information of each native control in the application, thereby acquiring control authority of each native control in the application, and further controlling the Each native control in the application performs the corresponding operation.

在所述的应用程序用户界面的创建方法中，所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作，包括：In the method for creating an application user interface, the acquiring control pointer information of each native control in the application, thereby obtaining control authority of each native control in the application, and controlling the application Each native control performs the corresponding operations, including:

通过创建各原生控件的ID对所述各原生控件地址的映射，在所述各原生控件初始化过程中加入所述各原生控件的ID对所述各原生控件地址的映射，再通过所述各原生控件的ID取出所述各原生控件的控件指针信息，进而控制所述应用程序中各原生控件进行相应操作。By mapping the IDs of the native controls to the addresses of the respective native controls, the mapping of the IDs of the native controls to the addresses of the native controls is added to the initialization process of each of the native controls, and then through the respective natives. The ID of the control takes out the control pointer information of each of the native controls, and then controls each of the native controls in the application to perform corresponding operations.

在所述的应用程序用户界面的创建方法中，所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面，包括：In the method for creating an application user interface, according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating the The user interface of the application, including:

根据所述界面配置文件中的控件树状关系结构，构建应用程序控件整体框架，所述应用程序中的各原生控件从所述界面配置文件中读取相应配置信息进行初始化，深度遍历所述应用程序中的各原生控件，从而完成所述应用程序的界面控件的创建，进而完成所述应用程序的用户界面的创建。Constructing an overall framework of the application control according to the control tree structure in the interface configuration file, each native control in the application reads the corresponding configuration information from the interface configuration file for initialization, and traverses the application in depth Each of the native controls in the program completes the creation of the interface control of the application, thereby completing the creation of the user interface of the application.

在所述的应用程序用户界面的创建方法中，所述方法进一步包括：读取所述应用程序的渲染配置文件，根据所述渲染配置文件，设置所述应用程序的用户界面。In the method for creating an application user interface, the method further includes: reading a rendering configuration file of the application, and setting a user interface of the application according to the rendering configuration file.

在所述的应用程序用户界面的创建方法中，所述渲染配置文件包括所述应用程序用户界面的外观属性。In the method of creating an application user interface, the rendering configuration file includes a look and feel attribute of the application user interface.

第三方面，本申请实施例还提供一种存储装置，所述存储装置存储有程序数据，所述程序数据能够被执行如下步骤：运行应用程序；读取所述应用程序的界面配置文件，其中，所述界面配置文件为根据控件之间的树状结构建立对应控件树状关系结构的控件配置信息的树状关系结构；根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In a third aspect, the embodiment of the present application further provides a storage device, where the storage device stores program data, and the program data can be executed by: running an application; and reading an interface configuration file of the application, where The interface configuration file is a tree-like relationship structure for establishing control configuration information corresponding to the control tree structure according to the tree structure between the controls; according to the interface configuration file, each native control in the application reads correspondingly Configuration information to create an interface control for the application to create a user interface for the application.

在所述的存储装置中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In the storage device, the configuration information in the interface configuration file includes a control base class and configuration parameters of each native control in the application, and the configuration parameter is used to compare each native control in the application with The control base class is combined to derive a functional interface of each native control in the application, thereby creating an interface control of the application, thereby creating a user interface of the application.

在所述的存储装置中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。In the storage device, the control base class of each native control in the application program includes an ID retrieval interface, a parameter delivery interface, and a function function.

在所述的存储装置中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In the storage device, each of the native controls in the application includes a plurality of control levels, and the native control of the upper control level transmits the configuration information in the interface configuration file to the corresponding lower control level through its parameter delivery interface. The native control, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

在所述的存储装置中，所述程序数据还能够被执行以实现如下步骤：In the storage device, the program data can also be executed to implement the following steps:

获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作。Obtaining control pointer information of each native control in the application, thereby obtaining control authority of each native control in the application, and then controlling each native control in the application to perform corresponding operations.

在所述的存储装置中，实现所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作的步骤，包括：In the storage device, the obtaining the control pointer information of each native control in the application, thereby obtaining the control authority of each native control in the application, and then controlling each native control in the application to perform The steps of the corresponding operations, including:

在所述的存储装置中，实现所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面的步骤，包括：In the storage device, implementing, according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user of the application. The steps of the interface include:

读取所述应用程序的渲染配置文件，根据所述渲染配置文件，设置所述应用程序的用户界面。Reading a rendering configuration file of the application, and setting a user interface of the application according to the rendering configuration file.

有益效果Beneficial effect

本申请的有益效果是：相比于现有技术需要重新编译应用程序的程序代码或者用户界面文件，再重新发布新应用程序以完成应用程序用户界面的修改调整，本申请应用程序界面控件由应用程序的原生控件从界面配置文件中读取相应配置信息，以创建应用程序的界面控件，只需调整界面配置文件中的相应配置信息，即可实现对应用程序用户界面的修改调整，调整周期大幅度缩短，能够提高应用程序用户界面的调整效率。The beneficial effects of the present application are: compared with the prior art, it is required to recompile the program code or user interface file of the application, and then re-publish the new application to complete the modification and adjustment of the application user interface, and the application interface control of the present application is applied by the application. The native control of the program reads the corresponding configuration information from the interface configuration file to create an interface control of the application, and only needs to adjust the corresponding configuration information in the interface configuration file to implement modification and adjustment of the application user interface, and the adjustment period is large. The reduced size can improve the adjustment efficiency of the application user interface.

附图说明DRAWINGS

图1是本申请实施例提供的应用程序控件创建方法的流程示意图；1 is a schematic flowchart of a method for creating an application control provided by an embodiment of the present application;

图2是本申请实施例提供的应用程序控件创建方法的另一流程示意图；2 is another schematic flowchart of a method for creating an application control according to an embodiment of the present application;

图3是本申请实施例提供的应用程序用户界面创建方法的流程示意图；3 is a schematic flowchart of a method for creating an application user interface according to an embodiment of the present application;

图4是本申请实施例提供的存储装置的结构示意图。FIG. 4 is a schematic structural diagram of a storage device according to an embodiment of the present application.

图5是本申请实施例提供的移动终端的结构示意图。FIG. 5 is a schematic structural diagram of a mobile terminal according to an embodiment of the present application.

本发明的实施方式Embodiments of the invention

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。The technical solutions in the embodiments of the present application will be clearly and completely described in the following with reference to the accompanying drawings in the embodiments.

请参阅图1，图1是本申请实施例提供的应用程序控件创建方法的流程示意图。Please refer to FIG. 1. FIG. 1 is a schematic flowchart of a method for creating an application control according to an embodiment of the present application.

S101：提供第一控件以及控件基类；S101: providing a first control and a control base class;

在本实施例中，提供第一控件用于创建第二控件，用以创建应用程序的用户界面，实现应用程序用户界面的各功能。进入应用程序，第一控件可以为应用程序中的各功能窗体，在第一控件中进行第一控件所具备的功能操作，例如应用程序***设置、应用程序内容浏览以及应用程序内容删选等第一控件所具备的功能操作，或者是通过第一控件进入下级控件执行其下级控件所具备的功能操作。In this embodiment, a first control is provided for creating a second control for creating a user interface of the application, and implementing various functions of the application user interface. Entering the application, the first control can be a function form in the application, and performing the function operations of the first control in the first control, such as application system setting, application content browsing, and application content deletion, etc. The function operation of the first control is performed by the first control to enter the lower-level control to perform the function operation of the lower-level control.

在本实施例中，控件基类为第一控件各功能接口元件，第一控件不同的功能接口都对应有相应的控件基类，控件基类通过与第一控件组合以实现第一控件相应的功能接口作用，例如第一控件ID的检索接口，可以通过第一控件ID检索到第一控件的地址并调用第一控件，或者是参数传送接口，通过第一控件的参数传送接口，将下级控件的配置参数通过第一控件进行传递，以完成下级控件的创建，又或者是功能函数，包括纯虚函数（如loadskin等），实现第一控件读取相应配置信息和应用的逻辑等，以上仅为举例而言，并非因此对本实施例所阐述控件基类的作用造成限定。In this embodiment, the control base class is the first control function interface component, and the different function interfaces of the first control correspond to the corresponding control base class, and the control base class is combined with the first control to implement the corresponding first control. The function interface function, for example, the retrieval interface of the first control ID, can retrieve the address of the first control through the first control ID and call the first control, or the parameter transmission interface, and pass the parameter transmission interface of the first control to the lower level control The configuration parameters are passed through the first control to complete the creation of the subordinate control, or a function function, including a pure virtual function (such as loadskin, etc.), to implement the first control to read the corresponding configuration information and the logic of the application, etc. By way of example, it is not intended to limit the function of the control base classes described in this embodiment.

S102：将第一控件以及控件基类组合派生，以创建第二控件；S102: Deriving a first control and a control base class combination to create a second control;

在本实施例中，获取用于创建应用程序用户界面的第一控件以及控件基类，将第一控件与控件基类一一枚举，并将二者一一对应通过多重继承，进行组合派生出第二控件，其过程需要提供必要的构造函数，特别是需要提供一个通过字符串类创建对象的构造函数，可以在构造函数前附上前缀Q_INVOKABLE，以实现第二控件的创建。In this embodiment, the first control for creating an application user interface and the control base class are obtained, and the first control and the control base class are enumerated one by one, and the two are correspondingly combined and multi-inherited to perform combined derivation. The second control, the process needs to provide the necessary constructor, in particular, you need to provide a constructor to create an object through the string class, you can attach the prefix Q_INVOKABLE in front of the constructor to achieve the creation of the second control.

S103：第二控件用于创建应用程序界面；S103: The second control is used to create an application interface;

在本实施例中，通过上述方式创建第二控件，第一控件通过读取自身配置信息，完成第一控件读取其所需控件基类以及配置参数，通过第一控件的配置参数，将创建第二控件所需的功能接口对应的控件基类与第一控件组合派生，从而创建第二控件，第二控件用于创建应用程序的用户界面，实现应用程序用户界面各功能作用，使用者通过操作用户界面实现对应用程序的操作，例如应用程序***设置、应用程序内容浏览以及应用程序内容删选等。In this embodiment, the second control is created by the foregoing manner, and the first control reads the configuration information of the first control, and the first control reads the required control base class and the configuration parameter, and the configuration parameter of the first control is created. The control base class corresponding to the function interface required by the second control is derived by combining with the first control, thereby creating a second control, and the second control is used to create a user interface of the application, and implementing functions of the application user interface, the user passes The user interface is implemented to implement operations on the application, such as application system settings, application content browsing, and application content deletion.

请参阅图2，图2是本申请实施例提供的应用程序控件创建方法的另一流程示意图。Please refer to FIG. 2. FIG. 2 is another schematic flowchart of a method for creating an application control according to an embodiment of the present application.

S201：提供第一控件；S201: providing a first control;

在一些实施例中，第一控件可以为基于QT应用程序开发环境下的原生控件，例如QCheckBox：复选框(CheckBox)控件(包含Text Label) 、QComboBox：单击按钮，可在弹出的选项中选择一个、QCommandLinkButton：windows Vista风格的命令连接按钮、QTimeEdit：编辑或显示时间的控件、QDateEdit：编辑或显示日期的控件、QDateTimeEdit：编辑或者显示时间和日期的控件、QDial：用于描述仪表盘样式、QSpinBoxnBox：整数旋转框(spinBox)样式、QDoubleSpinBox: 可以使用double类型的旋转框、QPushButto：普通按钮控件、QFocusFrame：提供当前绘画区域的焦点、QFontComboBox：可使用选择字体的下拉框控件、QLCDNumber：显示LCD风格数字的控件、QLabel：显示文本或图片的控件、QMenu：可以在菜单栏的菜单控件、Context和弹出菜单中使用的控件、QProgressBar：水平和垂直进度条控件、QRadioButton：单选按钮控件(包含Text Label)、QScrollArea：可以扩展查看其它控件的滚动条控件、QScrollBar：水平和垂直滚动条控件、QSizeGrip：可以改变上层视图大小、QSlider：水平和垂直滑块、QTabBar： TabBar控件(在标签对话框中使用)、QTabWidget：表格控件、QToolBox：成列的QToolButton控件以及QToolButton：简单的按钮控件等基础控件；In some embodiments, the first control can be a native control based on the QT application development environment, such as QCheckBox: CheckBox control (including Text Label), QComboBox: click button, in the pop-up options Choose one, QCommandLinkButton: windows Vista style command connection button, QTimeEdit: edit or display time control, QDateEdit: edit or display date control, QDateTimeEdit: edit or display time and date controls, QDial: used to describe the dashboard style QSpinBoxnBox: integer spin box (spinBox) style, QDoubleSpinBox: You can use double type spin box, QPushButto: normal button control, QFocusFrame: provide focus of the current drawing area, QFontComboBox: drop-down box control for selecting font, QLCDNumber: display LCD-style numeric controls, QLabel: controls that display text or images, QMenu: controls that can be used in menu controls, Context and pop-up menus, QProgressBar: horizontal and vertical progress bar controls, QRadioButton: radio button controls ( Contains Text Label ), QScrollArea: can expand the scroll bar control of other controls, QScrollBar: horizontal and vertical scroll bar control, QSizeGrip: can change the upper view size, QSlider: horizontal and vertical slider, QTabBar: TabBar control (used in the label dialog) ), QTabWidget: table control, QToolBox: QToolButton control in column and QToolButton: simple button control and other basic controls;

或者是QColumnView：基于模型/视图的列视图控件、QDataWidgetMapper：连接控件和模型的映射、QListView：列表形态的视图控件、QTableView：基于模型/视图的表格视图控件、QDesktopWidget：基于模型/视图的树形视图控件、QUndoView：将撤销栈的内容显示并输出到列表控件的控件、QCalenDar：以日历的形式显示用户选择的日期(以月为单位)的控件、QMacCocoaViewContainer: 打包Cocoa视图的Moc OS Xde 控件以及QMacNativeWidget：提供根据Qt构成方式，将Qt控件添加到Cocoa各级结构方法的控件等高级控件；Or QColumnView: model/view based column view control, QDataWidgetMapper: connection control and model mapping, QListView: list view view control, QTableView: model/view based table view control, QDesktopWidget: model/view based tree View control, QUndoView: The control that displays the contents of the undo stack and outputs it to the list control, QCalenDar: the control that displays the date (in months) selected by the user in the form of a calendar, QMacCocoaViewContainer: The Moc OS Xde control that packages the Cocoa view and QMacNativeWidget: Provides advanced controls such as controls that add Qt controls to Cocoa's various levels of structure methods based on Qt composition;

或者是QButtonGroup：按钮控件的组合容器(Container)、QGroupBox：带有标题的相同类型的组框(GroupBox Frame)、QSplitter: 具有分割功能的控件、QSplitterHandle：可以控制分割功能的控件、QStatckedWidget：可以在屏幕上同时显示多个控件以及QTabWidget：表格控件等组合控件；Or QButtonGroup: the combination of the button control (Container), QGroupBox: the same type of group box with the title (GroupBox Frame), QSplitter: control with split function, QSplitterHandle: control that can control the split function, QStatckedWidget: can be Multiple controls and QTabWidget: table control and other combined controls are displayed on the screen at the same time;

或者是QAbstractButton：提供普通按钮的抽象类、QAbstractScrollArea：在滚动条中提供必要的功能的抽象类、QAbstractSlider：使用给定范围内的整数值的抽象类、QAbstractSpinBox：在旋转框和行编辑中显示值的抽象类、QDialog：对话框的基类以及QFrame：存放架构控件的基类等抽象控件。Or QAbstractButton: an abstract class that provides plain buttons, QAbstractScrollArea: an abstract class that provides the necessary functionality in a scrollbar, QAbstractSlider: an abstract class that uses integer values within a given scope, QAbstractSpinBox: displays values in spin boxes and row edits The abstract class, QDialog: the base class of the dialog, and the QFrame: the abstract control that holds the base class of the schema control.

在一些实施例中，第一控件也可以是已经与控件基类进行组合派生后的派生控件，在应用程序代码中，可能使用已完成设置的控件作为本实施例的第一控件，由于其不具备本实施例应用程序界面控件所需要的功能接口，因此需要继续和新的控件基类进行重新组合派生，以创建本实施例所需要的应用程序界面控件。In some embodiments, the first control may also be a derived control that has been derived in combination with the control base class. In the application code, the control that has been set may be used as the first control of the embodiment, because it is not The function interface required by the application interface control of this embodiment is provided, so it is necessary to continue to recombine the derivation with the new control base class to create the application interface control required by the embodiment.

S202：提供控件基类；S202: providing a control base class;

S203：将第一控件以及控件基类组合派生，以创建第二控件；S203: Deriving a first control and a control base class combination to create a second control;

S204：创建应用程序用户界面；S204: Create an application user interface;

请参阅图3，图3是本申请实施例提供的应用程序用户界面创建方法的流程示意图。Please refer to FIG. 3. FIG. 3 is a schematic flowchart of a method for creating an application user interface according to an embodiment of the present application.

S301：运行应用程序；S301: Running an application;

在本实施例中，运行应用程序，进行创建应用程序的用户界面的准备工作，例如应用程序中的原生控件各层级之间为树状结构模式，在应用程序的准备阶段，根据原生控件各层级的树状结构关系，深度遍历所有原生控件，建立应用程序原生控件之间的层级结构。In this embodiment, the application is run to prepare a user interface for creating an application, for example, a tree structure mode is used between each level of the native control in the application, and each level of the native control is in the preparation stage of the application. The tree structure relationship, deep traversal of all native controls, establishes the hierarchy between the application's native controls.

在一些实施例中，应用程序可以为音视频播放器、浏览器以及其他工作或者娱乐类应用程序，通过本实施例所阐述应用程序用户界面的创建方法，以缩短应用程序用户界面的调整周期，提高应用程序用户界面的调整效率。In some embodiments, the application may be an audio and video player, a browser, and other work or entertainment applications, and the application user interface creation method described in this embodiment is used to shorten the adjustment period of the application user interface. Improve the efficiency of the application user interface adjustment.

S302：读取应用程序的界面配置文件；S302: Read an interface configuration file of the application;

在本实施例中，界面配置文件以控件之间的树状结构为基础，建立对应控件树状关系结构的控件配置信息的树状关系结构，便于控件读取其相应的配置信息，界面配置文件的控件树状关系结构中的节点间的关系即代表控件间的关系，根据应用程序用户界面的开发环境可以选择json或xml等计算机语言创建界面配置文件，在此不做限定。In this embodiment, the interface configuration file is based on a tree structure between the controls, and a tree-like relationship structure corresponding to the control configuration information of the control tree-like relationship structure is established, so that the control can read the corresponding configuration information, and the interface configuration file. The relationship between nodes in the control tree structure represents the relationship between the controls. According to the development environment of the application user interface, a computer configuration language such as json or xml can be selected to create an interface configuration file, which is not limited herein.

在本实施例中，应用程序读取界面配置文件，根据界面配置文件中的控件间树状关系结构，建立应用程序中各原生控件间的层级关系，从而构建应用程序的控件关系框架，以形成应用程序的整体框架。In this embodiment, the application program reads the interface configuration file, and establishes a hierarchical relationship between the native controls in the application according to the tree relationship structure between the controls in the interface configuration file, thereby constructing a control relationship framework of the application to form The overall framework of the application.

S303：根据界面配置文件，应用程序中各原生控件读取相应配置信息；S303: According to the interface configuration file, each native control in the application reads corresponding configuration information.

在本实施例中，界面配置文件中包括有应用程序中各原生控件所需的控件基类以及配置参数，各原生控件通过读取界面配置文件中的配置参数，以读取相应的控件基类，并与控件基类组合派生，创建各原生控件所需的功能接口，从而创建应用程序的界面控件，进而创建应用程序的用户界面。In this embodiment, the interface configuration file includes a control base class and a configuration parameter required by each native control in the application, and each native control reads the corresponding control base class by reading the configuration parameter in the interface configuration file. And combine with the control base class to create the functional interfaces required by each native control to create an application's interface controls to create the application's user interface.

在一些实施例中，原生控件的功能接口可以为控件ID的检索接口，例如setID、getID是读写控件唯一ID号等公共属性，可以通过原生控件ID检索到原生控件的地址并调用原生控件，或者是参数传送接口，通过原生控件的参数传送接口，将下级原生控件的配置参数通过上级原生控件进行传递，以完成下级原生控件的配置参数读取，又或者是功能函数，包括纯虚函数（如loadskin等），实现原生控件读取相应配置信息和应用的逻辑等，以上仅为举例而言，并非因此对本实施例所阐述原生控件的功能接口造成限定。In some embodiments, the function interface of the native control may be a retrieval interface of the control ID, such as setID, getID is a public property such as a unique ID number of the read/write control, and the address of the native control may be retrieved by the native control ID and the native control is invoked. Or the parameter transfer interface, through the parameter transfer interface of the native control, the configuration parameters of the lower-level native control are passed through the upper-level native control to complete the configuration parameter reading of the lower-level native control, or a function function, including a pure virtual function ( For example, loadskin, etc., the logic of the native control to read the corresponding configuration information and the application, etc., are only for example, and thus do not limit the functional interface of the native control described in this embodiment.

在一些实施例中，应用程序中的各原生控件可以包括多个控制等级，上级控制等级的原生控件将界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，以完成下级控制等级的原生控件配置信息的读取，从而创建应用程序的界面控件，进而创建应用程序的用户界面。In some embodiments, each native control in the application may include multiple control levels, and the native control of the superior control level passes the configuration information in the interface configuration file to the native control of the corresponding lower control level through its parameter delivery interface, The reading of the native control configuration information of the subordinate control level is completed, thereby creating an interface control of the application, thereby creating a user interface of the application.

S304：获取应用程序中各原生控件的控件指针信息；S304: Obtain control pointer information of each native control in the application;

在本实施例中，应用程序中各原生控件读取对应配置信息，完成应用程序界面控件的创建之后，需要获取各原生控件的控件指针信息，以获取各原生控件的控制权限，以控制各原生控件完成相应操作，例如单击确定、复选内容以及编辑或显示时间等，在此不做限定。可以通过创建各原生控件ID对其地址的映射，在各原生控件初始化过程中加入其ID对其地址的映射，后续通过各原生控件的ID即可取出相应的控件指针信息，控制各原生控件完成相应操作。In this embodiment, each native control in the application reads the corresponding configuration information, and after completing the creation of the application interface control, it is necessary to obtain the control pointer information of each native control to obtain the control authority of each native control to control each native. The control completes the corresponding operations, such as clicking OK, checking the content, and editing or displaying the time, etc., which is not limited here. By creating the mapping of each native control ID to its address, the mapping of its ID to its address is added during the initialization process of each native control, and the corresponding control pointer information can be retrieved through the ID of each native control, and the control of each native control is completed. The corresponding operation.

S305：创建应用程序的界面控件，进而创建应用程序的用户界面；S305: Create an interface control of the application, thereby creating a user interface of the application;

在本实施例中，运行应用程序，完成创建应用程序用户界面的准备工作之后，根据界面配置文件中的控件树状关系结构，构建应用程序控件整体框架，同时应用程序中的各原生控件从界面配置文件中读取相应配置信息进行初始化，深度遍历应用程序中各原生控件，从而完成应用程序界面控件的创建，进而完成应用程序的用户界面的创建。通过修改配置文件，再重新运行应用程序即可完成对应用程序用户界面的修改调整，无需重新对应用程序整体代码进行编译，大幅度缩短应用程序用户界面的调整周期。In this embodiment, after running the application and completing the preparation work for creating the application user interface, the overall framework of the application control is constructed according to the control tree structure structure in the interface configuration file, and each native control interface in the application is from the interface. The configuration file reads the corresponding configuration information for initialization, and deeply traverses each native control in the application, thereby completing the creation of the application interface control, thereby completing the creation of the application user interface. By modifying the configuration file and then re-running the application, the modification of the application user interface can be completed without recompiling the overall code of the application, which greatly shortens the adjustment period of the application user interface.

S306：读取应用程序的渲染配置文件，根据渲染配置文件，设置应用程序的用户界面；S306: Read a rendering configuration file of the application, and set a user interface of the application according to the rendering configuration file;

在本实施例中，应用程序的界面控件完成创建后，可进一步读取应用程序的渲染配置文件，渲染配置文件中包括有应用程序用户界面的外观属性，例如指定文字颜色、字体以及大小，又或者是更换贴图等，对应用程序的用户界面进行美工处理，以满足使用者对应用程序用户界面外观上的需求。In this embodiment, after the interface control of the application is created, the rendering configuration file of the application may be further read, and the rendering configuration file includes the appearance attributes of the application user interface, such as specifying the text color, the font, and the size, and Or the replacement of the map, etc., the user interface of the application is artistically processed to meet the user's demand for the appearance of the application user interface.

在一些实施例中，渲染配置文件可以为qss文件，通过qss文件对应用程序用户界面进行渲染，qss文件是一种可以将功能与界面的设计分离的渲染文件，通过qss文件对用户界面进行渲染，提高应用程序用户界面设计的便捷性，并且设计内容更加丰富。In some embodiments, the rendering configuration file may be a qss file, and the application user interface is rendered by a qss file, which is a rendering file that separates the function from the interface design, and renders the user interface through the qss file. Improve the convenience of the application user interface design, and the design content is more abundant.

综上所述，本申请应用程序界面控件由应用程序的原生控件从界面配置文件中读取相应配置信息，以创建应用程序的界面控件，只需调整界面配置文件中的相应配置信息，即可实现对应用程序用户界面的修改调整，调整周期大幅度缩短，能够提高应用程序用户界面的调整效率，并且通过qss文件对应用程序用户界面进行渲染，提高应用程序用户界面设计的便捷性的同时使设计内容更加丰富。In summary, the application interface control of the application reads the corresponding configuration information from the interface configuration file by the native control of the application, to create an interface control of the application, and only needs to adjust the corresponding configuration information in the interface configuration file. Realize the modification and adjustment of the application user interface, the adjustment period is greatly shortened, the adjustment efficiency of the application user interface can be improved, and the application user interface is rendered through the qss file, thereby improving the convenience of the application user interface design. The design content is more abundant.

请参阅图4，图4是本申请实施例提供的存储装置的结构示意图。Please refer to FIG. 4. FIG. 4 is a schematic structural diagram of a storage device according to an embodiment of the present application.

在本实施例中，存储装置400存储有程序数据401，程序数据401能够被执行以实现上述实施例所阐述的应用程序用户界面创建方法，程序数据401具体能够被执行如下步骤：In this embodiment, the storage device 400 stores the program data 401, and the program data 401 can be executed to implement the application user interface creation method described in the foregoing embodiment. The program data 401 can be specifically executed as follows:

运行应用程序；读取所述应用程序的界面配置文件，其中，所述界面配置文件为根据控件之间的树状结构建立对应控件树状关系结构的控件配置信息的树状关系结构；根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。Running an application; reading an interface configuration file of the application, wherein the interface configuration file is a tree-like relationship structure for establishing control configuration information corresponding to a control tree-like relationship structure according to a tree structure between the controls; An interface configuration file, wherein each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

在一些实施例中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In some embodiments, the configuration information in the interface configuration file includes a control base class of each native control in the application, and configuration parameters, the configuration parameters are used to associate each native control in the application with the The control base class is combined to derive a functional interface for each native control in the application to create an interface control for the application, thereby creating a user interface for the application.

在一些实施例中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。In some embodiments, the control base class of each native control in the application includes an ID retrieval interface, a parameter passing interface, and a function function.

在一些实施例中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。In some embodiments, each native control in the application includes multiple control levels, and the native control of the superior control level passes the configuration information in the interface configuration file to the native control of the corresponding lower control level through its parameter delivery interface. Each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

在一些实施例中，程序数据401还能够被执行以实现如下步骤：In some embodiments, program data 401 can also be executed to implement the following steps:

在一些实施例中，实现所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作的步骤，包括：In some embodiments, the obtaining the control pointer information of each native control in the application, thereby obtaining the control authority of each native control in the application, thereby controlling each native control in the application to perform corresponding operations. Steps include:

在一些实施例中，实现所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面的步骤，包括：In some embodiments, according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application. Steps, including:

在本申请所提供的几个实施方式中，应该理解到，所揭露的***，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施方式为示意性的，例如，所述模块或单元的划分，为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus, and method may be implemented in other manners. For example, the device implementations described above are schematic. For example, the division of the modules or units is a logical function division. In actual implementation, there may be another division manner, for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored or not executed. In addition, the mutual coupling or direct coupling or communication connection shown or discussed may be an indirect coupling or communication connection through some interface, device or unit, and may be in an electrical, mechanical or other form.

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施方式的目的。The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the object of the present embodiment.

另外，在本申请各个实施方式中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above integrated unit can be implemented in the form of hardware or in the form of a software functional unit.

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）或处理器（processor）执行本申请各个实施方式所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。所述存储介质可以为本申请实施例所述的存储装置。The integrated unit, if implemented in the form of a software functional unit and sold or used as a standalone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application, in essence or the contribution to the prior art, or all or part of the technical solution may be embodied in the form of a software product stored in a storage medium. A number of instructions are included to cause a computer device (which may be a personal computer, server, or network device, etc.) or a processor to perform all or part of the steps of the methods described in various embodiments of the present application. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), and a random access memory (RAM, Random Access). A variety of media that can store program code, such as a memory, a disk, or an optical disk. The storage medium may be the storage device described in the embodiments of the present application.

图5示出了本申请实施例提供的移动终端的结构示意图，该移动终端可以用于实施上述实施例中提供的应用程序控件以及用户界面的创建方法。该移动终端1200可以为智能手机或平板电脑。FIG. 5 is a schematic structural diagram of a mobile terminal provided by an embodiment of the present application. The mobile terminal may be used to implement an application control provided in the foregoing embodiment and a method for creating a user interface. The mobile terminal 1200 can be a smartphone or a tablet.

如图5所示，移动终端1200可以包括RF（Radio Frequency，射频）电路110、包括有一个或一个以上（图中仅示出一个）计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、传输模块170、包括有一个或者一个以上（图中仅示出一个）处理核心的处理器180以及电源190等部件。本领域技术人员可以理解，图5中示出的移动终端1200结构并不构成对移动终端1200的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：As shown in FIG. 5, the mobile terminal 1200 may include an RF (Radio Frequency) circuit 110, a memory 120 including one or more (only one shown) computer-readable storage medium, an input unit 130, and a display unit. 140, sensor 150, audio circuit 160, transmission module 170, including processor 180 having one or more processing cores (only one shown) and power supply 190 and the like. It will be understood by those skilled in the art that the structure of the mobile terminal 1200 shown in FIG. 5 does not constitute a limitation of the mobile terminal 1200, and may include more or less components than those illustrated, or combine some components, or different components. Arrangement. among them:

RF电路110用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。RF电路110可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块（SIM）卡、存储器等等。RF电路110可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术，包括但并不限于全球移动通信***（Global System for Mobile Communication, GSM）、增强型移动通信技术（Enhanced Data GSM Environment, EDGE)，宽带码分多址技术（Wideband Code Division Multiple Access, WCDMA），码分多址技术（Code Division Access, CDMA）、时分多址技术（Time Division Multiple Access, TDMA），无线保真技术（Wireless Fidelity， Wi-Fi）（如美国电气和电子工程师协会标准 IEEE 802.11a， IEEE 802.11b, IEEE802.11g 和/或 IEEE 802.11n）、网络电话（Voice over Internet Protocol, VoIP）、全球微波互联接入（Worldwide Interoperability for Microwave Access， Wi-Max）、其他用于邮件、即时通讯及短消息的协议，以及任何其他合适的通讯协议，甚至可包括那些当前仍未被开发出来的协议。The RF circuit 110 is configured to receive and transmit electromagnetic waves, and realize mutual conversion between electromagnetic waves and electrical signals, thereby communicating with a communication network or other devices. The RF circuit 110 may include various existing circuit elements for performing these functions, such as an antenna, a radio frequency transceiver, a digital signal processor, an encryption/decryption chip, a Subscriber Identity Module (SIM) card, a memory, and the like. The RF circuit 110 can communicate with various networks such as the Internet, an intranet, a wireless network, or communicate with other devices over a wireless network. The wireless network described above may include a cellular telephone network, a wireless local area network, or a metropolitan area network. The above wireless networks may use various communication standards, protocols and technologies, including but not limited to global mobile communication systems (Global System for Mobile Communication, GSM), Enhanced Mobile Communication Technology (Enhanced Data GSM Environment, EDGE), Wideband Code Division Multiple Access (Wideband Code) Division Multiple Access, WCDMA), Code Division Multiple Access (Code Division) Access, CDMA), Time Division Multiple Access (TDMA), Wireless Fidelity (Wireless Fidelity, Wi-Fi) (such as the Institute of Electrical and Electronics Engineers Standard IEEE 802.11a, IEEE 802.11b, IEEE 802.11g and / or IEEE 802.11n), VoIP (Voice) Over Internet Protocol, VoIP), Worldwide Interoperability for Microwave Access (Worldwide Interoperability for Microwave Access, Wi-Max, other protocols for mail, instant messaging, and short messages, as well as any other suitable communication protocol, may even include protocols that are not currently being developed.

存储器120可用于存储软件程序以及模块，如上述实施例中应用程序控件创建方法以及应用程序用户界面创建方法对应的程序指令/模块，处理器180通过运行存储在存储器120内的软件程序以及模块，从而实现对应用程序用户界面的修改调整，调整周期大幅度缩短，能够提高应用程序用户界面的调整效率。存储器120可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器120可进一步包括相对于处理器180远程设置的存储器，这些远程存储器可以通过网络连接至移动终端1200。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory 120 can be used to store software programs and modules, such as the application control creation method in the above embodiment and the program instructions/modules corresponding to the application user interface creation method. The processor 180 runs the software programs and modules stored in the memory 120. Thereby, the modification and adjustment of the application user interface are realized, the adjustment period is greatly shortened, and the adjustment efficiency of the application user interface can be improved. Memory 120 can include high speed random access memory, and can also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid state memory. In some examples, memory 120 can further include memory remotely located relative to processor 180, which can be connected to mobile terminal 1200 via a network. Examples of such networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

输入单元130可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作（比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作），并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器180，并能接收处理器180发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131，输入单元130还可以包括其他输入设备132。具体地，其他输入设备132可以包括但不限于物理键盘、功能键（比如音量控制按键、开关按键等）、轨迹球、鼠标、操作杆等中的一种或多种。The input unit 130 can be configured to receive input numeric or character information and to generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function controls. In particular, input unit 130 can include touch-sensitive surface 131 as well as other input devices 132. Touch-sensitive surface 131, also referred to as a touch display or trackpad, can collect touch operations on or near the user (such as a user using a finger, stylus, etc., on any suitable object or accessory on touch-sensitive surface 131 or The operation near the touch-sensitive surface 131) and driving the corresponding connecting device according to a preset program. Alternatively, the touch-sensitive surface 131 can include two portions of a touch detection device and a touch controller. Wherein, the touch detection device detects the touch orientation of the user, and detects a signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts the touch information into contact coordinates, and sends the touch information. The processor 180 is provided and can receive commands from the processor 180 and execute them. In addition, the touch-sensitive surface 131 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic waves. In addition to the touch-sensitive surface 131, the input unit 130 can also include other input devices 132. Specifically, other input devices 132 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, joysticks, and the like.

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及移动终端1200的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141，可选的，可以采用LCD(Liquid Crystal Display，液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的，触敏表面131可覆盖显示面板141，当触敏表面131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图5中，触敏表面131与显示面板141是作为两个独立的部件来实现输入和输出功能，但是在某些实施例中，可以将触敏表面131与显示面板141集成而实现输入和输出功能。The display unit 140 can be used to display information input by the user or information provided to the user and various graphical user interfaces of the mobile terminal 1200, which can be composed of graphics, text, icons, video, and any combination thereof. The display unit 140 may include a display panel 141, and optionally, an LCD (Liquid may be used) The display panel 141 is configured in the form of a Crystal Display (LCD) or an OLED (Organic Light-Emitting Diode). Further, the touch-sensitive surface 131 may cover the display panel 141, and when the touch-sensitive surface 131 detects a touch operation thereon or nearby, it is transmitted to the processor 180 to determine the type of the touch event, and then the processor 180 according to the touch event The type provides a corresponding visual output on display panel 141. Although in FIG. 5, touch-sensitive surface 131 and display panel 141 are implemented as two separate components to implement input and output functions, in some embodiments, touch-sensitive surface 131 can be integrated with display panel 141 for input. And output function.

移动终端1200还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在移动终端1200移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上（一般为三轴）加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用（比如横竖屏切换、相关游戏、磁力计姿态校准）、振动识别相关功能（比如计步器、敲击）等; 至于移动终端1200还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。Mobile terminal 1200 may also include at least one type of sensor 150, such as a light sensor, motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 141 according to the brightness of the ambient light, and the proximity sensor may close the display panel 141 when the mobile terminal 1200 moves to the ear. And / or backlight. As a kind of motion sensor, the gravity acceleration sensor can detect the magnitude of acceleration in all directions (usually three axes). When it is stationary, it can detect the magnitude and direction of gravity. It can be used to identify the gesture of the mobile phone (such as horizontal and vertical screen switching, related Game, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for the mobile terminal 1200 can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, here No longer.

音频电路160、扬声器161，传声器162可提供用户与移动终端1200之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号，传输到扬声器161，由扬声器161转换为声音信号输出；另一方面，传声器162将收集的声音信号转换为电信号，由音频电路160接收后转换为音频数据，再将音频数据输出处理器180处理后，经RF电路110以发送给比如另一终端，或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔，以提供外设耳机与移动终端1200的通信。The audio circuit 160, the speaker 161, and the microphone 162 can provide an audio interface between the user and the mobile terminal 1200. The audio circuit 160 can transmit the converted electrical data of the received audio data to the speaker 161 for conversion to the sound signal output by the speaker 161; on the other hand, the microphone 162 converts the collected sound signal into an electrical signal by the audio circuit 160. After receiving, it is converted into audio data, and then processed by the audio data output processor 180, transmitted to the terminal, for example, via the RF circuit 110, or outputted to the memory 120 for further processing. The audio circuit 160 may also include an earbud jack to provide communication of the peripheral earphones with the mobile terminal 1200.

移动终端1200通过传输模块170（例如Wi-Fi模块）可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图5示出了传输模块170，但是可以理解的是，其并不属于移动终端1200的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。The mobile terminal 1200 can help the user to send and receive emails, browse web pages, access streaming media, etc. through the transmission module 170 (eg, Wi-Fi module), which provides wireless broadband Internet access to the user. Although FIG. 5 shows the transmission module 170, it can be understood that it does not belong to the essential configuration of the mobile terminal 1200, and may be omitted as needed within the scope of not changing the essence of the invention.

处理器180是移动终端1200的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行移动终端1200的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理核心；在一些实施例中，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作***、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。The processor 180 is a control center of the mobile terminal 1200 that connects various portions of the entire handset with various interfaces and lines, by running or executing software programs and/or modules stored in the memory 120, and recalling data stored in the memory 120. The various functions and processing data of the mobile terminal 1200 are executed to perform overall monitoring of the mobile phone. Optionally, the processor 180 may include one or more processing cores; in some embodiments, the processor 180 may integrate an application processor and a modem processor, wherein the application processor mainly processes an operating system, a user interface, and For applications, etc., the modem processor primarily handles wireless communications. It can be understood that the above modem processor may not be integrated into the processor 180.

移动终端1200还包括给各个部件供电的电源190（比如电池），在一些实施例中，电源可以通过电源管理***与处理器180逻辑相连，从而通过电源管理***实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电***、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。The mobile terminal 1200 also includes a power source 190 (such as a battery) that powers the various components. In some embodiments, the power source can be logically coupled to the processor 180 through a power management system to manage charging, discharging, and power consumption through the power management system. Management and other functions. Power supply 190 may also include any one or more of a DC or AC power source, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and the like.

尽管未示出，移动终端1200还可以包括摄像头（如前置摄像头、后置摄像头）、蓝牙模块等，在此不再赘述。具体在本实施例中，移动终端1200的显示单元140是触摸屏显示器，移动终端1200还包括有存储器120，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器120中，且经配置以由一个或者一个以上处理器180执行一个或者一个以上程序包含用于进行以下操作的指令：Although not shown, the mobile terminal 1200 may further include a camera (such as a front camera, a rear camera), a Bluetooth module, and the like, and details are not described herein. Specifically, in this embodiment, the display unit 140 of the mobile terminal 1200 is a touch screen display, the mobile terminal 1200 further includes a memory 120, and one or more programs, wherein one or more programs are stored in the memory 120 and configured Executing one or more programs by one or more processors 180 includes instructions for performing the following operations:

提供第一控件以及控件基类；将所述第一控件以及所述控件基类组合派生，以创建第二控件；所述第二控件用于创建应用程序界面。Providing a first control and a control base class; deriving the first control and the control base class combination to create a second control; and the second control is used to create an application interface.

其中，所述第一控件为原生控件。The first control is a native control.

其中，所述第一控件为派生控件。The first control is a derivative control.

在一些实施例中，处理器180还用于执行如下指令：In some embodiments, the processor 180 is further configured to execute the following instructions:

运行应用程序；读取所述应用程序的界面配置文件；根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。Running an application; reading an interface configuration file of the application; according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating the The user interface of the application.

其中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。The configuration information in the interface configuration file includes a control base class and configuration parameters of each native control in the application, and the configuration parameter is used to combine each native control in the application with the control base class. Derived to create a functional interface for each native control in the application to create an interface control for the application, thereby creating a user interface for the application.

其中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。The control base class of each native control in the application includes an ID retrieval interface, a parameter passing interface, and a function function.

其中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。Each of the native controls in the application includes a plurality of control levels, and the native control of the superior control level transmits the configuration information in the interface configuration file to the native control of the corresponding lower control level through the parameter delivery interface, the application Each native control in the program reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.

其中，处理器180还用于：获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作。The processor 180 is further configured to: obtain control pointer information of each native control in the application, thereby acquiring control authority of each native control in the application, and then controlling each native control in the application to perform corresponding operations. .

其中，处理器180用于执行所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作，包括：The processor 180 is configured to execute the control pointer information of each native control in the application, thereby acquiring control rights of each native control in the application, and then controlling each native control in the application to perform corresponding Operations, including:

其中，处理器180用于执行所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面，包括：The processor 180 is configured to execute, according to the interface configuration file, each native control in the application reads corresponding configuration information, to create an interface control of the application, and thereby create a user interface of the application. ,include:

其中，处理器180还用于：读取所述应用程序的渲染配置文件，根据所述渲染配置文件，设置所述应用程序的用户界面。The processor 180 is further configured to: read a rendering configuration file of the application, and set a user interface of the application according to the rendering configuration file.

其中，所述渲染配置文件包括所述应用程序用户界面的外观属性。The rendering configuration file includes a appearance attribute of the application user interface.

以上所述仅为本申请的实施方式，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。The above description is only the embodiment of the present application, and thus does not limit the scope of the patent application, and the equivalent structure or equivalent process transformation of the specification and the drawings of the present application, or directly or indirectly applied to other related technologies. The fields are all included in the scope of patent protection of this application.

Claims

一种应用程序控件的创建方法，其包括：A method of creating an application control, comprising:

提供第一控件以及控件基类；Providing a first control and a control base class;

将所述第一控件以及所述控件基类组合派生，以创建第二控件；Deriving the first control and the control base class combination to create a second control;

所述第二控件用于创建应用程序界面。The second control is used to create an application interface.
根据权利要求1所述的方法，其中，所述第一控件为原生控件。The method of claim 1 wherein the first control is a native control.
根据权利要求1所述的方法，其中，所述第一控件为派生控件。The method of claim 1 wherein the first control is a derived control.
一种应用程序用户界面创建方法，其包括：An application user interface creation method includes:

运行应用程序；Run the application;

读取所述应用程序的界面配置文件；Reading an interface configuration file of the application;

根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。According to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.
根据权利要求4所述的方法，其中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。The method according to claim 4, wherein the configuration information in the interface configuration file includes a control base class of each native control in the application and configuration parameters, and the configuration parameters are used in each of the applications. A native control is derived in combination with the control base class to create a functional interface of each native control in the application, thereby creating an interface control of the application, thereby creating a user interface of the application.
根据权利要求5所述的方法，其中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。The method of claim 5, wherein the control base class of each native control in the application comprises an ID retrieval interface, a parameter delivery interface, and a function.
根据权利要求6所述的方法，其中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。The method according to claim 6, wherein each of the native controls in the application comprises a plurality of control levels, and the native control of the superior control level transfers the configuration information in the interface configuration file to the corresponding lower level through its parameter delivery interface. A native control of a control level, each native control in the application reading corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.
根据权利要求7所述的方法，其中，所述方法进一步包括：获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作。The method according to claim 7, wherein the method further comprises: acquiring control pointer information of each native control in the application, thereby acquiring control authority of each native control in the application, thereby controlling the application. The native controls in the program operate accordingly.
根据权利要求8所述的方法，其中，所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作，包括：The method according to claim 8, wherein the obtaining control pointer information of each native control in the application, thereby obtaining control authority of each native control in the application, thereby controlling each native in the application The controls operate accordingly, including:

通过创建各原生控件的ID对所述各原生控件地址的映射，在所述各原生控件初始化过程中加入所述各原生控件的ID对所述各原生控件地址的映射，再通过所述各原生控件的ID取出所述各原生控件的控件指针信息，进而控制所述应用程序中各原生控件进行相应操作。By mapping the IDs of the native controls to the addresses of the respective native controls, the mapping of the IDs of the native controls to the addresses of the native controls is added to the initialization process of each of the native controls, and then through the respective natives. The ID of the control takes out the control pointer information of each of the native controls, and then controls each of the native controls in the application to perform corresponding operations.
根据权利要求4所述的方法，其中，所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面，包括：The method according to claim 4, wherein according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating the application. User interface, including:

根据所述界面配置文件中的控件树状关系结构，构建应用程序控件整体框架，所述应用程序中的各原生控件从所述界面配置文件中读取相应配置信息进行初始化，深度遍历所述应用程序中的各原生控件，从而完成所述应用程序的界面控件的创建，进而完成所述应用程序的用户界面的创建。Constructing an overall framework of the application control according to the control tree structure in the interface configuration file, each native control in the application reads the corresponding configuration information from the interface configuration file for initialization, and traverses the application in depth Each of the native controls in the program completes the creation of the interface control of the application, thereby completing the creation of the user interface of the application.
根据权利要求4所述的方法，其中，所述方法进一步包括：读取所述应用程序的渲染配置文件，根据所述渲染配置文件，设置所述应用程序的用户界面。The method of claim 4, wherein the method further comprises: reading a rendering configuration file of the application, and setting a user interface of the application according to the rendering configuration file.
根据权利要求11所述的方法，其中，所述渲染配置文件包括所述应用程序用户界面的外观属性。The method of claim 11 wherein the rendering configuration file comprises a look and feel attribute of the application user interface.
一种存储装置，其中，所述存储装置存储有程序数据，所述程序数据能够被执行以实现如下步骤：A storage device, wherein the storage device stores program data, the program data being executable to implement the following steps:

运行应用程序；Run the application;

读取所述应用程序的界面配置文件，其中，所述界面配置文件为根据控件之间的树状结构建立对应控件树状关系结构的控件配置信息的树状关系结构；Reading an interface configuration file of the application, where the interface configuration file is a tree-like relationship structure for establishing control configuration information corresponding to a control tree structure according to a tree structure between the controls;

根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。According to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.
根据权利要求13所述的存储装置，其中，所述界面配置文件中的配置信息包括所述应用程序中各原生控件的控件基类以及配置参数，所述配置参数用于将所述应用程序中各原生控件与所述控件基类组合派生，以创建所述应用程序中各原生控件的功能接口，从而创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。The storage device according to claim 13, wherein the configuration information in the interface configuration file includes a control base class of each native control in the application and configuration parameters, and the configuration parameter is used in the application Each native control is derived in combination with the control base class to create a functional interface of each native control in the application, thereby creating an interface control of the application, thereby creating a user interface of the application.
根据权利要求14所述的存储装置，其中，所述应用程序中各原生控件的控件基类包括ID检索接口、参数传递接口以及功能函数。The storage device of claim 14, wherein the control base class of each native control in the application comprises an ID retrieval interface, a parameter delivery interface, and a function.
根据权利要求15所述的存储装置，其中，所述应用程序中各原生控件包括多个控制等级，上级控制等级的原生控件将所述界面配置文件中的配置信息通过其参数传递接口传递至相应下级控制等级的原生控件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面。The storage device according to claim 15, wherein each of the native controls in the application comprises a plurality of control levels, and the native control of the superior control level transmits the configuration information in the interface configuration file to the corresponding through the parameter delivery interface thereof A native control of a lower level control level, each native control in the application reading corresponding configuration information to create an interface control of the application, thereby creating a user interface of the application.
根据权利要求16所述的存储装置，其中，所述程序数据还能够被执行以实现如下步骤：The storage device according to claim 16, wherein said program data is further executable to implement the following steps:

获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作。Obtaining control pointer information of each native control in the application, thereby obtaining control authority of each native control in the application, and then controlling each native control in the application to perform corresponding operations.
根据权利要求17所述的存储装置，其中，实现所述获取所述应用程序中各原生控件的控件指针信息，从而获取所述应用程序中各原生控件的控制权限，进而控制所述应用程序中各原生控件进行相应操作的步骤，包括：The storage device according to claim 17, wherein the obtaining control pointer information of each native control in the application is obtained, thereby acquiring control authority of each native control in the application, thereby controlling the application The steps for each native control to perform the corresponding operations, including:

通过创建各原生控件的ID对所述各原生控件地址的映射，在所述各原生控件初始化过程中加入所述各原生控件的ID对所述各原生控件地址的映射，再通过所述各原生控件的ID取出所述各原生控件的控件指针信息，进而控制所述应用程序中各原生控件进行相应操作。By mapping the IDs of the native controls to the addresses of the respective native controls, the mapping of the IDs of the native controls to the addresses of the native controls is added to the initialization process of each of the native controls, and then through the respective natives. The ID of the control takes out the control pointer information of each of the native controls, and then controls each of the native controls in the application to perform corresponding operations.
根据权利要求13所述的存储装置，其中，实现所述根据所述界面配置文件，所述应用程序中各原生控件读取相应配置信息，以创建所述应用程序的界面控件，进而创建所述应用程序的用户界面的步骤，包括：The storage device according to claim 13, wherein the implementing, according to the interface configuration file, each native control in the application reads corresponding configuration information to create an interface control of the application, thereby creating the The steps of the application's user interface, including:

根据所述界面配置文件中的控件树状关系结构，构建应用程序控件整体框架，所述应用程序中的各原生控件从所述界面配置文件中读取相应配置信息进行初始化，深度遍历所述应用程序中的各原生控件，从而完成所述应用程序的界面控件的创建，进而完成所述应用程序的用户界面的创建。Constructing an overall framework of the application control according to the control tree structure in the interface configuration file, each native control in the application reads the corresponding configuration information from the interface configuration file for initialization, and traverses the application in depth Each of the native controls in the program completes the creation of the interface control of the application, thereby completing the creation of the user interface of the application.
根据权利要求13所述的存储装置，其中，所述程序数据还能够被执行以实现如下步骤：The storage device according to claim 13, wherein said program data is further executable to implement the following steps:

读取所述应用程序的渲染配置文件，根据所述渲染配置文件，设置所述应用程序的用户界面。Reading a rendering configuration file of the application, and setting a user interface of the application according to the rendering configuration file.