CN111443858A

CN111443858A - Application interface display method and device, terminal and storage medium

Info

Publication number: CN111443858A
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: 2020-07-24
Anticipated expiration: 2040-03-24
Also published as: CN111443858B

Abstract

The disclosure provides a display method, a display device, a display 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 trigger operation for jumping to the active interface, acquiring 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 set from a first UI component set in the interface configuration table, and selecting a target skin resource from first skin resources in the interface configuration table; acquiring first attribute information of a target UI component in a target UI component set and second attribute information of a target skin resource; and framing and loading the target UI component into a second target application interface according to the first attribute information, and framing and loading the target skin resource into the second target application interface according to the second attribute information to obtain the active interface. The method can realize theme switching of the active interface, reduce the size of the installation package and improve the downloading enthusiasm of the user.

Description

Application interface display method and device, terminal and storage medium

Technical Field

The present disclosure relates to the field of internet technologies, and in particular, to a method, an apparatus, a terminal, and a storage medium for displaying an application interface.

Background

The game may include a plurality of activity interfaces, such as a lottery activity interface, and the display effect of the activity interfaces may be changed at different dates, for example, the lottery activity interface may be themed in seventy days, and the lottery activity interface may be themed in mid-autumn days. For the lottery activity interfaces with different themes, the electronic device needs to load different interface control blueprints on the lottery activity interfaces, and the lottery activity interfaces with different themes are rendered through the interface control blueprints with different themes.

In the related technology, after the installation package of the game is downloaded by the electronic device, the electronic device responds to the entry of the lottery activity interface, acquires the interface control blueprint corresponding to the theme of the current festival from the installation package, and loads the interface control blueprint into the lottery activity interface.

The problem existing in the method is that the installation package of the game is too large due to the fact that the installation package of the game comprises a plurality of interface control blueprints of different themes corresponding to one active interface, and downloading enthusiasm of a user is reduced.

Disclosure of Invention

The embodiment of the disclosure provides a display method, a display device, a terminal and a storage medium of an application interface, which can reduce 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:

in response 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 quoted by the template, wherein the interface configuration table stores a first User Interface (UI) component set of the template and first subject information of the first UI component set, and a first skin resource of the template and second subject information of the first skin resource;

selecting a target UI component set with a subject as a target subject from the first UI component set 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 set and second attribute information of the target skin resource;

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

In one possible implementation, the first attribute information includes position information, zoom 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 comprises:

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 zooming information; and adjusting the direction of the target UI component in the target application interface according to the rotation information.

In another possible implementation manner, the method further includes:

in response to the activity of the activity interface not being a full screen activity, frame loading content of the first target application interface into the second target application interface.

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

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

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

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

determining position information, scaling information and rotation information of a first UI component in the first UI component set 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 set and the attribute information of the first UI component.

In one possible implementation, the method further includes:

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

In another possible implementation manner, 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 a text block TextBlock and a rich text box which need to be dynamically modified in the second UI component, and setting the query attributes of the TextBlock and the rich text box as variable Is Volatile according to the UI component query mode;

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

In a third aspect, a display device for an application interface is provided, 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;

a first obtaining module, configured to obtain an interface configuration table referenced by the template, where the interface configuration table stores a first user interface UI component set of the template and first subject information of the first UI component set, and a first skin resource of the template and second subject information of the first skin resource;

a first selection module, configured to select, according to the first topic information, a target UI component set whose topic is a target topic from the first UI component set, and select, according to the second topic information, a target skin resource whose topic is the target topic from the first skin resources;

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 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 zooming information; and adjusting the direction of the target UI component in the target application interface according to the rotation information.

In another possible implementation manner, the loading module is further configured to frame and load the content of the first target application interface into the second target application interface in response to that the activity of the activity interface is not a full-screen activity.

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

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 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;

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 set of the template according to the mount UI component;

the generating module is further configured to determine position information, scaling information and rotation information of a first UI component in the first UI component set in the template, and generate 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 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 manner, 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 a text block TextBlock and a rich text box which need to be dynamically modified in the second UI component, and setting the query attributes of the TextBlock and the rich text box as variable Is Volatile according to the UI component query mode; and acquiring a UI component needing to be hidden in the second UI component, and setting the hidden attribute of the UI component 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, and the instruction is loaded by the processor and executed to implement the operations performed in the method for displaying an application interface and the method for optimizing an interface control blueprint in any one of the above possible implementations.

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

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

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 acquired, and the template is loaded on a second target application interface; acquiring an interface configuration table quoted by a template, wherein the interface configuration table stores a first User Interface (UI) component set of the template, first subject information of the first UI component set, and second subject information of a first skin resource of the template and a second skin resource of the template; selecting a target UI component set with a subject as a target subject from the first UI component set according to the first subject information, and selecting a target skin resource with the subject as the target subject from the first skin resources according to the second subject information; acquiring first attribute information of a target UI component in a target UI component set and second attribute information of a target skin resource; and framing and loading the target UI component into a second target application interface according to the first attribute information, and framing and loading 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, the theme switching of the active interface can be realized through the template of the interface control blueprint and the interface configuration table, the installation package of the target application only needs to comprise the template of the interface control blueprint and the interface configuration table, 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 in the embodiments of the present disclosure, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present disclosure, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts.

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

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

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

FIG. 4 is a flowchart of a method for optimizing a blueprint of an interface control according to an embodiment of the present disclosure;

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

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

FIG. 7 is a flowchart of a display method of 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 apparatus for optimizing an interface control blueprint according to an embodiment of the present disclosure;

fig. 10 is a schematic structural diagram of a terminal provided in 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

To make the objects, technical solutions and advantages of the present disclosure more apparent, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings.

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

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

Blueprint visualization system: the blueprint visualization system is a complete game scripting system, with the idea of creating game playability elements from a ghost editor using a node-based interface, which is very flexible and powerful because it provides designers with all the 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 game playability in an editor.

Blue chart: a visual script of the game.

FIG. 1 is a schematic diagram 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 through a wireless or wired network, and the server 102 and the second terminal 103 are connected through a wireless or wired network. In addition, the second terminal 103 may have a target application installed thereon, which is served by the server 102, and a 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 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, among others. The server 102 may be a background server corresponding to the target application. Accordingly, server 102 may be a game application server, a shopping server, a financial server, a social application server, a short video application server, or the like. The 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 referred by the template, where the interface configuration table stores a plurality of first UI component sets and first theme information of each first UI component set, and also stores a plurality of first skin resources and second theme information of each first skin resource, and the first UI component sets and the first skin resources are used for being combined with the template to configure active interfaces of different themes. The first terminal 101 puts the template of the interface control blueprint and the interface configuration table into the running file of the target application, and publishes the running file on the server 102. The second terminal 103 downloads the execution file of the target application from the server 102, installs and uses the target application by the execution file.

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

In a possible implementation manner, the first terminal 101 may also store the interface configuration table in the server 102, accordingly. 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, the embodiment includes:

201. and 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.

202. The method comprises the steps of obtaining an interface configuration table quoted by a template, wherein the interface configuration table stores a first user interface UI component set of the template, first subject information of the first UI component set, and second subject information of a first skin resource of the template and a second skin resource of the template.

203. And selecting a target UI component set with the theme as the target theme from the first UI component set according to the first theme information, and selecting a target skin resource with the theme as the target theme from the first skin resources according to the second theme information.

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 obtained.

205. And framing and loading the target UI component into a second target application interface according to the first attribute information, and framing and loading 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, comprising:

according to the position information, frame-loading the target UI component to the corresponding position of the template in the second target application interface;

In another possible implementation manner, the method further includes:

responsive to the activity of the activity interface not being a full screen activity, content of the first target application interface is framed loaded into the second target application interface.

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

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

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

303. The method comprises the steps of generating a template of an interface control blueprint according to the resident UI component, and generating a first UI component set of the template according to the mounted UI component.

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

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

In one possible implementation, the method further includes:

and viewing 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 manner, the method further includes:

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

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

In the 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 mounted UI component from the second UI component according to the functions of the interface control blueprint and the second UI component; generating a template of an interface control blueprint according to the resident UI component, and generating a first UI component set of the template according to the mounted UI component; determining position information, scaling information and rotation information of a first UI component in a first UI component set 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 set and the attribute information of the first UI component. By generating a template of the interface control blueprint and creating an interface configuration table, wherein the interface configuration table comprises a first UI component set, different interface effects can be displayed by combining the first UI component set in the interface configuration table with the template.

Fig. 4 is a flowchart of an optimization method of an interface control blueprint according to an embodiment of the present disclosure. The embodiment is described by taking the first terminal as an example, where the first terminal is a terminal for optimizing the interface control blueprint, and mainly describes a process of optimizing the interface control blueprint by the first terminal. Referring to fig. 4, the embodiment includes:

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

The interface control blueprint can be an interface control blueprint of an active interface of the target application, and can be delivered by a designer of a 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 folder (recording), an operation table (actionsheet), a number corner mark (wedge), a card view (card view), a check box (checkbox), a form (menu), a list (list), an offset menu (offset), a pop-up menu (pop-up), a selector (picker), a progress bar (progress bar), a transparent title bar (transparency bar), a radio box (radio), a switch (switch), a slider (range), or other UI components, for example, a mask (mask), which is not limited by the present disclosure.

402. And the first terminal selects 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.

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 useless UI components in the interface control blueprint first, for example, if the activity of the active interface is full screen activity, the mask used for covering the first application interface in the interface control blueprint can be cleared. The step is to optimize the file size of the interface control blueprint, and the interface control blueprint can be simplified through the step, so that the size of the blueprint file is reduced.

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

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

The implementation manner of the first terminal generating the template of the interface control blueprint according to the resident UI component may be: the first terminal forms a template of the interface control blueprint by the resident UI component.

The first terminal may generate the first UI component set of the template according to the mount UI component in an implementation manner: and the first terminal removes the UI component with the repeated functions in the mounted UI components and forms a first UI component set by the remaining first UI components.

In the embodiment of the disclosure, the first terminal generates the template of the interface control blueprint according to the resident UI component, so as to reduce the size of the template, and the first terminal removes the UI component with repeated functions in the mounted UI component and forms the remaining first UI component into the first UI component set, so as to reduce the size of the first UI component set.

Referring to fig. 5, an interface control blueprint for the lottery activity interface. The progressive component 1 and the progressive component 6 are resident UI components, the icon component 2, the icon component 3, the icon component 4, and the icon component 5 are mounted UI components, and the functions of the icon component 3, the icon component 4, the icon component 5, and the icon component 2 are repeated, so that the first UI component in the first UI component set may be the icon component 2.

404. The first terminal determines position information, scaling information and rotation information of a first UI component in the first UI component set 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 zooming information and the rotation information of the first UI component, and takes the position information, the zooming information and the rotation information as the 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 multiple positions of the template, and the size and the orientation of the first UI component at each position may be different, that is, one first UI component may correspond to multiple position information, multiple zoom information, and multiple rotation information.

In the embodiment of the disclosure, the position information, the zooming information and the rotation information of the first UI component in the first UI component set in the template are determined by the first terminal, the attribute information of the first UI component is generated according to the position information, the zooming 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 part of UI components in the interface control blueprint is changed into the dynamically loaded UI components, and the size of the running file of the target application can be reduced. In addition, the size of the running file can be reduced by deleting the UI components with repeated functions, and loading a plurality of UI components with the same functions by dynamically changing the size and the direction of the same UI component instead of adding a large number of switches (components).

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

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

After the first terminal generates the template of the interface control blueprint, designers can make first UI component sets with different themes based on the template, and correspondingly, a plurality of first UI component sets can be stored in the interface configuration table, and one first UI component set corresponds to one theme. The interface configuration table may store first theme information for each first UI component set. The interface configuration table may further store first skin resources of a plurality of different topics and second topic information of each first skin resource. Other information related to the activities of the activity interface, such as activities associated with the activities, may also be stored in the interface configuration table, which is not limited in this disclosure. Highly configurable active interface designs are implemented via interface configuration tables.

The theme information may include a theme corresponding to the UI component set or the skin resource, and 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 an autumn theme, a sequince theme, a new spring theme, or another theme, which is not limited by the present disclosure. Each first UI component set and each first skin resource corresponds to one theme, for example, the interface configuration table stores two first UI component sets and two first skin resources, a theme corresponding to the first UI component set and the first skin resource is a mid-autumn theme, and a theme corresponding to the second first UI component set and the second first skin resource is a seven-sunset 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 one of the above.

In the embodiment of the disclosure, by generating the template of the interface control blueprint, a designer can make the first UI component set and the first skin resource with different themes through the template, and the first UI component set and the first skin resource with different themes can realize the change of the theme style of the active interface by matching with the template, that is, the activities of multiple versions can be realized only by one template, multiple first UI component sets and multiple first skin resources, and the activity of each version does not need to correspond to one interface control blueprint, so that the size of the running file can be greatly reduced. In addition, the process of repeated development and test of developers is saved, so that the labor is saved, and the development efficiency is improved.

It should be noted that the interface configuration table may be included in an operation file of the target application, so that a plurality of active interfaces with different theme styles may be flexibly replaced in an operation file of one version, 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 an activity is on-line.

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

406. The method comprises the steps that a first terminal obtains 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 query mode of the UI component may be to query every frame loaded by the UI component or not to query every frame, for example, to query only in a specific frame. The UI component hiding manner may be to hide and reserve a layout space or to hide and not reserve a 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 a frame rate optimization mode of the interface control blueprint from the local.

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

It should be noted that, in step 407 and step 408, frame rate optimization is performed on the interface control blueprint, and before performing frame rate optimization on the interface control blueprint, a frame rate of the terminal when the active interface is opened needs to be checked to analyze factors affecting the frame rate. Correspondingly, the frame rate checking mode may be: calling an instruction interface on a third terminal (test terminal), inputting a 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, viewing a second frame rate displayed in the interface when the frame rate is stable, opening an active interface, viewing a third frame rate displayed in the interface when the frame rate is stable. The third terminal may be a low-end model or a high-end model. If the model is a high-end model, the image quality option can be adjusted to ultra high definition after the frame rate display is called out, so that the difference between the third frame rate and the second frame rate can be seen.

Responding to the difference value between the second frame rate and the third frame rate being larger than the preset threshold, recording a Central Processing Unit (CPU) snapshot of the test terminal within a period of time of opening the active interface through a performance analysis (profiling) function of a phantom engine four (UE4), and analyzing influence factors of the high-consumption time frame through the CPU snapshot.

Through the method, the main factors influencing the frame rate include the setting of the query attribute of the UI component, and if the query attribute of the text block (TextBlock) and the rich text box which need to be dynamically modified in the UI component included in the active interface is not checked to be changed (is), the second terminal queries the text block (TextBlock) and the rich text box every frame of the loaded active interface, which is time-consuming. In the embodiment of the disclosure, the first terminal sets the query attributes of the TextBlock and the rich text box as the changed Is voice by acquiring the TextBlock and the rich text box which need to be dynamically modified in the second UI component according to the UI component query mode, so that the time consumption can be reduced, and the frame rate can be improved.

Taking the target application as the game application as an example, the main factors affecting the frame rate also include the camera assembly. In a game, the camera acts as the eye through which the entire world of the game is viewed, and all scenes need to be rendered by the camera. In an embodiment of the disclosure, the first terminal may set a hall camera for rendering the game hall to be restored in response to the second terminal entering an activity interface in which an activity is a full screen activity, the hall camera being zoomed out to a position where it will not render, and 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. And the first terminal acquires the UI component needing to be hidden in the second UI component, and sets the hidden attribute of the UI component needing to be hidden as hidden according to the UI component hiding mode without reserving a layout space.

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

Through the method, the main factors influencing the frame rate further include setting of the hidden attribute of the UI component, and if the hidden option of the UI component to be hidden in the UI components included in the active interface is set to hidden (another hiding manner), the second terminal still renders the UI component to be hidden, thereby wasting CPU resources. In the embodiment of the present disclosure, the first terminal sets the hidden option of the UI component to be hidden as collapsed according to the UI component hiding manner, and the second terminal does not render the UI component to be hidden, so that the frame rate can be improved.

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 strong reference mode.

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

The step is the UI response time consumption optimization of the interface control blueprint, wherein the UI response time consumption refers to the time consumption from the time that a user clicks to open the active interface to the time that the active interface is really opened.

The step also comprises that the first terminal views a Size Map (data resource) referenced by the template, wherein the Size Map comprises a plurality of textures relevant to the activity of the activity interface, the first terminal synthesizes the plurality of textures to make an album folder as few as possible, and then references the album folder in a weak reference mode.

In the embodiment of the disclosure, the first terminal may reduce irrelevant resources loaded when the second terminal loads the atlas by making texture synthesis into the atlas folder and making the template reference the atlas folder. 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 a template is loaded, and loads the interface configuration table and the atlas folder when the template is used, and 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 of a blueprint interface control, and of course, the default active interface may be other, which is not limited by this disclosure. The subsequent second terminal may load the active interface in frames, for example, the second terminal loads the default active interface in the active interface first, and then loads the specific content step by step, thereby reducing the waiting time of the user and improving the user stickiness.

Referring to fig. 6, a schematic diagram of an optimization process of an interface control blueprint is shown, where the performance optimization of the interface control blueprint includes three parts, namely, file size optimization, frame rate optimization, and UI response time consumption optimization. File size optimization includes clearing useless UI components 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 suite and first skin resources). The frame rate optimization comprises the steps of analyzing factors influencing the frame rate by using a frame rate tool, further hiding a hall camera, closing the query of a text box needing to be dynamically modified, and setting the hiding mode of a UI component needing to be hidden as hidden without reserving layout space, namely setting the hidden option as collapsed. UI response time-consuming optimization includes curtailing the number of UI components, removing strong references to data resources such as tables and albums, and framing to load UI components.

It should be noted that originally, developing a new version of an activity interface, such as a lottery activity interface, requires 7 days of development time for developers, and 2 days of configuration time for art designers to reconstruct art resources, however, with the method in the embodiment of the present disclosure, only one day of configuration time for conventional art work and planners is required, which greatly saves labor and improves development efficiency. In addition, the running file of one version can be accessed to the active interfaces of a plurality of versions, and the running file can be realized only by one template and a plurality of theme resources, so that the size of the running file is reduced.

Fig. 7 is a flowchart of a display method of an application interface according to an embodiment of the present disclosure. The second terminal is a terminal using an optimized interface control blueprint, and mainly describes a process in which the second terminal renders an active interface through the optimized interface control blueprint. Referring to fig. 7, the embodiment includes:

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

The first target application interface may be a main interface of a target application, and taking the target application as a game application as an example, 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, the activity interface may be an interface of a lottery activity, an interface of a mall, or other activity interfaces, which is not limited in this disclosure.

The template of the interface control blueprint may include a plurality of interface components, which refer to visual graphical "elements" such as buttons, file edit boxes, etc. that may be placed on the form, 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 jump interface of the active interface, and accordingly, the second terminal, in response to receiving a trigger operation for jumping to the active interface based on the first target application interface, acquires a template of an interface control blueprint corresponding to the active interface in an implementation manner that: and the second terminal responds to the received trigger 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 obtain the template of the interface control blueprint corresponding to the active interface from the local, and accordingly, the implementation manner of obtaining the template of the interface control blueprint corresponding to the active interface by the second terminal may be: the second terminal, in response to receiving a trigger operation for jumping to the active interface based on the first target application interface, acquires a template of an interface control blueprint corresponding to the active interface from a running file of the locally stored target application, where the running file may be an installation package of the target application or an execution file after the installation package is decompressed, and the disclosure is not limited thereto.

In the embodiment of the disclosure, the second terminal locally acquires the template of the interface control blueprint corresponding to the active interface, so that the second terminal can acquire the template under a no-network condition, and the application scenario of the scheme is expanded.

The second terminal may further obtain, from the server, a template of the interface control blueprint corresponding to the active interface, and accordingly, an implementation manner of obtaining, by the second terminal, the template of the interface control blueprint corresponding to the active interface may be: the second terminal responds to the received trigger operation for jumping to the active interface based on the first target application interface, sends a template acquisition request to the server, the acquisition request carries an interface identifier of the active interface, the server receives the interface identifier of the active interface, acquires a template of an interface control blueprint corresponding to the active interface, and returns the template 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, and is not limited to this 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 activity interface, for example, if the activity interface is a lottery activity 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 a framing manner, the pause of the application interface can be effectively reduced, and the smoothness of interface display is improved.

703. The second terminal obtains an interface configuration table quoted by the template, the first user interface UI component set of the template and the first theme information of the first UI component set are stored in the interface configuration table, and the first skin resource of the template and the second theme information of the first skin resource are stored in the interface configuration table.

The first UI (User Interface) component set 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 set may be one or more, and the number of the first skin resource may be one or more, which is not limited by the present disclosure. The plurality of first UI component sets and the plurality of first skin resources can be stored in one interface configuration table, and therefore the second terminal can conveniently obtain the interface configuration table and configure the activity interface according to the interface configuration table.

The first UI component set 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 folder (recording), an operation table (actionsheet), a number corner mark (wedge), a card view (card view), a check box (checkbox), a form (menu), a list (list), an offset menu (offset), a pop-up menu (pop-up), a selector (picker), a progress bar (progress bar), a transparent title bar (transparency bar), a radio box (radio), a switch (switch), a slider (range), or other UI components, for example, 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 discount coupon, an interface prompt message, an external skip, 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 titles, or other background pictures, which is not limited in this disclosure.

It should be noted that the interface configuration table referred by the template is an interface configuration table referred by the template in a weak reference manner, and thus the condition for the second terminal to acquire the interface configuration table referred by the template is that when the active interface includes data in the interface configuration table, the second terminal acquires the interface configuration table. If the template is the interface configuration table quoted in the strong quote mode, the second terminal can obtain the interface configuration table when obtaining the template no matter whether the active interface comprises the data in the interface configuration table, so that the time consumption of UI response of the active interface can be improved.

704. And the second terminal selects a target UI component set with the theme as the target theme from the first UI component set according to the first theme information, and selects a target skin resource with the theme as the target theme from the first skin resource according to the second theme information.

The target UI component set may be any one of the first UI component sets described above, and the target skin resource may be any one of the first skin resources described above.

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

For example, the time range corresponding to the mid-autumn theme may be "14 days at 8 months to 16 days at 8 months", the time range corresponding to the new spring theme may be "24 days at 1 month to 5 days at 2 months", and the time ranges corresponding to the above themes are only exemplary and are not limited in this disclosure.

The second terminal selects a target UI component set with the theme as the target theme from the first UI component set according to the first theme information in the following implementation mode: and the second terminal determines a theme corresponding to each UI component set in the plurality of first UI component sets according to the first theme information, and selects the first UI component set with the theme as a target theme from the plurality of first UI component sets.

The second terminal selects the target skin resource with the theme as the target theme from the first skin resources according to the second theme information in the following implementation mode: 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 a 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 the target skin resource.

The first attribute information may include one or more of position information, zoom information, rotation information, and color background information of the target UI component, and the first attribute information may further include other attribute information of the target UI component, which is not limited in this disclosure. The second attribute information may include one or more of position information, scaling information, rotation information, and color background information of the target skin resource, and the first attribute information may further include other attribute information of the target skin resource, which is not limited in this disclosure.

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

In one possible implementation, the first attribute information includes position information, zoom 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 an implementation manner that: and the second terminal frames and loads the target UI component to the corresponding position of the template in the second target application interface according to the position information, adjusts the display size of the target UI component in the second target application interface according to the zooming information and adjusts the direction of the target UI component in the target application interface according to the rotating information.

In the embodiment of the disclosure, the target UI component is loaded into the second target application interface in a framing manner according to the first attribute information, and the target skin resource is loaded into the second target application interface in a framing manner according to the second attribute information, so that the active interface is obtained, the blockage of the application interface can be effectively reduced, and the fluency of interface display is improved.

It should be noted that, before the second terminal obtains the active interface, the second terminal also loads the content of the first target application interface into the second target application interface in a frame manner in response to that the activity of the active interface is not a full-screen activity.

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

Fig. 8 is a block diagram of an application interface display device according to an embodiment of the present disclosure. Referring to fig. 8, the embodiment includes:

the loading module 801 is configured to, in response to receiving a trigger operation for jumping to an active interface based on a first target application interface, obtain a template of an interface control blueprint corresponding to the active interface, and load the template on a 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 a first user interface UI component set of the template and first subject information of the first UI component set, and a first skin resource of the template and second subject information of the first skin resource.

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

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 the 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 the active interface.

In one possible implementation, the first attribute information includes position information, zoom information, and rotation information of the target UI component; the loading module 801 is further configured to frame and 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 zooming 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 activity interface not being a full screen activity.

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

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

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

And the generating module 903 is used for generating a template of the interface control blueprint according to the resident UI component and generating a first UI component set of the template according to the mounted UI component.

The generating module 903 is further configured to determine position information, scaling information, and rotation information of a first UI component in the first UI component set in the template, and generate attribute information of the first UI component according to the position 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 manner, 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 a text block TextBlock and a rich text box which need to be dynamically modified in a second UI component, and setting the query attributes of the TextBlock and the rich text box as a changed Is Volatile according to the query mode of the UI component; and acquiring the UI component needing to be hidden in the second UI component, and setting the hidden attribute of the UI component needing to be hidden as hidden without reserving a layout space according to the UI component hiding mode.

All the above optional technical solutions may be combined arbitrarily to form the optional embodiments of the present disclosure, and are not described herein again.

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

Fig. 10 shows a block diagram of a terminal 1000 according to an exemplary embodiment of the disclosure, where the terminal 1000 may be a smart phone, a tablet pc, an MP3 player (Moving Picture Experts Group Audio L player iii, mpeg Audio layer 3), an MP4 player (Moving Picture Experts Group Audio L player IV, mpeg Audio layer 4), a notebook pc, or a desktop pc, and the terminal 1000 may also be referred to as a user equipment, a portable terminal, a laptop terminal, a desktop terminal, or other names.

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, etc., the processor 1001 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), a P L a (Programmable logic Array), the processor 1001 may also include a main processor and a coprocessor, the main processor is a processor for Processing data in a wake-up state, also known as a CPU (Central Processing Unit), the coprocessor is a low-power processor for Processing data in a standby state, in some embodiments, the processor may be integrated with a GPU (Graphics Processing Unit) for rendering and rendering content desired for a display screen, and in some embodiments, the processor 1001 may also include an AI (intelligent processor 1001 for learning operations related to an AI processor).

Memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The 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 the memory 1002 is configured to store at least one instruction for execution by the processor 1001 to implement a method for displaying an application interface and a method for optimizing an interface control blueprint provided by method embodiments herein.

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

The peripheral interface 1003 may be used to connect at least one peripheral related to I/O (Input/Output) to the processor 1001 and the 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, any one or two of the processor 1001, the memory 1002, and the peripheral interface 1003 may be implemented on separate chips or circuit boards, which are not limited by this embodiment.

The Radio Frequency circuit 1004 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 1004 communicates with communication networks and other communication devices via electromagnetic signals. The radio frequency circuit 1004 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1004 comprises: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The radio frequency circuit 1004 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the rf circuit 1004 may further include NFC (Near Field Communication) related circuits, which are not limited in this application.

Display 1005 is for displaying a UI (User Interface) that may include graphics, text, icons, video, and any combination thereof, when Display 1005 is a touch Display, Display 1005 also has the ability to capture touch signals on or over the surface of Display 1005. the touch signals may be input to processor 1001 for processing as control signals.

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

The audio circuit 1007 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, 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 realizing voice communication. For stereo sound collection or noise reduction purposes, multiple microphones can be provided, each at a different location of terminal 1000. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is used to convert electrical signals from the processor 1001 or the radio frequency circuit 1004 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the audio circuit 1007 may also include a headphone jack.

The positioning component 1008 is used to position the current geographic location of the terminal 1000 to implement navigation or L BS (L geographic based Service). the positioning component 1008 can be a positioning component based on the GPS (global positioning System) in the united states, the beidou System in china, the graves System in russia, or the galileo System in the european union.

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

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

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

The gyro sensor 1012 can detect the body direction and the rotation of the terminal 1000, and the gyro sensor 1012 and the acceleration sensor 1011 can cooperate to acquire the 3D motion of the user on the terminal 1000. From the data collected by the gyro sensor 1012, the processor 1001 may implement the following functions: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.

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

Fingerprint sensor 1014 is used to collect a user's fingerprint, and the identity of the user is identified by processor 1001 according to the fingerprint collected by fingerprint sensor 1014, or the identity of the user is identified by fingerprint sensor 1014 according to the collected fingerprint when the identity of the user is identified as a trusted identity, the user is authorized by processor 1001 to perform relevant sensitive operations including unlocking a screen, viewing encrypted information, downloading software, paying and changing settings, etc.

The optical sensor 1015 is used to collect the ambient light intensity. In one embodiment, the processor 1001 may control the display brightness of the touch display screen 1005 according to the intensity of the ambient light collected by the optical sensor 1015. Specifically, when the ambient light intensity is high, the display brightness of the touch display screen 1005 is increased; 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 assembly 1006 according to the intensity of the ambient light collected by the optical sensor 1015.

Proximity sensor 1016, also known as a distance sensor, is typically disposed on a front panel of terminal 1000. Proximity sensor 1016 is used to gather the distance between the user and the front face of terminal 1000. In one embodiment, when proximity sensor 1016 detects that the distance between the user and the front surface of terminal 1000 gradually decreases, processor 1001 controls touch display 1005 to switch from a bright screen state to a dark screen state; when proximity sensor 1016 detects that the distance between the user and the front of terminal 1000 is gradually increased, touch display screen 1005 is controlled by processor 1001 to switch from a breath-screen state to a bright-screen state.

Those skilled in the art will appreciate that the configuration shown in FIG. 10 is not intended to be limiting and that terminal 1000 can include more or fewer components than shown, or some 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 (CPUs) 1101 and one or more memories 1102, where the memory 1102 stores at least one instruction, and the at least one instruction is loaded and executed by the processors 1101 to implement the display method of the application interface and the optimization method of the interface control blueprint provided by the foregoing method embodiments. Of course, the server may also have components such as a wired or wireless network interface, a keyboard, and an input/output interface, so as to perform input/output, and the server may also include other components for implementing the functions of the device, which are not described herein again.

In an exemplary embodiment, a computer-readable storage medium, such as a memory including instructions executable by a processor in a terminal, is further provided, so as to implement the display method of an application interface and the optimization method of an interface control blueprint in the above-described embodiments. For example, the computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

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 instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

The above description is intended to be exemplary only and not to limit the present disclosure, and any modification, equivalent replacement, or improvement made without departing from the spirit and scope of the present disclosure is to be considered as the same as the present disclosure.

Claims

1. A display method of an application interface is characterized by comprising the following steps:

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

3. The method of claim 1, further comprising:

4. A method for optimizing an interface control blueprint is characterized by comprising the following steps:

5. The method of claim 4, further comprising:

6. The method of claim 4, further comprising:

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

8. An apparatus for optimizing an interface control blueprint, the apparatus comprising:

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

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