Page interaction method, device and equipment
By responding to the sliding operation and the channel tag movement display strategy in the channel area when sliding stops, the problem of channel tag invalid display when sliding stops is solved, and the display utilization rate and display effect of channel tags are improved.
Patent Information
- Application Number
- CN202411899256.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-20
- Publication Date
- 2025-03-28
AI Technical Summary
In the channel area of the homepage of the application, due to the large number of channel tags, the channel tag may be invalid when sliding stops, resulting in wasted display space.
In response to the sliding operation, the channel tag movement display is triggered; when the sliding stops, it is determined to display the incomplete channel tag and move other channel tags to display it, so that the adjacent second channel tags are aligned with the preset position, thereby hiding the incomplete channel tag.
The display utilization rate of channel tags in the channel area is improved, the invalid display when sliding stops is avoided, and the display area and presentation effect of channel tags on the other side is increased.
Smart Images
Figure CN119718120A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of Internet technology, and in particular to a page interaction method, device and equipment. Background Art
[0002] At the top of the homepage frame of some applications, there is usually a channel area, which is used to display multiple channel labels. Users can quickly enter the page of the corresponding channel by triggering a channel label. Due to the large number of channel labels, not all channel labels may be displayed on the homepage of the application. Users can slide the channel area to view other channel labels. At present, the display method of channel labels in the channel area will result in invalid display, resulting in a waste of display space. Summary of the invention
[0003] In view of this, embodiments of the present application provide a page interaction method, apparatus, and device to improve the display utilization rate of channel labels in a channel area.
[0004] To solve the above problems, the technical solutions provided in the embodiments of the present application are as follows:
[0005] In a first aspect, an embodiment of the present application provides a page interaction method, the method comprising:
[0006] In response to a sliding operation in a channel area, triggering a plurality of channel labels in the channel area to move and display along with the sliding operation;
[0007] In response to the sliding operation being stopped, determining that an incomplete first channel label is currently displayed on a first side of the channel area;
[0008] The plurality of channel labels in the channel area are triggered to move and be displayed to align a second channel label with a first preset position in the channel area, wherein the second channel label is a channel label located at a second side of the first channel label and adjacent to the first channel label.
[0009] In a second aspect, an embodiment of the present application provides a page interaction device, the method comprising:
[0010] A first display unit, configured to respond to a sliding operation in a channel area and trigger a plurality of channel labels in the channel area to move and display along with the sliding operation;
[0011] a determining unit, configured to determine, in response to the cessation of the sliding operation, that an incomplete first channel label is currently displayed on the first side of the channel area;
[0012] The second display unit is used to trigger the multiple channel labels in the channel area to move and display to align a second channel label with a first preset position in the channel area, where the second channel label is located on the second side of the first channel label and adjacent to the first channel label.
[0013] In a third aspect, an embodiment of the present application provides a page interaction device, characterized in that it includes: a memory, a processor, and a computer program stored in the memory and executable on the processor, and when the processor executes the computer program, it implements the page interaction method as described above.
[0014] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, characterized in that instructions are stored in the computer-readable storage medium, and when the instructions are executed on a terminal device, the terminal device executes the page interaction method as described above.
[0015] It can be seen that the embodiments of the present application have the following beneficial effects:
[0016] In the embodiment of the present application, when a user triggers a sliding operation of a channel area, the multiple channel labels in the triggered channel area are moved and displayed along with the sliding operation. When the sliding operation stops, it is determined that an incomplete first channel label is currently displayed on the first side (e.g., the right side) of the channel area. The multiple channel labels in the channel area are moved and displayed so that the second channel label adjacent to the other side of the first channel label is aligned with the first preset position of the channel area. When the sliding stops, the incompletely displayed first channel label is hidden, and the second channel label and other channel labels begin to be fully displayed at the first preset position of the channel area. It is achieved that when the sliding stops, there are no invalidly displayed channel labels on the first side of the channel area, thereby increasing the display area and presentation effect on the other side (e.g., the left side) of the channel area, thereby effectively improving the display utilization rate of the channel labels in the channel area. BRIEF DESCRIPTION OF THE DRAWINGS
[0017] Figure 1 A schematic diagram of a channel area in an embodiment of the present application;
[0018] FIG2( a ) is a schematic diagram of the initial state of the channel region;
[0019] FIG2( b ) is a schematic diagram of a user sliding in a channel area;
[0020] FIG2( c ) is a schematic diagram showing the display of a channel label when the sliding operation stops in the related art;
[0021] Figure 3 A flow chart of a page interaction method provided in an embodiment of the present application;
[0022] FIG4( a ) is a schematic diagram of a first channel label in an embodiment of the present application;
[0023] FIG4( b ) is a schematic diagram showing the display of a channel label when the sliding operation stops in an embodiment of the present application;
[0024] FIG5( a ) is a schematic diagram of a first preset position in an embodiment of the present application;
[0025] FIG5( b ) is a schematic diagram of another first preset position in an embodiment of the present application;
[0026] Figure 6 A schematic diagram of a button for returning to a preset channel label in an embodiment of the present application;
[0027] FIG. 7( a ) is a schematic diagram of a third preset position in an embodiment of the present application;
[0028] FIG7( b ) is a schematic diagram of another third preset position in an embodiment of the present application;
[0029] Figure 8 This is a schematic diagram of the display of the channel area when sliding to the top of the other side of the channel area in an embodiment of the present application;
[0030] Fig. 9 A schematic diagram of a page interaction device provided in an embodiment of the present application;
[0031] Fig.10 A schematic diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0032] In order to make the above-mentioned purposes, features and advantages of the embodiments of the present application more obvious and easy to understand, the embodiments of the present application are further described in detail below in conjunction with the accompanying drawings and specific implementation methods.
[0033] In order to facilitate understanding and explanation of the technical solution provided by the embodiments of the present application, the background technology of the embodiments of the present application will be described below.
[0034] At the top of the homepage frame of some applications, there is usually a channel area, which is used to display multiple channel labels. Figure 1 , which is a schematic diagram of a channel area. In the figure, the area within the dotted box is the channel area, and the channel area is used to display multiple channel labels, such as channel 1, channel 2, etc.
[0035] The user can quickly enter the page of the corresponding channel by triggering the channel tag. Due to the large number of channel tags, the channel area on the homepage of the application may not be able to display all channel tags. The user can view other channel tags by sliding the channel area. See Figure 2(a), which shows a schematic diagram of the initial state of the channel area. When the user does not trigger the channel area, the channel tags are displayed in a preset manner in the channel area. For example, the channel tags are displayed in a right-aligned manner, where channel 7 is the channel tag displayed on the far right in the initial state. See Figure 2(b), which shows a schematic diagram of a user sliding in the channel area. As the user slides in the channel area, the channel tags move and display accordingly following the user's gesture. For example, when the user slides to the right in the channel area, multiple channel tags move to the right and display, and when the user slides to the left in the channel area, multiple channel tags move to the left and display.
[0036] When the user's sliding operation stops, that is, when the user slides the top channel area to release the gesture, the movement of the channel label stops, and the channel label is fixed and displayed at the position when the sliding operation stops. At this time, there will be channel labels on both sides of the channel area, especially the channel label currently displayed on the far right of the channel area, which are blocked and not fully displayed. See Figure 2(c), which shows a schematic diagram of the display of channel labels when the sliding operation stops. In the dotted box, channel 6 currently displayed on the far right of the channel area is blocked and not fully displayed.
[0037] Since the display of the channel labels in the top channel area completely follows the user's sliding, the movement and display of the channel labels will stop when the user stops sliding, and the display effect of the rightmost channel label cannot be guaranteed when the sliding stops, resulting in the problem of invalid display of the rightmost channel label in the channel area and waste of display space. At the same time, it also leads to the problem of smaller display area of the channel labels on the left side of the channel area. Therefore, at present, the display method of the channel labels in the channel area will have invalid display, resulting in waste of display space.
[0038] Based on this, the embodiments of the present application provide a page interaction method, device and equipment. When a user slides the top channel area, multiple channel labels in the channel area do not completely follow the user's gesture to move and display. When the user stops sliding, the first fully displayed channel label on the first side (for example, the right side) of the channel area is automatically aligned to the first preset position of the channel area. By optimizing the position of the channel labels in the top channel area when sliding stops, the problem of invalid display of channel labels on one side (for example, the right side) of the channel area is solved, the display area and presentation effect of other channel labels in the channel area are increased, and the user's operational feedback perception when sliding is enhanced.
[0039] To facilitate understanding of the embodiments of the present application, a page interaction method provided in the embodiments of the present application is described below with reference to the accompanying drawings.
[0040] See also Figure 3 As shown, this figure is a flow chart of a page interaction method provided by an embodiment of the present application. As shown in FIG2 , the method may include S301-S303:
[0041] S301: In response to a sliding operation in a channel area, a plurality of channel labels in the channel area are triggered to move and display along with the sliding operation.
[0042] The embodiment of the present application can be applied to a client, and a channel area can be displayed on the page of the client, for example, a channel area is displayed at the top of the client homepage. The channel area can display channel labels. When there are many channel labels, it may not be possible to display all the channel labels at once on the client page, that is, the total number of channel labels can be more than the number of channel labels displayed in the channel area. Each channel label can have a preset display order, and the display order, the total number of channel labels, etc. can be set according to actual usage.
[0043] In the initial state, the channel area displays channel labels in a preset manner. For example, the channel labels are displayed in a right-aligned manner in the channel area according to a preset right-to-left display order. It can be understood that the first channel label is more important in the right-to-left display order. In the initial state, the channel label is displayed on the far right of the channel area. At the same time, there may be channel labels on the other side of the channel area that are hidden and not displayed. For example, referring to FIG2(a), there are channel labels such as Channel 7, Channel 6...Channel 0 in the preset right-to-left display order. In the initial state, the first channel label Channel 7 is more important in the right-to-left display order. Channel 7 is the channel label displayed on the far right of the channel area. The channel labels on the left such as Channel 0 and Channel 1 are completely hidden and not displayed or are partially blocked.
[0044] Similarly, in the initial state, the channel labels can also be displayed in a left-aligned manner in the channel area according to a preset display order from left to right, and the first channel label in the display order from left to right is more important. The embodiment of the present application does not limit the preset method and display order of displaying channel labels in the initial state, which can be set according to actual usage.
[0045] When the user needs to view the channel labels, a sliding operation can be triggered in the channel area. When a sliding operation in the channel area is detected, multiple channel labels in the channel area can be triggered to move and display with the sliding operation. Then, with the sliding operation, multiple channel labels maintain the preset display order and move and display, and different channel labels can be displayed in the channel area. For example, in the initial state, the channel area displays channel labels from channel 1 to channel 7. As the user slides to the right in the channel area, the channel area displays channel labels from channel 0 to channel 6.
[0046] S302: In response to the sliding operation being stopped, determining that an incomplete first channel label is currently displayed on a first side of the channel area.
[0047] When the stop of the sliding operation is detected, at this time, there may be an incomplete channel label displayed on the first side of the channel area, and the channel label is determined as the first channel label. In the embodiment of the present application, the first side and the second side are two sides in opposite directions of the channel area. For example, if the first side is the right side, the second side is the left side, and if the first side is the left side, the second side is the right side. In the subsequent embodiments, the first side will be the right side and the second side will be the left side for example.
[0048] For example, in the initial state, when the channel area displays the channel labels in a right-aligned manner according to a preset right-to-left display order, it can be determined that the incomplete first channel label is currently displayed on the right side of the channel area. In the initial state, when the channel area displays the channel labels in a left-aligned manner according to a preset left-to-right display order, it can be determined that the incomplete first channel label is currently displayed on the left side of the channel area.
[0049] Referring to FIG4(a), a schematic diagram of the first channel label in an embodiment of the present application is shown. For example, when the sliding operation stops, the first channel label is in the dotted frame, and the channel label of channel 6 displayed on the far right of the channel area is not fully displayed, so the channel label of channel 6 is determined to be the first channel label.
[0050] S303: Triggering the plurality of channel labels in the channel area to move and display to align a second channel label with a first preset position of the channel area, the second channel label being a channel label located at a second side of the first channel label and adjacent to the first channel label.
[0051] The channel label adjacent to the second side of the first channel label is determined as the second channel label. Referring to FIG. 4(b), a schematic diagram of the display of channel labels when the sliding operation stops in an embodiment of the present application is shown. For example, channel 6 displayed on the far right of the channel area is the first channel label, and the channel label channel 5 adjacent to the left side of channel 6 is determined as the second channel label, and the second channel label channel 5 is shown in the dotted box. The multiple channel labels in the trigger channel area are moved as a whole to align the second channel label with the first preset position of the channel area, that is, the second channel label is automatically adsorbed to the first preset position of the channel area.
[0052] The first preset position may be an edge position of an area for displaying a channel label on the first side of the channel area. In a possible implementation, the return to preset channel label button is not displayed on the first side of the channel area, and the first preset position may be the third edge of the channel area, and the third edge may be understood as the edge of the first side of the channel area, such as the right edge of the channel area. For example, referring to FIG5(a), the dotted line position shows the first preset position, and the first preset position is the right edge of the channel area, and the multiple channel labels of the channel area are moved to the right to align the second channel label channel 5 with the right edge of the channel area. In another possible implementation, the return to preset channel label button is displayed on the first side of the channel area, and the first preset position may be the second edge of the return to preset channel label button, and the second edge may be understood as the edge of the side of the return to preset channel label button adjacent to the channel label, such as the left edge of the return to preset channel label button. For example, referring to FIG5(b), the dotted line position shows the first preset position, and the first preset position is the left edge of the return to preset channel label button, and the multiple channel labels of the channel area are moved to the right to align the second channel label channel 5 with the left edge of the return to preset channel label button. For the display of the button for returning to the preset channel label, please refer to the description of the subsequent embodiments, which will not be described here in detail.
[0053] By automatically adjusting the display position of the overall channel label, the incompletely displayed first channel label (such as channel 6) is hidden, ensuring the exposure of the channel labels on the other side to the greatest extent. For example, the channel label of channel 0 is changed from incomplete display to complete display after adjustment.
[0054] In the embodiment of the present application, when a user triggers a sliding operation of a channel area, the multiple channel labels in the triggered channel area are moved and displayed along with the sliding operation. When the sliding operation stops, it is determined that an incomplete first channel label is currently displayed on the first side (e.g., the right side) of the channel area. The multiple channel labels in the channel area are moved and displayed so that the second channel label adjacent to the other side of the first channel label is aligned with the first preset position of the channel area. When the sliding stops, the incompletely displayed first channel label is hidden, and the second channel label and other channel labels begin to be fully displayed at the first preset position of the channel area. It is achieved that when the sliding stops, there are no invalidly displayed channel labels on the first side of the channel area, thereby increasing the display area and presentation effect on the other side (e.g., the left side) of the channel area, thereby effectively improving the display utilization rate of the channel labels in the channel area.
[0055] The user triggers a sliding operation in the channel area, and multiple channel labels are displayed moving along with the sliding operation. At this time, a button for returning to the preset channel label may also be displayed at a third preset position in the channel area.
[0056] In a possible implementation, the page interaction method provided in the embodiment of the present application may further include:
[0057] In response to a sliding operation in the channel area, a button for returning to a preset channel label is triggered to be displayed at a third preset position in the channel area.
[0058] When a sliding operation of the channel area is detected, the multiple channel labels in the channel area are triggered to move and display along with the sliding operation, and a button for returning to the preset channel labels is triggered to be displayed at a third preset position of the channel area. The third preset position may be at the first side of the channel area so that the button for returning to the preset channel labels is aligned with the third edge of the channel area. Figure 6 FIG. 1 is a schematic diagram of a button for returning to a preset channel label in an embodiment of the present application. In the figure, the portion in the dotted frame is the button for returning to a preset channel label displayed at the third preset position of the channel area. For example, the button for returning to a preset channel label can be displayed at the rightmost side of the channel area, and the right edge of the button for returning to a preset channel label is aligned with the right edge of the channel area.
[0059] Triggering the return to preset channel label button can trigger the multiple channel labels in the channel area to move to the initial state to display the channel labels in a preset manner. For example, after the multiple channel labels in the channel area are moved and displayed with the sliding operation, in response to the triggering operation of the return to preset channel label button, the multiple channel labels in the channel area can be moved to display channel 7 at the far right of the channel area, and channel 7 is the first channel label in the display order from right to left.
[0060] Therefore, by returning to the preset channel label button, multiple channel labels in the channel area can be quickly moved to the initial state, and more important channel labels can be exposed and displayed.
[0061] Based on the above embodiment, the specific implementation of S302 and S303 will be further described below.
[0062] In a possible implementation, S302, in response to the cessation of the sliding operation, determining that an incomplete first channel label is currently displayed on the first side of the channel area may include:
[0063] A1: In response to the cessation of the sliding operation, a display position of a channel label in the channel area is determined.
[0064] When the channel labels in the channel area are displayed in a moving manner, the channel labels displayed in the channel area and the display positions of the displayed channel labels can be determined. When the stop of the sliding operation is detected, the display positions of the channel labels displayed in the channel area when the sliding operation stops can be determined.
[0065] A2: Determine the channel label whose display position overlaps with the second preset position of the channel area as the first channel label.
[0066] If the display position of a certain channel label overlaps with the second preset position of the channel area, it means that the display of the channel label is incomplete, and it is determined as the first channel label, thereby quickly determining the first channel label.
[0067] Among them, the second preset position may be on the first side of the channel area. In one possible implementation, the return to preset channel label button is not displayed on the first side of the channel area, and the second preset position may be the third edge of the channel area. For example, referring to FIG7(a), the dotted line position shows the second preset position, and the second preset position is the right edge of the channel area. In another possible implementation, the return to preset channel label button is displayed on the first side of the channel area, and the second preset position may be the display position of the return to preset channel label button, specifically, it may be the second edge of the return to preset channel label button. For example, referring to FIG7(b), the dotted line position shows the second preset position, and the second preset position may be the display position of the return to preset channel label button.
[0068] In a possible implementation, the specific implementation of A2 determining the channel label whose display position overlaps with the second preset position of the channel area as the first channel label may include:
[0069] The channel label whose display position overlaps with the button for returning to the preset channel label is determined as the first channel label, and the button for returning to the preset channel label is displayed at a third preset position in the channel area.
[0070] In actual application, when multiple channel labels in the triggered channel area are moved and displayed with the sliding operation, a button for returning to the preset channel label is triggered to be displayed at the third preset position in the channel area. Then, the display position of each channel label displayed in the channel area can be compared with the display position of the button for returning to the preset channel label. If the display position of a channel label overlaps with the display position of the button for returning to the preset channel label, it means that the display of the channel label is incomplete, and it is determined to be the first channel label.
[0071] By determining whether the channel label overlaps with the button for returning to the preset channel label displayed at the third preset position of the channel area, the incompletely displayed first channel label is quickly determined.
[0072] In a possible implementation, the specific implementation of S303 triggering the movement and display of multiple channel labels in the channel area to align the second channel label with the first preset position of the channel area may include:
[0073] The plurality of channel labels in the trigger channel area are moved and displayed until the second channel label is aligned with the return to preset channel label button, and the return to preset channel label button is displayed at a third preset position in the channel area
[0074] In actual application, while the multiple channel labels in the triggered channel area are moved and displayed along with the sliding operation, a button for returning to the preset channel label is triggered to be displayed at the third preset position in the channel area. Then, the multiple channel labels in the triggered channel area can be moved and displayed as a whole until the second channel label is aligned with the button for returning to the preset channel label.
[0075] In a possible implementation, the specific implementation of triggering the movement and display of multiple channel labels in the channel area until the second channel label is aligned with the return to preset channel label button may include:
[0076] The multiple channel labels in the trigger channel area are moved and displayed until a first edge of a second channel label is aligned with a second edge of a button for returning to a preset channel label.
[0077] Furthermore, the multiple channel labels in the channel area can be moved and displayed so that the first edge of the second channel label is aligned with the second edge of the return to preset channel label button. The first edge can be understood as the edge of the second channel label on the side adjacent to the return to preset channel label button. The second edge can be understood as the edge of the return to preset channel label button on the side adjacent to the channel label. For example, as shown in Figure 4(b), the right edge of the second channel label channel 5 is aligned with the left edge of the return to preset channel label button.
[0078] Thus, while displaying the button to return to the preset channel label, it can also be achieved that when sliding stops, there are no invalidly displayed channel labels on the first side (for example, the right side) of the channel area, thereby increasing the display area and presentation effect on the other side (for example, the left side) of the channel area, thereby effectively improving the display utilization rate of the channel labels in the channel area.
[0079] When the user triggers a sliding operation in the channel area, there is also a scenario in which the user slides to the top of both sides. In this scenario, the embodiment of the present application also provides a corresponding display method for the channel area.
[0080] In a possible implementation, the page interaction method provided in the embodiment of the present application may further include:
[0081] In response to the sliding operation in the channel area, when it is determined that the third channel label is fully displayed, the return to preset channel label button displayed at the third preset position in the channel area is cancelled.
[0082] When the channel labels in the channel area are moved and displayed, through the display position of the displayed channel labels, when sliding to the top of the first side of the channel area, it can be determined that the third channel label is fully displayed, and the third channel label is the first channel label displayed on the first side of the channel area according to the preset display order. For example, the preset display order from right to left includes channel labels such as Channel 7, Channel 6...Channel 0, and Channel 7 is the third channel label. At this time, the multiple channel labels in the channel area have been moved to the initial state to display the channel labels in a preset manner, and there is no need to display the button to return to the preset channel label. For example, when sliding to the top of the right side of the channel area, the third channel label Channel 7 is fully displayed, and the button to return to the preset channel label is no longer displayed, that is, the initial state of the channel area is displayed.
[0083] In a possible implementation, before determining in S302 that an incomplete first channel label is currently displayed on the first side of the channel area, the page interaction method provided in the embodiment of the present application may further include:
[0084] In response to the cessation of the sliding operation, when it is determined that the fourth channel label is completely displayed, the multiple channel labels in the channel area are stopped from being moved and displayed.
[0085] When the channel labels in the channel area are displayed, the display position of the displayed channel labels can be used to determine that the fourth channel label is fully displayed when sliding to the top of the other side of the channel area. The other side of the channel area is the side in the opposite direction of the first side of the channel area, for example, the left side of the channel area. The fourth channel label is the first channel label displayed on the other side of the channel area according to the preset display order. For example, the preset display order from right to left includes channel labels such as channel 7, channel 6...channel 0, and channel 0 is the fourth channel label.
[0086] At this time, if the sliding operation stops, the user is more inclined to keep the current display content. Even if there is an incomplete first channel label on the first side of the channel area, step S303 is not performed temporarily, but the multiple channel labels in the channel area are directly stopped from moving and displaying to avoid a gap in the display of the channel area. For example, see Figure 8 , which shows a schematic diagram of the display of the channel area when sliding to the top of the other side of the channel area. For example, the fourth channel label is channel 0, and there are no other channel labels on the left side of channel 0. When the sliding stops, channel 0 is displayed completely, that is, it has slid to the top of the left side of the channel area, and the multiple channel labels in the channel area have stopped moving and displaying. At this time, there may be an incompletely displayed channel label channel 5, and the channel labels are not moved to the right as a whole to hide channel 5.
[0087] In the embodiment of the present application, when sliding to the top of both sides of the channel area, a corresponding display mode of the channel area is provided, so that the display of the channel area is more in line with the actual needs of the user.
[0088] Those skilled in the art can understand that the schematic diagrams in the above embodiments are only examples in which the embodiments of the present application can be implemented. The scope of application of the embodiments of the present application is not limited in any aspect.
[0089] Based on a page interaction method provided by the above method embodiment, the embodiment of the present application also provides a page interaction device, which will be described below in conjunction with the accompanying drawings.
[0090] See also Fig. 9 As shown in FIG. 1 , this figure is a schematic diagram of the structure of a page interaction device provided in an embodiment of the present application. Fig. 9 As shown, the page interaction device includes:
[0091] A first display unit 901 is used for responding to a sliding operation in a channel area, triggering a plurality of channel labels in the channel area to move and display along with the sliding operation;
[0092] A determining unit 902, configured to determine, in response to the cessation of the sliding operation, that an incomplete first channel label is currently displayed on a first side of the channel area;
[0093] The second display unit 903 is used to trigger the movement and display of multiple channel labels in the channel area to align a second channel label with a first preset position in the channel area, where the second channel label is located on the second side of the first channel label and adjacent to the first channel label.
[0094] In a possible implementation manner, the determining unit includes:
[0095] a first determining subunit, configured to determine a display position of a channel label of the channel area in response to stopping the sliding operation;
[0096] The second determining subunit is configured to determine a channel label whose display position overlaps with a second preset position of the channel area as a first channel label.
[0097] In a possible implementation manner, the second determining subunit is specifically configured to:
[0098] The channel label whose display position overlaps with the button for returning to the preset channel label is determined as the first channel label, and the button for returning to the preset channel label is displayed at a third preset position of the channel area.
[0099] In a possible implementation manner, the second display unit is specifically used to:
[0100] The plurality of channel labels in the channel area are triggered to move and be displayed until the second channel label is aligned with a return to preset channel label button, and the return to preset channel label button is displayed at a third preset position in the channel area.
[0101] In a possible implementation manner, the second display unit is specifically used to:
[0102] The plurality of channel labels in the channel area are triggered to move and be displayed until a first edge of a second channel label is aligned with a second edge of a button for returning to a preset channel label.
[0103] In a possible implementation manner, the device further includes:
[0104] The third display unit is used for triggering the display of a return to preset channel label button at a third preset position in the channel area in response to a sliding operation in the channel area.
[0105] In a possible implementation manner, the device further includes:
[0106] The display cancellation unit is used to cancel the display of the return to preset channel label button at the third preset position of the channel area in response to the sliding operation in the channel area when it is determined that the third channel label is displayed completely.
[0107] In a possible implementation manner, the device further includes:
[0108] The display stopping unit is used for stopping the moving display of the plurality of channel labels in the channel area in response to stopping the sliding operation and determining that the fourth channel label is completely displayed.
[0109] An embodiment of the present application further provides a computer program product, including computer program instructions. When the computer program instructions are executed on a computer, the computer executes any of the page interaction methods described above.
[0110] Based on a page interaction method provided in the above method embodiment, the present application also provides an electronic device, including: one or more processors; a storage device, on which one or more programs are stored, when the one or more programs are executed by the one or more processors, the one or more processors implement the page interaction method described in any of the above embodiments.
[0111] Reference below Fig.10, which shows a schematic diagram of the structure of an electronic device 1300 suitable for implementing the embodiment of the present application. The terminal device in the embodiment of the present application may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (Personal Digital Assistants), PADs (portable android devices), PMPs (Portable Media Players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs (televisions), desktop computers, etc. Fig.10 The electronic device shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present application.
[0112] like Fig.10 As shown, the electronic device 1300 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1301, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1302 or a program loaded from a storage device 1306 into a random access memory (RAM) 1303. In the RAM 1303, various programs and data required for the operation of the electronic device 1300 are also stored. The processing device 1301, the ROM 1302, and the RAM 1303 are connected to each other via a bus 1304. An input / output (I / O) interface 1305 is also connected to the bus 1304.
[0113] Typically, the following devices may be connected to the I / O interface 1305: an input device 1306 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1307 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1306 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1309. The communication device 1309 may allow the electronic device 1300 to communicate with other devices wirelessly or by wire to exchange data. Although Fig.10 The electronic device 1300 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.
[0114] In particular, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 1309, or installed from the storage device 1306, or installed from the ROM 1302. When the computer program is executed by the processing device 1301, the above-mentioned functions defined in the method of the embodiment of the present application are executed.
[0115] The electronic device provided in the embodiment of the present application and the page interaction method provided in the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.
[0116] Based on a page interaction method provided by the above method embodiment, an embodiment of the present application provides a computer-readable medium on which a computer program is stored, wherein when the program is executed by a processor, the page interaction method as described in any of the above embodiments is implemented.
[0117] It should be noted that the computer-readable medium in the embodiment of the present application may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to, an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In an embodiment of the present application, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In an embodiment of the present application, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
[0118] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.
[0119] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
[0120] The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device executes the page interaction method.
[0121] The computer program code for performing the operation of the embodiment of the present application can be written in one or more programming languages or a combination thereof, and the above-mentioned programming languages include but are not limited to object-oriented programming languages-such as Java, Smalltalk, C++, and also include conventional procedural programming languages-such as "C" language or similar programming languages. The program code can be executed completely on the user's computer, partially on the user's computer, as an independent software package, partially on the user's computer and partially on the remote computer, or completely on the 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 it can be connected to an external computer (for example, using an Internet service provider to connect through the Internet).
[0122] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present application. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession 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 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 implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
[0123] The units involved in the embodiments described in this application may be implemented by software or hardware, wherein the name of the unit / module does not, in some cases, constitute a limitation on the unit itself.
[0124] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
[0125] In the context of the present application embodiment, machine-readable medium can be a tangible medium that can contain or store a program for use by an instruction execution system, device or equipment or used in combination with an instruction execution system, device or equipment. Machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. Machine-readable medium can include but is not limited to electronic, magnetic, optical, electromagnetic, infrared or semiconductor systems, devices or equipment, or any suitable combination of the above. More specific examples of machine-readable storage media can include electrical connections based on one or more lines, portable computer disks, hard disks, random access memories (RAM), read-only memories (ROM), erasable programmable read-only memories (EPROM or flash memory), optical fibers, portable compact disk read-only memories (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
[0126] It should be noted that the various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments, and the same or similar parts between the various embodiments can be referred to each other. For the system or device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part description.
[0127] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.
[0128] It should also be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the presence of other identical elements in the process, method, article or device including the elements.
[0129] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
[0130] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.
Claims
1. A page interaction method, characterized in that: The method comprises: In response to a sliding operation in a channel area, triggering a plurality of channel labels in the channel area to move and display along with the sliding operation; In response to the sliding operation being stopped, determining that an incomplete first channel label is currently displayed on a first side of the channel area; The plurality of channel labels in the channel area are triggered to move and be displayed to align a second channel label with a first preset position in the channel area, wherein the second channel label is a channel label located at a second side of the first channel label and adjacent to the first channel label.
2. The method according to claim 1, characterized in that In response to the stopping of the sliding operation, determining that an incomplete first channel label is currently displayed on the first side of the channel area includes: In response to the cessation of the sliding operation, determining a display position of a channel label of the channel area; A channel label whose display position overlaps with a second preset position of the channel area is determined as a first channel label.
3. The method according to claim 2, characterized in that The step of determining the channel label whose display position overlaps with the second preset position of the channel area as the first channel label includes: The channel label whose display position overlaps with the button for returning to the preset channel label is determined as the first channel label, and the button for returning to the preset channel label is displayed at a third preset position of the channel area.
4. The method according to any one of claims 1 to 3, characterized in that: The triggering of the plurality of channel labels in the channel area to move and display to a first preset position where the second channel label is aligned with the channel area includes: The plurality of channel labels in the channel area are triggered to move and be displayed until the second channel label is aligned with a return to preset channel label button, and the return to preset channel label button is displayed at a third preset position in the channel area.
5. The method according to claim 4, characterized in that The triggering of the plurality of channel labels in the channel area to move and display so that the second channel label is aligned with the preset channel label button includes: The plurality of channel labels in the channel area are triggered to move and be displayed until a first edge of a second channel label is aligned with a second edge of a button for returning to a preset channel label.
6. The method according to any one of claims 1 to 5, characterized in that: The method further comprises: In response to a sliding operation in the channel area, a button for returning to a preset channel label is triggered to be displayed at a third preset position in the channel area.
7. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: In response to a sliding operation in the channel area, when it is determined that the third channel label is fully displayed, the button for returning to the preset channel label displayed at the third preset position of the channel area is cancelled.
8. The method according to any one of claims 1 to 7, characterized in that: Before determining that an incomplete first channel label is currently displayed on the first side of the channel area, the method further includes: In response to the cessation of the sliding operation, when it is determined that the fourth channel label is completely displayed, the moving display of the plurality of channel labels in the channel area is stopped.
9. A page interaction device, characterized in that: The method comprises: A first display unit, configured to respond to a sliding operation in a channel area and trigger a plurality of channel labels in the channel area to move and display along with the sliding operation; a determining unit, configured to determine, in response to the cessation of the sliding operation, that an incomplete first channel label is currently displayed on the first side of the channel area; The second display unit is used to trigger the multiple channel labels in the channel area to move and display to align a second channel label with a first preset position in the channel area, where the second channel label is located on the second side of the first channel label and adjacent to the first channel label.
10. A page interaction device, characterized in that: include: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the page interaction method according to any one of claims 1 to 8 is implemented.
11. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device executes the page interaction method according to any one of claims 1 to 8.