WO2019228090A1

WO2019228090A1 - Method and apparatus for accelerating application interface loading

Info

Publication number: WO2019228090A1
Application number: PCT/CN2019/083074
Authority: WO
Inventors: 刁亮
Original assignee: 中兴通讯股份有限公司
Priority date: 2018-05-30
Filing date: 2019-04-17
Publication date: 2019-12-05
Also published as: CN110633111A; CN110633111B

Abstract

Disclosed are a method and apparatus for accelerating application interface loading. The method for accelerating application interface loading comprises: acquiring an element layout structure diagram and an element filling record corresponding to an interface to be loaded of an application, wherein the element layout structure diagram is used to indicate the constitution and layout of all elements on the interface to be loaded, and the element filling record is used to store the size and position of each element on the interface to be loaded after the element is filled into a screen; and when the element filling record of the interface to be loaded is non-empty, drawing the interface to be loaded according to the element layout structure diagram and the element filling record.

Description

Method and device for accelerating application interface loading speed

Cross-reference to related applications

This disclosure is based on a Chinese patent application with an application number of 201810542323.1 and an application date of May 30, 2018, and claims the priority of the Chinese patent application. The entire contents of the Chinese patent application are incorporated herein by reference.

Technical field

The present disclosure relates to, but is not limited to, the field of terminal technology.

Background technique

When the Android system loads the application interface during the application cold start process, each element needs to be filled on the screen according to the element layout structure diagram, and then the actual size of each element (control) on the interface is measured and calculated according to the screen size and screen resolution. And position, when there are many types of elements on the interface and the element structure is complicated, it will take a lot of calculation time, which affects the loading speed of the interface and leads to poor user experience.

Summary of the invention

The embodiments of the present disclosure provide a method and a device for accelerating the loading speed of an application interface.

An embodiment of the present disclosure provides a method for accelerating an application interface loading speed, including:

Obtain the element layout structure map and element fill record corresponding to the application's to-be-loaded interface; wherein the element layout structure map is used to indicate the composition and layout of all elements on the to-be-loaded interface; Describe the size and position of each element on the interface to be loaded after it is filled on the screen;

When the element filling record of the interface to be loaded is not empty, the interface to be loaded is drawn according to the element layout structure diagram and the element filling record.

An embodiment of the present disclosure provides a device for accelerating an application interface loading speed, including:

An element obtaining module configured to obtain an element layout structure diagram and element filling record corresponding to an interface to be loaded of the application; wherein the element layout structure diagram is used to indicate the composition and layout of all elements on the interface to be loaded; the element The filling record is used to save the size and position of each element on the interface to be loaded after being filled on the screen;

The element drawing module is configured to draw the interface to be loaded according to the element layout structure diagram and the element filling record when the element filling record of the interface to be loaded is not empty.

A memory, a processor, and a computer program stored on the memory and executable on the processor, and when the computer program is executed by the processor, implements the steps of the foregoing method for accelerating an application interface loading speed.

An embodiment of the present disclosure provides a computer-readable storage medium. A computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, implements the steps of the foregoing method for accelerating an application interface loading speed.

Compared with the related art, a method and a device for accelerating the loading speed of an application interface provided by the embodiments of the present disclosure, obtain an element layout structure diagram and element filling record corresponding to an application to be loaded interface; To indicate the composition and layout of all elements on the interface to be loaded; the element filling record is used to save the size and position of each element on the interface to be loaded after being filled on the screen; When the element filling record is not empty, draw the interface to be loaded according to the element layout structure diagram and the element filling record. The technical solution of the embodiment of the present disclosure can speed up the loading speed of the application interface.

BRIEF DESCRIPTION OF THE DRAWINGS

1 is a flowchart of a method for accelerating an application interface loading speed according to Embodiment 1 of the present disclosure;

2 is a structural diagram of a device for accelerating an application interface loading speed in Embodiment 2 of the present disclosure;

3 is a structural diagram of another apparatus for accelerating an application interface loading speed in Embodiment 2 of the present disclosure;

4 is a schematic diagram of an application interface in Example 1 of the present disclosure;

5 is a flowchart of a method for accelerating an application interface loading speed in Example 1 of the present disclosure;

6 (a) to 6 (d) are schematic diagrams of the process of filling the screen with elements in Example 1 of the present disclosure.

Detailed ways

To make the objectives, technical solutions, and advantages of the present disclosure more clear, the embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings. It should be noted that, in the case of no conflict, the embodiments in the present application and the features in the embodiments can be arbitrarily combined with each other.

Example 1

As shown in FIG. 1, an embodiment of the present disclosure provides a method for accelerating an application interface loading speed, including:

Step S110: Obtain an element layout structure diagram and element filling record corresponding to the interface to be loaded of the application; wherein the element layout structure diagram is used to indicate the composition and layout of all elements on the interface to be loaded; Saving the size and position of each element on the interface to be loaded after being filled on the screen;

Step S120: when the element filling record of the interface to be loaded is not empty, draw the interface to be loaded according to the element layout structure diagram and the element filling record.

In this embodiment, an element refers to a control on an interface; the control includes: a simple control or a complex control; wherein the complex control is a combination or nesting of multiple simple controls.

Among them, simple controls such as picture controls, icon controls, text controls, etc .; complex controls such as tab controls, gridview controls, etc .;

The composition of an element refers to the structure of the control; for simple controls, the composition of the element includes the control type and the size of the control; for complex controls, the composition of the element includes: the control type and control size of all child controls, and the combination or Nested information

For example, the composition of the tab control includes the control type and control size of the two button sub-controls, and the combined information of the two button sub-controls (for example, left and right arrangement);

The layout of an element refers to the placement of each control on the screen; the placement is independent of screen size and screen resolution;

The size and position of the element after it is filled on the screen is related to the screen size and screen resolution;

Among them, the size of the element after it is filled on the screen includes: the width and height of the control;

The position of the element includes coordinate information of multiple anchor points on the element. Among them, the coordinate information of the anchor points includes: two-dimensional coordinates (x, y) and control depth information (z). Among them, the control depth information is used to represent the control. Layer information

For example, for a rectangular control, the anchor points on the element include: the top-left vertex of the element and the bottom-right vertex of the element;

For simple controls, the element fill record includes the size and position of the simple controls after they are filled on the screen. For complex controls, the element fill record includes the size and position of each simple control in the complex control after it is filled on the screen, and the size and position of the complex control itself after it is filled on the screen.

Wherein, when the application interface is first loaded, if the application is an application that has been preset in the terminal before the terminal leaves the factory, the element filling record corresponding to the application interface may not be empty; if the application is after the terminal leaves the factory, For a third-party application installed by a user, the element filling record corresponding to the interface of the application is empty.

Wherein, when the application interface is loaded at least once, the element filling record corresponding to the application interface may not be empty.

In some embodiments, when the element filling record of the interface to be loaded is empty, the method further includes:

Measure and calculate the size and position of each element on the element structure distribution map after being filled on the screen according to the screen size and screen resolution;

Generating an element filling record corresponding to each element on the interface to be loaded; wherein an element filling record corresponding to any one element stores the size and position of the element after being filled on the screen;

And drawing the interface to be loaded according to the element layout structure diagram and the element filling record.

In some embodiments, the drawing the interface to be loaded according to the element layout structure diagram and the element filling record includes:

Querying the element layout structure diagram of the interface to be loaded to obtain the composition of each element on the interface to be loaded;

For each element in the element layout chart, query the element fill record corresponding to the element according to the composition of the element to obtain the size and position of the element after being filled on the screen;

Drawing the interface to be loaded according to the size and position of each element on the interface to be loaded after being filled on the screen.

In some embodiments, the interface to be loaded of the application includes at least one of the following: a first interface after the application is started, and an interface with a high frequency of application loading.

The loading frequency of the application interface may be counted locally on the terminal or directly obtained from the network side, and the network side may perform statistical analysis on big data to determine which interfaces of the application are frequently loaded by the user.

In some embodiments, when the application is an application developed by a manufacturer of the terminal and pre-installed in the terminal before the terminal leaves the factory, the element filling record of one or more interfaces of the application is based on the screen Size and system default screen resolution are pre-generated;

In some implementations, when the application is a third-party application, an element filling record of an interface of the application is generated during a process in which the terminal loads the interface of the application for the first time.

Among them, the applications developed by terminal manufacturers are various system applications: setting applications, phone applications, camera applications, etc .; third-party applications such as WeChat, Alipay, etc.

The method for accelerating the loading speed of the application interface in this embodiment can directly obtain the size and position of the element on the screen through the element filling record when the application interface is loaded, eliminating the need for measuring and filling the element on the interface each time the application interface is loaded The calculation process speeds up the loading of the interface.

Example 2

As shown in FIG. 2, an embodiment of the present disclosure provides a device for accelerating an application interface loading speed, including:

The element obtaining module 201 is configured to obtain an element layout structure diagram and an element filling record corresponding to an interface to be loaded of the application; wherein the element layout structure diagram is used to indicate the composition and layout of all elements on the interface to be loaded; The element filling record is used to save the size and position of each element on the interface to be loaded after being filled on the screen;

The element drawing module 202 is configured to draw the interface to be loaded according to the element layout structure diagram and the element filling record when the element filling record of the interface to be loaded is not empty.

In some implementations, as shown in FIG. 3, the device further includes an element filling module 203;

The element filling module 203 is configured to measure and calculate each element on the element structure distribution map according to the screen size and screen resolution when the element filling record of the interface to be loaded is empty. The size and position of the element; generating an element filling record corresponding to each element on the interface to be loaded; wherein the element filling record corresponding to any one element stores the size and position of the element after being filled on the screen.

In some embodiments, the element drawing module 202 is configured to draw the interface to be loaded according to the element layout structure diagram and the element filling record in the following manner:

The device for accelerating the loading speed of the application interface in this embodiment can directly obtain the size and position of the element on the screen through the element filling record when the application interface loads, eliminating the need for measuring The calculation process speeds up the loading of the interface.

Example 3

A memory, a processor, and a computer program stored on the memory and capable of running on the processor, and when the computer program is executed by the processor, the program for accelerating the loading speed of the application interface described in Embodiment 1 is implemented Method steps.

Example 4

An embodiment of the present disclosure provides a computer-readable storage medium. A computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the acceleration of an application interface loading speed described in Embodiment 1 is implemented. Steps of the method.

The method for accelerating the loading speed of the application interface according to the present application is further illustrated by some examples below.

Example 1

The application interface to be loaded on the terminal is shown in FIG. 4, and the interface includes two controls arranged on top of each other: a tab control and a gridview control. Among them, the tab control is formed by two button controls arranged left and right. The gridview control is filled with twelve lower-level combination controls composed of icons and text.

As shown in FIG. 5, a method for accelerating the loading speed of an application interface may include the following steps:

Step S10: Obtain an element layout structure diagram and an element filling record corresponding to the interface to be loaded of the application;

The element layout structure diagram indicates the composition and layout of all elements on the interface to be loaded; the element filling record stores the size and position of each element on the interface to be loaded after being filled on the screen;

As shown in Figure 4, the text control is a simple control. Icon controls (round icons, pentagon icons, octagon icons) are simple controls, and button controls are simple controls. The tab control and gridview control are complex controls. Among them, the tab control contains two button controls. The gridview control contains twelve text controls and icon controls.

In step S20, it is determined whether the element filling record corresponding to the interface to be loaded is empty, if yes, step S30 is performed, otherwise step S50 is performed;

Step S30: Measure and calculate the size and position of each element on the element structure distribution map after being filled on the screen according to the screen size and screen resolution;

Among them, the gridview control is a complex control. The gridview control is filled with twelve lower-level combination controls composed of icons and text. The gridview control can be populated as follows:

Step S101, as shown in FIG. 6 (a), acquiring a lowest-level icon control (round icon) and a lowest-level text control;

In step S102, as shown in FIG. 6 (b), the icon control and the text control are combined in an up-down manner to generate a first-level sub-control;

In step S103, as shown in FIG. 6 (c), twelve first-level sub-controls are arranged and combined in a manner of four rows and three columns to form a gridview control.

In addition, the tab control is generated similarly to the gridview control, and can include the following steps:

Step S201, obtaining two lowest-level button controls;

Step S202: arrange and combine the two button controls side by side to form a tab control.

After filling the gridview control and tab control, the following steps are also included:

In step S104, as shown in FIG. 6 (d), the tab control and the gridview control are arranged in an up-down manner to generate an interface to be loaded;

Step S40: Generate an element filling record for each element on the interface to be loaded, where the element filling record saves the size and position of the element after being filled on the terminal screen;

Among them, the size and position of the element after it is filled on the screen is related to the screen size and screen resolution. For the complex control tab control and gridview control, the element fill record includes each simple control in the complex control after it is filled on the screen. Size and position, as well as the size and position of the complex control itself when it fills the screen.

For example, the size of the tab control filled on the screen is: 480px wide and 100px high; where px represents a pixel (pixel); the position of the tab control filled on the screen is: the coordinate information of the top left corner vertex is: two-dimensional coordinates (x ₀ , y ₀ ) = (0,0), the control depth value is z = 0; the coordinate information of the bottom right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (480,100), and the control depth value is z = 0;

The size of the first button control (the left button control) in the tab control to be filled on the screen is: 240px wide and 100px in height; the position of the first button control to be filled on the screen is: the coordinate information of the top left corner vertex is: two-dimensional Coordinates (x ₀ , y ₀ ) = (0, 0), control depth value z = 0; coordinate information of the bottom right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (240, ₁₀₀ ), control depth value is z = 0;

The size of the second button control (the right button control) in the tab control is filled on the screen: 240px wide and 100px in height; the position of the second button control filled on the screen is: the coordinate information of the top left corner vertex: two-dimensional Coordinates (x ₀ , y ₀ ) = (240,0), control depth value z = 0; the coordinate information of the lower right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (480,100), control depth value is z = 0;

The size of the gridview control filled on the screen is: 480px wide and 800px high; the position of the gridview control filled on the screen is: the coordinate information of the top left vertex is: two-dimensional coordinates (x ₀ , y ₀ ) = (0,100), the control The depth value is z = 0; the coordinate information of the lower right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (480,900), and the control depth value is z = 0;

The size of the first icon control in the gridview control (the icon control of the first row and the first column in the gridview control) is: 160px wide and 140px high; the position of the first icon control filled on the screen is: upper left corner The vertex coordinate information is: two-dimensional coordinates (x ₀ , y ₀ ) = (0,100), the control depth value z = 0; the coordinate information of the lower right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (160,240) , The control depth value is z = 0;

The size of the first text control in the gridview control (the text control of the first row and the first column in the gridview control) is: 160px wide and 60px high; the position of the first text control filled on the screen is: upper left corner The vertex coordinate information is: two-dimensional coordinates (x ₀ , y ₀ ) = (0,240), the control depth value z = 0; the coordinate information of the lower right corner vertex is: two-dimensional coordinates (x ₁ , y ₁ ) = (160,300) , The control depth value is z = 0;

Among them, the control depth value z = 0 represents the top first layer. If the controls have a nested relationship, the depth value of the control of the second layer below the first layer is z = 1, and the depth value of the control of the third layer below the second layer is z = 2, and so on.

Step S50: draw the interface to be loaded according to the element layout structure diagram and the element filling record;

Query the element layout structure diagram of the interface to be loaded to obtain the composition of each element on the interface to be loaded; for each element in the element layout structure diagram, query the corresponding element of the element according to the composition of the element Fill the record to obtain the size and position of the element after it is filled on the screen; and draw the interface to be loaded according to the size and position of each element on the interface to be loaded after it is filled on the screen.

For example, when drawing the interface of FIG. 4, the structure and layout of each control on the interface are obtained according to the element layout structure diagram, and then the element fill record is directly queried to obtain the size of two button controls, twelve icon controls, and twelve text controls And coordinates to directly draw the interface, eliminating the measurement and calculation process of filling elements on the interface, which can speed up the loading speed of the interface.

In this example, the size and position of the element on the screen can be directly obtained through the element filling record when the application interface is loaded, eliminating the measurement and calculation process of filling the element on the interface each time the application interface is loaded, which speeds up the loading of the interface speed.

It should be noted that the present disclosure may have other various embodiments. Without departing from the spirit and essence of the present disclosure, those skilled in the art may make various corresponding changes and modifications according to the present disclosure, but these Corresponding changes and modifications should fall within the protection scope of the claims attached to this disclosure.

Claims

A method for accelerating the loading speed of an application interface includes:

Obtain the element layout structure map and element fill record corresponding to the application's to-be-loaded interface; wherein the element layout structure map is used to indicate the composition and layout of all elements on the to-be-loaded interface; the element fill record is used to save Describe the size and position of each element on the interface to be loaded after it is filled on the screen;

When the element filling record of the interface to be loaded is not empty, the interface to be loaded is drawn according to the element layout structure diagram and the element filling record.
The method of claim 1, further comprising:

When the element filling record of the interface to be loaded is empty, measure and calculate the size and position of each element on the element structure distribution map after being filled on the screen according to the screen size and screen resolution;

Generating an element filling record corresponding to each element on the interface to be loaded; wherein an element filling record corresponding to any one element stores the size and position of the element after being filled on the screen;

And drawing the interface to be loaded according to the element layout structure diagram and the element filling record.
The method according to claim 1 or 2, wherein:

The drawing the interface to be loaded according to the element layout structure diagram and the element filling record includes:

Querying the element layout structure diagram of the interface to be loaded to obtain the composition of each element on the interface to be loaded;

For each element in the element layout chart, query the element fill record corresponding to the element according to the composition of the element to obtain the size and position of the element after being filled on the screen;

Drawing the interface to be loaded according to the size and position of each element on the interface to be loaded after being filled on the screen.
The method of claim 1, wherein:

The interface to be loaded of the application includes at least one of the following: a first interface after the application is started, or an interface with a high frequency of application loading.
A device for accelerating the loading speed of an application interface includes:

An element obtaining module configured to obtain an element layout structure diagram and element filling record corresponding to an interface to be loaded of the application; wherein the element layout structure diagram is used to indicate the composition and layout of all elements on the interface to be loaded; the element The filling record is used to save the size and position of each element on the interface to be loaded after being filled on the screen;

The element drawing module is configured to draw the interface to be loaded according to the element layout structure diagram and the element filling record when the element filling record of the interface to be loaded is not empty.
The apparatus of claim 5, wherein the apparatus further comprises an element filling module;

The element filling module is configured to measure and calculate each element on the element structure distribution map after filling in the screen when the element filling record of the interface to be loaded is empty. Generating the element filling record corresponding to each element on the interface to be loaded; wherein the element filling record corresponding to any one element stores the size and position of the element after being filled on the screen.
The apparatus according to claim 5, wherein:

An element drawing module configured to draw the interface to be loaded according to the element layout structure diagram and the element filling record in the following manner:

Querying the element layout structure diagram of the interface to be loaded to obtain the composition of each element on the interface to be loaded;

For each element in the element layout chart, query the element fill record corresponding to the element according to the composition of the element to obtain the size and position of the element after being filled on the screen;

Drawing the interface to be loaded according to the size and position of each element on the interface to be loaded after being filled on the screen.
The apparatus according to claim 5, wherein:

The interface to be loaded of the application includes at least one of the following: the first interface after the application is started, or an interface with a high frequency of application loading.
A device for accelerating the loading speed of an application interface includes:

A memory, a processor, and a computer program stored on the memory and executable on the processor, the computer program realizing the acceleration of any one of claims 1 to 4 when executed by the processor Steps to the method of applying interface loading speed.
A computer-readable storage medium on which a computer program is stored, and when the computer program is executed by a processor, the method for speeding up an application interface loading speed according to any one of claims 1 to 4 is implemented Method steps.