CN111443858B

CN111443858B - Display method, device, terminal and storage medium of application interface

Info

Publication number: CN111443858B
Application number: CN202010213261.7A
Authority: CN
Inventors: 王若羲
Original assignee: Shenzhen Tencent Information Technology Co Ltd
Current assignee: Shenzhen Tencent Information Technology Co Ltd
Priority date: 2020-03-24
Filing date: 2020-03-24
Publication date: 2024-03-01
Anticipated expiration: 2040-03-24
Also published as: CN111443858A

Abstract

The disclosure provides a display method, a device, a terminal and a storage medium of an application interface, and belongs to the technical field of Internet. The method comprises the following steps: responding to the received triggering operation for jumping to the active interface, obtaining a template of a corresponding interface control blueprint, and loading the template on a second target application interface; acquiring an interface configuration table, selecting a target UI component sleeve from a first UI component sleeve in the interface configuration table, and selecting a target skin resource from a first skin resource in the interface configuration table; acquiring first attribute information of a target UI component and second attribute information of a target skin resource in a target UI component sleeve; and framing the target UI component into a second target application interface according to the first attribute information, and framing the target skin resource into the second target application interface according to the second attribute information to obtain the active interface. The method not only can realize theme switching of the movable interface, but also can reduce the size of the installation package and improve the downloading enthusiasm of users.

Description

Display method, device, terminal and storage medium of application interface

Technical Field

The disclosure relates to the technical field of internet, and in particular relates to a display method, a device, a terminal and a storage medium of an application interface.

Background

The game may include various active interfaces, such as a lottery active interface, where the display effect of the active interface may be changed on different dates, such as a lottery active interface may be on the subject of seven days and a lottery active interface may be on the subject of mid-autumn. For lottery activity interfaces of different topics, the electronic equipment needs to load different interface control blueprints on the lottery activity interfaces, and the lottery activity interfaces of different topics are rendered through the interface control blueprints of different topics.

In the related art, an installation package of a game comprises a plurality of interface control blueprints corresponding to lottery activity interfaces, one interface control blueprint corresponds to one theme, after the installation package of the game is downloaded by an electronic device, the interface control blueprint corresponding to the theme of the current holiday is obtained from the installation package in response to entering the lottery activity interface, and the interface control blueprint is loaded into the lottery activity interface.

The problem of this approach is that, since the installation package of the game includes a plurality of interface control blueprints with different themes corresponding to one active interface, the installation package of the game is oversized, and the downloading enthusiasm of the user is reduced.

Disclosure of Invention

The embodiment of the disclosure provides a display method, a device, a terminal and a storage medium of an application interface, which can solve the problem of reducing installation packages of games and improve downloading enthusiasm of users. The technical scheme is as follows:

in a first aspect, a method for displaying an application interface is provided, where the method includes:

responding to receiving a trigger operation for jumping to an active interface based on a first target application interface, acquiring a template of an interface control blueprint corresponding to the active interface, and loading the template on a second target application interface;

acquiring an interface configuration table referenced by the template, wherein the interface configuration table stores first theme information of a first User Interface (UI) component sleeve and a first UI component sleeve of the template, and first skin resources and second theme information of the first skin resources of the template;

selecting a target UI component sleeve with a subject as a target subject from the first UI component sleeve according to the first subject information, and selecting a target skin resource with the subject as the target subject from the first skin resource according to the second subject information;

acquiring first attribute information of a target UI component in the target UI component sleeve and second attribute information of the target skin resource;

And loading the target UI component into the second target application interface in frames according to the first attribute information, and loading the target skin resource into the second target application interface in frames according to the second attribute information to obtain the active interface.

In one possible implementation, the first attribute information includes location information, scaling information, and rotation information of the target UI component;

the loading the target UI component into the second target application interface according to the first attribute information includes:

according to the position information, the target UI component is loaded to the corresponding position of the template in the second target application interface in a framing mode;

adjusting the display size of the target UI component in the second target application interface according to the scaling information; and adjusting the direction of the target UI component in the target application interface according to the rotation information.

In another possible implementation, the method further includes:

and responsive to the activity of the active interface not being full screen activity, framing content of the first target application interface into the second target application interface.

In a second aspect, there is provided a method for optimizing an interface control blueprint, the method comprising:

acquiring an interface control blueprint, wherein the interface control blueprint comprises a second UI component;

selecting a resident UI component and a mounting UI component from the second UI component according to the function of the interface control blueprint and the function of the second UI component;

generating a template of the interface control blueprint according to the resident UI component, and generating a first UI component sleeve of the template according to the mounting UI component;

determining position information, scaling information and rotation information of a first UI component in the first UI component sleeve in the template, and generating attribute information of the first UI component according to the position information, the scaling information and the rotation information;

and creating an interface configuration table, wherein the interface configuration table comprises the first UI component sleeve and attribute information of the first UI component.

In one possible implementation, the method further includes:

and checking a reference mode of the template to the interface configuration table, and changing the reference mode into a weak reference in response to the reference mode being a strong reference.

In another possible implementation, the method further includes:

Acquiring a frame rate optimization mode of the interface control blueprint, wherein the frame rate optimization mode comprises a UI component query mode and a UI component hiding mode;

acquiring text blocks TextBlock and rich text boxes which need to be dynamically modified in the second UI component, and setting query attributes of the text blocks and the rich text boxes as changed Is Volatile according to a UI component query mode;

and acquiring the UI components needing to be hidden in the second UI components, and setting the hidden attribute of the UI components needing to be hidden as hidden according to the UI component hiding mode without reserving a layout space.

In a third aspect, there is provided a display device of an application interface, the device comprising:

the loading module is used for responding to the received trigger operation for jumping to the active interface based on the first target application interface, acquiring a template of an interface control blueprint corresponding to the active interface, and loading the template on the second target application interface;

the first acquisition module is used for acquiring an interface configuration table referenced by the template, and the interface configuration table stores first theme information of a first user interface UI component sleeve and a first UI component sleeve of the template, and first skin resources of the template and second theme information of the first skin resources;

The first selecting module is used for selecting a target UI component sleeve with a subject as a target subject from the first UI component sleeve according to the first subject information, and selecting a target skin resource with the subject as the target subject from the first skin resource according to the second subject information;

the first obtaining module is further configured to obtain first attribute information of a target UI component in the target UI component set and second attribute information of the target skin resource;

the loading module is further configured to frame-load the target UI component into the second target application interface according to the first attribute information, and frame-load the target skin resource into the second target application interface according to the second attribute information, so as to obtain the active interface.

the loading module is further configured to load the target UI component into a corresponding position of the template in the second target application interface in frames according to the position information; adjusting the display size of the target UI component in the second target application interface according to the scaling information; and adjusting the direction of the target UI component in the target application interface according to the rotation information.

In another possible implementation, the loading module is further configured to load the content of the first target application interface into the second target application interface in frames in response to the activity of the active interface not being a full screen activity.

In a fourth aspect, an apparatus for optimizing an interface control blueprint is provided, where the apparatus includes:

the second acquisition module is used for acquiring an interface control blueprint, and the interface control blueprint comprises a second UI component;

the second selection module is used for selecting a resident UI component and a mounting UI component from the second UI component according to the function of the interface control blueprint and the function of the second UI component;

the generating module is used for generating a template of the interface control blueprint according to the resident UI component and generating a first UI component sleeve of the template according to the mounting UI component;

the generating module is further used for determining position information, scaling information and rotation information of a first UI component in the first UI component sleeve in the template, and generating attribute information of the first UI component according to the position information, the scaling information and the rotation information;

the generating module is further configured to create an interface configuration table, where the interface configuration table includes the first UI component sleeve and attribute information of the first UI component.

In one possible implementation, the apparatus further includes:

and the modification module is used for checking the reference mode of the template to the interface configuration table, and changing the reference mode into weak reference in response to the strong reference mode.

In another possible implementation, the apparatus further includes:

the setting module is used for acquiring a frame rate optimization mode of the interface control blueprint, wherein the frame rate optimization mode comprises a UI component query mode and a UI component hiding mode; acquiring text blocks TextBlock and rich text boxes which need to be dynamically modified in the second UI component, and setting query attributes of the text blocks and the rich text boxes as changed Is Volatile according to a UI component query mode; and acquiring the UI components needing to be hidden in the second UI components, and setting the hidden attribute of the UI components needing to be hidden as hidden according to the UI component hiding mode without reserving a layout space.

In a fifth aspect, a terminal is provided, where the terminal includes a processor and a memory, where the memory stores at least one instruction, where the instruction is loaded and executed by the processor to implement an operation performed in a display method of an application interface and an optimization method of an interface control blueprint in any one of the possible implementations.

In a sixth aspect, there is provided a computer readable storage medium having at least one instruction stored therein, where the instruction is loaded and executed by a processor to implement an operation performed by a terminal in a display method of an application interface and an optimization method of an interface control blueprint in any one of the possible implementations.

The technical scheme provided by the embodiment of the disclosure has the beneficial effects that:

in the embodiment of the disclosure, in response to receiving a trigger operation for jumping to an active interface based on a first target application interface, a template of an interface control blueprint corresponding to the active interface is obtained, and the template is loaded on a second target application interface; acquiring an interface configuration table referenced by a template, and storing first theme information of a first user interface UI component sleeve and a first UI component sleeve of the template, and first skin resources and second theme information of the first skin resources of the template in the interface configuration table; selecting a target UI component sleeve with a subject as a target subject from the first UI component sleeve according to the first subject information, and selecting a target skin resource with the subject as the target subject from the first skin resource according to the second subject information; acquiring first attribute information of a target UI component and second attribute information of a target skin resource in a target UI component sleeve; and framing the target UI component into a second target application interface according to the first attribute information, and framing the target skin resource into the second target application interface according to the second attribute information to obtain the active interface. According to the method, theme switching of the active interface can be achieved through the template and the interface configuration table of the interface control blueprint, the installation package of the target application only needs to comprise the template and the interface configuration table of the interface control blueprint, the size of the installation package can be reduced, and the downloading enthusiasm of a user is improved.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present disclosure, and other drawings may be obtained according to these drawings without inventive effort for a person of ordinary skill in the art.

FIG. 1 is a schematic illustration of one implementation environment provided by embodiments of the present disclosure;

FIG. 2 is a flowchart of a method for displaying an application interface according to an embodiment of the present disclosure;

FIG. 3 is a flowchart of an optimization method for an interface control blueprint provided by an embodiment of the present disclosure;

FIG. 4 is a flowchart of an optimization method for an interface control blueprint provided by an embodiment of the present disclosure;

FIG. 5 is a schematic illustration of an application interface provided by an embodiment of the present disclosure;

FIG. 6 is a schematic diagram of an optimization process for an interface control blueprint provided by an embodiment of the present disclosure;

FIG. 7 is a flowchart of a method for displaying an application interface according to an embodiment of the present disclosure;

FIG. 8 is a block diagram of an application interface display apparatus provided by an embodiment of the present disclosure;

FIG. 9 is a block diagram of an interface control blueprint optimization apparatus provided by an embodiment of the present disclosure;

Fig. 10 is a schematic structural diagram of a terminal according to an embodiment of the present disclosure;

fig. 11 is a schematic structural diagram of a server according to an embodiment of the present disclosure.

Detailed Description

For the purposes of clarity, technical solutions and advantages of the present disclosure, the following further details the embodiments of the present disclosure with reference to the accompanying drawings.

First, terms of art referred to in this disclosure are explained:

illusion engine 4 (UE 4): the illusion engine 4 is a version of the game Epic (company name) company illusion engine, which is a complete game development platform for next generation gaming machines and personal computers supporting DirectX (a multimedia programming interface created by microsoft corporation), and provides a great deal of core technology, data generation tools and basic support required by game developers.

Blueprint visualization system: the blueprint visualization system is a complete game script system whose idea is to create game playability elements from a phantom editor using a node-based interface, which is very flexible and powerful because it provides a designer with all concepts and tools that are typically used only by programmers. It is a special type of resource that provides a tool for level designers and game developers to quickly create and iterate through game playability in an editor.

Blueprints: visual script of the game.

FIG. 1 is a schematic illustration of an implementation environment provided by embodiments of the present disclosure. Referring to fig. 1, the implementation environment includes a first terminal 101, a server 102, and a second terminal 103. The terminal 101 and the server 102 are connected by a wireless or wired network, and the server 102 and the second terminal 103 are connected by a wireless or wired network. In addition, the second terminal 103 may be provided with a target application served by the server 102, and the user corresponding to the second terminal 103 may implement functions such as data transmission and message interaction through the target application.

The first terminal 101 is a terminal on the developer side and is used for developing and optimizing a target application, and the first terminal 101 may be a computer, a mobile phone, a tablet computer or other terminals. The second terminal 103 is a terminal on the user side for downloading and using the target application. The second terminal 103 may be a computer, a mobile phone, a tablet computer, or other terminals. The target application may be any application, for example, the target application may be a gaming application, a shopping application, a financial application, a social application, or a short video application, etc. Server 102 may be a background server to which the target application corresponds. Accordingly, server 102 may be a game application server, shopping server, financial server, social application server, or short video application server, among others. Server 102 may also be an operation management server for the target application.

In the present disclosure, after optimizing an interface control blueprint of an active interface of a target application, a first terminal 101 obtains a template of the interface control blueprint and an interface configuration table referenced by the template, where the interface configuration table stores a plurality of first UI component sleeves and first theme information of each first UI component sleeve, and also stores a plurality of first skin resources and second theme information of each first skin resource, and the first UI component sleeves and the first skin resources are used for combining with the template to configure active interfaces of different themes. The first terminal 101 puts the template and the interface configuration table of the interface control blueprint into the running file of the target application, and publishes the running file on the server 102. The second terminal 103 downloads the running file of the target application from the server 102, installs and uses the target application through the running file.

The second terminal 103 may obtain, from the running file of the target application, a template of the interface control blueprint corresponding to the active interface in response to receiving a trigger operation for jumping to the active interface based on the first target application interface, and load the template on the second target application interface. Then, the second terminal 103 acquires an interface configuration table referenced by the template from the running file, and the interface configuration table stores the first user interface UI component sleeve of the template and the first theme information of the first UI component sleeve, and the first skin resource of the template and the second theme information of the first skin resource. The second terminal 103 selects a target UI component set subject to a target subject from the first UI component set according to the first subject information, and selects a target skin resource subject to the target subject from the first skin resource according to the second subject information. The second terminal 103 acquires first attribute information of a target UI component in the target UI component suite and second attribute information of a target skin resource. The second terminal 103 frames the target UI component into a second target application interface according to the first attribute information, and frames the target skin resource into the second target application interface according to the second attribute information, so as to obtain an active interface.

In one possible implementation, the first terminal 101 may also store an interface configuration table in the server 102, corresponding to the interface configuration table. The terminal 103 may send a configuration table acquisition request to the server 102 in response to receiving a trigger operation for jumping to an active interface based on the first target application interface, and then receive an interface configuration table referenced by a template sent by the server 102.

Fig. 2 is a flowchart of a display method of an application interface according to an embodiment of the present disclosure. Referring to fig. 2, this embodiment includes:

201. and responding to the received triggering operation for jumping to the active interface based on the first target application interface, acquiring a template of an interface control blueprint corresponding to the active interface, and loading the template on the second target application interface.

202. And acquiring an interface configuration table referenced by the template, and storing first theme information of a first user interface UI component sleeve and a first UI component sleeve of the template, and first skin resources and second theme information of the first skin resources of the template in the interface configuration table.

203. According to the first theme information, a target UI component sleeve with a theme of a target theme is selected from the first UI component sleeve, and according to the second theme information, a target skin resource with the theme of the target theme is selected from the first skin resource.

204. First attribute information of a target UI component in a target UI component set and second attribute information of a target skin resource are acquired.

205. And framing the target UI component into a second target application interface according to the first attribute information, and framing the target skin resource into the second target application interface according to the second attribute information to obtain the active interface.

loading the target UI component into a second target application interface according to the first attribute information, including:

In another possible implementation, the method further includes:

and responsive to the activity of the active interface not being full screen activity, framing the content of the first target application interface into the second target application interface.

Fig. 3 is a flowchart of an optimization method of an interface control blueprint provided in an embodiment of the present disclosure. Referring to fig. 3, this embodiment includes:

301. and acquiring an interface control blueprint, wherein the interface control blueprint comprises a second UI component.

302. And selecting a resident UI component and a mounted UI component from the second UI component according to the function of the interface control blueprint and the function of the second UI component.

303. Generating a template of an interface control blueprint according to the resident UI component, and generating a first UI component sleeve of the template according to the mounted UI component.

304. And determining the position information, the scaling information and the rotation information of the first UI component in the first UI component sleeve in the template, and generating attribute information of the first UI component according to the position information, the scaling information and the rotation information.

305. And creating an interface configuration table, wherein the interface configuration table comprises the first UI component sleeve and attribute information of the first UI component.

In one possible implementation, the method further includes:

and checking the reference mode of the template to the interface configuration table, and changing the reference mode into weak reference in response to the reference mode being strong reference.

In another possible implementation, the method further includes:

acquiring a frame rate optimization mode of an interface control blueprint, wherein the frame rate optimization mode comprises a UI component query mode and a UI component hiding mode;

Acquiring text blocks TextBlock and rich text boxes which need to be dynamically modified in a second UI component, and setting query attributes of the text blocks and the rich text boxes to be changed Is Volatile according to a UI component query mode;

In an embodiment of the disclosure, an interface control blueprint is obtained, wherein the interface control blueprint comprises a second UI component; selecting a resident UI component and a mounting UI component from the second UI component according to the function of the interface control blueprint and the function of the second UI component; generating a template of an interface control blueprint according to the resident UI component and generating a first UI component sleeve of the template according to the mounting UI component; determining position information, scaling information and rotation information of a first UI component in a first UI component sleeve in a template, and generating attribute information of the first UI component according to the position information, the scaling information and the rotation information; and creating an interface configuration table, wherein the interface configuration table comprises the first UI component sleeve and attribute information of the first UI component. By generating a template of the interface control blueprint and creating an interface configuration table, the interface configuration table comprises a first UI component sleeve, and then different interface effects can be displayed by combining the first UI component sleeve in the interface configuration table with the template.

Fig. 4 is a flowchart of an optimization method of an interface control blueprint provided in an embodiment of the present disclosure. In this embodiment, a first terminal is taken as an example to describe an interface control blueprint optimizing process of the first terminal. Referring to fig. 4, this embodiment includes:

401. the first terminal obtains an interface control blueprint, wherein the interface control blueprint comprises a second UI component.

The interface control blueprint may be an interface control blueprint of an active interface of the target application, which may be delivered by a designer of the UI or art station. The interface control blueprint includes a plurality of second UI components.

The second UI component may be a button (buttons), an icon (icon), a grid (grid), a message box (dialog), a folding panel (acording), an operation table (actionset), a digital corner mark (bar), a card view (cardview), a check box (checkbox), a form (ipnut), a list, a side-slip menu (offcavas), a pop-up menu (pop-up), a selector (selector), a progress bar (progress bar), a transparent title bar (transparent bar), a single selection box (radio), a switch (switch), a slider (range), or other UI component, for example, may also be a mask (mask), which is not limited by the present disclosure.

402. And the first terminal selects a resident UI component and a mounting UI component from the second UI component according to the function of the interface control blueprint and the function of the second UI component.

Wherein, the resident UI component refers to a component resident in the interface, and the mounted UI component refers to a component which can be dynamically loaded to the interface.

It should be noted that, before this step, the first terminal needs to clear the useless UI component in the interface control blueprint, for example, if the activity of the active interface is full-screen activity, then the mask used for covering the first application interface in the interface control blueprint may be cleared. The method comprises the step of optimizing the file size of the blueprint of the interface control, and the step of simplifying the blueprint of the interface control so as to reduce the size of the blueprint file.

403. The first terminal generates a template of an interface control blueprint according to the resident UI component and generates a first UI component sleeve of the template according to the mounted UI component.

The first UI component sleeve is used for being matched with the template to present different interface effects.

The implementation manner of the template for generating the interface control blueprint by the first terminal according to the resident UI component can be as follows: the first terminal forms a template of an interface control blueprint by the resident UI component.

The implementation manner of the first UI component sleeve of the template generated by the first terminal according to the mounting UI component may be: the first terminal removes the UI components with repeated functions in the mounted UI components, and forms the rest first UI components into a first UI component sleeve.

In the embodiment of the disclosure, the first terminal generates the template of the interface control blueprint according to the resident UI component, so that the size of the template can be reduced, and the first terminal forms the first UI component sleeve by removing the UI component with repeated functions in the mounted UI component, so that the size of the first UI component sleeve can be reduced.

Referring to fig. 5, an interface control blueprint for a lottery activity interface. Wherein, the prize pool component 1 and the prize pool component 6 are resident UI components, the icon component 2, the icon component 3, the icon component 4 and the icon component 5 are mounting UI components, and the icon component 3, the icon component 4, the icon component 5 and the icon component 2 are functionally repeated, so that the first UI component in the first UI component sleeve may be the icon component 2.

404. The first terminal determines the position information, the scaling information and the rotation information of the first UI component in the first UI component sleeve in the template, and generates attribute information of the first UI component according to the position information, the scaling information and the rotation information.

The implementation manner of the step can be as follows: for each first UI component, after the designer places the first UI component in the template, the first terminal records the position information, the scaling information and the rotation information of the first UI component, and the position information, the scaling information and the rotation information are used as attribute information of the first UI component.

It should be noted that, for the same first UI component, the first UI component may be placed at a plurality of positions of the template, and the size and direction of the first UI component at each position may be different, that is, one first UI component may correspond to a plurality of position information, a plurality of scaling information, and a plurality of rotation information.

In the embodiment of the disclosure, the position information, the scaling information and the rotation information of the first UI component in the first UI component sleeve in the template are determined through the first terminal, the attribute information of the first UI component is generated according to the position information, the scaling information and the rotation information, and the second terminal can dynamically load the first UI component into the template according to the attribute information, so that the situation that part of UI components in the interface control blueprint are changed into dynamically loaded UI components is achieved, and the size of an operation file of a target application can be reduced. In addition, the method and the device realize loading of a plurality of UI components with the same functions by deleting the UI components with repeated functions and dynamically changing the size and the direction of the same UI component instead of adding a plurality of switches (components), and can also reduce the size of the running file.

With continued reference to fig. 5, for the icon assembly 2, the designer may place it at the positions of the icon assembly 2, the icon assembly 3, the icon assembly 4, and the icon assembly 5 in fig. 4 and adjust the display size and direction, and then the first terminal records a plurality of position information, zoom information, and rotation information of the icon assembly 2, and generates attribute information of the first UI assembly according to the plurality of position information, zoom information, and rotation information.

405. The first terminal creates an interface configuration table, wherein the interface configuration table comprises a first UI component sleeve and attribute information of the first UI component.

After the first terminal generates the template of the interface control blueprint, a designer can manufacture first UI component sleeves of different topics based on the template, and correspondingly, a plurality of first UI component sleeves can be stored in the interface configuration table, and one first UI component sleeve corresponds to one topic. The interface configuration table may store first theme information of each first UI component sleeve. The interface configuration table may also store first skin resources for a plurality of different topics and second topic information for each of the first skin resources. Other information related to the activity of the activity interface, such as the associated activity of the activity, may also be stored in the interface configuration table, as this disclosure is not limited in this regard. Highly configurable active interface designs are realized through interface configuration tables.

The theme information may include a theme corresponding to the UI component set or the skin resource, which is used to indicate a theme style corresponding to the UI component set or the skin resource, for example, the theme corresponding to the UI component set or the skin resource in the theme information may be a mid-autumn theme, a seven-day theme, a new spring theme, or other theme, which is not limited in this disclosure. Each first UI component sleeve and each first skin resource correspond to a theme, for example, the interface configuration table stores two first UI component sleeves and two first skin resources, the theme corresponding to the first UI component sleeve and the first skin resource is a mid-autumn theme, and the theme corresponding to the second first UI component sleeve and the second first skin resource is a seven-day theme. The first subject information and the second subject information are the same subject information, and the first subject information and the second subject information may be any of the above.

In the embodiment of the disclosure, by generating the template of the interface control blueprint, a designer can manufacture the first UI component sleeves and the first skin resources of different topics through the template, and the first UI component sleeves and the first skin resources of different topics can realize the change of the style of the active interface topic by matching with the template, namely, the activities of multiple versions can be realized only by one template, multiple first UI component sleeves and multiple first skin resources, and each version of activity is not required to correspond to one interface control blueprint, so that the size of an operation file can be greatly reduced. And moreover, the repeated development and testing processes of developers are saved, so that the manpower is saved, and the development efficiency is improved.

It should be noted that the interface configuration table may be included in the running file of the target application, so that a version of the running file may flexibly replace multiple active interfaces with different theme styles, and the interface configuration table may also be stored in a background server or an operation management server of the target application, so that the active content may still be adjusted after the activity is online.

Another point to note is that the performance optimization of the interface control blueprint can include three parts, blueprint file size optimization, frame rate optimization, and UI response time-consuming optimization. Through the steps, the file size of the interface control blueprint is optimized, and the frame rate optimization and the time-consuming optimization of the UI response of the interface control blueprint can be realized through the following steps.

406. The first terminal acquires a frame rate optimization mode of an interface control blueprint, wherein the frame rate optimization mode comprises a UI component query mode and a UI component hiding mode.

The UI component may query every frame loaded by the UI component or not, for example, only query in a specific frame. The UI component hiding manner may be hiding and reserving layout space or hiding and not reserving layout space. The designer can pre-store the UI component query mode and the UI component hiding mode in the first terminal, and correspondingly, the first terminal can obtain the frame rate optimization mode of the interface control blueprint from the local.

407. The first terminal acquires a text block and a rich text box which need to be dynamically modified in the second UI component, and sets the query attribute of the text block and the rich text box as a variable Is Volatile according to the UI component query mode.

It should be noted that, step 407 and step 408 are to optimize the frame rate of the blueprint of the interface control, and before the frame rate of the blueprint of the interface control is optimized, the frame rate when the terminal opens the active interface is checked to analyze the factors affecting the frame rate. Accordingly, the frame rate viewing manner may be: and calling out an instruction interface on a third terminal (test terminal), inputting stat fps (frame rate viewing command), viewing a first frame rate displayed in the interface, opening a first target application interface of a target application, when the viewing frame rate is stable, opening an active interface, and when the viewing frame rate is stable, displaying a third frame rate in the interface. The third terminal may be a low-end type or a high-end type. If the model is a high-end model, after the frame rate is adjusted to display, the image quality option can be adjusted to be ultra-high definition, so that the difference between the third frame rate and the second frame rate can be seen.

And in response to the difference between the second frame rate and the third frame rate being greater than a preset threshold, recording a snapshot of a central processing unit (Central Processing Unit, CPU) of the test terminal in a period of time when the active interface is opened through a performance analysis (profiling) function of a fantasy engine IV (UE 4), and analyzing influencing factors of the high-time-consumption frames through the snapshot of the CPU.

By the method, it can be found that the main factors affecting the frame rate include the setting of the query attribute of the UI component, if the query attribute of the text block (text block) and the rich text box which need to be dynamically modified in the UI component included in the active interface is not checked as changed (is voice), the second terminal will query the text block (text block) and the rich text box in each frame of the loading active interface, which is very time-consuming. In the embodiment of the disclosure, the first terminal sets the query attribute of the text block and the rich text box to be dynamically modified as the changed Is Volatile according to the query mode of the UI component by acquiring the text block and the rich text box which are required to be dynamically modified in the second UI component, so that the time consumption can be reduced, and the frame rate can be improved.

Taking the target application as an example of a game application, the main factors affecting the frame rate also include the camera components. In a game, the camera is equivalent to an eye through which the entire game world is viewed, and all scenes need to be rendered by the camera. In the embodiment of the disclosure, the first terminal may set the hall camera for rendering the game hall to be in full screen activity in response to the second terminal entering the activity interface, the hall camera is zoomed out to a position where it will not render, and the hall camera is restored in response to the second terminal exiting the activity interface. By the method, when the activity in the activity interface is full-screen activity, the game hall is not rendered, so that the frame rate can be improved.

408. The first terminal acquires the UI component needing to be hidden in the second UI component, and sets the hiding attribute of the UI component needing to be hidden as hiding according to the UI component hiding mode without reserving a layout space.

The implementation manner that the first terminal sets the hiding attribute of the UI component needing to be hidden as hiding and does not reserve the layout space is as follows: the first terminal sets the hiding option of the UI component to be hidden to collapsed (a hiding manner). The UI components to be hidden include UI components to be dynamically loaded, UI components to be hidden in initialization, and other UI components to be hidden, which is not limited in this disclosure.

Through the above method, the main factors affecting the frame rate also include the setting of the hiding attribute of the UI component, if the hiding option of the UI component to be hidden in the UI component included in the active interface is set to hidden (another hiding mode), the second terminal still renders the UI component to be hidden, thereby wasting CPU resources. In the embodiment of the disclosure, the first terminal sets the hiding option of the UI component to be hidden to be collapsed according to the UI component hiding manner, so that the second terminal does not render the UI component to be hidden, thereby improving the frame rate.

409. And the first terminal checks the reference mode of the template to the interface configuration table, and changes the reference mode into weak reference in response to the reference mode being strong reference.

The weak reference mode may be a mode that the first terminal references the template in the running file by using a name of the interface configuration table.

The method comprises the step of optimizing UI response time consumption of an interface control blueprint, wherein the UI response time consumption refers to the time consumption from the time when a user clicks to open an active interface to the time when the active interface is really opened.

The method further comprises the step that the first terminal looks at a Size Map (data resource) referenced by the template, wherein the Size Map comprises a plurality of textures related to the activities of the activity interface, the first terminal synthesizes the textures into as few as possible atlas folders, and then the atlas folders are referenced by weak referencing.

In the embodiment of the disclosure, the first terminal refers to the atlas folder by the template through manufacturing texture synthesis as the atlas folder, so that irrelevant resources loaded when the second terminal loads the atlas can be reduced. The first terminal refers to the interface configuration table and the atlas folder in a weak reference mode, so that the second terminal does not directly load the interface configuration table and the atlas folder when loading the template, but loads the interface configuration table and the atlas folder when the second terminal is used, and the time consumption of UI response can be reduced.

It should be noted that, the first terminal may also preset a default active interface. For example, the default active interface may be a template for a blueprint interface control, although the default active interface may be other, which is not limited by the present disclosure. The second terminal can load the active interface in frames, for example, the second terminal loads the default active interface in the active interface, and then loads specific contents step by step, so that the waiting time of the user is reduced, and the viscosity of the user can be improved.

Referring to fig. 6, a schematic diagram of an optimization process of an interface control blueprint is provided, wherein performance optimization of the interface control blueprint includes three parts, namely file size optimization, frame rate optimization and UI response time-consuming optimization. File size optimization includes cleaning up UI components that are not useful in the interface control blueprint, creating templates, removing duplicate UI components, creating dynamically loaded UI components, and interface configuration table storage theme resources (first UI component set and first skin resources). The frame rate optimization comprises the steps of analyzing factors affecting the frame rate by utilizing a frame rate tool, hiding the hall camera, closing the query of the text box needing dynamic modification, setting the hiding mode of the UI component needing to be hidden as hidden and not reserving a layout space, namely setting the hiding option as collapsed. UI response time-consuming optimization includes pruning the number of UI components, removing strong references to data resources such as tables and atlases, and framing the loading UI components.

It should be noted that, originally, a new version of activity interface, for example, a lottery activity interface, needs 7 days of man-hours for development by a developer, and 2 days of man-hours for reconstruction of art resources by an art designer, however, by the method in the embodiment of the disclosure, only one day of configuration man-hours of conventional art work and planners are needed, so that manpower is greatly saved, and development efficiency is improved. In addition, one version of the operation file can be connected with the active interfaces of a plurality of versions, and the operation file can be realized only through one template and a plurality of theme resources, so that the size of the operation file is reduced.

Fig. 7 is a flowchart of a display method of an application interface according to an embodiment of the present disclosure. In this embodiment, a second terminal is taken as an example to describe an active interface rendering process by the second terminal through the optimized interface control blueprint. Referring to fig. 7, this embodiment includes:

701. and the second terminal responds to the received triggering operation for jumping to the active interface based on the first target application interface, and acquires a template of an interface control blueprint corresponding to the active interface.

The first target application interface may be a main interface of a target application, taking the target application as a game application as an example, and the first target application interface may be an interface of a game hall. The activity interface is an interface corresponding to any activity, taking the target application as a game application as an example, and the activity interface can be an interface of lottery activities, an interface of malls or other activity interfaces, which is not limited in this disclosure.

The template of the interface control blueprint may include a number of interface components, which refer to visual graphical "elements" that may be placed on a form, such as buttons, file edit boxes, etc., most of which have the function of executing or causing code to run and complete a response through an "event".

The first target application interface may include a skip interface of the active interface, and correspondingly, the second terminal, in response to receiving a trigger operation for skipping to the active interface based on the first target application interface, obtains a template of an interface control blueprint corresponding to the active interface by the implementation manner: and the second terminal responds to the received triggering operation of the jump interface of the active interface and acquires the template of the interface control blueprint corresponding to the active interface.

The second terminal may locally obtain the template of the interface control blueprint corresponding to the active interface, and correspondingly, the implementation manner of the second terminal obtaining the template of the interface control blueprint corresponding to the active interface may be: the second terminal responds to receiving a trigger operation for jumping to the active interface based on the first target application interface, and obtains a template of an interface control blueprint corresponding to the active interface from a locally stored running file of the target application, wherein the running file can be an installation package of the target application or an execution file after the installation package is decompressed, and the method is not limited in this disclosure.

In the embodiment of the disclosure, the second terminal can obtain the template under the condition of no network by locally obtaining the template of the interface control blueprint corresponding to the active interface, so that the application scene of the scheme is expanded.

The second terminal may further obtain a template of the interface control blueprint corresponding to the active interface from the server, and correspondingly, an implementation manner of the second terminal to obtain the template of the interface control blueprint corresponding to the active interface may be: the second terminal responds to receiving triggering operation for jumping to the active interface based on the first target application interface, a template acquisition request is sent to the server, the interface identification of the active interface is carried in the acquisition request, the server receives the interface identification of the active interface, a template of an interface control blueprint corresponding to the active interface is acquired, the template is returned to the second terminal, and the second terminal receives the template. The server may be a background server or an operation management server of the target application, which is not limited by disclosure.

In the embodiment of the disclosure, the second terminal obtains the template of the interface control blueprint corresponding to the active interface from the server, so that the running file of the target application does not need to include the template of the interface control blueprint corresponding to the active interface, the size of the running file is reduced, and the enthusiasm of a user for downloading the running file can be improved.

It should be noted that, in the embodiment of the present disclosure, the first target application interface may also be another active interface, for example, if the active interface is a lottery active interface, the first target application interface may be a mall interface.

702. And the second terminal loads the template on the second target application interface.

The second target application interface is the current application interface of the target application, the second terminal can directly load the template on the second target application interface, and can also load the template on the second target application interface in frames, so that the blocking of the application interface can be effectively reduced, and the smoothness of interface display is improved.

703. The second terminal acquires an interface configuration table referenced by the template, and the interface configuration table stores first theme information of a first user interface UI component sleeve and a first UI component sleeve of the template, and first skin resources and second theme information of the first skin resources of the template.

The first UI (User Interface) component sleeve and the first skin resource are used for being matched with the template to present different Interface effects. The number of the first UI component sleeves may be one or more, and the number of the first skin resources may be one or more, which is not limited in this disclosure. The plurality of first UI component sets and the plurality of first skin resources may be stored in an interface configuration table, facilitating the second terminal to obtain the interface configuration table and configure the active interface according to the interface configuration table.

The first UI component sleeve comprises one or more first UI components which are used for being matched with the template to present different interface effects. The first UI component may be a button (buttons), an icon (icon), a grid (grid), a message box (dialog), a folding panel (acording), an operation table (actionset), a digital corner mark (bar), a card view (cardview), a check box (checkbox), a form (ipnut), a list, a side-slip menu (offcavas), a pop-up menu (pop-up), a selector (selector), a progress bar (progress bar), a transparent title bar (transparent bar), a single selection box (radio), a switch (switch), a slider (range), or other UI component, for example, may also be a mask (mask), which is not limited by the present disclosure.

The first skin resource may include any one or more of an activity name, an activity rule, an activity time, a probability formula, a background picture, a produced fragment, a coupon, an interface prompt, an external jump, and the like of the activity interface, which is not limited by the present disclosure. The background pictures may include background pictures of various buttons, background pictures of a title, or other background pictures, which the present disclosure is not limited to.

The interface configuration table referred by the template is referred by the template in a weak reference manner, so that the condition that the second terminal obtains the interface configuration table referred by the template is that the second terminal obtains the interface configuration table only when the active interface includes data in the interface configuration table. If the template is an interface configuration table referenced in a strong reference manner, the second terminal can acquire the interface configuration table when acquiring the template no matter whether the active interface comprises data in the interface configuration table or not, so that the UI response time consumption of the active interface can be improved.

704. The second terminal selects a target UI component sleeve with a subject as a target subject from the first UI component sleeve according to the first subject information, and selects a target skin resource with the subject as the target subject from the first skin resource according to the second subject information.

The target UI component part may be any one of the first UI component parts, and the target skin resource may be any one of the first skin resources.

Before the second terminal performs step 704, the target theme is determined, and accordingly, the implementation manner of determining the target theme by the second terminal may be: the second terminal obtains the current time, determines the time range of the current time according to the current time, determines the theme corresponding to the time range, and takes the theme as the target theme.

The second terminal may store a time range corresponding to each theme, for example, the time range corresponding to the mid-autumn theme may be "8 months 14 days-8 months 16 days", the time range corresponding to the new spring theme may be "1 month 24 days-2 months 5 days", and the time range corresponding to the theme is only exemplary, which is not limited by the disclosure.

The second terminal selects a target UI component sleeve with a subject as a target subject from the first UI component sleeve according to the first subject information, wherein the implementation mode is as follows: the second terminal determines a theme corresponding to each UI component sleeve in the plurality of first UI component sleeves according to the first theme information, and selects a first UI component sleeve with the theme being a target theme from the plurality of first UI component sleeves.

The second terminal selects the target skin resource with the topic as the target topic from the first skin resource according to the second topic information, and the implementation mode is as follows: and the second terminal determines a theme corresponding to each first skin resource in the plurality of first skin resources according to the second theme information, and selects the first skin resource with the theme as the target theme from the plurality of first skin resources.

705. The second terminal acquires first attribute information of a target UI component in the target UI component set and second attribute information of a target skin resource.

The first attribute information may include one or more of location information, scaling information, rotation information, color background information of the target UI component, and the first attribute information may also include other attribute information of the target UI component, which the present disclosure is not limited to. The second attribute information may include one or more of location information, scaling information, rotation information, color background information of the target skin resource, and the first attribute information may also include other attribute information of the target skin resource, which the present disclosure is not limited to.

706. And the second terminal frames the target UI component into a second target application interface according to the first attribute information, frames the target skin resource into the second target application interface according to the second attribute information, and obtains an active interface.

In one possible implementation, the first attribute information includes location information, scaling information, and rotation information of the target UI component. Correspondingly, the second terminal loads the target UI component into the second target application interface according to the first attribute information in the following implementation manner: the second terminal loads the target UI component into the corresponding position of the template in the second target application interface in a framing mode according to the position information, adjusts the display size of the target UI component in the second target application interface according to the scaling information, and adjusts the direction of the target UI component in the target application interface according to the rotation information.

In the embodiment of the disclosure, the active interface is obtained by loading the target UI component into the second target application interface in frames according to the first attribute information and loading the target skin resource into the second target application interface in frames according to the second attribute information, so that the blocking of the application interface can be effectively reduced, and the smoothness of interface display is improved.

It should be noted that before the second terminal obtains the active interface, the second terminal also responds to the fact that the activity of the active interface is not full screen activity, and loads the content of the first target application interface into the second target application interface in frames.

In the embodiment of the disclosure, when the activity of the active interface is not full-screen activity, the second terminal loads the content of the first target application interface into the second target application interface in frames, and when the activity is full-screen activity, the second terminal does not load the content of the first target application interface in the second target application interface, so that the frame rate can be improved.

Fig. 8 is a block diagram of an application interface display apparatus provided in an embodiment of the present disclosure. Referring to fig. 8, this embodiment includes:

and the loading module 801 is configured to obtain a template of an interface control blueprint corresponding to the active interface in response to receiving a trigger operation for jumping to the active interface based on the first target application interface, and load the template on the second target application interface.

The first obtaining module 802 is configured to obtain an interface configuration table referenced by the template, where the interface configuration table stores first theme information of the first UI component set and the first UI component set of the template, and first skin resources of the template and second theme information of the first skin resources.

The first selecting module 803 is configured to select a target UI component set with a subject being a target subject from the first UI component set according to the first subject information, and select a target skin resource with a subject being a target subject from the first skin resources according to the second subject information.

The first obtaining module 802 is further configured to obtain first attribute information of a target UI component in the target UI component suite and second attribute information of a target skin resource.

The loading module 801 is further configured to frame load the target UI component into the second target application interface according to the first attribute information, and frame load the target skin resource into the second target application interface according to the second attribute information, so as to obtain an active interface.

In one possible implementation, the first attribute information includes location information, scaling information, and rotation information of the target UI component; the loading module 801 is further configured to frame load the target UI component to a corresponding position of the template in the second target application interface according to the position information; adjusting the display size of the target UI component in the second target application interface according to the scaling information; and adjusting the direction of the target UI component in the target application interface according to the rotation information.

In another possible implementation, the loading module 801 is further configured to frame the content of the first target application interface into the second target application interface in response to the activity of the active interface not being a full screen activity.

Fig. 9 is a block diagram of an optimization apparatus for an interface control blueprint provided by an embodiment of the present disclosure. Referring to fig. 9, this embodiment includes:

the second obtaining module 901 is configured to obtain an interface control blueprint, where the interface control blueprint includes a second UI component.

And a second selection module 902, configured to select a resident UI component and a mounted UI component from the second UI components according to the function of the interface control blueprint and the function of the second UI component.

The generating module 903 is configured to generate a template of the interface control blueprint according to the resident UI component, and generate a first UI component sleeve of the template according to the mounted UI component.

The generating module 903 is further configured to determine location information, scaling information, and rotation information of the first UI component in the first UI component set in the template, and generate attribute information of the first UI component according to the location information, the scaling information, and the rotation information.

The generating module 903 is further configured to create an interface configuration table, where the interface configuration table includes the first UI component set and attribute information of the first UI component.

In one possible implementation, the apparatus further includes: and the modification module is used for checking the reference mode of the template to the interface configuration table, and changing the reference mode into weak reference in response to the strong reference mode.

In another possible implementation, the apparatus further includes: the setting module is used for acquiring a frame rate optimization mode of the interface control blueprint, wherein the frame rate optimization mode comprises a UI component query mode and a UI component hiding mode; acquiring text blocks TextBlock and rich text boxes which need to be dynamically modified in a second UI component, and setting query attributes of the text blocks and the rich text boxes to be changed Is Volatile according to a UI component query mode; and acquiring the UI components needing to be hidden in the second UI components, and setting the hidden attribute of the UI components needing to be hidden as hidden according to the UI component hiding mode without reserving a layout space.

Any combination of the above-mentioned optional solutions may be adopted to form an optional embodiment of the present disclosure, which is not described herein in detail.

It should be noted that: the display device of the application interface provided in the above embodiment illustrates only the division of the above functional modules when displaying the application interface and the optimization device of the interface control blueprint provided in the above embodiment performs optimization of the interface control blueprint, and in practical application, the above functional allocation may be completed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the display device of the application interface and the display method embodiment of the application interface provided by the foregoing embodiments belong to the same concept, and the optimization device of the interface control blueprint and the optimization method embodiment of the interface control blueprint provided by the foregoing embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiment and are not described herein.

Fig. 10 shows a block diagram of a terminal 1000 provided by an exemplary embodiment of the present disclosure. The terminal 1000 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion picture expert compression standard audio plane 3), an MP4 (Moving Picture Experts Group Audio Layer IV, motion picture expert compression standard audio plane 4) player, a notebook computer, or a desktop computer. Terminal 1000 can also be referred to by other names of user equipment, portable terminal, laptop terminal, desktop terminal, etc.

In general, terminal 1000 can include: a processor 1001 and a memory 1002.

The processor 1001 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so on. The processor 1001 may be implemented in at least one hardware form of DSP (Digital Signal Processing ), FPGA (Field-Programmable Gate Array, field programmable gate array), PLA (Programmable Logic Array ). The processor 1001 may also include a main processor, which is a processor for processing data in an awake state, also referred to as a CPU (Central Processing Unit ), and a coprocessor; a coprocessor is a low-power processor for processing data in a standby state. In some embodiments, the processor 1001 may integrate a GPU (Graphics Processing Unit, image processor) for rendering and drawing of content required to be displayed by the display screen. In some embodiments, the processor 1001 may also include an AI (Artificial Intelligence ) processor for processing computing operations related to machine learning.

Memory 1002 may include one or more computer-readable storage media, which may be non-transitory. Memory 1002 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1002 is configured to store at least one instruction for execution by processor 1001 to implement a method of displaying an application interface and a method of optimizing an interface control blueprint provided by a method embodiment in the present application.

In some embodiments, terminal 1000 can optionally further include: a peripheral interface 1003, and at least one peripheral. The processor 1001, the memory 1002, and the peripheral interface 1003 may be connected by a bus or signal line. The various peripheral devices may be connected to the peripheral device interface 1003 via a bus, signal wire, or circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1004, touch display 1005, camera assembly 1006, audio circuitry 1007, and power supply 1008.

Peripheral interface 1003 may be used to connect I/O (Input/Output) related at least one peripheral to processor 1001 and memory 1002. In some embodiments, processor 1001, memory 1002, and peripheral interface 1003 are integrated on the same chip or circuit board; in some other embodiments, either or both of the processor 1001, memory 1002, and peripheral interface 1003 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.

Radio Frequency circuit 1004 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. Radio frequency circuitry 1004 communicates with a communication network and other communication devices via electromagnetic signals. The radio frequency circuit 1004 converts an electrical signal into an electromagnetic signal for transmission, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1004 includes: antenna systems, RF transceivers, one or more amplifiers, tuners, oscillators, digital signal processors, codec chipsets, subscriber identity module cards, and so forth. Radio frequency circuitry 1004 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocol includes, but is not limited to: metropolitan area networks, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and/or WiFi (Wireless Fidelity ) networks. In some embodiments, the radio frequency circuitry 1004 may also include NFC (Near Field Communication ) related circuitry, which is not limited in this application.

The display screen 1005 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display 1005 is a touch screen, the display 1005 also has the ability to capture touch signals at or above the surface of the display 1005. The touch signal may be input to the processor 1001 as a control signal for processing. At this time, the display 1005 may also be used to provide virtual buttons and/or virtual keyboards, also referred to as soft buttons and/or soft keyboards. In some embodiments, display 1005 may be one, providing a front panel of terminal 1000; in other embodiments, display 1005 may be provided in at least two, separately provided on different surfaces of terminal 1000 or in a folded configuration; in still other embodiments, display 1005 may be a flexible display disposed on a curved surface or a folded surface of terminal 1000. Even more, the display 1005 may be arranged in a non-rectangular irregular pattern, i.e., a shaped screen. The display 1005 may be made of LCD (Liquid Crystal Display ), OLED (Organic Light-Emitting Diode) or other materials.

The camera assembly 1006 is used to capture images or video. Optionally, camera assembly 1006 includes a front camera and a rear camera. Typically, the front camera is disposed on the front panel of the terminal and the rear camera is disposed on the rear surface of the terminal. In some embodiments, the at least two rear cameras are any one of a main camera, a depth camera, a wide-angle camera and a tele camera, so as to realize that the main camera and the depth camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize a panoramic shooting and Virtual Reality (VR) shooting function or other fusion shooting functions. In some embodiments, camera assembly 1006 may also include a flash. The flash lamp can be a single-color temperature flash lamp or a double-color temperature flash lamp. The dual-color temperature flash lamp refers to a combination of a warm light flash lamp and a cold light flash lamp, and can be used for light compensation under different color temperatures.

The audio circuit 1007 may include a microphone and a speaker. The microphone is used for collecting sound waves of users and environments, converting the sound waves into electric signals, and inputting the electric signals to the processor 1001 for processing, or inputting the electric signals to the radio frequency circuit 1004 for voice communication. For purposes of stereo acquisition or noise reduction, the microphone may be multiple, each located at a different portion of terminal 1000. The microphone may also be an array microphone or an omni-directional pickup microphone. The speaker is used to convert electrical signals from the processor 1001 or the radio frequency circuit 1004 into sound waves. The speaker may be a conventional thin film speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, not only the electric signal can be converted into a sound wave audible to humans, but also the electric signal can be converted into a sound wave inaudible to humans for ranging and other purposes. In some embodiments, audio circuit 1007 may also include a headphone jack.

Power supply 1008 is used to power the various components in terminal 1000. The power supply 1008 may be an alternating current, a direct current, a disposable battery, or a rechargeable battery. When the power supply 1008 includes a rechargeable battery, the rechargeable battery may support wired or wireless charging. The rechargeable battery may also be used to support fast charge technology.

In some embodiments, terminal 1000 can further include one or more sensors 1009. The one or more sensors 1009 include, but are not limited to: acceleration sensor 1010, gyro sensor 1011, pressure sensor 1012, optical sensor 1013, and proximity sensor 1014.

Acceleration sensor 1010 can detect the magnitude of acceleration in three coordinate axes of a coordinate system established with terminal 1000. For example, the acceleration sensor 1010 may be used to detect components of gravitational acceleration in three coordinate axes. The processor 1001 may control the touch display 1005 to display a user interface in a landscape view or a portrait view according to the gravitational acceleration signal acquired by the acceleration sensor 1010. The acceleration sensor 1010 may also be used for the acquisition of motion data of a game or a user.

The gyro sensor 1011 may detect the body direction and the rotational rotation of the terminal 1000, and the gyro sensor 1011 may collect the 3D motion of the user on the terminal 1000 in cooperation with the acceleration sensor 1010. The processor 1001 may implement the following functions according to the data collected by the gyro sensor 1011: motion sensing (e.g., changing UI according to a tilting operation by a user), image stabilization at shooting, game control, and inertial navigation.

Pressure sensor 1012 may be disposed on a side frame of terminal 1000 and/or on an underlying layer of touch display 1005. When pressure sensor 1012 is disposed on a side frame of terminal 1000, a user's grip signal on terminal 1000 can be detected, and a left-right hand recognition or a quick operation can be performed by processor 1001 based on the grip signal collected by pressure sensor 1012. When the pressure sensor 1012 is disposed at the lower layer of the touch display 1005, the processor 1001 controls the operability control on the UI interface according to the pressure operation of the user on the touch display 1005. The operability controls include at least one of a button control, a scroll bar control, an icon control, and a menu control.

The optical sensor 1013 is used to collect the intensity of the ambient light. In one embodiment, the processor 1001 may control the display brightness of the touch display 1005 based on the ambient light intensity collected by the optical sensor 1013. Specifically, when the intensity of the ambient light is high, the display brightness of the touch display screen 1005 is turned up; when the ambient light intensity is low, the display brightness of the touch display screen 1005 is turned down. In another embodiment, the processor 1001 may also dynamically adjust the shooting parameters of the camera module 1006 according to the ambient light intensity collected by the optical sensor 1013.

Proximity sensor 1014, also referred to as a distance sensor, is typically disposed on the front panel of terminal 1000. Proximity sensor 1014 is used to collect the distance between the user and the front face of terminal 1000. In one embodiment, when proximity sensor 1014 detects a gradual decrease in the distance between the user and the front face of terminal 1000, touch display 1005 is controlled by processor 1001 to switch from a bright screen state to a inactive screen state; when proximity sensor 1014 detects a gradual increase in the distance between the user and the front face of terminal 1000, touch display 1005 is controlled by processor 1001 to switch from the off-screen state to the on-screen state.

Those skilled in the art will appreciate that the structure shown in fig. 10 is not limiting and that terminal 1000 can include more or fewer components than shown, or certain components can be combined, or a different arrangement of components can be employed.

Fig. 11 is a schematic structural diagram of a server provided in an embodiment of the present disclosure, where the server 1100 may generate relatively large differences due to different configurations or performances, and may include one or more processors (central processing units, CPU) 1101 and one or more memories 1102, where at least one instruction is stored in the memories 1102, and the at least one instruction is loaded and executed by the processor 1101 to implement the display method of an application interface and the optimization method of an interface control blueprint provided in each method embodiment. Of course, the server may also have a wired or wireless network interface, a keyboard, an input/output interface, and other components for implementing the functions of the device, which are not described herein.

In an exemplary embodiment, a computer readable storage medium, for example, a memory including instructions executable by a processor in a terminal to perform the method of displaying an application interface and the method of optimizing an interface control blueprint in the above embodiments is also provided. For example, the computer readable storage medium may be ROM, random Access Memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, etc.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program for instructing relevant hardware, where the program may be stored in a computer readable storage medium, and the storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

The foregoing description of the preferred embodiments of the present disclosure is provided for the purpose of illustration only, and is not intended to limit the disclosure to the particular embodiments disclosed, but on the contrary, the intention is to cover all modifications, equivalents, alternatives, and alternatives falling within the spirit and principles of the disclosure.

Claims

1. A method for displaying an application interface, the method comprising:

Acquiring an interface configuration table referenced by the template, wherein the interface configuration table stores a first UI component sleeve of the template and first theme information of the first UI component sleeve, and a first skin resource of the template and second theme information of the first skin resource;

2. The method of claim 1, wherein the first attribute information includes location information, scaling information, and rotation information of the target UI component;

3. The method according to claim 1, wherein the method further comprises:

4. An optimization method of an interface control blueprint is characterized by comprising the following steps:

5. The method according to claim 4, wherein the method further comprises:

6. The method according to claim 4, wherein the method further comprises:

7. A display device for an application interface, the device comprising:

The first acquisition module is used for acquiring an interface configuration table referenced by the template, wherein the interface configuration table stores a first UI component sleeve of the template, first theme information of the first UI component sleeve, a first skin resource of the template and second theme information of the first skin resource;

8. An optimization device for an interface control blueprint, which is characterized by comprising:

9. A terminal comprising a processor and a memory, wherein the memory stores at least one instruction that is loaded and executed by the processor to implement the operations performed by the display method of an application interface as claimed in any one of claims 1 to 3 and the optimization method of an interface control blueprint as claimed in any one of claims 4 to 6.

10. A computer-readable storage medium having stored therein at least one instruction loaded and executed by a processor to implement the operations performed by the method of displaying an application interface of any one of claims 1 to 3 and the method of optimizing an interface control blueprint of any one of claims 4 to 6.