Display method, electronic equipment and storage medium

Abstract

The invention provides a display method, electronic equipment and a storage medium, and relates to the technical field of data display. The method comprises the steps that a first data item of a first position in a data list is displayed in a first area of a display interface, meanwhile, a second data item of a second position in the data list is displayed in a second area of the display interface, and the first position is the currently pointed position of the data list; and 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 a second position. The moving distance of the first data item can be shortened, the position of the first data item in the data list can be rapidly and accurately changed, and the sorting efficiency of all the data items in the data list is improved.

Description

Technical Field

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

[0002] 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 move an application directly to a target location.

[0003] However, when there are too many applications 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. Summary of the invention

[0004] The present application provides a display method, an electronic device and a storage medium.

[0005] 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 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.

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

[0007] An embodiment of the present application provides a readable storage medium, which stores a computer program. When the computer program is executed by a processor, any one of the display methods in the embodiments of the present application is implemented.

[0008] According to the display method, electronic device and storage medium of the embodiments of the present application, by 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, multiple data items in the data list can be simultaneously displayed in different areas of the display interface, thereby facilitating viewing of multiple data items, wherein the first position is 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, the position of the first data item in the data list is adjusted to the second position, thereby shortening the moving distance of the first data item, quickly and accurately changing the position of the first data item in the data list, and improving the sorting efficiency of each data item in the data list.

[0009] With regard to the above embodiments and other aspects of the present application and their implementation, further description is provided in the accompanying drawings, detailed description and claims. BRIEF DESCRIPTION OF THE DRAWINGS

[0010] Figure 1 A flow chart of a display method provided in an embodiment of the present application is shown.

[0011] Figure 2 A schematic diagram of a display interface provided in an embodiment of the present application is shown.

[0012] Figure 3 A schematic diagram of a display interface provided in an embodiment of the present application is shown.

[0013] Figure 4 A block diagram showing the composition of a display device provided in an embodiment of the present application is shown.

[0014] Figure 5 A flow chart of a display method provided in an embodiment of the present application is shown.

[0015] Figure 6 A schematic diagram of a display interface provided in an embodiment of the present application is shown.

[0016] Figure 7 A schematic diagram of a display interface provided in an embodiment of the present application is shown.

[0017] Figure 8 A schematic diagram of a display interface provided in an embodiment of the present application is shown.

[0018] Fig. 9 A block diagram of the composition of an electronic device provided in an embodiment of the present application is shown. DETAILED DESCRIPTION

[0019] In order to enable those skilled in the art to better understand the technical solution of the present application, the exemplary embodiments of the present application are described below in conjunction with the accompanying drawings, including various details of the embodiments of the present application to facilitate understanding, which should be considered as merely exemplary. Therefore, those of ordinary skill 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, the description of well-known functions and structures is omitted in the following description.

[0020] In the absence of conflict, the embodiments of the present application and the 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 related enumerated items. The terms used herein are only used to describe specific embodiments and are not intended to limit the present application. As used herein, the singular forms "a" 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 "including" 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 those 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 explicitly defined herein.

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

[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 dragging interruption may occur, which reduces the user experience.

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

[0026] Figure 1 FIG. 1 is a flow chart of a display method provided in an embodiment of the present application. The display method can be applied to a display device (eg, a smart phone, a tablet computer, etc.). Figure 1 As shown, the method in the embodiment of the present application includes but is not limited to the following steps.

[0027] Step S101 , displaying a first data item at a first position in a data list in a first area of ​​a display interface, and displaying a second data item at a second position in the data list in a second area of ​​the display interface.

[0028] The first position is the position currently pointed to by the data list.

[0029] In an embodiment of the present application, a display device has a display interface for displaying, and a data list including multiple data items can be displayed on the display interface. Among them, a data item is the smallest unit discussed in a data structure, and is the most basic, indivisible, named data unit in a data record. A data item can be a letter, a number, or a combination of the two, or it can be data represented in the form of an application icon, a contact icon, etc. A data item is used to describe a certain attribute 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, and so on.

[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, and 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 smaller than the display area of ​​the second region.

[0033] For example, Figure 2 A schematic diagram of a display interface provided by an embodiment of the present application is shown. Figure 2As shown, the first data item (i.e., data items 5 to 28) in the 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 first data items in the first area 210 (or the second data items in the second area 220) are arranged from left to right in a group of two rows and three columns. The display area of ​​the first area 210 is smaller than the display area of ​​the second area 220.

[0034] Among them, data 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] like Figure 2 As shown, 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 at the second position in the second area 220 (i.e., data item 1 is the first position in the data list); ...; and so on, data item 4 is displayed at the second position in the second area 220 (i.e., data item 4 is the fourth position in the data list).

[0036] For another example, data item 5 is displayed in 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 in the first position in the first area 210 (i.e., data item 28 is located at the 28th position in the data list).

[0037] Step S102: in response to a first change operation of dragging a first data item in a first area to a second area, adjusting the position of the first data item in the data list to a second position.

[0038] Among them, 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 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 sorting efficiency of each data item in the data list.

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

[0041] Among them, using the second area to display the second data item at the top position (or the bottom position) in the data list can facilitate the movement of the first data item at the first position (such as the middle position, etc.) in the data list displayed in the first area, so that when the data items at the middle position are sorted, the data items at the top position (or the bottom position) can be viewed at the same time, thereby realizing fast and accurate movement of the data items, thereby improving the efficiency of sorting the 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] The sliding instruction is used to instruct to slide and update the positions of the multiple data items in the data list, so as 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., sliding and updating), the content of the data items displayed at the various display positions in the first area is also changed accordingly, so that the user can view the multiple data items in the data list, and thus quickly view the data items 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] Among them, the first area and the second area have an overlapping area, and the overlapping area can make the data items in the second area in the upper display layer of the first area cover 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] Among them, the second area can be located in the display layer of the upper level of the first area, or in the display layer of the 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 is convenient for 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 a first change operation of dragging a first data item in a first area to a second area, adjusting the position of the first data item in the data list to a second position in step S102 includes: dragging the first data item in the first area to a 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] The display level of the third area is higher than the display level of the first area and the display level of the second area.

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

[0050] Among them, 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, so as to realize the rapid change of the position of the data item 28, thereby improving the efficiency of data sorting.

[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 first position 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] 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, where data item A is the data item originally at the first position in the data list displayed in the second area, the first data item can be dragged to the first position in 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 can be adjusted to the first position in 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 to improve the sorting efficiency of the first data item.

[0055] In some embodiments, the positions of other data items in the second area except the first data item also need to be updated, for example, the position of data item A is changed to the position of the original data item B, the position of data item B is changed to the position of the original data item C, the position of data item C is changed to the position of the original data item D, and so on.

[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 first position 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] 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 last data item in the data list originally 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, it is necessary to synchronize the positions of other data items in the second area except the first data item, so that data item D, which was originally at the last position in the data list displayed in the second area, is moved to the first position 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 other data items except 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] The second change operation is to drag 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 realizing the 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 speeding up the sorting speed of the second data item.

[0063] In some exemplary embodiments, 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: 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] The second data item to be updated is the data item originally at the first position in 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 preset, the data item (e.g., data item 1) originally at the top of the data list displayed in the first area will be moved to the end of the data list displayed in the second area, so that the number of data items in the first area and the number of data items in the second area remain unchanged, reducing the occurrence of abnormalities of disordered sorting and ensuring the accuracy of the data items.

[0066] Furthermore, the positions of the data items in the data list can be moved forward by one position in turn, and correspondingly, the positions of the data items in the first area can also be moved forward by one position, thereby ensuring that the positions of the data items in the data list are updated, thereby achieving the effect of quick sorting of multiple data items.

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

[0068] The display module 401 is configured to display a first data item at a first position in a data list in a first area of ​​the display interface, and to display 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.

[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 at the same time, so that 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; 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 sorting efficiency of 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 the drag area C is higher than the display level of the top area A and the display level of the sliding area B; the display level of the top area A is higher than the display level of the sliding area B (for example, the top area A floats above the sliding area B). The area with a higher display level will block the data items in the area with a lower display level.

[0074] The top region A is set at the leftmost end of the data list. The data items in the top region A can be dragged to each other to achieve the sorting of the data items, or the data items in the top region A can be dragged to the sliding region B. It should be noted that the data items in the top region 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 sorting 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] Each data item in the top area A and the sliding area B is traversed respectively. 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] Further, based on the above data, the layout corresponding to a certain data item can be determined (e.g., Figure 2 The display position of each data item in the display interface is shown as follows, that is, the coordinate position of the left (left), top (top), right (right), and bottom (buttom) of the data item is:

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

[0083] top = rowNum * itemHeight;

[0084] right=left+itemWidth;

[0085] bottom=top+itemHeight.

[0086] Among them, itemWidth represents the width occupied by the data item itself, and itemHeight represents the height occupied by the data item itself.

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

[0088] Step S501, in response to an operation instruction on a data item in a data list, obtaining coordinate information of a target data item I.

[0089] 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] Step S502 : obtaining the target data item I according to the coordinate information of the target data item I, and placing the target data item I into the dragging 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] Further, the sliding distance deltaX=(rawMoveX-rawDownX) / 10 of the target data item I is calculated; and the transmission distance translationX=translationX+deltaX of the target data item I in the entire data list is obtained.

[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] Step S503, determine 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 means 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] Step S504: drag the target data item I in the sliding area B to the first position of the data list displayed in the top area A, and adjust the position of the target data item I in the data list to the second position.

[0098] The second position is the first position of the data list displayed in the top area A.

[0099] For example, Figure 6 A schematic diagram of a display interface provided by an embodiment of the present application is shown. Figure 6 As shown, the data item 28 is dragged from the first area 210 to the second area 220 (ie, the top area A). At this time, the second area displays the data items 1 to 4 and the 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 acquired data item item relative to the left border of the display interface;

[0104] item.getRight() indicates the length of the acquired 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 information of the acquired data item relative to the upper boundary of the display interface;

[0107] item.getBottom() indicates the length information of the acquired data item item relative to the bottom border 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 first position in the original first area 210 to the second position in the second area 220).

[0110] Step S505: Move the first data item to be updated to the first position of the data list displayed in the sliding area B, and update the positions of other data items in the data list displayed in the sliding area B except the first data item to be updated in sequence.

[0111] The first data item to be updated is the last data item in the data list originally displayed in the top region A.

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

[0113] Since the display level of the second area 220 is higher than that of the first area, part of the data in the first area 210 will be blocked by the second area 220. For example, the data item 4 originally at the last position in the second area is not displayed in the first area 210, that is, the 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 may be directly executed.

[0115] Step S506: Drag the target data item I in the top area A to the end of the data list displayed in the sliding area B.

[0116] Step S507, moving the second data item to be updated to the end of the data list displayed in the top area A, and updating the position of each data item in the data list in sequence.

[0117] 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 A schematic diagram of a display interface provided by an embodiment of the present application is shown. Figure 8As shown, the data item 1 at the last position in the first area 210 is obtained in the following manner: in response to the second change operation of moving the data item 1 (i.e., the target data item I) at the first position in the second area 220 (i.e., the top area A) to the first area 210 (i.e., the sliding area B), the data item 1 in the second area 220 is dragged to the end of the data list displayed in the first area 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 in sequence. For example, since the data item 1 originally at the first position in the second area 220 has been removed, the positions of the data items in the second area 220 can be moved forward by one position in sequence, and the positions of the data items in the first area 210 (i.e., data items 6 to 28) can also be moved forward by one position in synchronization.

[0121] Step S508, saving the data list after being processed through the above steps.

[0122] In this embodiment, the target data item I is transmitted 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 that 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 clear that the present application is not limited to the specific configurations and processes described in the above embodiments and shown in the figures. For the convenience and brevity of description, a detailed description of the known methods is omitted here, and the specific working processes of the systems, modules and units described above can refer to the corresponding processes in the aforementioned method embodiments, which will not be repeated here.

[0124] Fig. 9 A block diagram of the composition of an electronic device provided in an embodiment of the present application is shown.

[0125] like Fig. 9As shown, 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, the memory 902, and the I / O interface 903 are interconnected via a bus 904. The memory 902 stores one or more computer programs, and the one or more computer programs are executed by the at least one processor 901, so that the at least one processor 901 can implement any one of the display methods described in the above embodiments.

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

[0127] The present application also provides a computer-readable storage medium on which a computer program is stored, wherein the computer program implements any of the display methods described in the above embodiments when executed by a processor. The computer-readable storage medium may be a volatile or non-volatile computer-readable storage medium.

[0128] An embodiment of the present application also provides a computer program product, including a computer-readable code, or a non-volatile computer-readable storage medium carrying the 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 appreciated 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 a non-transitory medium) and a communication medium (or a temporary medium).

[0130] As is known to those of ordinary skill in the art, the term computer storage media includes volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storing information (such as computer-readable program instructions, data structures, program modules or other data). Computer storage media include, but are 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 disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical disk storage, magnetic cassettes, magnetic tapes, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store desired information and can be accessed by a computer. In addition, it is known to those of ordinary skill in the art that communication media typically contain computer-readable program instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transmission mechanism, and may include any information delivery medium.

[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, optical fiber transmissions, wireless transmissions, 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 for storage 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, including object-oriented programming languages, such as Smalltalk, C++, etc., and conventional procedural programming languages, such as "C" language or similar programming languages. Computer-readable program instructions can be executed completely on a user's computer, partially on a user's computer, executed as an independent software package, partially on a user's computer, partially on a remote computer, or 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 through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computer (for example, using an Internet service provider to connect through the Internet). In some embodiments, by using the state information of a computer-readable program instruction to personalize an electronic circuit, such as a programmable logic circuit, a field programmable gate array (FPGA) or a programmable logic array (PLA), the electronic circuit can execute a computer-readable program instruction, 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 optional embodiment, the computer program product is embodied as a computer storage medium, and in another optional embodiment, the computer program product is embodied as a software product, such as a software development kit (SDK), etc.

[0134] Various aspects of the present application are described herein with reference to the flowcharts and / or block diagrams of the methods, devices (systems) and computer program products according to the embodiments of the present application. It should be understood that each box in the flowchart and / or block diagram and the combination of each box in the flowchart and / or block diagram 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 that implements the functions / actions specified in one or more boxes in the flowchart and / or block diagram is generated. These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and / or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions / actions specified in one or more boxes 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 operating 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 boxes in the flowchart and / or block diagram.

[0137] The flow chart and block diagram in the accompanying drawings show the possible architecture, function and operation of the system, method and computer program product according to multiple embodiments of the present application. In this regard, each square box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a 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 function marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous square boxes can actually be executed substantially in parallel, and they can also be executed in the opposite order sometimes, depending on the function involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be realized by a dedicated hardware-based system that performs the function or action of the specification, or can be realized by a combination of special-purpose 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 limiting purposes. In some instances, it will be apparent to those skilled in the art that, unless otherwise expressly noted, 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, those skilled in the art will appreciate 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, wherein: include: 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; 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: Drag the first data item in the first area to a third area, where the display level of the third area is higher than the display level of the first area and the display level of the second area; 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; 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: After adjusting the position of the first data item in the data list to the second position, the method further includes: Move 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 data item originally at the last position of the data list displayed in the second area; The positions of the other data items in the data list displayed in the first area except the first data item to be updated are updated in sequence.

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; Move 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 originally at the first position of the data list displayed in the first area; The position of each data item in the data list is updated sequentially.

10. An electronic device, wherein: include: one or more processors; A memory having one or more programs stored thereon, wherein when the one or more 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 readable storage medium, wherein: The readable storage medium stores a computer program, and when the computer program is executed by a processor, the display method according to any one of claims 1 to 9 is implemented.

Images