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

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, device, medium and program product

technical field

The embodiments of the present application relate to the field of computer technology, and in particular to a control display method, device, equipment, medium, and program product.

Background technique

In the pages of applications such as games and browsers, controls are relatively important display elements, which can be used as operation objects carrying user operations, or as container objects for displaying information (eg tables, pictures, etc.).

In related technologies, when a page needs to render tens of thousands of controls, the tens of thousands of controls need to be rendered into the page according to the data in the control database, that is, tens of thousands of controls need to be created and displayed on the page.

However, the method of displaying controls in the above-mentioned related technologies requires that a large amount of data be loaded for rendering when the page is opened or dynamically changed, thus causing the page to freeze.

Contents of the invention

Embodiments of the present application provide a control display method, device, device, medium, and program product, which can solve the page freeze problem when a large number of controls is displayed on a page. Described technical scheme is as follows:

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

Acquiring control data corresponding to the target page, the control data is used to load and display in the control of the target page, wherein the target page includes a plurality of page controls arranged in sequence, and the plurality of page controls include the Controls inside and outside the target page;

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

In response to the sliding direction indication of the sliding operation, data update is performed in a positive order according to the display order of the control data, and the control data loaded in the i+kth page control is updated and loaded into the i-th page control, Displaying the second data in the target page, wherein i is a positive integer and k is a preset positive integer; or, in response to the sliding direction indication of the sliding operation, according to the control data The display sequence is reversed to update the data, update and load the kth control data before the control data corresponding to the i-th page control to the i-th page control, and display the second data in the target page.

In another aspect, a control display device is provided, and the device includes:

An acquisition module, configured to acquire control data corresponding to the target page, the control data is used to load and display in the controls of the target page, wherein the target page includes a plurality of page controls arranged in sequence, and the plurality of The page controls include controls inside the target page and outside the target page;

A receiving module, configured to receive a control sliding operation on the target page, the control sliding operation is used to clear the first data from the first control in the target page along the sliding direction, and load the second data to In controls within said target page;

An updating module, configured to respond to the sliding direction indication of the sliding operation, perform data updating in the order of the display order of the control data, and update and load the control data loaded in the i+k page control to the i In a page control, the second data in the target page is displayed, wherein, i is a positive integer, and k is a preset positive integer; or, in response to the sliding direction indication of the sliding operation, press The display order of the control data is reversed to perform data update, update and load the kth control data before the control data corresponding to the i-th page control to the i-th page control, and display the second data.

In another aspect, a computer device is provided, the computer device includes a processor and a memory, at least one instruction, at least one program, code set or instruction set are stored in the memory, the at least one instruction, the at least A program, the code set or instruction set is loaded and executed by the processor to implement the control display method described in any one of the above-mentioned embodiments of the present application.

In another aspect, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, code set or instruction set are stored in the storage medium, the at least one instruction, the at least one program, the code The set or instruction set is loaded and executed by the processor to implement the control display method described in any one of the above-mentioned 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, so that the computer device executes the control display method described in any one of the above embodiments.

The beneficial effects brought by the technical solutions provided by the embodiments of the present application at least include:

By receiving the control sliding operation on the target page, the obtained control data corresponding to the target page will be sequentially loaded along the sliding direction of the sliding operation and displayed in the page controls on the target page, because the control data is rendered and displayed on the target page In the process, it is not necessary to create a page control for each piece of control data, but to create a certain number of page controls on the page, and load the control data into the page controls in turn for display, reducing the number of controls that need to be created in the target page The number, thereby reducing the loss of computer performance, and solving the page freeze problem when the target page displays a large number of controls.

Description of drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings that need to be used in the description of the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application. For those skilled in the art, other drawings can also be obtained based on these drawings without creative effort.

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

Fig. 2 is a flowchart of a control display method provided by an exemplary embodiment of the present application;

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

Fig. 4 is a schematic diagram of a process in which control data moves at intervals among page controls in a control display method provided by an exemplary embodiment of the present application;

Fig. 5 is a schematic diagram of the process of updating control data in the page control along the opposite direction of the target page in the control display method provided by 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 diagram of the process of moving the entire row or column of control data in the page control in the control display method provided by 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 of the process of updating control data in multiple page controls around a central point in a control display method provided by an exemplary embodiment of the present application;

Fig. 10 is a schematic diagram of implementing a simulated sliding animation in a control display method provided by 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 schematic diagram of a display method of associated controls in a control display method provided by 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 diagram of the process of moving control data in the page control in the control display method provided by an exemplary embodiment of the present application;

Fig. 15 is a structural block diagram of a control display device provided by an exemplary embodiment of the present application;

Fig. 16 is a structural block diagram of a control display device provided by another exemplary embodiment of the present application;

Fig. 17 is a structural block diagram of a computer device provided by an exemplary embodiment of the present application.

Detailed ways

In order to make the purpose, technical solutions and advantages of the application clearer, the following will further describe the implementation of the application in detail with reference to the accompanying drawings. Obviously, the described embodiments are part of the embodiments of the application, not all of them. Based on the embodiments in this application, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts belong to the scope of protection of this application.

In this application, the terms "first", "second" and other words are used to distinguish the same or similar items with basically the same function and function. It should be understood that there is no logical or logical relationship between "first" and "second". Timing dependencies are not limited to the number and execution order.

User interface UI (User Interface) control refers to any visual control or element that can be seen on the user interface of the application. For example, controls such as pictures, input boxes, text boxes, buttons, and labels, among which some UI controls respond to user operations. In related technologies, for example, it is usually necessary to render a large number of controls (such as tens of thousands) in the game interface, and these tens of thousands of controls need to be rendered to the page according to the data in the control database, that is, it needs to be created in the page. And display tens of thousands of controls. However, the method of displaying controls in the above-mentioned related technologies requires that a large amount of data be loaded for rendering when the page is opened or dynamically changed, thus causing the page to freeze.

For example: in the 3-dimensional (3Dimensions, 3D) game interface, it often contains a large number of display elements and elements that carry user operations, and the computer needs to create a corresponding number of controls for these elements. Then, when initializing the game interface, due to the need to create A large number of controls are used to carry these elements. When players click to enter the game interface, they will obviously feel that the page is stuck, which will bring players a poor game experience.

The embodiment of the present application provides a method for displaying controls, which solves the jamming problem of pages containing a large number of controls (eg, more than 1,000). When dealing with pages with a large number of controls, the following steps are involved:

(1) Initialize the page control.

When the page is initialized, according to the resolution of the page, design the number n of controls that can be placed in the width of the page, and the number of rows of controls that need to be displayed is m, and initialize the controls that can fill the entire interface.

(2) Control assignment.

According to the control data set fed back from the server to the terminal, the first m×n control data in the control data set that needs to be displayed to the user is assigned to the m×n controls.

(3) Data movement assignment.

When the user operates the mouse to scroll and browse the target page, the m×n controls in the target page will not be moved, but the data in the m×n controls will be reassigned. For example: change the data in the first control to the data of the second control, if there are n controls in a row, then the data loaded in the last control in this row is n+1 data, so as to simulate the movement of controls.

FIG. 1 is a schematic diagram of an implementation environment provided by an exemplary embodiment of the present application. As shown in FIG. Connection. In some optional embodiments, the communication network 130 may be a wired network or a wireless network, which is not limited in this embodiment.

In some optional embodiments, the terminal 110 is a smart phone, a tablet computer, a notebook computer, a desktop computer, a smart home appliance, a smart vehicle terminal, a smart speaker, a digital camera, etc., but is not limited thereto. The terminal 110 is implemented as a smart phone as an example for illustration. Optionally, a target application program is installed and running in the terminal 110. The target application program may be loaded with a page displaying a large number of controls. Schematically, the target application program may be Game application programs, browser application programs, instant messaging application programs, social networking application programs, financial management application programs, shopping application programs, etc., are not limited in this embodiment of the present application.

Optionally, the target application program provides a control display function. Schematically, when the user opens the target page in the target application program, the terminal 110 needs to initialize the target page. As shown in FIG. 1, the terminal 110 sends the page initialization The request is sent to the server 120. After receiving the request, the server 120 will feed back the control data set corresponding to the target page to the terminal 110; the target page contains a plurality of controls arranged in sequence. After receiving the control data set, the terminal 110 will The data arranged in front of the control data set is first loaded and displayed in multiple controls; when the terminal 110 receives the user's sliding operation on the target page, the data in the control data set will move among the multiple controls along the sliding direction, Thus, the content displayed in multiple controls will be updated according to the movement of data.

In some optional embodiments, the server 120 provides background services for the target application programs installed in the terminal 110 . It is worth noting that the server 120 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, and can also provide cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network Cloud servers for basic cloud computing services such as services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network, content distribution network) and big data and artificial intelligence platforms.

Among them, cloud technology (Cloud Technology) refers to a hosting technology that unifies a series of resources such as hardware, software, and network in a wide area network or a local area network to realize data calculation, storage, processing, and sharing. Cloud technology is a general term for network technology, information technology, integration technology, management platform technology, application technology, etc. based on cloud computing business model applications. It can form a resource pool and be used on demand, which is flexible and convenient. Cloud computing technology will become an important support. The background services of technical network systems require a lot of computing and storage resources, such as video websites, picture websites and more portal websites. With the rapid development and application of the Internet industry, each item may have its own identification mark in the future, which needs to be transmitted to the background system for logical processing. Data of different levels will be processed separately, and all kinds of industry data need to be powerful. The system backing support can only be realized through cloud computing. Optionally, the server 120 can also be implemented as a node in the blockchain system.

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

Combining the above introduction and implementation environment, the control display method provided in the embodiment of the present application will be described. Please refer to FIG. 2 , which shows the flow chart of the control display method provided in an exemplary embodiment of the present application. The terminal shown in Figure 1 is taken as an example for illustration, as shown in Figure 2, the method includes:

Step 201, acquiring control data corresponding to the target page.

Wherein, the control data is used to be loaded into the control of the target page for display, and the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls inside and outside the target page.

The target page refers to the page displayed on the display screen of the terminal. Schematically, a page for purchasing virtual items is displayed on the terminal screen, and the target page is a page for purchasing virtual items.

Page Controls are reusable software components displayed in a Target Page. Wherein, the controls inside the target page refer to the controls displayed on the target page within the user's viewable range, and the controls outside the target page refer to the controls displayed outside the target page and not within the user's viewable range.

Optionally, when the user enters the target page, the target page will perform an initialization operation, and the terminal will create a certain number of blank page controls inside and outside the target page according to the size of the target page. Optionally, the sizes of the page controls created on the target page are the same; or, among the page controls created on the target page, the sizes of the page controls in the same sliding direction are the same, for example: when the target page receives an upward During the sliding operation, the control data is cleared from page control 1 and loaded into page control 2, then the control sizes of page control 1 and page control 2 are the same.

Schematically, please refer to FIG. 3 , the terminal creates controls 301 to 307 in the target page according to the resolution of the target page, wherein controls 302 to 306 are controls in the target page; controls 301 and 307 are For the controls outside the target page, optionally, the controls 301 to 307 have the same size.

In some embodiments, when the target page is loaded, the terminal obtains from the server the control data set that the target page needs to load, and the control data set includes control data that has been updated and is to be loaded and displayed; or, when the target page is loaded , the terminal obtains the control data from the server sequentially, and the sequence of obtaining the control data corresponds to the storage sequence of the control data in the server.

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

Schematically, when the user clicks to enter the target page, the terminal will send a target page initialization request to the server. The target page initialization request includes the identification information of the target page, and the server will send the control data set corresponding to the target page according to the identification information. to the terminal, wherein the control data set contains the control data in the page control to be loaded into the target page.

After obtaining the control data set, the terminal stores the control data set, and according to the loading requirement of the target page, obtains the control data from the control data set, and loads it into the page control. In some embodiments, according to the loading requirements of the target page, the terminal will first obtain part of the control data to be loaded from the control data set, and store it in the cache area, so as to obtain the control data to be loaded from the cache area when loading is required , and loaded into the page control.

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

Optionally, the server can also send the control data in the control data set to the terminal step by step according to the operations received by the terminal on the target page. Schematically, when the server receives the initialization request sent by the terminal, it will Part of the control data in the data set is sent to the terminal, and the terminal first caches the received control data, so that when it needs to be loaded and displayed, the control data is loaded into multiple page controls in order and displayed on the target page; or, Load control data into multiple page controls according to the relationship between controls and display them on the target page. For example, control 1 and control 2 are controls with relationship. When data A is loaded in control 1, data B is loaded into Control 2 for display.

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

Optionally, when the control data in the control data set is loaded into a blank page control, that is, when the blank page control is filled with control data, the page control will be displayed according to the filled control data, schematically , fill in the image data of a virtual item in the page control of the game interface, then the image content of the virtual item will be displayed on the page control; the page control will also set corresponding functions according to the filled control data, schematically , if the filled-in control data is only for displaying page information, the page control will be set as a non-triggerable control; if the filled-in control data includes the data for setting the trigger operation of the control, the page control will be set as Triggerable controls.

In some optional embodiments, if the layout of the target page is relatively fixed, for example: in the purchase page of virtual props in the game interface, the left side is the screen showing the virtual props, and the right side is the "purchase" corresponding to each virtual prop. button, when the page control is initialized, you can set some functions of the page control. Schematically, set the control that displays information on the left side of the page as a non-triggerable control, and set the control that needs to carry user-related trigger operations on the right side of the page as Triggerable controls.

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

The control sliding operation is used to clear the first data from the first control in the target page along the sliding direction, and load the second data into the target page.

Optionally, the method for loading the second data by the control sliding operation includes at least one of the following methods:

1. The control sliding operation is used to directly load the cached second data into the page control in the target page.

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

2. There is a second control outside the target page, and the second control is loaded with second data. The sliding operation of the control is used to clear the second data from the second control and load it into the page control in the target page.

Optionally, before receiving the control sliding operation on the target page, in the initial loading stage of the target page, the terminal needs to load the control data arranged in front of the control data into multiple page controls. Schematically, when the terminal receives the operation to open the target page, it will first create multiple page controls inside and outside the target page; for the page controls outside the target page, the terminal obtains the control data in the control data set Finally, the control data arranged in front will be loaded to the page controls in the target page according to the order of the controls in the control data set. Please refer to Figure 3. In 1), the control data a to e in the control data set will be sequentially Loaded into controls 302 to 306; for page controls outside the target page, optionally, the terminal will fill it with control data according to the user's sliding direction, as shown in Figure 3, the sliding direction of the target page is up Then, the control data f in the control data set is loaded into the control 307. At this time, no control data is loaded in the control 301; or the control 301 is loaded with the last control data in the control data set.

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

Optionally, the above control sliding operation can be implemented as a mouse scrolling operation on the target page, can also be implemented as a drag operation on the slide bar on the target page, and can also be implemented as a page turning control on the target page The click operation and the like are not limited in this embodiment of the present application.

Step 203, in response to the sliding direction indication of the sliding operation, perform data update according to the display sequence of the control data, and update and load the control data loaded in the i+kth page control to the i-th page control, and the display is in the target Secondary data within the page.

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

Optionally, the loading of the above control data includes at least one of the following situations:

(1) When k is equal to 1, that is, in response to the sliding direction indication of the sliding operation, the data is updated according to the display order of the control data, and the control data loaded in the i+1th page control is updated and loaded to the ith page control middle.

Schematically, when the user triggers the control sliding operation on the target page, the control data loaded in multiple page controls will move along the sliding direction, and when the control data is moving, it will be loaded into each page control in turn, as shown in As shown in Fig. 3, in 2), when the target page slides up the distance of one control, the control data a to e are moved to the controls 301 to 305, the control data f is loaded in the control 306, and the data in the control data set is loaded in the control 307 Control data g; 3), when the target page continues to slide up a control distance, the control data a in the control 301 is cleared, the control data b to f are moved to the controls 301 to 305, and the control data is loaded in the control 306 g, 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 controls in the target page, and the cleared control data is stored in the cache area. If the target page starts to slide in the opposite direction , the data of the control will be read from the buffer and reloaded into the control in the target page along the reverse direction.

(2) When k is greater than 1, the loading of control data includes at least one of the following situations:

Case 1: If the number of page controls in a row or a column in the target page is j, and j is a positive integer, when k is less than j, the control data is moved in a single row/column as a whole. That is, individual control data is not loaded into every page control when control data is loading.

For example: the number of page controls in a column of the target page is 7, when k is equal to 3, that is, in response to the sliding direction indication of the sliding operation, the data is updated according to the display order of the control data, and the i+3th page control The control data loaded inside is updated and loaded into the i-th page control.

Schematically, please refer to FIG. 4 , in 1), the control data a to f are loaded in the controls 402 to 407; in 2), when the control data c in the control 404 is moved, it will be directly moved to the control 401.

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

For example: the number of page controls in one line of the target page is 3, when k is equal to 3, that is, in response to the sliding direction indication of the sliding operation, the data is updated in the order of the display order of the control data, and the i+3th page control The control data loaded inside is updated and loaded into the i-th page control.

That is to say, when the target page receives the operation of sliding up, the control data in the first page control in the second row of the target page will be loaded into the first page control in the first row, and the control data in the first page control in the second row will be loaded. The control data in the 2 page controls will be loaded into the 2nd page control in the first row, and the control data in the 3rd page control in the 2nd row will be loaded into the 3rd page control in the 1st row, thus The row-by-row movement process of the control data in the target page is realized.

Case 3: If the number of page controls in one row or column in the target page is j, when k is equal to n×j, n is a positive integer, and the process of moving control data in multiple rows/columns in the target page can be realized.

For example: the number of page controls in one row of the target page is 3, when k is equal to 6, that is, in response to the sliding direction indication of the sliding operation, the data is updated according to the display order of the control data, and the i+6th page control The control data loaded inside is updated and loaded into the i-th page control.

That is to say, when the target page receives the operation of sliding up, the control data in the first page control in the third row of the target page will be loaded into the first page control in the first row, and the control data in the first page control in the third row The control data in the 2 page controls will be loaded into the 2nd page control in the first row, and the control data in the 3rd page control in the 3rd row will be loaded into the 3rd page control in the 1st row, thus Realized the multi-line moving process of the control data in the target page.

Step 204, in response to the sliding direction indication of the sliding operation, perform data update in reverse order of the display order of the control data, and update and load the k-th control data before the control data corresponding to the i-th page control to the i-th page control , to display the second data in the target page.

Schematically, take k equal to 2 as an example for illustration, please refer to Figure 5, in 1), the control data c is loaded in the control 501; in 2), when the target page slides up, the second The control data a will be loaded into the control 501 .

To sum up, the control display method provided by the embodiment of the present application receives the control sliding operation on the target page, loads the obtained control data corresponding to the target page sequentially along the sliding direction of the sliding operation, and displays them on the target page. In the page control, because in the process of rendering and displaying the control data on the target page, it is not necessary to create a page control for each piece of control data, but to create a certain number of page controls on the page, and load the control data to the page in sequence The display in the control reduces the number of controls that need to be created in the target page, thereby reducing the loss of computer performance and solving the page jam problem when the target page displays a large number of controls.

The control display method provided by the embodiment of the present application can update the control data loaded in the control sequentially or in reverse order along the sliding direction of the sliding operation according to the display order of the control data in the control data set, increasing the variety of control data update methods sex.

In some optional embodiments, the control data in the control data set can be loaded into the page control in an entire row or column. Please refer to FIG. 6 , which shows a flow chart of a control display method provided by an exemplary embodiment of the present application. , taking the method applied to the terminal shown in Figure 1 as an example for illustration, as shown in Figure 6, the method includes:

Step 601, acquiring control data corresponding to the target page.

Wherein, the control data is used to be loaded into the control of the target page for display, and the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls inside and outside the target page.

In some optional embodiments, the multiple page controls include a main loading control and an auxiliary loading control, wherein the main loading control is a control normally displayed on the target page, and the auxiliary loading control is a control superimposed on the main loading control ; Optionally, the control data set includes first control data and second control data, wherein the first control data is used to load and display in the main loading control of the target page, and the second control data is used to load in the target page Displayed in the auxiliary loading control.

Schematically, in the browser interface, when the user searches for a certain keyword, the terminal will start to load the search result page of the keyword, then the control data corresponding to the search result page of the keyword is the first control data, It will be loaded and displayed in the main loading control; some recommended content will be generated on the search result page, and the control data corresponding to these recommended content is the second control data, which will be loaded in the auxiliary loading control for display.

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

The control sliding operation is used to clear the first data from the first control in the target page along the sliding direction, and load the second data into the control in the target page.

Optionally, the control sliding operation mentioned above may be an operation triggered by a touch screen, mouse, keyboard or other external devices of the terminal; it may also be an operation triggered directly on the screen of the terminal. The control sliding operation may be implemented as at least one of an upward sliding operation, a downward sliding operation, a left sliding operation, a right sliding operation, etc., which is not limited in this embodiment of the present application.

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

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

Schematically, please refer to Figure 7. There are 2 rows and 3 columns of page controls displayed on the target page, and control data d to f are loaded in the second row of controls. When the target page receives an upward sliding operation, the control data d to f It will be updated to the first row of controls, and the control data g to i will be updated to the second row of controls.

Step 604, in response to the sliding direction of the sliding operation along the second direction where the column is located, update the data loaded by the page control in row m'+1 to the page control in row m' according to the display order of the control data.

Schematically, please refer to Figure 7. There are 2 rows and 3 columns of page controls displayed on the target page, and data b and data e are loaded in the second column control. When the target page receives the operation of sliding to the left, data b and data e will be updated in the first column control, data c and data f will be updated in the second column control, and data j and data k will be loaded in the third column control.

In some optional embodiments, the page control of the specified row or specified column in the target page is locked, that is, the control data in the page control of the row (or column) cannot be moved, and other rows (or columns) The control data in the page control cannot be moved to the row (or column). Schematically, when the target page receives a sliding operation, the control data in row i (or column j) will be loaded to the page control in row i+2 (or column j+2), where i+ 1 (or column j+1) the control data loaded in the page control is locked and will not be moved. For example: on a target page with 4 rows and 5 columns of target controls, the third row is the locked row, when the target page receives an upward sliding operation, the control data in the fourth row of the target control will be directly loaded to the second The display is performed in the row, and the displayed data in the third row does not change.

In some optional embodiments, the data in the target page control including the target row or target column in the m-rows and n-columns page control on the target page may be moved. That is to say, in the target page, instead of moving the control data of the entire row or column, the data of a certain row or column may be moved only.

To sum up, the control display method provided by the embodiment of the present application receives the control sliding operation on the target page, loads the obtained control data corresponding to the target page sequentially along the sliding direction of the sliding operation, and displays them on the target page. In the page control, because in the process of rendering and displaying the control data on the target page, it is not necessary to create a page control for each piece of control data, but to create a certain number of page controls on the page, and load the control data to the page in sequence The display in the control reduces the number of controls that need to be created in the target page, thereby reducing the loss of computer performance and solving the page jam problem when the target page displays a large number of controls.

In the method provided by the embodiment of the present application, during the display process of the control, the control data can be moved by the whole row or the whole column, so that the control data can be loaded into the page control by the whole row or the whole column for display, which improves the loading efficiency of the page when loading the control .

In some optional embodiments, when the control data is loaded into the page control, the page control will display corresponding animation special effects. Please refer to FIG. 8, which shows a flow chart of a control display method provided by an exemplary embodiment of the present application. The method is applied to the terminal shown in FIG. 1 as an example for illustration. As shown in FIG. 8, the Methods include:

Step 801, acquire control data corresponding to the target page.

Wherein, the control data is used to be loaded into the control of the target page for display, and the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls inside and outside the target page.

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

The control sliding operation is used to clear the first data from the first control in the target page along the sliding direction, and load the second data into the target page.

Step 803, in response to the control sliding operation, according to the display order of the control data, update the control data in the multiple page controls along the sliding direction of the sliding operation, display the second data in the target page, and display the multiple page controls in the control Animation effect during data update.

In some optional embodiments, the animation effect displayed by the multiple page controls during the control data update process includes at least one of the following situations:

Situation 1: In response to a control sliding operation, a tiled rendering animation of multiple page controls in the target page is displayed, and the tiled rendering animation is used to represent a gradual loading process between multiple page controls.

That is to say, when the control data is loaded into multiple page controls for rendering and display, if a page includes 14 page controls, instead of rendering 14 page controls at one time for display, the page controls will be batched. Perform rendering to form a tiled rendering animation, for example: the process of page controls being displayed slowly from top to bottom.

Optionally, the tile rendering animation includes: a tile animation unfolding from top to bottom, a tile animation unfolding from bottom to top, a tile animation unfolding from left to right, and a tile animation unfolding from right to left Animation, tiled animation rotating around a certain center, etc., are not limited in this embodiment of the present application.

Schematically, it is illustrated by taking the tile animation implemented as a tile animation rotating around a certain central point as an example. As shown in FIG. 9, there are controls 901 to 905 around the central point A in the target page 900, where Loaded with data a to e, when the target page 900 receives a counterclockwise sliding operation, the data a will be cleared from the target page 900, data b to e will be sequentially loaded into the controls 901 to 904, and the control 905 will load There is new data f.

Optionally, j page controls among the plurality of page controls are rendered and displayed within a specified frame interval according to a preset rendering frequency, and a tiled rendering animation is generated and displayed, where j is a positive integer.

Schematically, if the number of rows of multiple page controls is 3 and the number of columns is 2, the preset rendering frequency can be set to render 2 page controls every 3 frames, then within 3 frame intervals, a row of page controls can be rendered, Optionally, the animation effect of the page control when rendering is a tiling animation unfolding from top to bottom.

Case 2: In response to the control sliding operation, a simulated sliding animation of multiple page controls scrolling from the reference position along the sliding direction is displayed, and the multiple page controls return to the reference position when the simulated sliding animation is played.

Optionally, the reference position may be the respective display positions of multiple controls when multiple page controls are created when the target page is initialized.

In some optional embodiments, the implementation of the above-mentioned simulated sliding animation also includes the following steps:

1. After displaying multiple page controls sliding a preset distance along the sliding direction, the animation will return to the reference position.

Schematically, please refer 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 their display area is the screen display space 1005 . When the target page 1000 receives the 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 Page control 1003 is set. During the movement of control data, page control 1002 to page control 1004 also move a short distance as a whole. As shown in Figure 10, page control 1002 moves from point A to point B; when page control 1002 moves After arriving at point B and the loading of the control data c is completed, the page control 1002 restores to the position of point A.

2. An animation showing multiple page controls sliding out of the target page from the edge of the first interface along the sliding direction, and sliding into the target page from the edge of the second interface, wherein the edge of the first interface is opposite to the edge of the second interface.

Schematically, when the target page 1010 receives the 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, and the control data f in the page control 1006 will Slide from the edge 2 of the screen display space 1005 into the target interface 1010 , during the movement, the control 1001 moves to the left side of the edge 1 , and the control 1006 moves to the right side of the edge 2 .

Situation 3: In response to the sliding operation of the control, the page turning animation effect of the multiple page controls on the target page is displayed, and the page turning animation effect is used to represent the overall loading process of the multiple page controls.

Schematically, if the control sliding operation is implemented as a click operation, all the data in multiple page controls on the target page need to be updated each time the click operation is received, then after receiving the click operation, the terminal can display the control data that needs to be rendered on the page After the overall rendering is completed, it will be displayed on the target page, thereby forming a page-turning animation effect.

To sum up, the control display method provided by the embodiment of the present application receives the control sliding operation on the target page, loads the obtained control data corresponding to the target page sequentially along the sliding direction of the sliding operation, and displays them on the target page. In the page control, because in the process of rendering and displaying the control data on the target page, it is not necessary to create a page control for each piece of control data, but to create a certain number of page controls on the page, and load the control data to the page in sequence The display in the control reduces the number of controls that need to be created in the target page, thereby reducing the loss of computer performance and solving the page jam problem when the target page displays a large number of controls.

In the method provided by the embodiment of the present application, when the control data is loaded into the page control, the page control will display corresponding animation special effects on the target page. On the one hand, the fluency of the page data in the display process is improved. On the one hand, the user's sense of experience in the target page is improved, and the efficiency of human-computer interaction in the control display process is improved.

In some optional embodiments, the target page contains a pair of related controls. When a certain control data in the control data set is loaded into one of the controls, the control associated with it will display the The data. Please refer to FIG. 11 , which shows a flow chart of a control display method provided by an exemplary embodiment of the present application. The method is applied to the terminal shown in FIG. 1 as an example for illustration. As shown in FIG. 11 , the Methods include:

Step 1101, acquire control data corresponding to the target page.

Wherein, the control data is used to be loaded into the control of the target page for display, and the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls inside and outside the target page.

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

The control sliding operation is used to clear the first data from the first control in the target page along the sliding direction, and load the second data into the target page.

In some optional embodiments, if the control data in the control data set has been loaded to the last data in a certain sliding direction, the user cannot continue to move the control data in this sliding direction.

In some optional embodiments, the multiple 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 to load control data.

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

Wherein, the display content of the first associated data is associated with the second associated data. Schematically, if the first associated control is a control that carries an icon, the second associated control is a control that displays the introduction corresponding to the icon; if the first associated control is a control that carries a selection list title, then the second associated control is A control that displays the list contents of this picklist.

In some optional embodiments, in response to the control sliding operation, according to the display sequence of the control data, the first associated data is loaded into the first associated control along the sliding direction of the sliding operation; In an associated control, the second associated data is loaded into the first associated control. That is to say, there is a master-subordinate relationship between the first associated data and the second associated data, and only when the first associated data is loaded into the first associated control can the second associated data be loaded into the first associated control.

In some optional embodiments, in response to the control sliding operation, according to the display order of the control data, slide the first associated data into the first associated control along the sliding direction of the sliding operation; meanwhile, load the second associated data into the first associated control. In an associated control. That is to say, there is no priority difference between the first associated control and the second associated control.

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

1. The first associated control and the second associated control are used to load control data through position association.

Schematically, please refer to FIG. 12 , the item icon display page of the virtual item in the game includes 4 page controls, wherein the first associated control 1201 is located in the middle of the left page 1200; the second associated control 1202 covers the entire The right page 1210 is used to carry detailed introduction content for the virtual props in the first associated control 1201 . When the control data corresponding to the virtual item 2 is loaded into the first associated control 1201, the icon of the virtual item 2 will be displayed in the first associated control 1201, and the user does not need to perform any click operation on the icon. The prop introduction content corresponding to the virtual prop 2 will be automatically loaded.

In some optional embodiments, the display position of the second associated control is within the first associated control. Then when the first associated control loads the first associated data, the second associated control will simultaneously load the second associated data.

2. The first associated control and the second associated control are used to load control data in a manner of associating control shapes.

Wherein, the control shape is used to indicate the display shapes of the first associated control and the second associated control on the target page.

Schematically, in the target page, if there is control 1 and control 2 with the same shape, when data a is displayed in control 1, the data associated with data a will be automatically loaded in control 2.

Optionally, the second associated control includes a control having the same shape as the first associated control and a control having a different shape from the first associated control. Schematically, the control data with higher content semantic similarity is loaded in the first associated control and the second associated control with the same shape; the content semantic similarity is lower in the first associated control and the second associated control with different shapes control data. For example: in the interface of learning words, after loading a word in the first associated control, other second associated controls with the same shape as the first associated control will load the synonyms of the word; the second associated control with a different shape from the first associated control The control will load the antonym for that word.

3. The first associated control and the second associated control are used to load control data in a time-associated manner.

Optionally, when the first associated data is loaded into the first associated control, the second associated data will be loaded into the second associated control after a preset period of time. Schematically, at 0 second, the first associated control is loaded with the first associated data, and after 3 seconds, the second associated control is loaded with the second associated data.

To sum up, the control display method provided by the embodiment of the present application receives the control sliding operation on the target page, loads the obtained control data corresponding to the target page sequentially along the sliding direction of the sliding operation, and displays them on the target page. In the page control, because in the process of rendering and displaying the control data on the target page, it is not necessary to create a page control for each piece of control data, but to create a certain number of page controls on the page, and load the control data to the page in sequence The display in the control reduces the number of controls that need to be created in the target page, thereby reducing the loss of computer performance and solving the page jam problem when the target page displays a large number of controls.

In the method provided by the embodiment of the present application, the target page contains a pair of related controls. When the target control data in the control data set is loaded into one of the controls, the associated control will directly display the data related to the target control data. data, the user can view the data related to the target control data without performing any operations, which improves the user's efficiency when using the target control on the target page.

In some optional embodiments, the target page includes a certain number of page controls, the control data is loaded before the page controls along the sliding direction of the sliding operation, and the page controls will move cyclically along the sliding direction, please refer to Figure 13, It shows a flow chart of a control display method provided by an exemplary embodiment of the present application. The method is applied to the terminal shown in FIG. 1 as an example for illustration. As shown in FIG. 13 , the method includes:

Step 1301, acquire control data corresponding to the target page.

Wherein, the control data is used to be loaded into the control of the target page for display, and the target page includes multiple page controls arranged in sequence, and the multiple page controls include controls inside and outside the target page.

Schematically, please refer to FIG. 14. In 1), seven controls 1401 to 1407 are created in the target page, and controls 1402 to 1406 are controls within the target page, that is, within the user's visual range; 1401 and control 1407 are controls outside the target page, that is, not within the user's visual range. Optionally, after the control is created, data a to data e are sequentially loaded into controls 1402 to 1406 , and data f after data e is loaded into control 1407 .

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

Optionally, the above control sliding operation can be implemented as a mouse scrolling operation on the target page, can also be implemented as a drag operation on the slide bar on the target page, and can also be implemented as a page turning control on the target page The click operation may also be implemented as a long-press and drag operation on the target page on the terminal screen, which is not limited in this embodiment of the present application.

Step 1303, in response to the sliding operation of the control, circularly move multiple page controls along the sliding direction.

Among them, during the circular movement of multiple page controls, slide the first control inside the target page out of the target page, slide the second control outside the target page into the target page, and slide the endpoint at the first endpoint The bit control moves to the second endpoint position; the second control loads the control data to be displayed on the target page, the first endpoint position is the endpoint position on the same side as the sliding direction, and the second endpoint position is opposite to the sliding direction side endpoint position.

It should be noted that the sliding direction of the above-mentioned control sliding operation refers to the sliding direction of the target page, for example: when the control sliding operation is implemented as a mouse scrolling operation on the target page, the mouse scrolls down and the target page slides up, then Swipe direction is swipe up.

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

Step 1304, clear the endpoint control currently at the first endpoint position, and load control data into the endpoint control currently at the second endpoint position according to the display order of the control data.

Optionally, if the endpoint positions on both sides of the target page include only one endpoint position control respectively, what is cleared is the control data cleared from the first control on the target page.

Schematically, please refer to FIG. 4, in 2), after the movement of controls 1401 to 1407 is completed, control data b and control data e move up the position of a page control along with the movement of controls 1403 to 1406; control data f As the control 1407 slides into the target page, that is, it is displayed in the target page; clear the control data a in the control 1402 currently at the first endpoint position, and sequentially load the controls in the control 1401 currently at the second endpoint position data g.

In some optional embodiments, after the circular movement of multiple page controls is completed, the control data is loaded in the endpoint control currently in the target page and currently in the second endpoint position according to the loading sequence of the control data.

That is, after the cyclic movement of multiple page controls is completed, the endpoint control that is currently in the target page and currently in the second endpoint position will be reassigned. Schematically, please refer to Figure 14, at the tth time frame , no data is loaded in control 1401, and control data a to f are loaded in sequence from control 1402 to control 1407; in the t+1th time frame, control 1403 to control 1404 move the position of a page control along the sliding direction, and control 1402 moves to Outside the target page, control 1401 is moved from one side endpoint outside the target page to the other side endpoint, control 1407 is moved into the target page, and the data loaded in controls 1402 to 1407 is cleared; at the t+2th time frame , if the sliding distance corresponding to the control sliding operation is only the length of one page control, sequentially load control data b to g in control 1403 to control 1407 and control 1401, if the sliding distance corresponding to the control sliding operation is 5 page controls The length of control 1403 to control 1407 and control 1401 is sequentially loaded with control data f to j.

To sum up, in the method provided by the embodiment of this application, the control data in the control data set is sequentially loaded before the page control along the sliding direction of the sliding operation, and the page control will move cyclically along the sliding direction, which improves the display of the control data. fluency in the process.

Please refer to FIG. 15, which shows a structural block diagram of a control display device provided by an exemplary embodiment of the present application. The device includes the following modules:

The obtaining module 1500 is used to obtain the control data corresponding to the target page, and the control data is used to load and display in the control of the target page, wherein the target page includes a plurality of page controls arranged in order, and the multiple The page controls include controls within the target page and outside the target page;

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

The update module 1520 is configured to respond to the slide direction indication of the slide operation, perform data update according to the display sequence of the control data, update and load the control data loaded in the i+kth page control to the first In the i page control, the second data in the target page is displayed, where i is a positive integer and k is a preset positive integer; or, in response to the sliding direction indication of the sliding operation, Perform data update in reverse order according to the display order of the control data, update and load the k-th control data before the control data corresponding to the i-th page control into the i-th page control, and display all the objects in the target page Describe the second data.

Please refer to Figure 16, in some optional embodiments, the device also includes the following modules:

The display module 1530 is configured to, in response to the control sliding operation, display a simulated sliding animation in which the plurality of page controls scroll from a reference position along the sliding direction, and when the simulated sliding animation of the plurality of page controls is played to restore the display to the reference position.

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

In some optional embodiments, the display module 1530 is further configured to display tile rendering animations of the plurality of page controls in the target page in response to the control sliding operation, and the tile rendering Animation is used to represent the step-by-step loading process among the plurality of page controls.

In some optional embodiments, the display module 1530 is further configured to render and display j page controls among the plurality of page controls within a specified frame interval according to a preset rendering frequency, generate and display The tile rendering animation, j is a positive integer.

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

In some optional embodiments, the multiple 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 The control is used to load the control data in an associated manner; the update module 1520 is used to respond to the control sliding operation, and according to the display sequence of the control data, move the first control data along the sliding direction of the sliding operation Loading associated data into the first associated control; and loading second associated data into the second associated control, where the first associated data is associated with the display content of the second associated data.

In some optional embodiments, the first associated control and the second associated control are used to load the control data in a position-associated manner; or, the first associated control and the second associated control It is used to load the control data by means of control shape association, and the control shape is used to indicate the display shapes of the first associated control and the second associated control on the target page; or, the first The associated control and the second associated control are used to load the control data in a time-associated manner.

To sum up, the control display device provided by the embodiment of the present application receives the control sliding operation on the target page, sequentially loads and displays the obtained control data corresponding to the target page along the sliding direction of the sliding operation on the target page. In page controls, in the process of rendering and displaying control data on the target page, the generation of controls is replaced by the movement of control data, which reduces the number of controls that need to be created in the target page, thereby reducing the loss of computer performance , which solves the page jam problem when the target page displays a large number of controls.

It should be noted that the control display device provided by the above embodiment is only illustrated by the division of the above functional modules. In practical applications, the above function distribution can be completed by different functional modules according to the needs, that is, the internal structure of the device Divided into different functional modules to complete all or part of the functions described above. In addition, the control display device and the control display method embodiments provided by the above embodiments belong to the same concept, and the specific implementation process thereof is detailed in the method embodiments, and will not be repeated here.

Fig. 17 shows a structural block diagram of a computer device 1700 provided by an exemplary embodiment of the present application. The computer device 1700 may be: a smart phone, a tablet computer, a moving picture expert compression standard audio layer 3 player (Moving Picture Experts Group Audio Layer III, MP3), a moving picture expert compression standard audio layer 4 (Moving Picture Experts Group Audio Layer IV , MP4) player, laptop or desktop computer. Computer device 1700 may also be called user device, portable computer device, laptop computer device, desktop computer device, or otherwise.

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

The processor 1701 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The processor 1701 may be implemented by using at least one hardware form of Digital Signal Processing (Digital Signal Processing, DSP), Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and Programmable Logic Array (Programmable LogicArray, PLA). . The processor 1701 may also include a main processor and a coprocessor, the main processor is a processor for processing data in the wake-up state, also called a central processing unit (Central Processing Unit, CPU); the coprocessor is used to Low-power processor for processing data in standby state. In some embodiments, the processor 1701 may be integrated with a graphics processor (Graphics Processing Unit, GPU), and the GPU is used to render and draw the content that needs to be displayed on the display screen. In some embodiments, the processor 1701 may also include an artificial intelligence (Artificial Intelligence, AI) processor, where the AI processor is used to process computing operations related to machine learning.

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, and non-volatile memory, such as one or more magnetic disk storage devices and flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1702 is used to store at least one instruction, and the at least one instruction is used to be executed by the processor 1701 to implement the subtitle elements provided by the method embodiments in this application The rendering method.

Schematically, the computer device 1700 also includes other components. Those skilled in the art can understand that the structure shown in FIG. Combine certain components, or employ different arrangements of components.

Those of ordinary skill in the art can understand that all or part of the steps in the various methods of the above-mentioned embodiments can be completed by instructing related hardware through a program, and the program can be stored in a computer-readable storage medium, and the computer-readable storage The medium may be a computer-readable storage medium included in the memory in the above embodiments; or a computer-readable storage medium that exists independently and is not assembled into a computer device.

In another aspect, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, code set or instruction set are stored in the storage medium, the at least one instruction, the at least one program, the code The set or instruction set is loaded and executed by the processor to implement the control display method described in any one of the above-mentioned 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, so that the computer device executes the control display method described in any one of the above embodiments.

Optionally, the computer-readable storage medium may include: a read-only memory (ROM, Read Only Memory), a random access memory (RAM, Random Access Memory), a solid-state hard drive (SSD, Solid State Drives) or an optical disc, and the like. Wherein, the random access memory may include a resistive random access memory (ReRAM, Resistance Random Access Memory) and a dynamic random access memory (DRAM, Dynamic Random Access Memory). The serial numbers of the above embodiments of the present application are for description only, and do not represent the advantages and disadvantages of the embodiments.

Those of ordinary skill in the art can understand that all or part of the steps for implementing the above embodiments can be completed by hardware, and can also be completed by instructing related hardware through a program. The program can be stored in a computer-readable storage medium. The above-mentioned The storage medium mentioned may be a read-only memory, a magnetic disk or an optical disk, and the like.

The above are only optional embodiments of the application, and are not intended to limit the application. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the application shall be included in the protection of the application. within range.

Claims (11)

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;

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.

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

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

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

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

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.

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.

Images