CN115328602A

CN115328602A - Control display method, device, equipment, medium and program product

Info

Publication number: CN115328602A
Application number: CN202211025977.XA
Authority: CN
Inventors: 李文东
Original assignee: Wuming Technology Hangzhou Co ltd
Current assignee: Wuming Technology Hangzhou Co ltd
Priority date: 2022-08-25
Filing date: 2022-08-25
Publication date: 2022-11-11

Abstract

The application discloses a control display method, device, equipment, medium and program product, and relates to the technical field of computers. The method comprises the following steps: acquiring control data corresponding to a target page; receiving a control sliding operation on a target page; and responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a forward sequence, updating and loading the control data loaded in the (i + k) th page control into the ith page control, and displaying second data in the target page. In the process of rendering and displaying the control data on the target page, a certain number of page controls are created on the page instead of creating one page control for each piece of control data, and the control data are sequentially loaded into the page controls to be displayed, so that the number of the controls needing to be created in the target page is reduced, the loss of computer performance is reduced, and the problem of page jamming when the target page displays the controls with large orders of magnitude is solved.

Description

Control display method, device, equipment, medium and program product

Technical Field

The embodiment of the application relates to the technical field of computers, in particular to a control display method, device, equipment, medium and program product.

Background

In a page of an application program such as a game or a browser, a control is a relatively important display element, and may be an operation object for carrying a user operation or a container object for displaying information (e.g., a table, a picture, etc.).

In the related art, when ten thousand controls are to be rendered on one page, the ten thousand controls need to be rendered into the page according to data in the control database, that is, the ten thousand controls need to be created and displayed in the page.

However, the above-mentioned manner of displaying the control in the related art requires that the page is opened, or when the page dynamically changes, a large amount of data is loaded for rendering, thereby causing the page to be stuck.

Disclosure of Invention

The embodiment of the application provides a control display method, a control display device, control display equipment, a control display medium and a program product, and can solve the problem of page jamming when a page displays a large-order control. The technical scheme is as follows:

in one aspect, a control display method is provided, and the method includes:

acquiring control data corresponding to a target page, wherein the control data is used for being loaded in a control of the target page and displayed, the target page comprises a plurality of page controls which are sequentially arranged, and the plurality of page controls comprise controls which are positioned in the target page and out of the target page;

receiving a control sliding operation on the target page, wherein the control sliding operation is used for clearing first data from a first control in the target page along a sliding direction and loading second data into a control in the target page;

responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a positive sequence, updating and loading the control data loaded in the (i + k) th page control into the ith page control, and displaying the second data in the target page, wherein i is a positive integer and k is a preset positive integer; or responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a reverse order, updating and loading the kth control data before the control data corresponding to the ith page control into the ith page control, and displaying the second data in the target page.

In another aspect, an apparatus for displaying a control is provided, the apparatus including:

the system comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring control data corresponding to a target page, and the control data is used for being loaded in a control of the target page and displayed, wherein the target page comprises a plurality of page controls which are sequentially arranged, and the plurality of page controls comprise controls which are positioned in the target page and out of the target page;

the receiving module is used for receiving a control sliding operation on the target page, and the control sliding operation is used for clearing first data from a first control in the target page along a sliding direction and loading second data into the control in the target page;

the updating module is used for responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a positive sequence, updating and loading the control data loaded in the (i + k) th page control into the ith page control, and displaying the second data in the target page, wherein i is a positive integer, and k is a preset positive integer; or responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a reverse order, updating and loading the kth control data before the control data corresponding to the ith page control into the ith page control, and displaying the second data in the target page.

In another aspect, a computer device is provided, which includes a processor and a memory, where at least one instruction, at least one program, a set of codes, or a set of instructions is stored in the memory, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the control display method according to any of the embodiments of the present application.

In another aspect, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a set of codes, or a set of instructions is stored, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by a processor to implement the control display method according to any of the embodiments of the present application.

In another aspect, a computer program product or computer program is provided, the computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to make the computer device execute the control display method in any of the above embodiments.

The beneficial effects that technical scheme that this application embodiment brought include at least:

the control data corresponding to the obtained target page are sequentially loaded and displayed in the page control in the target page along the sliding direction of the sliding operation by receiving the control sliding operation on the target page, and because a certain number of page controls are created on the page instead of creating one page control for each piece of control data in the process of rendering and displaying the control data on the target page, the number of controls needing to be created in the target page is reduced by sequentially loading the control data into the page controls and displaying the control data, the loss of computer performance is reduced, and the problem of page jamming of the target page when the control with large magnitude is displayed is solved.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, 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 application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.

FIG. 1 is a schematic illustration of an implementation environment provided by an exemplary embodiment of the present application;

FIG. 2 is a flow chart of a control display method provided by an exemplary embodiment of the present application;

fig. 3 is a schematic diagram of a process of moving control data in a page control one by one in a control display method according to an exemplary embodiment of the present application;

fig. 4 is a schematic process diagram of control data moving at intervals in a page control in a control display method according to an exemplary embodiment of the present application;

FIG. 5 is a schematic process diagram illustrating a process of updating control data in a page control along a reverse direction of a target page in a control display method according to an exemplary embodiment of the present application;

FIG. 6 is a flowchart of a control display method provided by another exemplary embodiment of the present application;

fig. 7 is a schematic process diagram of moving an entire row or an entire column of control data in a page control in a control display method according to an exemplary embodiment of the present application;

FIG. 8 is a flowchart of a control display method provided by another exemplary embodiment of the present application;

FIG. 9 is a schematic diagram illustrating a process of updating control data in a plurality of page controls around a center point in a control display method according to an exemplary embodiment of the present application;

FIG. 10 is a diagram illustrating a simulated slide animation implemented in a control display method according to an exemplary embodiment of the present application;

FIG. 11 is a flowchart of a control display method provided by another exemplary embodiment of the present application;

FIG. 12 is a diagram illustrating a method for displaying an associated control according to an exemplary embodiment of the present application;

FIG. 13 is a flowchart of a control display method provided by another exemplary embodiment of the present application;

FIG. 14 is a schematic process diagram illustrating the movement of control data in a page control in a control display method according to an exemplary embodiment of the present application;

FIG. 15 is a block diagram of a control display apparatus according to an exemplary embodiment of the present application;

FIG. 16 is a block diagram of a control display apparatus according to another exemplary embodiment of the present application;

fig. 17 is a block diagram of a computer device according to an exemplary embodiment of the present application.

Detailed Description

To make the purpose, technical solutions and advantages of the present application clearer, the following will describe embodiments of the present application in further detail with reference to the accompanying drawings, and it is obvious that the described embodiments are some, but not all embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

The terms "first," "second," and the like, in this application are used for distinguishing between similar items and items that have substantially the same function or similar functionality, and it is to be understood that "first" and "second" do not have a logical or temporal dependency or limitation on the number or order of execution.

User Interface UI (User Interface) controls refer to any visual control or element that can be seen on a User Interface of an application. Such as controls for pictures, input boxes, text boxes, buttons, labels, etc., some of which are responsive to user manipulation. In the related art, for example, an order of magnitude (e.g., tens of thousands) of controls generally need to be rendered in a game interface, and the tens of thousands of controls need to be rendered into a page according to data in a control database, that is, the tens of thousands of controls need to be created and displayed in the page. However, the above-mentioned manner of displaying the control in the related art requires that the page is opened, or when the page dynamically changes, a large amount of data is loaded for rendering, thereby causing the page to be stuck.

For example: in a 3-dimensional (3 dimensions,3 d) game interface, a large number of display elements and elements for carrying user operations are often included, and a computer needs to create a corresponding number of controls for the elements, so that when the game interface is initialized, a player can obviously feel that a page is stuck when clicking to enter the game interface due to the fact that a large number of controls need to be created to carry the elements, and poor game experience is brought to the player.

The embodiment of the application provides a control display method, which solves the problem of unsmooth of a page containing controls with large orders of magnitude (such as more than 1000). When processing the page of the large-order control, the method comprises the following steps:

(1) And initializing a page control.

When the page is initialized, the number n of controls which can be put down in the width of one page is designed according to the resolution of the page, the number m of the rows of the controls to be displayed is designed, and the controls which can fill the whole interface are initialized.

(2) And assigning a control.

And assigning the first m x n control data in the control data set which needs to be displayed to the user to the m x n controls according to the control data set fed back to the terminal by the server.

(3) And (4) data movement assignment.

When a user operates a mouse to slide and browse a target page, the m × n controls in the target page do not move, and the data in the m × n controls are reassigned. For example: changing the data in the first control into the data of the second control, if a row has n controls, the data loaded in the last control in the row is n +1 data, so as to simulate the movement of the controls.

Fig. 1 is a schematic diagram of an implementation environment provided in an exemplary embodiment of the present application, as shown in fig. 1, the implementation environment includes a terminal 110, a server 120, and a communication network 130, where the terminal 110 and the server 120 are connected through the communication network 130, and in some alternative embodiments, the communication network 130 may be a wired network or a wireless network, which is not limited in this embodiment.

In some alternative embodiments, the terminal 110 is a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart appliance, a smart car terminal, a smart speaker, a digital camera, and the like, but is not limited thereto. Taking the terminal 110 implemented as a smart phone as an example for explanation, optionally, a target application program is installed and run in the terminal 110, and the target application program may be loaded with a page displaying a large number of controls, and illustratively, the target application program may be a game application program, a browser application program, an instant messaging application program, a social contact application program, a financial management application program, a shopping application program, and the like, which is not limited in this embodiment of the present application.

Optionally, the target application program is provided with a control display function, illustratively, when a user opens a target page in the target application program, the terminal 110 needs to perform initialization operation on the target page, as shown in fig. 1, the terminal 110 sends a page initialization request to the server 120, and after receiving the request, the server 120 feeds back a control data set corresponding to the target page to the terminal 110; the target page comprises a plurality of controls arranged in sequence, and after receiving the control data set, the terminal 110 loads and displays the data arranged in the front of the control data set in the plurality of controls; when the terminal 110 receives a sliding operation of the user on the target page, the data in the control data set moves in the plurality of controls along the sliding direction, so that the content displayed in the plurality of controls is updated according to the movement of the data.

In some alternative embodiments, server 120 provides a background service for target applications installed in terminal 110. It should be noted that the server 120 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a web service, cloud communication, a middleware service, a domain name service, a security service, a CDN (Content Delivery Network), a big data and artificial intelligence platform, and the like.

The Cloud Technology (Cloud Technology) is a hosting Technology for unifying series resources such as hardware, software, network and the like in a wide area network or a local area network to realize calculation, storage, processing and sharing of data. The cloud technology is based on the general names of network technology, information technology, integration technology, management platform technology, application technology and the like applied in the cloud computing business model, can form a resource pool, is used as required, and is flexible and convenient. Cloud computing technology will become an important support. Background services of the technical network system require a large amount of computing and storage resources, such as video websites, picture-like websites and more web portals. With the high development and application of the internet industry, each article may have an own identification mark and needs to be transmitted to a background system for logic processing, data of different levels can be processed separately, and various industry data need strong system background support and can be realized only through cloud computing. Alternatively, the server 120 may also be implemented as a node in a blockchain system.

It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data for analysis, stored data, displayed data, etc.) and signals referred to in this application are authorized by the user or fully authorized by various parties, and the collection, use and processing of the relevant data are subject to relevant laws and regulations and standards in relevant countries and regions. For example, the control data sets referred to in this application are all obtained with sufficient authorization.

With reference to the above description and implementation environment, a description is given to a control display method provided in an embodiment of the present application, please refer to fig. 2, which shows a flowchart of a control display method provided in an exemplary embodiment of the present application, and taking as an example that the method is applied to a terminal shown in fig. 1, as shown in fig. 2, the method includes:

step 201, acquiring control data corresponding to a target page.

The control data is loaded in a control of a target page and displayed, the target page comprises a plurality of page controls which are sequentially arranged, and the plurality of page controls comprise controls which are positioned in the target page and out of the target page.

The target page is a page displayed in a terminal display screen, and illustratively, if a page for purchasing the virtual item is displayed in the terminal display screen, the target page is a page for purchasing the virtual item.

The page control refers to a reusable software component displayed in the target page. The control in the target page refers to a control in a user visual range displayed in the target page, and the control out of the target page refers to a control which is not in the user visual range and displayed out of the target page.

Optionally, when the user enters the target page, the target page performs an initialization operation, and the terminal creates a certain number of blank page controls in and out of the target page according to the size of the target page. Optionally, the sizes are the same between page controls created in the target page; or, in the page control created by the target page, the sizes of the page controls in the same sliding direction are the same, for example: when the target page receives the operation of sliding upwards, the control data is removed from the page control 1 and is loaded into the page control 2, and then the control sizes of the page control 1 and the page control 2 are the same.

Illustratively, referring to fig. 3, the terminal creates controls 301 to 307 in the target page according to the resolution of the target page, where the controls 302 to 306 are controls in the target page; control 301 and control 307 are controls that are outside of the target page, optionally with controls 301 through 307 being the same size.

In some embodiments, when a target page is loaded, a terminal acquires a control data set to be loaded on the target page from a server, wherein the control data set comprises currently updated control data to be loaded and displayed; or when the target page is loaded, the terminal sequentially acquires the control data from the server, wherein the acquiring sequence of the control data corresponds to the storage sequence of the control data in the server.

1. The terminal obtains the control data set to be loaded of the target page from the server

Illustratively, after a user clicks to enter a target page, the terminal sends a target page initialization request to the server, where the target page initialization request includes identification information of the target page, and the server sends a control data set corresponding to the target page to the terminal according to the identification information, where the control data set includes control data to be loaded into a page control of the target page.

And after the terminal acquires the control data set, storing the control data set, acquiring control data from the control data set according to the loading requirement of the target page, and loading the control data into the page control. In some embodiments, according to the loading requirement of the target page, the terminal may first obtain part of the control data to be loaded from the control data set and store the part of the control data to be loaded into the cache region, so that when the control data needs to be loaded, the control data to be loaded is obtained from the cache region and loaded into the page control.

2. The terminal obtains control data from the server in sequence

Optionally, the server may further sequentially and gradually send the control data in the control data set to the terminal according to an operation received by the terminal on the target page, illustratively, after the server receives an initialization request sent by the terminal, part of the control data in the control data set is sent to the terminal, and the terminal first caches the received control data, so that when the control data needs to be loaded and displayed, the control data is sequentially loaded into the plurality of page controls and displayed in the target page; or, loading the control data into a plurality of page controls according to the association relationship among the controls and displaying the control data in the target page, for example: the control 1 and the control 2 are controls with an association relationship, and when the data A is loaded in the control 1, the data B is loaded in the control 2 for display.

Optionally, the control data cached by the terminal includes control data loaded in a plurality of page controls and at least one data to be loaded into a page control; and if the terminal receives the upward sliding operation on the target page, the server sends the unsent control data corresponding to the upward sliding direction of the target page to the terminal for caching.

Optionally, when the control data in the control data set is loaded into a blank page control, that is, after the control data is filled into the blank page control, the page control displays according to the filled control data, that is, illustratively, when image data of a virtual item is filled into the page control of the game interface, the image content of the virtual item is displayed on the page control; the page control also sets a corresponding function according to the filled control data, illustratively, if the filled control data is only a control showing page information, the page control is set as a non-triggerable control, and if the filled control data includes data for setting triggering operation of the control, the page control is set as a triggerable control.

In some optional embodiments, if the layout in the target page is more fixed, for example: in the purchase page of the virtual props of the game interface, the left side is a picture for displaying the virtual props, and the right side is a 'purchase' button corresponding to each virtual prop, so that when the page control is initialized, partial functions of the page control can be set.

Step 202, receiving a control sliding operation on the target page.

The control sliding operation is used for clearing first data from a first control in the target page along the sliding direction and loading second data into the target page.

Optionally, the loading manner of the control sliding operation on the second data includes at least one of the following methods:

1. and the control sliding operation is used for directly loading the cached second data into the page control in the target page.

Illustratively, data i is loaded in a page control 1 at the lower edge of a page of the target page, when the page is slid upwards, the data i is cleared from the page control 1, and data i +1,i is loaded in the page control 1 and is a positive integer.

2. And a second control exists outside the target page, second data is loaded in the second control, and the control sliding operation is used for clearing the second data from the second control and loading the second data into the page control in the target page.

Optionally, before receiving a control sliding operation on the target page, in an initial loading stage of the target page, the terminal needs to load control data arranged in the front of the control data set into multiple page controls. Illustratively, when a terminal receives an operation of opening a target page, a plurality of page controls are created in and out of the target page; for a page control outside a target page, after acquiring control data in a control data set by a terminal, loading the control data arranged in front into the page control inside the target page according to the control order in the control data set, please refer to 3,1), and loading control data a to e in the control data set into controls 302 to 306 in sequence; for a page control located outside the target page, optionally, the terminal fills the control data according to the sliding direction of the user, as shown in fig. 3, if the sliding direction of the target page is an upward sliding direction, the control data f in the control data set is loaded into the control 307, and at this time, any control data is not loaded in the control 301; or control 301 is loaded with the last control data arranged in the control data set.

Optionally, if the target page is opened and the control data in the control data set located in the middle portion is displayed, the control data in the middle portion of the control data set is loaded in the controls 302 to 306 in fig. 3, for example: if the controls 302 to 306 are loaded with data d to h, the control 301 is loaded with data c, and the control 307 is loaded with data i.

Optionally, the control sliding operation may be implemented as a mouse scrolling operation on a target page, a dragging operation on a slider on the target page, a clicking operation on a page turning control in the target page, or the like, which is not limited in this embodiment of the present application.

Step 203, responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a positive sequence, updating and loading the control data loaded in the (i + k) th page control into the ith page control, and displaying second data in the target page.

Wherein i is a positive integer, and k is a preset positive integer.

Optionally, the loading condition of the control data includes at least one of the following conditions:

(1) And when k is equal to 1, updating data according to the display sequence of the control data in response to the sliding direction indication of the sliding operation, and updating and loading the control data loaded in the (i + 1) th page control into the (i) th page control.

Illustratively, when a user triggers a control sliding operation on a target page, control data loaded in a plurality of page controls moves along a sliding direction, and when the control data moves, the control data is sequentially loaded into each page control, as shown in fig. 3, 2), when the target page slides upwards by the distance of one control, the control data a to e are moved into the controls 301 to 305, the control data f is loaded into the control 306, and the control data g in a control data set is loaded into the control 307; 3) When the target page continues to slide upwards by the distance of one control, the control data a in the control 301 is emptied, the control data b to f are moved to the controls 301 to 305, the control data g is loaded in the control 306, and the control data h in the control data set is loaded in the control 307.

In some optional embodiments, the control data along the sliding direction of the target page is cleared from the page control in the target page, the cleared control data is stored in the cache region, and if the target page starts to slide in the reverse direction, the control data is read from the cache region and is loaded into the control in the target page again in the reverse direction.

(2) When k is larger than 1, the loading condition of the control data comprises at least one of the following conditions:

the first condition is as follows: if the number of the page controls in one row or one column in the target page is j, j is a positive integer, and when k is smaller than j, the control data moves integrally in the single row/column. That is, when control data is being loaded, a single control data is not loaded to each page control.

For example: the number of the page controls in one column in the target page is 7, when k is equal to 3, data updating is carried out in a forward sequence according to the display sequence of the control data in response to the sliding direction indication of the sliding operation, and the control data loaded in the (i + 3) th page control is updated and loaded into the ith page control.

Schematically, please refer to 4,1), the control data a to f are loaded in the controls 402 to 407; 2) When the control data c in the control 404 moves, the control data c moves directly into the control 401.

Case two: if the number of the page controls in one row or one column in the target page is j, when k is equal to j, the row-by-row/column moving process of the control data in the target page can be realized.

For example: the number of the page controls in one row in the target page is 3, when k is equal to 3, data updating is carried out in a forward sequence according to the display sequence of the control data in response to the sliding direction indication of the sliding operation, and the control data loaded in the (i + 3) th page control is updated and loaded into the ith page control.

That is to say, when the target page receives an operation of sliding upwards, the control data in the 1 st page control in the 2 nd line of the target page is loaded into the 1 st page control in the 1 st line, the control data in the 2 nd page control in the 2 nd line of the target page is loaded into the 2 nd page control in the 1 st line, and the control data in the 3 rd page control in the 2 nd line is loaded into the 3 rd page control in the 1 st line, so that a line-by-line moving process of the control data in the target page is realized.

And a third situation: if the number of the page controls in one row or one column in the target page is j, when k is equal to n multiplied by j, n is a positive integer, and the moving process of the control data in the multiple rows/columns in the target page can be realized.

For example: the number of the page controls in one row in the target page is 3, when k is equal to 6, data updating is performed in a positive sequence according to the display sequence of the control data in response to the sliding direction indication of the sliding operation, and the control data loaded in the (i + 6) th page control is updated and loaded into the ith page control.

That is to say, when the target page receives an operation of sliding upwards, the control data in the 1 st page control in the 3 rd row of the target page is loaded into the 1 st page control in the 1 st row, the control data in the 2 nd page control in the 3 rd row is loaded into the 2 nd page control in the 1 st row, and the control data in the 3 rd page control in the 3 rd row is loaded into the 3 rd page control in the 1 st row, so that a multi-row moving process of the control data in the target page is realized.

And 204, responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a reverse order, updating and loading the kth control data before the control data corresponding to the ith page control into the ith page control, and displaying the second data in the target page.

Schematically, taking k equal to 2 as an example for explanation, please refer to 5,1), the control data c is loaded in the control 501; 2) When the target page slides up, the 2 nd control data a before the control data c is loaded into the control 501.

To sum up, in the control display method provided in the embodiment of the present application, the obtained control data corresponding to the target page is sequentially loaded and displayed in the page controls in the target page along the sliding direction of the sliding operation by receiving the control sliding operation on the target page, and because a certain number of page controls are created on the page instead of creating one page control for each piece of control data in the process of rendering and displaying the control data on the target page, the control data is sequentially loaded into the page controls and displayed, so that the number of controls that need to be created in the target page is reduced, thereby reducing the loss of computer performance, and solving the problem of page jamming when the target page displays a large-order control.

According to the control display method provided by the embodiment of the application, the control data loaded in the control can be sequentially updated or updated in an opposite order along the sliding direction of the sliding operation according to the display order of the control data in the control data set, so that the diversity of the control data in the updating mode is increased.

In some optional embodiments, control data in the control data set may be loaded into a page control in a whole row or a whole column, please refer to fig. 6, which shows a flowchart of a control display method provided in an exemplary embodiment of the present application, and taking as an example that the method is applied to the terminal shown in fig. 1 for explanation, as shown in fig. 6, the method includes:

step 601, acquiring control data corresponding to a target page.

In some optional embodiments, the multiple page controls include a main loading control and an auxiliary loading control, where the main loading control is a control normally displayed in the target page, and the auxiliary loading control is a control superimposed on the main loading control; optionally, the control dataset includes first control data and second control data, where the first control data is used for being loaded in a main loading control of the target page and displayed, and the second control data is used for being loaded in an auxiliary loading control of the target page and displayed.

Schematically, in a browser interface, after a user searches for a certain keyword, a terminal starts to load a search result page of the keyword, and then control data corresponding to the search result page of the keyword is first control data and is loaded in a main loading control for display; and some recommended contents are generated in the search result page, and the control data corresponding to the recommended contents are the second control data and are loaded in the auxiliary loading control for display.

Step 602, receiving a control sliding operation on a target page.

The control sliding operation is used for clearing first data from a first control in the target page along the sliding direction and loading second data into the control in the target page.

Optionally, the control sliding operation may be an operation triggered by a touch screen, a mouse, a keyboard, or other external devices of the terminal; but also an operation triggered directly on the screen of the terminal. The control sliding operation may be implemented as at least one of an up-sliding operation, a down-sliding operation, a left-sliding operation, a right-sliding operation, and the like, which is not limited in this embodiment of the application.

In some optional embodiments, the target page includes m rows and n columns of page controls, and m and n are positive integers.

Step 603, in response to the sliding direction of the sliding operation along the first direction of the row, updating the data loaded by the page control in the n '+1 th column to the page control in the n' th column according to the display order of the control data.

Illustratively, referring to fig. 7, 2 rows and 3 columns of page controls are displayed in a target page, control data d to f are loaded in the row 2 controls, when the target page receives an upward sliding operation, the control data d to f are updated to the first row of controls, and the control data g to i are updated to the row 2 controls.

And step 604, updating the data loaded by the page controls in the m '+1 th row to the page controls in the m' th row according to the display sequence of the control data in response to the sliding direction of the sliding operation along the second direction where the column is located.

Illustratively, referring to fig. 7, 2 rows and 3 columns of page controls are displayed in a target page, data b and data e are loaded in the 2 nd column of controls, when the target page receives an operation of sliding left, the data b and the data e are updated into the 1 st column of controls, the data c and the data f are updated into the 2 nd column of controls, and the data j and the data k are loaded in the 3 rd column of controls.

In some optional embodiments, the page control of a specified row or a specified column in the target page is in a locked state, that is, the control data in the page control of the row (or the column) cannot be moved, and the control data in the page controls of other rows (or columns) cannot be moved into the row (or the column). Illustratively, when the target page receives a sliding operation, the control data in the ith row (or jth column) is loaded to the page control in the (i + 2) th row (or jth + 2) th column, where the control data loaded in the (i + 1) th (or jth + 1) th page control is locked and will not move. For example: in a target page containing 4 rows and 5 columns of target controls, a 3 rd row is locked, and when the target page receives an upward sliding operation, control data in the 4 th row of target controls is directly loaded into a 2 nd row for display, and the displayed data in the 3 rd row is not changed.

In some alternative embodiments, the data in the page control of the target row or the target column in the m-row n-column page control in the target page may be moved. That is, in the target page, the control data movement of the entire row or the entire column is not performed, and the movement may be performed only for the data of a certain row or a certain column.

To sum up, the control display method provided in the embodiment of the present application loads and displays the acquired control data corresponding to the target page in the page controls in the target page in sequence along the sliding direction of the sliding operation by receiving the control sliding operation on the target page, and since a certain number of page controls are created on the page instead of creating one page control for each piece of control data in the process of rendering and displaying the control data on the target page, the control data are sequentially loaded into the page controls and displayed, so that the number of controls that need to be created in the target page is reduced, thereby reducing the loss of computer performance, and solving the problem of page jamming when the target page displays a large-order control.

According to the method provided by the embodiment of the application, the control data can be moved in a whole row or a whole column in the display process of the control, so that the control data can be loaded in the page control in a whole row or a whole column to be displayed, and the loading efficiency of the page when the control is loaded is improved.

In some alternative embodiments, the page control may display a corresponding animated special effect during loading of the control data into the page control. Referring to fig. 8, a flowchart of a control display method according to an exemplary embodiment of the present application is shown, which is described by taking as an example that the method is applied to the terminal shown in fig. 1, and as shown in fig. 8, the method includes:

step 801, acquiring control data corresponding to a target page.

Step 802, receiving a control sliding operation on a target page.

And 803, responding to the control sliding operation, updating the control data in the multiple page controls along the sliding direction of the sliding operation according to the display sequence of the control data, displaying the second data in the target page, and displaying the animation effect of the multiple page controls in the control data updating process.

In some optional embodiments, the animation effect displayed by the plurality of page controls during the control data update process comprises at least one of:

in case one, in response to the control sliding operation, a tile rendering animation of the multiple page controls in the target page is displayed, and the tile rendering animation is used for representing a gradual loading process among the multiple page controls.

That is to say, when the control data is loaded into a plurality of page controls for rendering and displaying, if one page includes 14 page controls, instead of rendering 14 page controls at a time for displaying, the page controls are rendered in batches to tile the rendering animation, for example: and (4) a page control slowly displays from top to bottom.

Optionally, wherein tiling the rendering animation comprises: from the last tiling animation that down expandes, from the tiling animation that up expandes down, from the tiling animation that turns right from a left side to expand, from the right tiling animation that turns left to expand, carry out pivoted tiling animation etc. around a certain center, this application embodiment is not injectd this.

Illustratively, taking a tiled rendering animation implemented as a tiled animation rotating around a certain center point as an example for explanation, as shown in fig. 9, controls 901 to 905 exist in a target page 900 around a center point a, where data a to e are loaded, when the target page 900 receives a counterclockwise sliding operation, data a is cleared from the target page 900, data b to e are sequentially loaded into the controls 901 to 904, and the control 905 is loaded with new data f.

Optionally, according to a preset rendering frequency, rendering and displaying j page controls in the multiple page controls within a specified frame number interval, and generating and displaying a tiled rendering animation, where j is a positive integer.

Illustratively, if the number of rows of the plurality of page controls is 3 and the number of columns is 2, the preset rendering frequency may be set to render 2 page controls per 3 frames, and a row of page controls may be rendered within an interval of 3 frames, and optionally, an animation effect of the page controls during rendering is a tiled animation that is expanded from top to bottom.

And secondly, responding to the control sliding operation, displaying the simulated sliding animation of the plurality of page controls rolling from the reference position along the sliding direction, and resuming to display to the reference position when the simulated sliding animation is played.

Alternatively, the reference position may be a position at which each of the plurality of page controls is displayed when the plurality of page controls are created at the time of initializing the target page.

In some optional embodiments, the implementation of the simulated sliding animation further includes the following steps:

1. and displaying the animation displayed by the plurality of page controls to be restored to the reference position after the page controls slide for the preset distance along the sliding direction.

Referring to fig. 10, in the target page 1000, the positions of the page control 1002, the page control 1003, and the page control 1004 are set as their reference positions, and the display area is a screen display space 1005. When the target page 1000 receives an operation of moving to the left, the control data B in the page control 1002 is set to the page control 1001, the control data c in the page control 1003 is set to the page control 1002, and the control data d in the page control 1004 is set to the page control 1003, and in the process of moving the control data, the page control 1002 and the page control 1004 integrally move by a small distance, as shown in fig. 10, the page control 1002 moves from a point a to a point B; after the page control 1002 moves to point B and the loading of the control data c is completed, the page control 1002 resumes the position of point a.

2. And displaying an animation of the plurality of page controls sliding out of the target page from the first interface edge and sliding into the target page from the second interface edge along the sliding direction, wherein the first interface edge is opposite to the second interface edge.

Illustratively, when the target page 1010 receives an operation of continuing to move to the left, the control data b in the page control 1001 will slide out of the target page 1010 from the edge 1 of the screen display space 1005, the control data f in the page control 1006 will slide into the target interface 1010 from the edge 2 of the screen display space 1005, and in the process of moving, the control 1001 moves to the left of the edge 1, and the control 1006 moves to the right of the edge 2.

And thirdly, responding to the control sliding operation, displaying the page turning animation effect of the multiple page controls in the target page, wherein the page turning animation effect is used for expressing the whole loading process of the multiple page controls.

Illustratively, if the control sliding operation is implemented as a click operation, and all data in the multiple page controls in the target page need to be updated every time the click operation is performed, after the click operation is received, the terminal may display the control data that needs to be rendered in the page in the target page after the rendering of the whole control data is completed, so as to form a page turning animation effect.

According to the method provided by the embodiment of the application, in the process of loading the control data into the page control, the page control can display the corresponding animation special effect in the target page, on one hand, the fluency of the page data in the display process is improved, on the other hand, the use experience of a user in the target page is improved, and the human-computer interaction efficiency in the display process of the control is improved.

In some optional embodiments, the target page includes a pair of controls associated with each other, and when some control data in the control data set is loaded into one of the controls, the control associated with the control data will display data related to the control data. Referring to fig. 11, a flowchart of a control display method according to an exemplary embodiment of the present application is shown, which is described by taking as an example that the method is applied to the terminal shown in fig. 1, and as shown in fig. 11, the method includes:

step 1101, acquiring control data corresponding to the target page.

Step 1102, receiving a control sliding operation on a target page.

In some alternative embodiments, if the control data in the control dataset has been loaded to the last data in a certain sliding direction, the user cannot continue to move the control data in that sliding direction.

In some optional embodiments, the plurality of page controls include an association control pair, and the association control pair includes a first association control and a second association control, and the first association control and the second association control are used for loading control data in an associated manner.

Step 1103, in response to the control sliding operation, loading first associated data into the first associated control along the sliding direction of the sliding operation according to the loading sequence of the control data; and loading the second association data into the second association control.

And the display contents of the first associated data and the second associated data are associated. Illustratively, if the first associated control is a control bearing an icon, the second associated control is a control displaying a description corresponding to the icon; and if the first associated control is a control for bearing the title of the selection list, the second associated control is a control for displaying the list content of the selection list.

In some optional embodiments, in response to the control sliding operation, the first association data is loaded into the first association control along the sliding direction of the sliding operation in the display sequence of the control data; in response to the first associated data being loaded into the first associated control, second associated data is loaded into the first associated control. That is, the first associated data and the second associated data have a primary-secondary relationship before, and the second associated data can be loaded into the first associated control only when the first associated data is loaded into the first associated control.

In some optional embodiments, in response to the control sliding operation, sliding the first associated data into the first associated control along the sliding direction of the sliding operation in the display order of the control data; and simultaneously loading the second associated data into the first associated control. That is, there is no priority distinction between the first associated control and the second associated control.

Optionally, the case where the first associated control and the second associated control load control data in an associated manner includes at least one of the following cases:

1. the first association control and the second association control are used for loading control data in a position association mode.

Illustratively, referring to fig. 12, a prop icon display page of a virtual prop of a game includes 4 page controls, where a first association control 1201 is located in the middle of a left page 1200; the second association control 1202 extends across the right page 1210 for carrying details of the introduction of the virtual item in the first association control 1201. When the control data corresponding to the virtual item 2 is loaded into the first association control 1201, the icon of the virtual item 2 is displayed in the first association control 1201, and the item introduction content corresponding to the virtual item 2 is automatically loaded in the second association control 1202 without any click operation performed by the user on the icon.

In some alternative embodiments, the display position of the second association control is within the first association control. Then the second associated control will load the second associated data at the same time as the first associated control loads the first associated data.

2. The first association control and the second association control are used for loading control data in a control shape association mode.

The control shape is used for indicating the display shape of the first associated control and the second associated control on the target page.

Illustratively, in the target page, if the shapes of the control 1 and the control 2 are the same, when the control 1 displays the data a, the data associated with the data a is automatically loaded in the control 2.

Optionally, wherein the second associated control comprises a control of the same shape as the first associated control and a control of a different shape than the first associated control. Illustratively, control data with higher content semantic similarity is loaded in a first associated control and a second associated control which have the same shape; and loading control data with lower content semantic similarity in a first associated control and a second associated control which are different in shape. For example: in the interface for learning the words, after one word is loaded in the first associated control, the similar meaning words of the word are loaded by other second associated controls with the same shape as the first associated control; a second associated control, which is shaped differently from the first associated control, will load the anti-sense of the word.

3. The first association control and the second association control are used for loading control data in a time association mode.

Optionally, when the first associated data is loaded into the first associated control, after a preset duration, the second associated control is loaded with the second associated data. Illustratively, the first associated control is loaded with the first associated data at 0 second, and the second associated control is loaded with the second associated data 3 seconds later.

According to the method provided by the embodiment of the application, the target page comprises the control pairs which are mutually associated, when the target control data in the control data set is loaded into one of the controls, the data related to the target control data can be directly displayed in the control which is associated with the target control data, so that a user can check the data related to the target control data without any operation, and the use efficiency of the user when the target control is used in the target page is improved.

In some optional embodiments, the target page includes a certain number of page controls, the control data is loaded in the sliding direction of the sliding operation before the page controls, and the page controls move cyclically in the sliding direction, please refer to fig. 13, which shows a flowchart of a control display method according to an exemplary embodiment of the present application, and for example, the method is applied to the terminal shown in fig. 1, and as shown in fig. 13, the method includes:

step 1301, control data corresponding to the target page is obtained.

Illustratively, please refer to 14,1), 7 controls 1401 to 1407 are created in the target page, and the controls 1402 to 1406 are controls within the target page, that is, within the visible range of the user;

controls

1401 and 1407 are controls that are out of the target page, i.e., not within the user's visual range. Optionally, after the creation of the control is finished, the data a to the data e are sequentially loaded into the controls 1402 to 1406, and the data f located after the data e is loaded into the control 1407.

Step 1302, a control sliding operation on a target page is received.

Optionally, the control sliding operation may be implemented as a mouse scrolling operation on a target page, or may also be implemented as a dragging operation on a slider on the target page, or may also be implemented as a clicking operation on a page turning control on the target page, or may also be implemented as a long-press dragging operation on the target page on a terminal screen, which is not limited in this embodiment of the application.

And step 1303, responding to the control sliding operation, and circularly moving the plurality of page controls along the sliding direction.

In the cyclic moving process of the plurality of page controls, sliding a first control in a target page out of the target page, sliding a second control out of the target page into the target page, and moving an end position control at a first end position to a second end position; and the second control is loaded with control data to be displayed in the target page, the first end point is the end point position on the same side with the sliding direction, and the second end point is the end point position on the opposite side with the sliding direction.

The sliding direction of the control sliding operation refers to the sliding direction of the target page, and for example: when the control sliding operation is realized as a mouse rolling operation on the target page, the mouse rolls downwards, the target page slides upwards, and the sliding direction is upwards sliding.

Schematically, please refer to fig. 14,1), when the target page receives an operation of sliding upward, the position of the control 1401 is a first end position, and the position of the control 1407 is a second end position; 2) When the target page receives an operation of sliding upward, the controls 1402 to 1407 are moved forward by the position of one control along the sliding direction; moving up, control 1402 is moved out of the target page, control 1407 is moved into the target page, and control 1401 at the first endpoint location is moved to the second endpoint location.

In step 1304, the endpoint position control currently located at the first endpoint position is cleared, and the control data is loaded in the endpoint position control currently located at the second endpoint position according to the display sequence of the control data.

Optionally, if the end positions on both sides of the target page only include one end position control, the empty end position is the control data that is cleared from the first control of the target page.

Schematically, please refer to fig. 4,2), after the movement of the controls 1401 to 1407 is finished, the control data b and the control data e move upward by the position of one page control along with the movement of the controls 1403 to 1406; the control data f slides into the target page along with the control 1407, namely is displayed in the target page; control data a in control 1402 currently at the first endpoint location is cleared, and control data g is sequentially loaded in control 1401 currently at the second endpoint location.

In some optional embodiments, after the cyclic movement of the multiple page controls is finished, according to the loading order of the control data, the control data is loaded in the endpoint position control currently located in the target page and currently located at the second endpoint position.

That is, after the cyclic movement of the multiple page controls is finished, the endpoint position controls currently located in the target page and currently located at the second endpoint position are assigned again, for example, referring to fig. 14, in the t-th time frame, no data is loaded in the control 1401, and the controls 1402 to 1407 load the control data a to f in sequence; in a t +1 th time frame, the controls 1403 to 1404 move by the position of one page control along the sliding direction, the control 1402 moves out of the target page, the control 1401 moves from the end point on one side out of the target page to the end point on the other side, the control 1407 moves into the target page, and the data loaded in the controls 1402 to 1407 is emptied; and in the t +2 time frame, if the sliding distance corresponding to the control sliding operation is only the length of one page control, sequentially loading control data b to g from the controls 1403 to 1407 and 1401, and if the sliding distance corresponding to the control sliding operation is the length of 5 page controls, sequentially loading control data f to j from the controls 1403 to 1407 and 1401.

In summary, according to the method provided by the embodiment of the application, the control data in the control data set is sequentially loaded in front of the page control along the sliding direction of the sliding operation, and the page control can move circularly along the sliding direction, so that the fluency of the control data in the display process is improved.

Referring to fig. 15, a block diagram of a control display apparatus according to an exemplary embodiment of the present application is shown, where the apparatus includes the following modules:

an obtaining module 1500, configured to obtain control data corresponding to a target page, where the control data is used to be loaded in a control of the target page and displayed, where the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls located inside the target page and outside the target page;

a receiving module 1510, configured to receive a control sliding operation on the target page, where the control sliding operation is configured to clear first data from a first control in the target page along a sliding direction and load second data into a control in the target page;

an updating module 1520, configured to respond to the indication of the sliding direction of the sliding operation, perform data updating in a positive order according to the display order of the control data, update and load the control data loaded in the (i + k) th page control into the ith page control, and display the second data in the target page, where i is a positive integer and k is a preset positive integer; or responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a reverse order, updating and loading the kth control data before the control data corresponding to the ith page control into the ith page control, and displaying the second data in the target page.

Referring to fig. 16, in some alternative embodiments, the apparatus further includes the following modules:

a display module 1530, configured to, in response to the control sliding operation, display a simulated sliding animation in which the plurality of page controls scroll from the reference positions along the sliding direction, where the plurality of page controls resume to be displayed to the reference positions when the simulated sliding animation is completely played.

In some optional embodiments, the display module 1530 is further configured to display an animation that the plurality of page controls are restored to the reference position for display after sliding along the sliding direction by a preset distance; or, the animation is used for displaying the animation that the plurality of page controls slide out of the target page from a first interface edge and slide into the target page from a second interface edge along the sliding direction, wherein the first interface edge is opposite to the second interface edge.

In some optional embodiments, the display module 1530 is further configured to display a tile rendering animation of the plurality of page controls in the target page in response to the control sliding operation, the tile rendering animation being configured to represent a gradual loading process between the plurality of page controls.

In some optional embodiments, the display module 1530 is further configured to perform rendering display on j page controls in the multiple page controls within a specified frame number interval according to a preset rendering frequency, and generate and display the tiled rendering animation, where j is a positive integer.

In some optional embodiments, the target page includes m rows and n columns of page controls, where m and n are positive integers; the updating module 1520, further configured to update, in response to the first direction in which the row is located along the sliding direction of the sliding operation, data loaded by the page control in the n '+1 th column into the page control in the n' th column according to the display order of the control data; the updating module 1520, further configured to update, in response to the sliding direction of the sliding operation along the second direction where the column is located, the data loaded by the page control in the m '+1 th row to the page control in the m' th row according to the display order of the control data.

In some optional embodiments, the plurality of page controls include an associated control pair, the associated control pair includes a first associated control and a second associated control, and the first associated control and the second associated control are used for loading the control data in an associated manner; the update module 1520, configured to, in response to the control sliding operation, load first associated data into the first associated control along the sliding direction of the sliding operation in a display order of the control data; and loading second associated data into the second associated control, wherein the display contents of the first associated data and the second associated data are associated.

In some optional embodiments, the first association control and the second association control are used for loading the control data in a position-associated manner; or the first associated control and the second associated control are used for loading the control data in a control shape associated mode, and the control shape is used for indicating the display shape of the first associated control and the second associated control on the target page; or the first associated control and the second associated control are used for loading the control data in a time-associated mode.

To sum up, the control display device provided in the embodiment of the present application loads and displays the acquired control data corresponding to the target page in the page controls in the target page in sequence along the sliding direction of the sliding operation by receiving the control sliding operation on the target page, and since the control data is generated by moving the control data instead of generating the controls in the process of rendering and displaying the control data on the target page, the number of controls that need to be created in the target page is reduced, thereby reducing the loss of computer performance, and solving the problem of page jamming when the target page displays a control with a large order of magnitude.

It should be noted that: the control display device provided in the above embodiment is only illustrated by dividing the functional modules, and in practical applications, the functions may be allocated to different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules, so as to complete all or part of the functions described above. In addition, the control display apparatus and the control display method provided by 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. 17 shows a block diagram of a computer device 1700 according to an exemplary embodiment of the present application. The computer device 1700 may be: a smart phone, a tablet computer, a motion Picture Experts Group Audio Layer 3 player (MP 3), a motion Picture Experts Group Audio Layer 4 player (MP 4), a notebook computer or a desktop computer. Computer device 1700 may also be referred to by other names such as user device, portable computer device, laptop computer device, desktop computer device, and the like.

Generally, computer device 1700 includes: a processor 1701 and a memory 1702.

The processor 1701 may include one or more processing cores, such as 4-core processors, 8-core processors, and the like. The processor 1701 may be implemented in at least one hardware form of Digital Signal Processing (DSP), field-Programmable Gate Array (FPGA), and Programmable Logic Array (PLA). The processor 1701 may also include a main processor, which is a processor for Processing data in an awake state and is also called a Central Processing Unit (CPU), and a coprocessor; a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 1701 may be integrated with a Graphics Processing Unit (GPU) that is responsible for rendering and drawing the content that the display screen needs to display. In some embodiments, the processor 1701 may also include an Artificial Intelligence (AI) processor for processing computing operations related to machine learning.

The memory 1702 may include one or more computer-readable storage media, which may be non-transitory. The memory 1702 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 1702 is used to store at least one instruction for execution by the processor 1701 to implement the method for rendering subtitle elements provided by the method embodiments of the present application.

Illustratively, computer device 1700 also includes other components, and those skilled in the art will appreciate that the architecture shown in FIG. 17 is not intended to be limiting of computer device 1700, and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be employed.

Those skilled in the art will appreciate that all or part of the steps in the methods of the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, which may be a computer readable storage medium contained in a memory of the above embodiments; or it may be a computer-readable storage medium that exists separately and is not assembled into a computer device.

In another aspect, a computer program product or computer program is provided, the computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer readable storage medium, and the processor executes the computer instructions to enable the computer device to execute the control display method in any one of the above embodiments.

Optionally, the computer-readable storage medium may include: a Read Only Memory (ROM), a Random Access Memory (RAM), a Solid State Drive (SSD), or an optical disc. The Random Access Memory may include a resistive Random Access Memory (ReRAM) and a Dynamic Random Access Memory (DRAM). The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.

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 storage medium may be a read-only memory, a magnetic disk or an optical disk.

The above description is only exemplary of the present application and should not be taken as limiting, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims

1. A control display method, the method comprising:

acquiring control data corresponding to a target page, wherein the control data is used for being loaded in a control of the target page and displayed, the target page comprises a plurality of page controls which are sequentially arranged, and the plurality of page controls comprise controls which are positioned in the target page and are positioned outside the target page;

responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a positive sequence, updating and loading the control data loaded in the (i + k) th page control into the ith page control, and displaying the second data in the target page, wherein i is a positive integer, and k is a preset positive integer; or responding to the sliding direction indication of the sliding operation, updating data according to the display sequence of the control data in a reverse order, updating and loading the kth control data before the control data corresponding to the ith page control into the ith page control, and displaying the second data in the target page.

2. The method of claim 1, further comprising:

and responding to the control sliding operation, displaying the simulated sliding animation of the plurality of page controls rolling from the reference position along the sliding direction, and resuming to display to the reference position when the simulated sliding animation is played.

3. The method of claim 2, wherein displaying the simulated slide animation of the plurality of page controls scrolling from a reference position in the slide direction comprises:

displaying the animation displayed in the reference position after the plurality of page controls slide for a preset distance along the sliding direction; alternatively, the first and second liquid crystal display panels may be,

displaying an animation of the plurality of page controls sliding out of the target page from a first interface edge and sliding in the target page from a second interface edge along the sliding direction, wherein the first interface edge and the second interface edge are opposite.

4. The method of claim 1, further comprising:

and responding to the control sliding operation, rendering and displaying j page controls in the plurality of page controls within a specified frame number interval according to a preset rendering frequency, and generating and displaying the tiled rendering animation, wherein j is a positive integer, and the tiled rendering animation is used for representing a gradual loading process among the plurality of page controls.

5. The method according to any one of claims 1 to 4, wherein the target page comprises m rows and n columns of page controls, and m and n are positive integers;

the method further comprises the following steps:

in response to the first direction of the sliding operation along the row, updating the data loaded by the page control in the n '+1 th column into the page control in the n' th column according to the display sequence of the control data;

and responding to the sliding direction of the sliding operation along the second direction where the column is located, and updating the data loaded by the page controls in the m '+1 th row into the page controls in the m' th row according to the display sequence of the control data.

6. The method according to any one of claims 1 to 4, wherein an associated control pair is included in the plurality of page controls, and the associated control pair includes a first associated control and a second associated control, and the first associated control and the second associated control are used for loading the control data in an associated manner;

the method further comprises the following steps:

in response to the control sliding operation, loading first associated data into the first associated control along the sliding direction of the sliding operation according to the display sequence of the control data; and loading second associated data into the second associated control, wherein the display contents of the first associated data and the second associated data are associated.

7. The method of claim 6,

the first associated control and the second associated control are used for loading the control data in a position association mode; alternatively, the first and second liquid crystal display panels may be,

the first association control and the second association control are used for loading the control data in a control shape association mode, and the control shape is used for indicating the display shape of the first association control and the second association control on the target page; alternatively, the first and second electrodes may be,

the first association control and the second association control are used for loading the control data in a time association mode.

8. An apparatus for displaying controls, the apparatus comprising:

the receiving module is used for receiving a control sliding operation on the target page, and the control sliding operation is used for loading first data from a first control outside the target page along a sliding direction and loading second data into a control inside the target page;

9. A computer device comprising a processor and a memory, wherein the memory stores at least one program, and the at least one program is loaded and executed by the processor to implement the control display method according to any one of claims 1 to 7.

10. A computer-readable storage medium having stored therein at least one program code, the at least one program code being loaded and executed by a processor to implement the control display method of any of claims 1 to 7.

11. A computer program product comprising a computer program which, when executed by a processor, implements a control display method as claimed in any one of claims 1 to 7.