CN114721653A - UI (user interface) generation method, device and equipment - Google Patents

Abstract

The embodiment of the application relates to the field of computers, and discloses a UI generation method, device and equipment. The embodiment of the application relates to a UI generation method, which comprises the following steps: acquiring a generation request and at least one selection message corresponding to a target UI; generating information content corresponding to the target UI according to the generation request, wherein the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional (2D) UI or a three-dimensional (3D) UI; selecting the type of the sub-UI according to each piece of selection information to obtain at least one target sub-UI; and constructing at least one target UI according to each target sub UI and the information content corresponding to each target sub UI. Therefore, the method and the device integrate the content used by the original UI generation, and then select the sub-UI type suitable for inheriting the content to be used to be the 2D UI or the 3D UI according to the information of the use scene and the operation platform. Therefore, the content of the configuration information interaction channel can be reduced in the software with the coexistence of the 2D UI and the 3D UI, and the cost is reduced for the later operation and maintenance process.

Description

UI generation method, device and device

technical field

Embodiments of the present invention relate to the field of computers, and relate to a UI (User Interface, UI) generating method, apparatus, and device.

Background technique

Human-computer interaction interface (User Interface, UI) usually refers to the interface of the interaction process between people and objects or between people and software. In the UI for human-software interaction, commonly used software applications can be divided into two-dimensional (two-dimension, 2D) applications and three-dimensional (three-dimensional, 3D) applications according to usage scenarios. 2D applications usually refer to applications running on mobile phones or computer screens; 3D applications are usually used in scenes that support Augmented Reality (AR) technology.

Usually, in the same software engineering project, since 2D applications and 3D applications are applicable to different application scenarios, UIs need to be generated for 2D applications and 3D applications respectively, 2D applications correspond to 2D UIs, and 3D applications correspond to 3D UIs. The application can be applied to multiple types of platforms at the same time, and usually requires the coexistence of 2D UI and 3D UI. At this stage, for projects where 2D applications and 3D applications coexist, developers usually develop 2D UI interfaces and 3D UI interfaces separately, and establish a way of information interaction between the 2D UI interface and the 3D UI interface.

However, with the increase in the amount of development content information and subsequent software iterative updates, each time the software engineering content is modified, it is necessary to modify the entire content of the 2D UI interface and the entire content of the 3D UI interface. Reconfigure the information exchange channel for the modified content. In this way, the later operation and maintenance costs of software engineering are increased.

SUMMARY OF THE INVENTION

Embodiments of the present application provide a method, apparatus, and device for generating a UI, so as to solve the problems of excessive development and operation and maintenance costs of existing software applications with 2D UI and 3D UI.

In a first aspect, an embodiment of the present application provides a UI generation method, the method includes:

Obtain the generation request corresponding to the target UI and at least one selection information;

Generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI;

According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI;

At least one of the target UIs is constructed according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs.

In some possible implementations, the selection information content includes: a platform type on which the target UI runs and a startup scene of the target UI.

In some possible implementations, the information content may be obtained from at least one preset UI interface, and each of the UI interfaces corresponds to a sub-UI.

In some possible implementations, according to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI, which may be implemented by a pre-configured UI manager.

In some possible implementations, the type of the sub-UI is selected according to each of the selection information, and the implementation method further includes: according to one of the selection information contents corresponding to each of the selection information, realize the selection of the UI Select the type to get at least one target sub-UI.

In some possible implementation manners, the implementation manner of the selection of the sub-UI type further includes: filtering according to the selection information through a pre-deployed UI manager.

In a second aspect, an embodiment of the present application further provides a UI generation device, the device comprising:

an acquisition module, used to acquire the generation request corresponding to the target UI and at least one selection information;

A generation module, configured to generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI;

a selection module, for selecting the type of the sub-UI according to each of the selection information, to obtain at least one target sub-UI;

A construction module, configured to construct at least one of the target UIs according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs.

In a third aspect, an embodiment of the present application further provides an electronic device, the electronic device includes: a memory and a processor, the memory and the processor are connected in communication with each other, and computer instructions are stored in the memory, The processor executes the method of the first aspect or any possible implementation manner of the first aspect by executing the computer instructions.

In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, where the computer-readable storage medium stores computer instructions, and the computer instructions are used to cause the computer to execute the first aspect or any of the first aspect. The method in a possible implementation.

The embodiment of the present application provides a technical solution for a UI generation method. In this solution, a generation request corresponding to a target UI and at least one selection information are obtained first, and then information content corresponding to the target UI is generated according to the generation request. The content of the information indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI. According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI; The sub-UI and the information content corresponding to each target sub-UI construct at least one target UI. It can be seen that the technical solution integrates the content used for the original UI generation, and then selects the sub-UI type suitable for inheriting the content to be 2D UI or 3D UI through the information of the usage scene and the running platform. Since the target sub-UI obtains the corresponding content by means of inheritance and is used to construct the target UI, the consistency in the re-construction process of the target UI content is guaranteed. In this way, the content of the configuration information interaction channel can be reduced in the software in which the 2D UI and the 3D UI coexist, and the cost of the later operation and maintenance process is also reduced.

Description of drawings

1 is a schematic flowchart of a UI generation method provided by an embodiment of the present application;

2 is a schematic diagram of an exemplary composition of a UI generation apparatus provided by an embodiment of the present application;

FIG. 3 is a schematic structural diagram of an exemplary UI generation device provided by an embodiment of the present application.

Detailed ways

The terms used in the following examples of the present application are for the purpose of describing alternative embodiments, and are not intended to be limitations of the present application. As used in the specification of this application and the appended claims, the singular expressions "a," "an," "the," "above," "the," and "the" are intended to also Include plural expressions. It should also be understood that although the terms first, second, etc. may be used in the following embodiments to describe a certain class of objects, the objects are not limited to these terms. These terms are used to distinguish concrete objects of this class of objects. For example, in the following embodiments, the terms first, second, etc. may be used to describe other types of objects in the same way, which will not be repeated here.

The embodiment of the present application provides a technical solution for a UI generation method. In this solution, a generation request corresponding to a target UI and at least one selection information are obtained first, and then information content corresponding to the target UI is generated according to the generation request. The content of the information indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI. According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI; The sub-UI and the information content corresponding to each target sub-UI construct at least one target UI. It can be seen that the technical solution integrates the content used for the original UI generation, and then selects the sub-UI type suitable for inheriting the content to be 2D UI or 3D UI through the information of the usage scene and the running platform. Since the target sub-UI obtains the corresponding content by means of inheritance and is used to construct the target UI, the consistency in the re-construction process of the target UI content is guaranteed. In this way, the content of the configuration information interaction channel can be reduced in the software in which the 2D UI and the 3D UI coexist, and the cost of the later operation and maintenance process is also reduced.

Any electronic device involved in the embodiments of the present application may be electronic devices such as mobile phones, tablet computers, wearable devices (eg, smart watches, smart bracelets, etc.), notebook computers, desktop computers, and in-vehicle devices. The electronic device is pre-installed with a software deployment application. It can be understood that the embodiments of the present application do not impose any limitations on the specific types of electronic devices.

Human-computer interaction interface (User Interface, UI) usually refers to the interface of the interaction process between people and objects or between people and software. In the UI for human-software interaction, commonly used software applications can be divided into two-dimensional (two-dimension, 2D) applications and three-dimensional (three-dimensional, 3D) applications according to usage scenarios. 2D applications usually refer to applications running on mobile phones or computer screens; 3D applications are usually used in scenes that support Augmented Reality (AR) technology.

Usually, 2D applications and 3D applications coexist in the same software engineering project. Since 2D applications and 3D applications are applicable to different application scenarios, 2D applications and 3D applications need to generate UI interfaces respectively, and 2D applications correspond to 2D UIs Interface, 3D application corresponds to the 3D UI interface. At this stage, for projects where 2D applications and 3D applications coexist, developers usually use 2D UI interface and 3D UI interface to develop separately, and establish a way of information interaction between 2D UI interface and 3D UI interface.

However, with the increase in the amount of development content information and subsequent software iterative updates, each time the software engineering content is modified, it is necessary to modify the entire content of the 2D UI interface and the entire content of the 3D UI interface. Reconfigure the information exchange channel for the modified content. In this way, the later operation and maintenance costs of software engineering are increased.

The following is a description of several exemplary embodiments, and describes the technical solutions of the embodiments of the present application and the technical effects produced by the technical solutions of the present application.

In the first aspect of the present application, a UI generation method is proposed. Referring to FIG. 1, FIG. 1 is a schematic flowchart of the method for deploying a digital twin scene provided by an embodiment of the present application, including the following steps:

Obtain the generation request corresponding to the target UI and at least one selection information;

Generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI;

According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI;

At least one of the target UIs is constructed according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs.

Optionally, the information content may be obtained from at least one preset UI interface, and each UI interface corresponds to a sub-UI.

Exemplarily, in the early stage of software development, first abstract a layer of UI operation interface, for example, according to requirements, develop a login system interface (equivalent to the above target system) and the login system needs to have both 2D UI and 3D UI, which is abstracted here. The UI operation interface needs to define the content and related rules of the login system interface, which may include: interface filling content (account and password, etc.) or related operation buttons (OK and one-key login, etc.). In general, since interfaces are often used as syntactic contracts to define all classes inheriting from interfaces should follow. Therefore, the sub-UI under this UI operation interface can inherit all the content and related rules defined by this UI operation interface, and the sub-UI implements the inherited content, which ensures that different types of sub-UIs under the same UI interface Consistency of what UI inherits.

Optionally, the content of the selection information includes: a platform type for running the target UI and a startup scene of the target UI.

Optionally, the type of the sub-UI is selected according to each of the selection information, and the implementation method further includes: according to one of the selection information contents corresponding to each of the selection information, the selection of the type of the UI is realized. , get at least one target sub-UI.

Optionally, for the selection of sub-UI types, an implementation manner further includes: screening according to the selection information through a pre-deployed UI manager.

Exemplarily, the application scene (equivalent to the above selection information) in which the system obtains the above target UI is a mobile phone, and is not used in a scene supported by AR technology, and needs to be constructed as a 2D UI type. The system transmits such information to the UI manager, and the UI manager continues to judge, and it can be determined from this that the target UI is applied in a 2D scene. Therefore, the UI manager will select the sub-UI of the 2D UI type (equivalent to the target sub-UI) to inherit the interface definition content to construct the target UI.

Obviously, the selection method of obtaining information as the operating platform is similar to the above content, and will not be repeated here.

The embodiment of the present application provides a technical solution for a UI generation method. In this solution, a generation request corresponding to a target UI and at least one selection information are obtained first, and then information content corresponding to the target UI is generated according to the generation request. The content of the information indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI. According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI; The sub-UI and the information content corresponding to each target sub-UI construct at least one target UI. It can be seen that the technical solution integrates the content used for the original UI generation, and then selects the sub-UI type suitable for inheriting the content to be 2D UI or 3D UI through the information of the usage scene and the running platform. Since the target sub-UI obtains the corresponding content by means of inheritance and is used to construct the target UI, the consistency in the re-construction process of the target UI content is guaranteed. In this way, the content of the configuration information interaction channel can be reduced in the software in which the 2D UI and the 3D UI coexist, and the cost of the later operation and maintenance process is also reduced.

In the above-mentioned embodiment, from the generation request corresponding to the target UI and the acquisition of at least one selection information, the generation of information content, the acquisition of the target sub-UI, and the information content corresponding to each of the target sub-UIs and each of the target sub-UIs, In terms of constructing at least one of the target UIs and the like, various implementations of the UI generation method provided by the embodiments of the present application are introduced. It should be understood that the generation request corresponding to the target UI and the acquisition of at least one selection information, the generation of information content, the acquisition of the target sub-UI, and the information content corresponding to each of the target sub-UIs and each of the target sub-UIs are constructed. For at least one processing step of the target UI and the like, the embodiments of the present application may implement the above functions in a form of hardware or a combination of hardware and computer software. Whether a function is performed by hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Skilled artisans may implement the described functionality using different methods for each particular application, but such implementations should not be considered beyond the scope of this application.

For example, if the above implementation steps implement corresponding functions through software modules. As shown in FIG. 2, the UI generation apparatus may include an acquisition module, a generation module, a selection module, and a construction module. The UI generating apparatus may be used to perform part or all of the operations of the above-mentioned software deployment method.

E.g:

an acquisition module, used to acquire the generation request corresponding to the target UI and at least one selection information;

A generation module, configured to generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI;

a selection module, for selecting the type of the sub-UI according to each of the selection information, to obtain at least one target sub-UI;

A construction module, configured to construct at least one of the target UIs according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs.

It can be seen that the embodiment of the present application provides an apparatus for a UI generation method. In this solution, a generation request corresponding to a target UI and at least one selection information are obtained first, and then information corresponding to the target UI is generated according to the generation request. content, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI. According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI; The target sub-UI and the information content corresponding to each target sub-UI construct at least one target UI. It can be seen that the technical solution integrates the content used for the original UI generation, and then selects the sub-UI type suitable for inheriting the content to be 2D UI or 3D UI through the information of the usage scene and the running platform. Since the target sub-UI obtains the corresponding content by means of inheritance and is used to construct the target UI, the consistency in the re-construction process of the target UI content is guaranteed. In this way, the content of the configuration information interaction channel can be reduced in the software in which the 2D UI and the 3D UI coexist, and the cost of the later operation and maintenance process is also reduced.

It can be understood that the functions of the above modules can be integrated into the hardware entity, for example, the acquisition module can be integrated into the transceiver, the generation module, the selection module and the building module can be integrated into the processor, and the program to realize the functions of the above modules. and instructions can be maintained in memory. As shown in FIG. 3, an electronic device is provided. The electronic device includes a processor, a transceiver, and a memory, wherein the transceiver is used to execute the UI request acquisition in the UI generation method, and the memory is used to store the preinstalled program/ code, may also store code for execution by the processor, and the like. When the processor executes the code stored in the memory, the electronic device is made to perform part or all of the operations of the software deployment method in the above method.

For the specific process, please refer to the embodiments of the above method, which will not be described in detail here.

In a specific implementation, corresponding to the aforementioned electronic device, an embodiment of the present application further provides a computer storage medium, wherein the computer storage medium provided in the electronic device can store a program, and when the program is executed, it can implement a software deployment method including the above-mentioned software deployment method. some or all of the steps in each example. The storage medium can be a magnetic disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM).

One or more of the above modules or units may be implemented in software, hardware or a combination of both. When any of the above modules or units are implemented in software, the software exists in the form of computer program instructions and is stored in the memory, and the processor can be used to execute the program instructions and implement the above method flow. The processor may include, but is not limited to, at least one of the following: a central processing unit (CPU), a microprocessor, a digital signal processor (DSP), a microcontroller (MCU), or artificial intelligence Processors and other types of computing devices that run software, each computing device may include one or more cores for executing software instructions to perform operations or processing. The processor may be built in a SoC (system on chip) or an application specific integrated circuit (ASIC), or may be an independent semiconductor chip. The internal processing of the processor may further include necessary hardware accelerators, such as field programmable gate array (FPGA), PLD (Programmable Logic Device), outside the core for executing software instructions to perform operations or processing. , or a logic circuit that implements dedicated logic operations.

When the above modules or units are implemented in hardware, the hardware can be a CPU, microprocessor, DSP, MCU, artificial intelligence processor, ASIC, SoC, FPGA, PLD, dedicated digital circuits, hardware accelerators or non-integrated discrete devices Any one or any combination, which may or may not run the necessary software to perform the above method flow.

Further, FIG. 3 may also include a bus interface. The bus interface may include any number of interconnected buses and bridges. Specifically, one or more processors represented by a processor and various circuits of a memory represented by a memory are linked together. The bus interface may also link together various other circuits, such as peripherals, voltage regulators, and power management circuits, which are well known in the art and, therefore, will not be described further herein. The bus interface provides the interface. A transceiver provides a unit for communicating with various other devices over a transmission medium. The processor is responsible for managing the bus architecture and general processing, and the memory can store data that the processor uses when performing operations.

When the above modules or units are implemented using software, they can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present invention are generated. The computer may be a general purpose computer, special purpose computer, computer network, or other programmable device. The computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be downloaded from a website site, computer, server, or data center Transmission to another website site, computer, server, or data center is by wire (eg, coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (eg, infrared, wireless, microwave, etc.). The computer-readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that includes an integration of one or more available media. The usable media may be magnetic media (eg, floppy disks, hard disks, magnetic tapes), optical media (eg, DVD), or semiconductor media (eg, Solid State Disk (SSD)), among others.

It should be understood that, in the various embodiments of the present application, the size of the sequence numbers of each process does not mean the sequence of execution, and the execution sequence of each process should be determined by its function and internal logic, rather than the implementation process of the embodiment. constitute any limitation.

Each part of this specification is described in a progressive manner, and the same and similar parts between the various embodiments may be referred to each other, and each embodiment focuses on the points that are different from other embodiments. In particular, as for the apparatus and system embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and for related parts, please refer to the descriptions in the method embodiments.

While alternative embodiments of the present application have been described, additional changes and modifications to these embodiments may occur to those skilled in the art once the basic inventive concepts are known. Therefore, the appended claims are intended to be construed to include the preferred embodiment and all changes and modifications that fall within the scope of this application.

The specific embodiments described above further describe the purpose, technical solutions and beneficial effects of the present application in detail. It should be understood that the above descriptions are only specific embodiments of the present application, and are not intended to limit the Any modification, equivalent replacement, improvement, etc. made on the basis of the technical solution of the present application shall be included in the protection scope of the present invention.

Claims (8)

1. a user interface UI generation method, is characterized in that, described method comprises: Obtain the generation request corresponding to the target UI and at least one selection information; Generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI; According to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI; At least one of the target UIs is constructed according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs. 2 . The UI generation method according to claim 1 , wherein the selection information content includes: a platform type on which the target UI runs and a startup scene of the target UI. 3 . 3 . The UI generation method according to claim 1 , wherein the information content can be obtained from at least one preset UI interface, and each UI interface corresponds to a sub-UI. 4 . 4. The UI generation method according to claim 1, wherein, according to each of the selection information, the type of the sub-UI is selected to obtain at least one target sub-UI, and a pre-configured UI manager can be used. accomplish. 5. The UI generation method according to claim 1 or 2, characterized in that, according to each of the selection information, the type of the sub-UI is selected, and an implementation manner further comprises: according to all the selection information corresponding to each of the selection information. One of the above-mentioned selection information contents is implemented to select the type of UI to obtain at least one target sub-UI. 6. A UI generating device, wherein the device comprises: an acquisition module, used to acquire the generation request corresponding to the target UI and at least one selection information; A generation module, configured to generate information content corresponding to the target UI according to the generation request, the information content indicates a sub-UI, and the type of the sub-UI is a two-dimensional 2D UI or a three-dimensional 3D UI; a selection module, for selecting the type of the sub-UI according to each of the selection information, to obtain at least one target sub-UI; A construction module, configured to construct at least one of the target UIs according to each of the target sub-UIs and information content corresponding to each of the target sub-UIs. 7. An electronic device, characterized in that the electronic device comprises: a memory and a processor, wherein the memory and the processor are connected in communication with each other, the memory stores computer instructions, and the processor passes the Executing the computer instructions performs the method of any of claims 1-5. 8. A computer-readable storage medium, wherein the computer-readable storage medium stores computer instructions, and the computer instructions are used to cause the computer to perform the method according to any one of claims 1-5 .

Images