Display method, electronic device and storage medium

Abstract

The present application relates to the technical field of data display. Provided are a display method, an electronic device and a computer storage medium. The method comprises: displaying, in a first region of a display interface, a first data item at a first position in a data list, and simultaneously displaying, in a second region of the display interface, a second data item at a second position in the data list, wherein the first position is a position in the data list that is currently being pointed to; and in response to a first change operation for dragging the first data item from the first region to the second region, adjusting the position of the first data item in the data list to the second position.

Description

Display method, electronic device, and storage medium

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This application claims priority to Chinese patent application No. 202311507969.3 filed on November 13, 2023, the contents of which are incorporated herein by reference in their entirety. Technical Field

[0003] The present application relates to the field of data display technology, and in particular to a display method, an electronic device, and a computer storage medium. Background Art

[0004] With the development of science and technology, electronic devices can provide more and more applications, and sorting multiple applications based on user usage needs is a common application scenario. Usually, users will directly move an application to a target location.

[0005] However, when there are too many applications that need to be sorted, the position of the application is changed by moving the application at the end of the list to the first position of the list. During the movement, the movement speed will be reduced due to the long distance, which greatly reduces the efficiency of sorting multiple applications and reduces the user experience.

[0006] Summary of the Invention

[0007] An embodiment of the present application provides a display method, the method comprising: displaying a first data item at a first position in a data list in a first area of ​​a display interface, and simultaneously displaying a second data item at a second position in the data list in a second area of ​​the display interface, the first position being the position currently pointed to by the data list; in response to a first change operation of dragging the first data item in the first area to the second area, adjusting the position of the first data item in the data list to the second position.

[0008] An embodiment of the present application provides an electronic device, comprising: one or more processors; a memory on which one or more computer programs are stored. When the one or more computer programs are executed by one or more processors, the one or more processors implement any one of the display methods in the embodiments of the present application.

[0009] An embodiment of the present application provides a computer-readable storage medium, which stores a computer program. The computer program is executed by a processor, so that the processor implements any one of the display methods in the embodiments of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0010] FIG1 is a schematic flow chart showing a display method according to an embodiment of the present application.

[0011] FIG2 shows a schematic diagram of a display interface provided in an embodiment of the present application.

[0012] FIG3 shows a schematic diagram of a display interface provided in an embodiment of the present application.

[0013] FIG4 shows a block diagram of a display device provided in an embodiment of the present application.

[0014] FIG5 is a schematic flow chart showing a display method according to an embodiment of the present application.

[0015] FIG6 shows a schematic diagram of a display interface provided in an embodiment of the present application.

[0016] FIG7 shows a schematic diagram of a display interface provided in an embodiment of the present application.

[0017] FIG8 shows a schematic diagram of a display interface provided in an embodiment of the present application.

[0018] FIG9 shows a block diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0019] To help those skilled in the art better understand the technical solutions of the present application, the following description of exemplary embodiments of the present application is provided in conjunction with the accompanying drawings, including various details of the embodiments of the present application to facilitate understanding. These details should be considered merely exemplary. Therefore, those skilled in the art should recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present application. Similarly, for the sake of clarity and conciseness, descriptions of well-known functions and structures are omitted in the following description.

[0020] In the absence of conflict, the various embodiments of the present application and the various features therein may be combined with each other.

[0021] As used herein, the term "and / or" includes any and all combinations of one or more of the associated enumerated items. The terms used herein are used only to describe specific embodiments and are not intended to limit this application. As used herein, the singular forms "a" and "an" and "the" are also intended to include the plural forms, unless the context clearly indicates otherwise. It will also be understood that when the terms "comprising" and / or "made of..." are used in this specification, the presence of the features, wholes, steps, operations, elements and / or components is specified, but the presence or addition of one or more other features, wholes, steps, operations, elements, components and / or groups thereof is not excluded. "Connected" or "connected" and similar words are not limited to physical or mechanical connections, but may include electrical connections, whether direct or indirect.

[0022] Unless otherwise defined, all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art. It will also be understood that terms such as those defined in commonly used dictionaries should be interpreted as having a meaning consistent with their meaning in the context of the relevant art and this application, and will not be interpreted as having an idealized or overly formal meaning unless expressly defined as such herein.

[0023] When a user uses a terminal, the data in the terminal is usually sorted to meet the user's usage needs. For example, multiple applications installed on the terminal can be randomly dragged to sort the multiple applications according to the user's usage needs.

[0024] However, if there are many data items that need to be sorted, and the user wants to move the data item that he or she is most concerned about and is at the end of the list to the first place in the list, it is necessary to drag a long distance. Even during the dragging process, due to changes in the page, abnormalities such as drag interruption may occur, which reduces the user experience.

[0025] How to improve the efficiency of sorting large amounts of data items to enhance the user experience has become a technical problem that needs to be solved urgently. This application provides a display method, an electronic device, and a storage medium to solve the above problem.

[0026] FIG1 is a schematic flow chart of a display method provided in an embodiment of the present application. The display method can be applied to a display device (e.g., a smartphone, tablet computer, etc.). As shown in FIG1 , the method in the embodiment of the present application includes but is not limited to the following steps S101 to S102.

[0027] In step S101 , a first data item at a first position in a data list is displayed in a first area of ​​a display interface, and a second data item at a second position in the data list is displayed in a second area of ​​the display interface.

[0028] In some embodiments, the first location is the location to which the data list is currently pointed.

[0029] In an embodiment of the present application, a display device includes a display interface for displaying data, and a data list including multiple data items can be displayed on the display interface. A data item is the smallest unit discussed in a data structure and is the most basic, indivisible, named unit of data in a data record. A data item can be letters, numbers, or a combination of both, or can be data represented in the form of an application icon, a contact icon, or the like. A data item is used to describe certain attributes of an entity. For example, a contact data item is used to describe the attributes of a contact's basic communication information, and a session data item in a session application is used to describe the attributes of the two parties in a session.

[0030] Each data item has a certain length, so when the first area of ​​the display interface is slid to a certain position, it points to the position of the data item in the data list. The display device should display the data item (i.e., the first data item) located at that position (i.e., the first position). The embodiment of the present application displays it in the first area of ​​the display interface.

[0031] At the same time, there is a second area in the display interface of the embodiment of the present application, which displays the data items at a fixed position in the data list (such as the first 5 data items in the data list, etc.), that is, no matter what position the data list is currently slid to (that is, no matter which data item in the data list corresponds to the first position), the second area continues to display the data items at the fixed position.

[0032] In some embodiments, the display area of ​​the first region is larger than the display area of ​​the second region.

[0033] For example, FIG2 shows a schematic diagram of a display interface provided in an embodiment of the present application. As shown in FIG2 , the first data item (i.e., data items 5 to 28) in a data list is displayed in the first area 210 of the display interface 200, and the second data item (i.e., data items 1 to 4) in the data list is displayed in the second area 220. The multiple first data items in the first area 210 (or the multiple second data items in the second area 220) are arranged from left to right in groups of two rows and three columns. The display area of ​​the first area 210 is larger than the display area of ​​the second area 220.

[0034] In some embodiments, data items 1 to 28 can be icons of applications installed in a smartphone terminal (or a personal computer, tablet computer, or other device), or contact data items in a contact list, or session data items in a session application. This application does not impose any restrictions on this. Other types of data items not specified are also within the scope of protection of this application and will not be described in detail here.

[0035] As shown in Figure 2, the position of each data item displayed in its corresponding area is the position of the data item in the data list. For example, data item 1 is displayed in the second position in the second area 220 (i.e., data item 1 is the first in the data list); ...; and so on, data item 4 is displayed in the second position in the second area 220 (i.e., data item 4 is the fourth in the data list).

[0036] For another example, data item 5 is displayed at the first position in the first area 210 (i.e., data item 5 is located at the 5th position in the data list); ...; and so on, data item 28 is displayed at the first position in the first area 210 (i.e., data item 28 is located at the 28th position in the data list).

[0037] In step S102 , in response to a first change operation of dragging a first data item in a first area to a second area, the position of the first data item in the data list is adjusted to a second position.

[0038] In some embodiments, when a first change operation of dragging the first data item in the first area 210 to the second area 220 is received, by dragging the first data item (for example, data item 5) in the first area 210 to the second area 220, the moving distance of data item 5 can be shortened, so that the position of the first data item in the data list can be quickly and accurately adjusted to the second position.

[0039] In this embodiment, by displaying the first data item at the first position in the data list in the first area of ​​the display interface and displaying the second data item at the second position in the data list in the second area of ​​the display interface, multiple data items in the data list can be simultaneously displayed in different areas of the display interface, which is convenient for viewing multiple data items, wherein the first position is the position currently pointed to by the data list; in response to the first change operation of dragging the first data item in the first area to the second area, the position of the first data item in the data list is adjusted to the second position, which can shorten the moving distance of the first data item, quickly and accurately change the position of the first data item in the data list, and improve the sorting efficiency of each data item in the data list.

[0040] In some exemplary embodiments, the second position is the top position or the bottom position of the data list.

[0041] In some embodiments, using a second area to display a second data item at the top position (or bottom position) in a data list can facilitate moving a first data item at a first position (e.g., in the middle position, etc.) in the data list displayed in the first area, thereby facilitating the simultaneous viewing of data items at the top position (or bottom position) when sorting data items at the middle position, thereby enabling fast and accurate movement of data items, thereby improving the efficiency of sorting data items.

[0042] In some exemplary embodiments, the method further includes: updating the first position in response to a sliding instruction on the data list.

[0043] In some embodiments, the slide instruction is used to instruct a sliding update of the positions of multiple data items in the data list to change the data items displayed in the first area. In other words, when the positions of the multiple data items displayed in the first area are changed (i.e., the sliding update), the content of the data items displayed at the respective display positions in the first area is also changed, thereby facilitating the user to view the multiple data items in the data list and quickly viewing the data item that the user needs to change the position of.

[0044] In some exemplary embodiments, the first area and the second area have an overlapping area, and the second area is located in an upper-level display layer of the first area.

[0045] In some embodiments, the first area and the second area have an overlapping area, which can cause the data items in the second area located in the upper display layer of the first area to block part of the data items in the first area, so that the user only views the data items displayed in the first area, thereby improving the viewing efficiency of the data items.

[0046] In some embodiments, the second area can be located in the display layer one level above the first area, or in the display layer two levels above the first area, so that the display level of the first area is different from the display level of the second area, which facilitates users to operate data items in areas of different display levels and improves the efficiency of operations on data items.

[0047] In some exemplary embodiments, in response to the first change operation of dragging the first data item in the first area to the second area, step S102 adjusts the position of the first data item in the data list to the second position, including: dragging the first data item in the first area to the third area; dragging the first data item in the third area to the second area, and adjusting the position of the first data item in the data list to the second position.

[0048] In some embodiments, the display level of the third region is higher than the display level of the first region and the display level of the second region.

[0049] For example, Figure 3 shows a schematic diagram of a display interface provided by an embodiment of the present application. As shown in Figure 3, the data items displayed in each area of ​​Figure 3 are the same as the data items shown in Figure 2, but the data item 28 in the first area 210 is dragged to the third area 230 to facilitate the quick dragging of the data item 28.

[0050] In some embodiments, since the display level of the third area 230 is higher than the display level of the first area 210 and the display level of the second area 220, the data items in the third area 230 can be dragged to various positions more conveniently and quickly. For example, the data item 28 in the third area can be directly dragged to the second area 220, or the data item 28 in the third area can be directly dragged to other positions in the first area 210, thereby realizing a rapid change in the position of the data item 28, thereby improving the efficiency of sorting data.

[0051] In some exemplary embodiments, dragging a first data item located in the third area to the second area and adjusting the position of the first data item in the data list to the second position includes: dragging the first data item to the top of the data list displayed in the second area; and adjusting the position of the first data item in the data list to the second position.

[0052] In some embodiments, the second position is the first position of the data list displayed in the second area.

[0053] For example, if the data list displayed in the second area is set to include data item A, data item B, data item C, and data item D, in some embodiments, data item A is the data item originally at the top of the data list displayed in the second area, then the first data item can be dragged to the top of the data list displayed in the second area to replace data item A with the first data item, and at the same time, the position of the first data item in the data list is adjusted to the top of the data list displayed in the second area.

[0054] Through the above operation, not only can the content of the first data item in the data list displayed in the second area be quickly changed, but the position of the first data item in the data list can also be directly adjusted, thereby improving the sorting efficiency of the first data item.

[0055] In some embodiments, it is also necessary to update the positions of other data items in the second area except the first data item, for example, changing the position of data item A to the position of the original data item B, changing the position of data item B to the position of the original data item C, changing the position of data item C to the position of the original data item D, etc.

[0056] In some exemplary embodiments, after executing step S102 of adjusting the position of the first data item in the data list to the second position, the method further includes: moving the first data item to be updated to the top of the data list displayed in the first area; and sequentially updating the positions of other data items in the data list displayed in the first area except the first data item to be updated.

[0057] In some embodiments, the first data item to be updated is the last data item in the data list originally displayed in the second area.

[0058] For example, data item D is set as the first data item to be updated, that is, data item D is the data item originally at the end of the data list displayed in the second area. Since the number of data items displayed in the second area is pre-set, when the position of one of the data items (such as data item A) is changed, the positions of other data items in the second area except the first data item need to be synchronized, so that the data item D originally at the end of the data list displayed in the second area is moved to the first place in the data list displayed in the first area to ensure that the number of data items in the second area remains unchanged.

[0059] Furthermore, the positions of the data items other than the first data item to be updated (ie, data item D) in the data list displayed in the first area are updated in sequence, so that the data item D can be found more quickly later.

[0060] In some exemplary embodiments, the method further includes: in response to a second change operation of dragging the second data item in the second area to the first area, adjusting the position of the second data item in the data list to the first position.

[0061] In some embodiments, the second change operation is dragging the second data item in the second area to the first area to change the position of the second data item in the data list, thereby achieving sorting of the second data item.

[0062] Since the display level of the first area is different from the display level of the second area, the dragging operation on the second data item can be implemented more quickly, thereby accelerating the sorting speed of the second data item.

[0063] In some exemplary embodiments, in response to a second change operation of dragging the second data item in the second area to the first area, adjusting the position of the second data item in the data list to the first position includes: dragging the second data item in the second area to the end of the data list displayed in the first area; moving the second data item to be updated to the end of the data list displayed in the second area; and updating the position of each data item in the data list in turn.

[0064] In some embodiments, the second data item to be updated is the data item originally at the top of the data list displayed in the first area.

[0065] For example, the first area includes multiple data items (e.g., data item 1, data item 2, data item 3, ..., data item K, etc., arranged in sequence, where K is an integer greater than or equal to 1). When the second data item in the second area is dragged to the end of the data list displayed in the first area (i.e., the position corresponding to data item K), since the number of data items in the second area is pre-set, the data item originally at the top of the data list displayed in the first area (e.g., data item 1) will be moved to the end of the data list displayed in the second area, thereby keeping the number of data items in the first area and the number of data items in the second area unchanged, reducing the occurrence of abnormal sorting and ensuring the accuracy of the data items.

[0066] Furthermore, by updating the position of each data item in the data list in sequence, the position of each data item in the second area can be moved forward by one position. Correspondingly, the position of each data item in the first area is also moved forward by one position, ensuring that the position of each data item in the data list is updated, thereby achieving the effect of quick sorting of multiple data items.

[0067] Figure 4 shows a block diagram of a display device provided in an embodiment of the present application. As shown in Figure 4, the display device 400 includes but is not limited to the following modules.

[0068] The display module 401 is configured to display the first data item at the first position in the data list in the first area of ​​the display interface, and at the same time display the second data item at the second position in the data list in the second area of ​​the display interface, where the first position is the position currently pointed to by the data list.

[0069] The position adjustment module 402 is configured to adjust the position of the first data item in the data list to a second position in response to a first change operation of dragging the first data item in the first area to the second area.

[0070] It should be noted that the display device 400 in this embodiment can implement any display method in the embodiments of the present application.

[0071] According to the display device of the embodiment of the present application, a first data item at a first position in a data list is displayed in a first area of ​​a display interface through a display module, and a second data item at a second position in the data list is displayed in a second area of ​​the display interface. This enables multiple data items in the data list to be displayed simultaneously in different areas of the display interface, facilitating viewing of multiple data items, wherein the first position is the position currently pointed to by the data list; using a position adjustment module in response to a first change operation of dragging the first data item in the first area to the second area, the position of the first data item in the data list is adjusted to the second position, which can shorten the moving distance of the first data item, quickly and accurately change the position of the first data item in the data list, and improve the efficiency of sorting each data item in the data list.

[0072] In some embodiments, the first area is set as the sliding area B (for example, the sliding area B can slide left and right, or slide up and down, etc.), the second area is the top area A, and the display interface also includes a third area (such as the drag area C).

[0073] The display level of drag area C is higher than that of sticky area A and sliding area B; the display level of sticky area A is higher than that of sliding area B (for example, sticky area A floats above sliding area B). Areas with higher display levels will obscure data items in areas with lower display levels.

[0074] The sticky area A is set at the leftmost end of the data list. The data items in the sticky area A can be dragged to each other to sort the data items, or the data items in the sticky area A can be dragged to the sliding area B. It should be noted that the data items in the sticky area A are the data items with the highest sorting in the data list.

[0075] The data items in the sliding area B are the data items at the position currently pointed to by the data list. In other words, when the user slides the sliding area B, the sliding area B will receive the sliding instruction for the data list and update the first position based on the sliding instruction, thereby updating the various data items displayed in the sliding area B in real time.

[0076] The data items in the sliding area B can be dragged to each other to achieve the order of the data items, and the data items in the sliding area B can also be dragged to the top area A.

[0077] The data items in the drag area C are data items operated by the user (eg, long press), and can be moved to any position in the data list required by the user as the user drags.

[0078] In some embodiments, if multiple data items in the display interface (for example, represented as Item) are set as a group of two rows and three columns (for example, COLUMN=2, ROW=3, then the number of Items in a group FRAME_COUNT=6), they are arranged from left to right, and the top area A is set at the leftmost end of the data list.

[0079] Traverse each data item in the top area A and the sliding area B. For example, if the traversal index is set to position, the number of groups of data item Item in the data list is frameNum=position / FRAME_COUNT.

[0080] For each data item in a group of data items Item: the position index of a data item is index=position%FRAME_COUNT, the number of columns is columnNum=index%COLUMN, and the number of rows is rowNum=index / COLUMN.

[0081] Furthermore, based on the above data, the layout corresponding to a data item (e.g., the display position of each data item in the display interface shown in FIG2 ) can be determined, that is, the coordinate positions of the left, top, right, and bottom of the data item are:

[0082] left=frameNum*itemWidth*COLUMN+itemWidth*columnNum;

[0083] top=rowNum*itemHeight;

[0084] right=left+itemWidth;

[0085] bottom=top+itemHeight.

[0086] In some embodiments, itemWidth represents the width occupied by the data item item itself, and itemHeight represents the height occupied by the data item item itself.

[0087] Figure 5 shows a flow chart of a display method provided by an embodiment of the present application. As shown in Figure 5, the display method in the embodiment of the present application includes but is not limited to the following steps S501 to S508.

[0088] In step S501 , in response to an operation instruction on a certain data item in a data list, coordinate information of a target data item I is obtained.

[0089] In some embodiments, the operation instruction may be that the user long presses the target data item I, thereby obtaining the coordinate information of the target data item I. For example, the coordinate information of the target data item I includes: the X-axis coordinate of the target data item I on the display interface (e.g., marked as rawDownX) and the Y-axis coordinate of the target data item I on the display interface (e.g., marked as rawDownY).

[0090] In step S502 , the target data item I is obtained according to the coordinate information of the target data item I, and the target data item I is placed in the drag area C.

[0091] During the process of dragging the target data item I, the distance moved by the target data item I in the X-axis direction can be obtained (eg, marked as rawMoveX).

[0092] Furthermore, the sliding distance deltaX of the target data item I is calculated to be (rawMoveX-rawDownX) / 10; and the transmission distance translationX of the target data item I in the entire data list is calculated to be translationX+deltaX.

[0093] It should be noted that in the process of moving the target data item I, the custom data list (RecycleView) can be used to distinguish whether the operation is on the entire data list (i.e., calculating the transmission distance translationX) or only dragging the data items in the sliding area B (i.e., calculating the sliding distance deltaX).

[0094] In step S503, it is determined whether the coordinate information of the target data item I is in the top area A.

[0095] When it is determined that the coordinate information of the target data item I is not in the top region A, it indicates that the target data item I in the sliding region B is moved to the top region A, and step S504 is executed.

[0096] When it is determined that the coordinate information of the target data item I is in the top region A, it means that the data item in the top region A is moved to the sliding region B, and step S506 is executed.

[0097] In step S504 , the target data item I in the sliding area B is dragged to the first position of the data list displayed in the top area A, and the position of the target data item I in the data list is adjusted to the second position.

[0098] In some embodiments, the second position is the first position of the data list displayed in the top area A.

[0099] For example, Figure 6 shows a schematic diagram of a display interface provided by an embodiment of the present application. As shown in Figure 6, data item 28 is dragged from the first area 210 to the second area 220 (i.e., the top area A). At this time, the second area displays data items 1 to 4 and data item 28.

[0100] First, the coordinate position (x, y) corresponding to data item 28 needs to be found, where the range of the horizontal coordinate corresponding to data item 28 can be determined by formula (1), and the range of the vertical coordinate corresponding to data item 28 can be determined by formula (2).

[0101] x>=item.getLeft()+item.getTranslationX()&&x<=item.getRight()+item.getTranslationX() (1)

[0102] y>=item.getTop()+item.getTranslationY()&&y<=item.getBottom()+item.getTranslationY() (2)

[0103] Among them, item.getLeft() represents the length information of the obtained data item item relative to the left border of the display interface;

[0104] item.getRight() indicates the length of the obtained data item item relative to the right border of the display interface;

[0105] item.getTranslationX() indicates the horizontal sliding distance;

[0106] item.getTop() indicates the length of the obtained data item relative to the upper boundary of the display interface;

[0107] item.getBottom() indicates the length of the obtained data item item relative to the bottom boundary of the display interface;

[0108] item.getTranslationY() indicates the vertical sliding distance.

[0109] If it is determined that the coordinate position of data item 28 in the second area 220 is within the range corresponding to data item 1, the position of data item 28 in the data list can be changed to the position of data item 1 in the data list (that is, the position of data item 28 is changed from the original first position in the first area 210 to the second position in the second area 220).

[0110] In step S505 , the first data item to be updated is moved to the first position of the data list displayed in the sliding area B, and the positions of other data items in the data list displayed in the sliding area B except the first data item to be updated are updated in sequence.

[0111] In some embodiments, the first data item to be updated is the last data item in the data list originally displayed in the top area A.

[0112] For example, Figure 7 shows a schematic diagram of a display interface provided by an embodiment of the present application. Data item 28 is displayed first in second region 220, and the positions of the other data in second region 220 are all shifted back one position. Data item 4 (i.e., the first data item to be updated), which was originally at the end of second region 220, is moved to the first position in first region 210; and the other data in first region 210 are also shifted back one position.

[0113] Because the display level of the second area 220 is higher than that of the first area, some of the data in the first area 210 is obscured by the second area 220. For example, data item 4, which was originally at the end of the second area, is not displayed in the first area 210. That is, data item 4 is moved to the first position in the first area 210 and is covered by the second area 220 and is not displayed on the display interface.

[0114] It should be noted that after executing step S505, step S508 can be executed directly.

[0115] In step S506 , the target data item I in the top area A is dragged to the end of the data list displayed in the sliding area B.

[0116] In step S507 , the second data item to be updated is moved to the end of the data list displayed in the top area A, and the position of each data item in the data list is updated in sequence.

[0117] In some embodiments, the second data item to be updated is the data item originally at the top of the data list displayed in the sliding area B.

[0118] For example, Figure 8 shows a schematic diagram of a display interface provided by an embodiment of the present application. As shown in Figure 8, data item 1 at the end of first region 210 is obtained by: in response to a second change operation of moving data item 1 (i.e., target data item I) at the top of second region 220 (i.e., top region A) to first region 210 (i.e., sliding region B), data item 1 in second region 220 is dragged to the end of the data list displayed in first region 210.

[0119] Furthermore, the data item 5 (not shown in the figure) originally at the first position in the first area 210 (ie, the second data item to be updated) is moved to the last position of the data list displayed in the second area 220 .

[0120] The positions of the data items in the data list are updated sequentially. For example, since the data item 1 originally at the top of the second area 220 has been moved out, the positions of the data items in the second area 220 can be moved forward one position, and the positions of the data items in the first area 210 (i.e., data items 6 to 28) can also be moved forward one position simultaneously.

[0121] In step S508, a data list after being processed through the above steps is saved.

[0122] In this embodiment, the target data item I is transferred to the top area (or sliding area) by using the drag area with the highest display level, and the display level of the sliding area is different from the display level of the top area. This can shorten the transmission distance of the target data item in the data list, quickly and accurately change the position of the target data item I in the data list, and improve the sorting efficiency of each data item in the data list, thereby improving the user experience.

[0123] It should be understood that the present application is not limited to the specific configurations and processes described in the above embodiments and illustrated in the figures. For the sake of convenience and brevity, detailed descriptions of known methods are omitted here. The specific working processes of the systems, modules, and units described above can be referred to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

[0124] FIG9 shows a block diagram of an electronic device provided in an embodiment of the present application.

[0125] As shown in Figure 9, the electronic device includes at least one processor 901, at least one memory 902, and one or more I / O interfaces 903. The processor 901, memory 902, and I / O interface 903 are interconnected via a bus 904. The memory 902 stores one or more computer programs, which are executed by the at least one processor 901 to enable the at least one processor 901 to implement any of the display methods described in the above embodiments.

[0126] Each module in the above-mentioned electronic device can be implemented in whole or in part through software, hardware, or a combination thereof. Each module can be embedded in or independent of the processor in the computer device in hardware form, or can be stored in the memory of the computer device in software form, so that the processor can call and execute the corresponding operations of each module.

[0127] The present application also provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program is executed by a processor, causing the processor to implement any of the display methods described in the above embodiments. The computer-readable storage medium can be volatile or non-volatile computer-readable storage medium.

[0128] An embodiment of the present application also provides a computer program product, including computer-readable code, or a non-volatile computer-readable storage medium carrying computer-readable code. When the computer-readable code runs in a processor of an electronic device, the processor in the electronic device executes the above-mentioned display method.

[0129] It will be understood by those skilled in the art that all or some of the steps, systems, and functional modules / units in the methods disclosed above may be implemented as software, firmware, hardware, and appropriate combinations thereof. In a hardware implementation, the division between the functional modules / units mentioned in the above description does not necessarily correspond to the division of physical components; for example, a physical component may have multiple functions, or a function or step may be performed by several physical components in cooperation. Some or all physical components may be implemented as software executed by a processor, such as a central processing unit, a digital signal processor, or a microprocessor, or may be implemented as hardware, or may be implemented as an integrated circuit, such as an application-specific integrated circuit. Such software may be distributed on a computer-readable storage medium, which may include a computer storage medium (or non-transitory medium) and a communication medium (or temporary medium).

[0130] As is well known to those skilled in the art, the term computer storage media includes volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storage of information (such as computer-readable program instructions, data structures, program modules or other data). Computer storage media includes, but is not limited to, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM), static random access memory (SRAM), flash memory or other memory technology, portable compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical disc storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store the desired information and can be accessed by a computer. In addition, as is well known to those skilled in the art, communication media typically contains computer-readable program instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transport mechanism, and may include any information delivery media.

[0131] The computer-readable program instructions described herein can be downloaded from a computer-readable storage medium to each computing / processing device, or downloaded to an external computer or external storage device via a network, such as the Internet, a local area network, a wide area network, and / or a wireless network. The network can include copper transmission cables, fiber optic transmission, wireless transmission, routers, firewalls, switches, gateway computers, and / or edge servers. The network adapter card or network interface in each computing / processing device receives the computer-readable program instructions from the network and forwards the computer-readable program instructions to be stored in the computer-readable storage medium in each computing / processing device.

[0132] The computer program instructions for performing the operation of the present application can be assembly instructions, instruction set architecture (ISA) instructions, machine instructions, machine-related instructions, microcode, firmware instructions, state setting data or source code or object code written in any combination of one or more programming languages, wherein the programming language includes object-oriented programming languages ​​such as Smalltalk, C++, and conventional procedural programming languages ​​such as "C" language or similar programming languages. Computer-readable program instructions can be executed completely on the user's computer, partially on the user's computer, executed as an independent software package, partially on the user's computer and partially on a remote computer, or executed completely on a remote computer or server. In the case of a remote computer, the remote computer can be connected to the user's computer by any type of network including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computer (such as by using an Internet service provider to connect to the Internet). In certain embodiments, by utilizing the state information of computer-readable program instructions to personalize electronic circuits, such as programmable logic circuits, field programmable gate arrays (FPGAs) or programmable logic arrays (PLAs), the electronic circuits can execute computer-readable program instructions, thereby realizing various aspects of the present application.

[0133] The computer program product described herein may be implemented in hardware, software, or a combination thereof. In one embodiment, the computer program product is implemented as a computer storage medium. In another embodiment, the computer program product is implemented as a software product, such as a software development kit (SDK).

[0134] Various aspects of the present application are described herein with reference to flowcharts and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the present application. It should be understood that each block of the flowcharts and / or block diagrams, and combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0135] These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processor of the computer or other programmable data processing device, a device is generated that implements the functions / actions specified in one or more blocks in the flowchart and / or block diagram. These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and / or other device to operate in a specific manner. Thus, the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

[0136] Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing apparatus, or other device to implement the functions / actions specified in one or more blocks in the flowchart and / or block diagram.

[0137] The flow charts and block diagrams in the accompanying drawings show the possible architecture, functions and operations of the system, method and computer program product according to multiple embodiments of the present application. In this regard, each box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and the part of the module, program segment or instruction includes one or more executable instructions for realizing the logical function of the specification. In some alternative implementations, the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flow chart, and the combination of the boxes in the block diagram and / or flow chart can be implemented by a special hardware-based system that performs the function or action of the specification, or can be implemented by a combination of special hardware and computer instructions.

[0138] Example embodiments have been disclosed herein, and although specific terms are employed, they are used and should be interpreted only in a general illustrative sense and not for purposes of limitation. In some instances, it will be apparent to those skilled in the art that, unless otherwise expressly indicated, features, characteristics, and / or elements described in conjunction with a particular embodiment may be used alone or in combination with features, characteristics, and / or elements described in conjunction with other embodiments. Therefore, it will be understood by those skilled in the art that various changes in form and detail may be made without departing from the scope of the present application as set forth in the appended claims.

Claims

1. A display method, comprising: Displaying a first data item at a first position in a data list in a first area of ​​the display interface, and displaying a second data item at a second position in the data list in a second area of ​​the display interface, wherein the first position is the position currently pointed to by the data list; as well as In response to a first change operation of dragging a first data item in the first area to the second area, a position of the first data item in the data list is adjusted to the second position.

2. The method according to claim 1, wherein: The second position is the top position or the bottom position of the data list.

3. The method according to claim 1, wherein: The method further includes updating the first position in response to a sliding instruction on the data list.

4. The method according to claim 1, wherein: The first area and the second area have an overlapping area, and the second area is located in an upper-level display layer of the first area.

5. The method according to claim 1, wherein: In response to a first change operation of dragging a first data item in the first area to the second area, adjusting the position of the first data item in the data list to the second position includes: dragging the first data item in the first area to a third area, the display level of the third area being higher than the display level of the first area and the display level of the second area; and The first data item located in the third area is dragged to the second area, and the position of the first data item in the data list is adjusted to the second position.

6. The method according to claim 5, wherein: The step of dragging the first data item in the third area to the second area and adjusting the position of the first data item in the data list to the second position includes: Drag the first data item to the first position of the data list displayed in the second area, the second position being the first position of the data list displayed in the second area; and The position of the first data item in the data list is adjusted to the second position.

7. The method according to claim 6, wherein: The method further includes: after adjusting the position of the first data item in the data list to the second position, moving the first data item to be updated to the first position of the data list displayed in the first area, wherein the first data item to be updated is the last data item in the data list displayed in the second area before the first change operation; and Sequentially update the other data in the data list displayed in the first area except the first data item to be updated The location of the item.

8. The method according to any one of claims 1 to 7, wherein: The method further comprises: In response to a second change operation of dragging a second data item in the second area to the first area, the position of the second data item in the data list is adjusted to the first position.

9. The method according to claim 8, wherein: In response to a second change operation of dragging a second data item in the second area to the first area, adjusting the position of the second data item in the data list to the first position includes: Drag the second data item in the second area to the end of the data list displayed in the first area; moving the second data item to be updated to the end of the data list displayed in the second area, wherein the second data item to be updated is the data item at the first position of the data list displayed in the first area before the second change operation; and The position of each data item in the data list is updated sequentially.

10. An electronic device comprising: one or more processors; A memory having one or more computer programs stored thereon, wherein when the one or more computer programs are executed by the one or more processors, the one or more processors implement the display method as claimed in any one of claims 1 to 9.

11. A computer-readable storage medium, wherein: The readable storage medium stores a computer program, and the computer program is executed by a processor, so that the processor implements the display method according to any one of claims 1 to 9.

Images