Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
With respect to the problems of the prior art, there are currently two possible solutions to the problem, however, each of these two possible solutions has drawbacks.
Fig. 1 is a schematic diagram of one possible solution to the problems of the prior art. Specifically, when browsing a webpage, the webpage can be folded by switching the viewing angle, and a plurality of opened webpages (taking webpages 1-6 as examples) can be browsed quickly by using a three-dimensional view. Multiple list items may be browsed quickly with this existing solution, however, the user may still be disturbed by the content of the list items that is not of interest.
Fig. 2 is a schematic diagram of another solution that may be used to solve the problems in the prior art. Specifically, the user may only screen out the contents of the list items that the user cares about by searching for the keyword or selecting the category for each list item, but this existing scheme may screen out the entire list item instead of screening out a part of the contents in the list item, and generally needs to perform page jump.
The solution of the present application may solve the problems of the prior art, either partially or totally, and avoid the drawbacks of the two solutions described above. The following describes the scheme of the present application.
Fig. 3 is a flowchart illustrating a list operation method according to an embodiment of the present application. The execution subject of the flow may be a client or a server. The device capable of carrying the execution main body may be a mobile device, such as a mobile phone, a tablet computer, a notebook computer, an intelligent watch, an intelligent bracelet, an on-vehicle mobile station, or may be a non-mobile device, such as a Personal Computer (PC), a large-medium computer, a computer cluster, and the like.
The flow in fig. 3 may be executed against a list already presented on the execution body. The process may include the steps of:
s301: a move instruction is received for a first list item in a list, the list having a plurality of list items.
In this embodiment of the present application, the first list item may be any list item in list items in the list, and the first list item may be movable.
In this embodiment of the application, a moving instruction for a first list item in a list may be issued by performing corresponding hardware (for example, a touch screen or an entity button of a touch screen device, an entity button of a non-touch screen device, and the like) or software (for example, a program installed in a device, and the like) operation on a device where an execution main body is located. For example, the user may issue the movement instruction by clicking the first list item and dragging the movement.
In the embodiment of the application, the display form of the list item is not limited, as long as the list item can move. Generally, the list item can be a card-type list item, so that the visual effect when moving is natural, and of course, the list item can also be a list item in other forms such as a table format.
S302: in response to the move instruction, moving the first list item to at least partially overlap with a second list item in the list.
In this embodiment of the present application, after receiving the move instruction, the execution main body executes a move operation corresponding to the move instruction with respect to the first list item.
In this embodiment of the present application, the second list item may be any list item in the list items except for the first list item. In consideration of the user experience, the second list item may be a list item as close as possible to the first list item, for example, a list item adjacent to the first list item, so that the moving distance of the first list item when step S302 is executed may be reduced, which is beneficial for the user to operate more easily.
In this embodiment of the present application, the moving instruction may be used to reflect that the user wants to hide a part of content in the list item, where the part of content may be determined by an at least partial overlapping condition of the first list item and the second list item after the first list item is moved. For the user, the at least partial overlapping condition is visible in real time, so that the user can conveniently adjust the overlapping condition according to the actual requirement, and the operation intuition and the convenience are better.
The first list item may be partially overlapped on the second list item in an opaque covering manner or a semi-transparent covering manner, and so on.
S303: data reflecting the at least partial overlap is obtained.
In this embodiment, the data may be position data (such as coordinates, size, shape, and the like) of the first list item and the second list item, content data of the second list item and corresponding position data thereof (such as how contents of the second list item are specifically distributed in an area where the second list item is located), and the like. From the data, it is at least sufficient to determine which contents of the second list item at least partially overlap with the first list item.
S304: and hiding partial content of list items in the list according to the data.
In this embodiment, according to the data, only the content of the second list item corresponding to the at least partially overlapping condition may be hidden, or the content of all list items in the list corresponding to the at least partially overlapping condition (for example, the content of all list items corresponding to the at least partially overlapping condition with the content of the second list item belongs to the same category, and so on) may be hidden. Particularly, when the latter mode is adopted, the user only needs to operate once to hide one or more types of contents of all list items in the list, and the method is simple to operate and good in practicability.
In the embodiment of the present application, how to hide the partial content is not limited. Three ways are listed here as examples. For example, the partial content may be hidden by adjusting the size of the corresponding list item so that the partial content is not within the adjusted size range; for another example, the partial content may be hidden in a folded manner; for another example, the partial content may be directly and temporarily removed from the corresponding list item and stored in other currently non-displayed areas; and so on.
In the embodiment of the present application, the execution main bodies of the steps in fig. 3 may be the same device, or may be different devices as the execution main bodies. For example, the execution subjects of steps S301 to S304 are all device 1; for another example, the execution subject of steps S301 and S302 is device 1, and the execution subject of steps S303 and S304 is device 2; and so on.
By the method, the moving instruction can be issued by the user, so that the user can hide part of contents which are not concerned by the user in the list items by moving the first list item in the list to be at least partially overlapped with the second list item, interference in browsing the list items is reduced, browsing convenience of the list is improved, and the problems in the prior art can be partially or completely solved.
Moreover, the method does not need to jump the page, can directly update the list on the current page, and has better user experience.
Based on the method in fig. 3, the examples of the present application also provide some specific embodiments of the method, and further embodiments, which are described below.
In the embodiment of the application, a user can browse all list items in a list scrolling mode, for the touch screen device, the user generally directly scrolls the list with fingers, in order to prevent the user from mistakenly moving the list items when scrolling the list, the list items can be set to be in an unmovable state by default, when the list items are in the unmovable state, the user cannot move each list item independently, all the list items can scroll only along with the scrolling of the list, and the relative positions of the lists are unchanged.
Further, if the user wants to move the list item that is originally in the unmovable state, the user can actively make the list item transition from the unmovable state to the movable state, and then move the list item. Taking the first list item in fig. 3 as an example, for step S301, before receiving a move instruction for the first list item in the list, the following steps may be further performed: receiving a movable state activation instruction for the first list item; in response to the movable state activation instruction, causing the first list item to be in a movable state. The movable state activation instruction can be issued by a user, and a specific issuing mode is not limited in the application, and two modes are listed as examples: for example, a user may issue a movable state activation instruction for a first list item by long-pressing the first list item; for another example, the user may issue the movable state activation command for the first list item by clicking on a predetermined button control (e.g., an "edit" button, etc.) in the list.
In addition, the movable state activation instruction may be directed not only to the first list item, but also to all list items. In this case, all list items are brought into the movable state in response to the movable state activation instruction.
In the embodiment of the present application, in the scenario of the background art, each list item in the list in fig. 3 has one or more items of content (each item of content may also be referred to as a content item), and what a user generally wants to hide is some content items. For step S302, moving the first list item to at least partially overlap with the second list item in the list may specifically include: and moving the first list item, wherein at least one item of content of the first list item and at least one item of content of the second list item after moving are at least partially overlapped.
It should be noted that, if the contents of the list items are not itemized, the implementation of the scheme of the present application is not affected. In this case, for step S302, moving the first list item to at least partially overlap with the second list item in the list may specifically include: and moving the first list item, wherein the moved first list item is at least partially overlapped with at least one row or column of contents of the second list item.
In this embodiment of the present application, the data reflecting the at least partial overlapping condition obtained in step S303 may be used to: the execution body determines which content items of the second list item at least partially overlap the first list item.
Further, regarding step S304, hiding a part of contents of the list items in the list according to the data may specifically include: determining contents of the second list item, wherein the overlapping degree of the contents of the second list item and the first list item is not less than a preset threshold value; hiding the determined contents and the contents of the list items except the second list item in the list, which correspond to the determined contents, or hiding only the determined contents.
The predetermined threshold may typically be 50%, i.e. at least half overlap; alternatively, the predetermined threshold may also be 100%, i.e., all overlap; and so on. It should be noted that, in practical applications, the predetermined threshold may also be represented by other non-percentage threshold, such as a height threshold, and assuming that the height of the area where a content item is located is 1 cm, the height threshold may be set to 1 cm (corresponding to 100% of the predetermined threshold) or half cm (corresponding to 50% of the predetermined threshold), and so on.
The above paragraph is one of the specific implementations of step S304, which has an advantage that it is intuitive and well understood for the user, if the user wants to hide at least one type of content items of the list items (for example, the last content item of each list item, or the same or several content items of each list item, etc.), only the first list item needs to be moved to overlap with the at least one type of content items of the second list, and then the at least one type of content items of each list are all hidden.
Of course, there may be other embodiments of step S304.
For example, the correspondence between different "at least partially overlapping cases" and contents to be hidden in such cases may be customized in advance. Presume to be customized in advance: the contents of the second list item are all overlapped with the first list item, and correspond to all contents of all list items except the list item titles. If the first list item is moved to the state that the content of the first list item is completely overlapped with the content of the second list item, all the contents of all the list items except the list item title can be hidden according to the data reflecting the complete overlap.
In this embodiment of the present application, "hide a part of contents of a list item in a list" may be performed in real time correspondingly with the progress of "the first list item moves to at least partially overlap with the second list item in the list," in which case, a user does not need to explicitly issue an instruction indicating that the first list item has been moved completely.
In another case, the user needs to explicitly issue an instruction indicating that the first list item has been moved. The execution main body does not execute the step of hiding the partial content of the list item in the list before receiving the instruction, and executes the step of hiding the partial content of the list item in the list after receiving the instruction. For example, assuming that the user moves the first list item in a dragging and moving manner, the user releases the first list item after dragging and moving the first list item in place, and an instruction indicating that the first list item has been moved can be issued through the releasing action. It should be noted that the instruction issued by the releasing action is only an example, and is not limited to the application, and the instruction may also be issued by other manners, such as clicking a predetermined button control (for example, a "complete" button) in a list.
For convenience of understanding, the embodiment of the present application provides an interaction diagram when list item content is hidden in an actual application scenario, as shown in fig. 4.
In fig. 4, the execution subject is an execution subject of the list operation method provided in the embodiment of the present application. The interaction process mainly comprises the following steps:
the execution main body displays the list, and the area of each list item of the list and the area of each content of each list item are marked so as to facilitate the operation of a user;
the user presses a certain list item (namely the first list item) area;
the execution subject activates the movable state of the list item;
the user presses the list item and moves the list item, and particularly moves the list item to be partially overlapped with the first item (namely the second list item) on the list item;
the execution subject obtains data reflecting the partial overlapping condition of the list item after moving and the previous item;
the user releases the list item to determine that the movement is complete;
the execution main body judges the content item which is overlapped with the moved list item in the content items of the previous item to a degree not less than a preset threshold value according to the obtained data;
the execution subject updates the presented list, hides the determined content item, and hides the content item corresponding to the content item in the other list items.
Further, the embodiment of the present application also provides several schematic effect diagrams corresponding to fig. 4, as shown in fig. 5a to 5 d.
Fig. 5a is a schematic diagram illustrating an effect when a movable state activation instruction is issued to a list item in an actual application scenario provided by the embodiment of the present application. In fig. 5a, the device corresponding to the execution subject is a mobile phone, the currently displayed list is a card list (that is, a card-type list), the card list has 4 list items, each list item has three contents of "title content", "time", and "distance", and the first list item is list item 4 in the card list. The user is issuing a movable state activation instruction by long pressing of the list item 4.
Fig. 5b is a schematic effect diagram of a list item in a movable state in the scenario of fig. 5a provided in the embodiment of the present application. In fig. 5b, each list item in the card list is already in a removable state. Wherein, the dotted line at the edge of the list item indicates that the list item is in a movable state.
Fig. 5c is a schematic diagram illustrating an effect of moving a list item to hide a partial content of the list item in the scenario of fig. 5b according to the embodiment of the present application. In fig. 5c, the second list item is list item 3 in the card list. Based on the user's move operation, the list item 4 is moved to overlap the "distance" content item of the list item 3, after which the user releases the list item 4 to indicate that the movement is complete.
Fig. 5d is a schematic effect diagram after partial contents of list items are hidden in the scenario of fig. 5c provided in the embodiment of the present application. In fig. 5d, after the list item 4 is moved, the "distance" content items of the list items in the card list are hidden accordingly. And, each list item is transited from the movable state to the immovable state.
In the embodiment of the application, a scheme for hiding partial content of the list item and a scheme for redisplaying the hidden content are provided correspondingly.
For step S304, after hiding a part of the content of the list item in the list according to the data, the following steps may be further performed: receiving a move redisplay instruction for a third column entry in the list; in response to the move redisplay instruction, moving the third list item in a direction away from a fourth list item of the list to redisplay hidden content of the fourth list item corresponding to the determined items of content, wherein the fourth list item is located above the third list item.
Further, after moving the third list item to the direction of the fourth list item away from the list, the following steps may be further performed: causing the hidden content of the list items other than the fourth list item in the list corresponding to the determined content items to be redisplayed.
In addition, if the list item is changed from the movable state back to the immovable state after partial content of the list item is hidden, before receiving a movement redisplay instruction for a third list item in the list, the following steps may be further performed: receiving a movable state activation instruction for the third column entry; in response to the movable state activation instruction, causing the third column entry to be in a movable state.
In this embodiment of the present application, the third list item may be any one of list items in the list, and the third list item is movable. The fourth list item is generally a list item adjacent to the third list item, so that the moving distance can be reduced.
In practical applications, when the hidden content is redisplayed, the hidden content corresponding to the departure condition may be redisplayed according to the departure condition when the third list item is moved away from the fourth list item, and the hidden content does not necessarily need to be redisplayed in its entirety.
For easy understanding, the embodiment of the present application further provides several effect diagrams of the process of redisplaying the hidden content in the scenario of fig. 5d, as shown in fig. 6a to 6 d.
Fig. 6a is a schematic diagram illustrating an effect of issuing a movable state activation instruction to a list item in which a part of content is hidden in the scenario of fig. 5d according to the embodiment of the present application. In fig. 6a, the third list item is list 3 in the card list, the fourth list item is list 2 in the card list, and the user is issuing the movable state activation instruction by long pressing list item 3.
Fig. 6b is a schematic diagram of an effect of a list item with a part of content hidden in a movable state in the scenario of fig. 6a provided in the embodiment of the present application. In fig. 6b, when the list item hiding the partial content is in the movable state, the list 3 and the list 2 are not immediately transited to the next state, which may indicate that at least the partial content of the list 2 is in the hidden state.
Fig. 6c is a schematic diagram illustrating an effect of moving a list item to redisplay a part of the content of the list item in the scenario of fig. 6b according to the embodiment of the present application. In 6c, the user moves list 3 away from list 2 (down) to redisplay the hidden "distance" content items of list 2, after which the user releases list item 3 to indicate the movement is complete.
Fig. 6d is a schematic effect diagram of the scene in fig. 6c provided in the embodiment of the present application after partial content of the list item that is hidden is redisplayed. In FIG. 6d, the user has released list item 3, causing not only the hidden "distance" content items of list 2 to be redisplayed, but also the hidden "distance" content items of other list items.
Based on the same idea, the list operation method provided in the embodiment of the present application further provides a corresponding apparatus, as shown in fig. 7.
Fig. 7 is a schematic structural diagram of a list operation apparatus corresponding to fig. 3 according to an embodiment of the present application, including:
a moving instruction receiving module 701, which receives a moving instruction for a first list item in a list, where the list has a plurality of list items;
a moving module 702, responsive to the move instruction, to move the first list item to at least partially overlap with a second list item in the list;
an obtaining module 703 for obtaining data reflecting the at least partial overlapping condition;
and a hiding module 704, configured to hide a partial content of a list item in the list according to the data.
Optionally, the apparatus further comprises:
the activation module 705 receives a movable state activation instruction for a first list item in the list before the movement instruction receiving module 701 receives a movement instruction for the first list item, and makes the first list item in a movable state in response to the movable state activation instruction.
Optionally, each list item in the list has one or more contents;
the moving module 702 moves the first list item to be at least partially overlapped with a second list item in the list, specifically including:
the moving module 702 moves the first list item, and at least one item of content of the first list item and at least one item of content of the second list item after the moving at least partially overlap.
Optionally, the hiding module 704 hides, according to the data, a part of contents of list items in the list, which specifically includes:
the hiding module 704 determines, according to the data, each item of content of the second list item, which is not less than a predetermined threshold in overlapping degree with the first list item, and hides the determined item of content and the content of the list items other than the second list item in the list, which corresponds to the determined item of content.
Optionally, the apparatus further comprises:
a redisplay module 706, receiving a moving redisplay instruction for a third column entry in the list after the hiding module 704 hides a partial content of the list entry in the list according to the data, and moving the third column entry in a direction away from a fourth column entry of the list in response to the moving redisplay instruction, so as to redisplay a hidden content of the fourth column entry corresponding to the determined contents, where the fourth column entry is located above the third column entry.
Optionally, the redisplaying module 706, after moving the third list item to the direction away from the fourth list item of the list, further causes the hidden content of the list items other than the fourth list item in the list, which corresponds to the determined content items, to be redisplayed.
Optionally, the list items in the list are card list items.
The apparatus in fig. 7 may be specifically located on a client or a server.
The device and the method provided by the embodiment of the application are in one-to-one correspondence, so the device also has the beneficial technical effects similar to the corresponding method, and the beneficial technical effects of the method are explained in detail above, so the beneficial technical effects of the device are not described again here.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.