Sliding control method and device for content list, equipment and storage medium
By determining the content page turn distance based on the detection distance in the smart wearable device and operating the sliding content list in response to the sliding control, the problem of inaccurate sliding distance control caused by improper sensitivity setting of the sliding control is solved, and the sliding distance control accuracy and display interaction effect of the content list are improved.
Patent Information
- Application Number
- CN202411879762.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-12-18
- Publication Date
- 2025-06-06
AI Technical Summary
In smart wearable devices, the sensitivity setting of the sliding control is too high or too low will lead to inaccurate sliding distance control of the sliding content list, affecting the display interaction effect.
By displaying the initial sublist of the slideable content list on the visual area of the smart wearable device, in response to the touch operation and release operation of the sliding control, the content page turning distance of the content list is determined based on the detection distance between the first edge list item of the initial sublist and the second edge list item of the content list, and slide the displayed content to the target sublist according to the distance and the sliding direction.
While ensuring the display of interactive effects, the sliding distance control accuracy of the sliding content list is improved, and the problem of poor sliding distance control caused by improper sensitivity setting is avoided.
Smart Images

Figure CN120104028A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the technical field of smart wearable devices, and in particular to a method and device for sliding control of a content list, a smart wearable device, and a computer-readable storage medium. Background Art
[0002] In recent years, smart wearable devices (such as AR glasses) have been loved by the general public. Smart wearable devices can display a variety of content such as pictures and documents. For some slidable content lists, the sliding distance of the sliding control (such as a mouse, a touch bar of AR glasses) is controlled in proportion to the sliding distance of the content list on the visible area of the smart wearable device, thereby realizing display interaction of the slidable content list (such as moving the content list up, down, left, right, etc.).
[0003] However, the inventors of the present application found in the actual research and development process that: on the one hand, if the sensitivity of the sliding control is set too high (i.e., the ratio of the sliding distance of the content list to the sliding distance of the sliding control is large), such as the sliding distance of the sliding control is 1 cm and the sliding distance of the content list is 50 cm, the sliding distance of the content list will not be easily controlled accurately. On the other hand, if the sensitivity of the sliding control is set too low (i.e., the ratio of the sliding distance of the content list to the sliding distance of the sliding control is small), such as the sliding distance of the sliding control is 1 cm and the sliding distance of the content list is 1 cm, the single sliding distance of the content list is short, and the visible area is small, so the display interaction effect of the sliding content list is not good.
[0004] It can be seen that how to improve the sliding distance control accuracy of the slidable content list while ensuring the display interaction effect has become an important focus of display interaction of smart wearable devices. Summary of the invention
[0005] The present application provides a content list sliding control method, device, smart wearable device and computer-readable storage medium, which can improve the sliding distance control accuracy of a slidable content list while ensuring the display interaction effect.
[0006] In a first aspect, the present application provides a method for sliding control of a content list, the method comprising:
[0007] Displaying an initial sub-list of the slidable content list in a visible area on the smart wearable device;
[0008] When the control point of the smart wearable device moves to the initial sub-list of the visible area, receiving a touch operation of a sliding control of the smart wearable device;
[0009] In response to a release operation of the sliding control, determining a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list;
[0010] According to the content page turning distance and the content sliding direction corresponding to the touch operation, the displayed content in the visible area is slid from the initial sub-list to the target sub-list.
[0011] In a second aspect, the present application provides a content list sliding control device, the content list sliding control device comprising:
[0012] A display unit, configured to display an initial sub-list of the slidable content list on a visible area of the smart wearable device;
[0013] a response unit, configured to receive a touch operation of a sliding control of the smart wearable device when a control point of the smart wearable device moves to an initial sub-list of the visible area;
[0014] The response unit is further configured to determine, in response to a release operation of the sliding control, a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list;
[0015] A control unit is used to slide the displayed content in the visible area from the initial sub-list to the target sub-list according to the content page turning distance and the content sliding direction corresponding to the touch operation.
[0016] In a third aspect, the present application also provides a smart wearable device, which includes a processor and a memory, wherein a computer program is stored in the memory, and when the processor calls the computer program in the memory, it executes any content list sliding control method provided in the present application.
[0017] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program is loaded by a processor to execute the content list sliding control method.
[0018] The present application displays an initial sub-list of a slidable content list on a visible area on a smart wearable device, and in response to a touch operation and a release operation of a sliding control, determines a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sub-list and a second edge list item of the content list; and slides the displayed content in the visible area from the initial sub-list to a target sub-list according to the content page turning distance and the content sliding direction. On the one hand, by determining the content page turning distance of the content list according to the detection distance between the first edge list item of the initial sublist and the second edge list item of the content list, the page turning distance of the content list can be slid according to the content page turning distance, so as to realize the sliding page turning of the content list, thereby avoiding the problem of a short single sliding distance of the content list caused by the sensitivity of the sliding control being set too low, and thus improving the display interaction effect of the slidable content list; on the other hand, by responding to the touch operation and release operation of the sliding control, the displayed content of the visible area is triggered to slide from the initial sublist to the target sublist, so that the touch operation of the sliding control can trigger the sliding of the content list, and there is no need to perform the display interaction of the slidable content list according to the sliding distance of the sliding control, thereby avoiding the problem of low control accuracy of the sliding distance of the content list caused by the sensitivity of the sliding control being set too high. Therefore, the embodiment of the present application can improve the control accuracy of the sliding distance of the slidable content list while ensuring the display interaction effect. BRIEF DESCRIPTION OF THE DRAWINGS
[0019] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.
[0020] Figure 1 It is a schematic block diagram of the structure of a smart wearable device provided in an embodiment of the present application;
[0021] Figure 2 It is a flowchart of a method for sliding control of a content list provided in an embodiment of the present application;
[0022] Figure 3 is a schematic diagram for explaining sliding up a content list provided in an embodiment of the present application;
[0023] Figure 4 is a schematic diagram for explaining the sliding down of a content list provided in an embodiment of the present application;
[0024] Figure 5 is a schematic diagram illustrating swiping left on a content list provided in an embodiment of the present application;
[0025] Figure 6is a schematic diagram illustrating right swiping of a content list provided in an embodiment of the present application;
[0026] Figure 7 This is an example process for sliding up a content list provided in an embodiment of the present application;
[0027] Figure 8 This is an example process for a content list that is scrolling down provided in an embodiment of the present application;
[0028] Fig. 9 It is a schematic diagram of the structure of an embodiment of a sliding control device for a content list provided in an embodiment of the present application. DETAILED DESCRIPTION
[0029] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of this application.
[0030] The flowcharts shown in the accompanying drawings are only examples and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps may also be decomposed, combined or partially merged, so the actual execution order may change according to actual conditions.
[0031] In the description of the embodiments of the present application, it should be understood that the terms "first" and "second" are used for descriptive purposes only and cannot be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, the features defined as "first" and "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present application, the meaning of "multiple" is two or more, unless otherwise clearly and specifically defined.
[0032] In order to enable any person skilled in the art to implement and use the present application, the following description is provided. In the following description, details are listed for the purpose of explanation. It should be understood that those of ordinary skill in the art can recognize that the present application can also be implemented without using these specific details. In other examples, the known process will not be elaborated in detail to avoid unnecessary details that make the description of the present application embodiment obscure. Therefore, the present application is not intended to be limited to the embodiments shown, but is consistent with the widest range of principles and features disclosed in accordance with the embodiments of the present application.
[0033] The embodiments of the present application provide a method, device, smart wearable device, and computer-readable storage medium for sliding control of a content list. The sliding control device of the content list can be integrated in a smart wearable device. The smart wearable device can be smart glasses, smart helmets, etc. The smart glasses can be AR (augmented reality) glasses, VR (Virtual Reality) glasses, MR (Mixed Reality) glasses, XR (eXtended Reality) glasses, etc. The smart helmet can be an AR helmet, etc.
[0034] The executor of the sliding control method of the content list in the embodiment of the present application may be the sliding control device of the content list provided in the embodiment of the present application, or a smart wearable device integrated with the sliding control device of the content list, wherein the sliding control device of the content list may be implemented in hardware or software.
[0035] Some embodiments of the present application are described in detail below in conjunction with the accompanying drawings. In the absence of conflict, the following embodiments and features in the embodiments can be combined with each other.
[0036] Figure 1 It is a schematic block diagram of the structure of a smart wearable device provided in an embodiment of the present application.
[0037] like Figure 1 As shown, the smart wearable device 100 includes a processor 101 and a memory 102, and the processor 101 and the memory 102 are connected via a bus 103, such as an I2C (Inter-integrated Circuit) bus.
[0038] Specifically, the processor 101 is used to provide computing and control capabilities to support the operation of the entire smart wearable device 100. The processor 101 can be a central processing unit (CPU), and the processor 101 can also be other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), field-programmable gate arrays (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc. Among them, the general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc.
[0039] Specifically, the memory 102 may be a Flash chip, a read-only memory (ROM) disk, an optical disk, a USB flash drive, or a mobile hard disk.
[0040] Those skilled in the art will understand that Figure 1 The structure shown in the figure is only a block diagram of a partial structure related to the embodiment scheme of the present application, and does not constitute a limitation on the smart wearable device to which the embodiment scheme of the present application is applied. The specific smart wearable device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.
[0041] The processor 101 is used to run the computer program stored in the memory 102, and implement any one of the content list sliding control methods provided in the embodiments of the present application when executing the computer program. For example, the processor 101 is used to run the computer program stored in the memory 102, and can implement the following steps when executing the computer program:
[0042] An initial sublist of a slidable content list is displayed on a visible area on a smart wearable device; when a control point of the smart wearable device moves to the initial sublist in the visible area, a touch operation of a sliding control of the smart wearable device is received; in response to a release operation of the sliding control, a content page turning distance of the content list is determined based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list; and the displayed content of the visible area is slid from the initial sublist to a target sublist according to the content page turning distance and a content sliding direction corresponding to the touch operation.
[0043] It should be noted that technicians in the relevant field can clearly understand that for the convenience and simplicity of description, the specific working process of the smart wearable device described above can refer to the corresponding process in the sliding control method embodiment of the following content list, and will not be repeated here.
[0044] In the following, Figure 1 Taking the smart wearable device shown in the figure as the execution subject of the sliding control method of the content list as an example, the sliding control method of the content list provided in the embodiment of the present application is described in detail. For the sake of simplicity and convenience of description, the execution subject will be omitted in the subsequent method embodiments.
[0045] See also Figure 2 , Figure 2 201 to 204, wherein:
[0046] 201. Display an initial sub-list of the slidable content list in a visible area on the smart wearable device.
[0047] Among them, smart wearable devices can be smart glasses, smart helmets, etc., smart glasses can be AR glasses, VR glasses, MR glasses, XR glasses, etc., and smart helmets can be AR helmets, etc.
[0048] Among them, the visible area is the display area of the smart wearable device, which is the range of virtual information that the user can see through the smart wearable device.
[0049] The content list includes m list items, the initial sublist includes n list items, and m>n.
[0050] The sublist is a collection of list items in the content list that are displayed in the visible area each time. Figure 3 As shown in (a) of FIG. 1 , it is assumed that the content list includes m=7 list items (refer to Figure 3 (a) List items 1, 2, 3, 4, 5, 6, 7), the set of list items displayed in the current visible area (reference Figure 3 In (a), list items 2, 3, 4, and 5) are sublists of the content list. Figure 3 As shown in (b) of FIG. 1 , it is assumed that the content list includes m=7 list items (refer to Figure 3 (b) List items 1, 2, 3, 4, 5, 6, 7), the set of list items displayed in the current visible area (reference Figure 3 List items 4, 5, 6, 7) in (b) are sublists of the content list.
[0051] The initial sublist refers to the sublist displayed in the visible area before sliding.
[0052] In some embodiments, the default display list items of the slidable content list (such as the first 10 lines of a document) can be used as the initial sub-list, and the initial sub-list of the slidable content list can be displayed in the visible area of the smart wearable device.
[0053] In some embodiments, the last sliding process of the content list may be completed by referring to steps 202 to 204 , and the initial sub-list may be the sub-list displayed after the last sliding is completed.
[0054] 202. When the control point of the smart wearable device moves to the initial sub-list of the visible area, receive a touch operation of a sliding control of the smart wearable device.
[0055] Among them, the specific form of the control point can be set according to the actual business scenario requirements, for example, it can be the cursor of the smart wearable device, the gaze point of the wearer of the smart wearable device (a point on the visible area where the wearer's eyes are located through their line of sight).
[0056] Among them, the specific expression form of the sliding control can be set according to the actual business scenario requirements, for example, it can be a touch bar or touch panel of a smart wearable device.
[0057] In order to better understand the embodiments of the present application, some names involved in the embodiments of the present application are first introduced below:
[0058] 1. Slide up the content list: the displayed content in the visible area of the content list moves upward. Figure 3 As shown, Figure 3 The change from (a) to (b) is the performance of sliding up the content list.
[0059] 2. Content list slides down: the displayed content in the visible area of the content list moves downward. Figure 4 As shown, Figure 4 The change from (a) to (c) is the performance of the content list sliding down.
[0060] 3. Slide the content list to the left: the content displayed in the visible area of the content list moves to the left. Figure 5 As shown, Figure 5 The change from (d) to (e) is the expression of swiping left on the content list.
[0061] 4. Slide the content list to the right: the content displayed in the visible area of the content list moves to the right. Figure 6 As shown, Figure 6 The change from (d) to (f) is the expression of swiping right on the content list.
[0062] 5. Pairing relationship "AB": means that when the sliding control is touched in the direction of A, the content list is triggered to slide in the direction of B. For example, "front-up" means that when the sliding control is touched in the forward direction, the content list is triggered to slide upward.
[0063] There are many ways to implement step 202, which include, for example:
[0064] (1) The content list can be scrolled up and down, please refer to Figure 3 or Figure 4. The touch operation mode of the sliding control can be set according to the actual business scenario requirements, corresponding to the sliding up or down of the content list. For example, when the sliding control slides forward, the content list is triggered to slide down (front-down), and when the sliding control slides backward, the content list is triggered to slide up (back-up); for another example, when the sliding control slides backward, the content list is triggered to slide down (back-down), and when the sliding control slides forward, the content list is triggered to slide up (front-up); for another example, when the sliding control slides to the left, the content list is triggered to slide down (left-down), and when the sliding control slides to the right, the content list is triggered to slide up (right-up); for another example, when the sliding control slides to the right, the content list is triggered to slide down (right-down), and when the sliding control slides to the left, the content list is triggered to slide up (left-up).
[0065] In some embodiments, it can be set that when the sliding control slides backward, the content list is triggered to slide up (back-up), and when the sliding control slides forward, the content list is triggered to slide down (front-down). At this time, if the user wants the content list to slide up, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the sliding back touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the sliding back touch operation of the sliding control. After the sliding back touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list up will be triggered (for detailed implementation, please refer to the relevant description below). If the user wants the content list to slide down, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the sliding forward touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the sliding forward touch operation of the sliding control. After the sliding forward touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list down will be triggered (for detailed implementation, please refer to the relevant description below).
[0066] In some embodiments, it can be set that when the sliding control slides to the left, the content list is triggered to slide up (left-up), and when the sliding control slides to the right, the content list is triggered to slide down (right-down). At this time, if the user wants the content list to slide up, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the left-slide touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the left-slide touch operation of the sliding control. After the left-slide touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list up will be triggered (for detailed implementation, please refer to the relevant description below). If the user wants the content list to slide down, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the right-slide touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the right-slide touch operation of the sliding control. After the right-slide touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list down will be triggered (for detailed implementation, please refer to the relevant description below).
[0067] (2) The content list can be scrolled left and right. Please refer to Figure 5 or Figure 6 The touch operation mode of the sliding control can be set according to the actual business scenario requirements, corresponding to the left or right sliding of the content list. For example, when the sliding control slides forward, the content list is triggered to slide to the right (front-right), and when the sliding control slides backward, the content list is triggered to slide to the left (back-left); for another example, when the sliding control slides backward, the content list is triggered to slide to the right (back-right), and when the sliding control slides forward, the content list is triggered to slide to the left (front-left); for another example, when the sliding control slides upward, the content list is triggered to slide to the right (up-right), and when the sliding control slides downward, the content list is triggered to slide to the left (down-left); for another example, when the sliding control slides downward, the content list is triggered to slide to the right (down-right), and when the sliding control slides upward, the content list is triggered to slide to the left (up-left).
[0068] In some embodiments, it can be set that when the sliding control slides backward, the content list is triggered to slide to the left (back-left), and when the sliding control slides forward, the content list is triggered to slide to the right (front-right). At this time, if the user wants the content list to slide to the left, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the sliding back touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the sliding back touch operation of the sliding control. After the sliding back touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list to the left will be triggered (for detailed implementation, please refer to the relevant description below). If the user wants the content list to slide to the right, the control point of the smart wearable device can be moved to the initial sub-list of the visible area first, and the sliding forward touch operation can be performed on the sliding control. At this time, the smart wearable device can receive the sliding forward touch operation of the sliding control. After the sliding forward touch operation is performed and the operation is released based on the sliding control, the process of sliding the content list to the right will be triggered (for detailed implementation, please refer to the relevant description below).
[0069] 203. In response to a release operation of the sliding control, determine a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list.
[0070] Among them, the content sliding direction refers to the movement direction of the content list that will be triggered based on the touch operation. The specific expression of the content sliding direction can be set according to the actual business scenario requirements. For example, the content sliding direction can be up or down, left or right.
[0071] Exemplarily, in response to a release operation of the sliding control, first, a first edge list item of the initial sublist and a second edge list item of the content list are determined; then, a detection distance between the first edge list item and the second edge list item is obtained; if the detection distance is greater than a maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance; if the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
[0072] There are many ways to implement step 203, which include, for example:
[0073] (1) The content slides upward. Please refer to Figure 3 At this time, the first edge list item is the bottom visible list item of the initial sublist, and the second edge list item is the bottom list item of the content list. Step 203 may specifically include the following steps 2031A to 2035A:
[0074] 2031A. Get the top position of the bottommost visible list item in the initial sublist.
[0075] 2032A. Obtain the bottom position of the bottommost list item in the content list.
[0076] 2033A. Obtain a vertical distance between the top position of the bottommost visible list item and the bottom position of the bottommost list item as the detection distance.
[0077] 2034A. If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance.
[0078] 2035A. If the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
[0079] At this time, the maximum sliding distance L2 of the visible area is the height of the visible area.
[0080] For example, Figure 3 As shown, the bottommost visible list item of the initial sublist (refer to Figure 3 The top position of list item 5 in (a) and the bottom list item in the content list (reference Figure 3 (a) is used as the vertical distance between the bottom positions of the list items 7) in (a). In some embodiments, if the detection distance L1 is greater than the maximum sliding distance L2 of the visible area, the detection distance L1 is used as the content page turning distance, and the content list in step 204 slides up the detection distance L1. Figure 3 As shown in (b) in FIG. 1 , the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0081] In some embodiments, if the detection distance L1 is less than or equal to the maximum sliding distance L2 of the visible area, the maximum sliding distance L2 is used as the content page turning distance, and the content list slides up the maximum sliding distance L2 in step 204. In this way, the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0082] (2) The content slides in the downward direction. Please refer to Figure 4 At this time, the first edge list item is the topmost visible list item in the initial sublist, and the second edge list item is the topmost list item in the content list. Step 203 may specifically include the following steps 2031B to 2035B:
[0083] 2031B. Obtain the bottom position of the topmost visible list item in the initial sublist.
[0084] 2032B. Obtain the top position of the topmost list item in the content list.
[0085] 2033B. Obtain a vertical distance between the bottom position of the topmost visible list item and the top position of the topmost list item as the detection distance.
[0086] 2034B. If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance.
[0087] 2035B. If the detection distance is less than or equal to the maximum sliding distance of the visible area, use the detection distance as the content page turning distance.
[0088] At this time, the maximum sliding distance L2 of the visible area is the height of the visible area.
[0089] For example, Figure 4 As shown, the top visible list item of the initial sublist (refer to Figure 4 The bottom position of list item 2 in (a) and the top list item in the content list (reference Figure 4 (a) is used as the vertical distance between the top positions of the list items 1) in (a). In some embodiments, if the detection distance L1 is greater than the maximum sliding distance L2 of the visible area, the detection distance L1 is used as the content page turning distance, and the content list in step 204 will slide down the detection distance L1. Figure 4 As shown in (c) in FIG. 1 , the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0090] In some embodiments, if the detection distance L1 is less than or equal to the maximum sliding distance L2 of the visible area, the maximum sliding distance L2 is used as the content page turning distance, and the content list will slide down the maximum sliding distance L2 in step 204. In this way, the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0091] (3) The content sliding direction is left sliding. Please refer to Figure 5 At this time, the first edge list item is the rightmost visible list item in the initial sublist, and the second edge list item is the rightmost list item in the content list. Step 203 may specifically include the following steps 2031C to 2035C:
[0092] 2031C. Obtain the left position of the rightmost visible list item in the initial sublist.
[0093] 2032C. Obtain the right end position of the rightmost list item in the content list.
[0094] 2033C. Obtain a horizontal distance between the left position of the rightmost visible list item and the right position of the rightmost list item as the detection distance.
[0095] 2034C. If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance.
[0096] 2035C. If the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
[0097] At this time, the maximum sliding distance L2 of the visible area is the width of the visible area.
[0098] For example, Figure 5 As shown, the rightmost visible list item in the initial sublist (refer to Figure 5 The left position of the list item 5 in (d) and the rightmost list item in the content list (reference Figure 5 (d) is used as the horizontal distance between the right end position of the list item 7) in (d). In some embodiments, if the detection distance L1 is greater than the maximum sliding distance L2 of the visible area, the detection distance L1 is used as the content page turning distance, and the content list in step 204 will slide left by the detection distance L1. Figure 5 As shown in (e) in FIG. 1 , the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0099] In some embodiments, if the detection distance L1 is less than or equal to the maximum sliding distance L2 of the visible area, the maximum sliding distance L2 is used as the content page turning distance, and the content list is slid to the left by the maximum sliding distance L2 in step 204. In this way, the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance, thereby improving the sliding experience of the content list.
[0100] (4) The content sliding direction is right sliding. Please refer to Figure 6 At this time, the first edge list item is the leftmost visible list item of the initial sublist, and the second edge list item is the leftmost list item of the content list. Step 203 may specifically include the following steps 2031D to 2035D:
[0101] 2031D. Obtain the right position of the leftmost visible list item in the initial sublist.
[0102] 2032D. Obtain the left end position of the leftmost list item in the content list.
[0103] 2033D. Obtain a horizontal distance between the right position of the leftmost visible list item and the left position of the leftmost list item as the detection distance.
[0104] 2034D. If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance.
[0105] 2035D. If the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
[0106] At this time, the maximum sliding distance L2 of the visible area is the width of the visible area.
[0107] For example, Figure 6 As shown, the leftmost visible list item in the initial sublist (refer to Figure 5 The right position of the list item 5 in (d) and the leftmost list item in the content list (reference Figure 5 (d) is used as the horizontal distance between the left end position of the list item 7) in (d). In some embodiments, if the detection distance L1 is greater than the maximum sliding distance L2 of the visible area, the detection distance L1 is used as the content page turning distance, and the content list in step 204 will slide right to the detection distance L1. Figure 6 As shown in (f) in FIG. 1 , the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0108] In some embodiments, if the detection distance L1 is less than or equal to the maximum sliding distance L2 of the visible area, the maximum sliding distance L2 is used as the content page turning distance, and the content list is slid right by the maximum sliding distance L2 in step 204. In this way, the minimum value between the detection distance L1 and the maximum sliding distance L2 can be used as the content page turning distance to improve the sliding experience of the content list.
[0109] 204 . Slide the displayed content in the visible area from the initial sub-list to the target sub-list according to the content page turning distance and the content sliding direction corresponding to the touch operation.
[0110] The target sublist refers to the sublist displayed in the visible area after sliding.
[0111] There are many ways to implement step 204, illustratively including:
[0112] (1) The content sliding direction is upward sliding. According to the content page turning distance, slide the content list upward to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the detection distance L1, please refer to Figure 3At this time, the content list will be slid upward according to the detection distance L1 to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the maximum sliding distance L2. At this time, the content list will be slid upward according to the maximum sliding distance L2 to slide the displayed content in the visible area from the initial sublist to the target sublist.
[0113] (2) The content sliding direction is downward. According to the content page turning distance, slide the content list downward to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the detection distance L1, please refer to Figure 4 At this time, the content list will be slid downward according to the detection distance L1 to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the maximum sliding distance L2. At this time, the content list will be slid downward according to the maximum sliding distance L2 to slide the displayed content in the visible area from the initial sublist to the target sublist.
[0114] (3) The content sliding direction is left sliding. According to the content page turning distance, slide the content list downward to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the detection distance L1, please refer to Figure 5 , at this time, the content list will be slid to the left according to the detection distance L1, so as to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the maximum sliding distance L2, at this time, the content list will be slid to the left according to the maximum sliding distance L2, so as to slide the displayed content in the visible area from the initial sublist to the target sublist.
[0115] (4) The content sliding direction is right sliding. According to the content page turning distance, slide the content list to the right to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the detection distance L1, please refer to Figure 6 , at this time, the content list will be slid to the right according to the detection distance L1, so as to slide the displayed content in the visible area from the initial sublist to the target sublist. In some embodiments, the content page turning distance = the maximum sliding distance L2, at this time, the content list will be slid to the right according to the maximum sliding distance L2, so as to slide the displayed content in the visible area from the initial sublist to the target sublist.
[0116] Furthermore, in some embodiments, the sliding control method of the content list also includes: detecting whether the first edge list item is the same as the second edge list item; in response to the release operation of the sliding control, if the first edge list item is the same as the second edge list item, dynamically displaying the initial sub-list in the visible area according to preset animation parameters, wherein the preset animation parameters include at least one of animation parameters for controlling the initial sub-list to rebound after sliding up a preset pixel distance as a whole, and animation parameters for controlling the initial sub-list to rebound after sliding down a preset pixel distance as a whole. When the first edge list item is the same as the second edge list item, it proves that the content list has been slid to the top or bottom. For example, when the first edge list item is the same as the second edge list item and the content sliding direction is downward, it proves that the content list has been slid to the top. At this time, an animation can be performed to move the initial sublist of the visible area downward by 40 pixels and then return to the original position. For another example, when the first edge list item is the same as the second edge list item and the content sliding direction is upward, it proves that the content list has been slid to the bottom. At this time, an animation can be performed to move the initial sublist of the visible area upward by 40 pixels and then return to the original position. In this way, when the content list has been slid to the top or bottom, the sliding restriction feedback can be triggered to prompt the user that the sliding can no longer be performed, thereby improving the interactive experience.
[0117] Further, in some embodiments, the sliding control method of the content list also includes: detecting whether the first edge list item is the same as the second edge list item; only when the first edge list item is not the same as the second edge list item, triggering the process of determining the content page turning distance in step 203; at this time, step 203 may specifically include: in response to the release operation of the sliding control, if the first edge list item is not the same as the second edge list item, determining the content page turning distance of the content list based on the detection distance between the first edge list item of the initial sub-list and the second edge list item of the content list.
[0118] To better understand the embodiments of this application, please refer to Figure 7 and Figure 8 The following takes "the smart wearable device is an AR glasses, the touch operation of sliding the sliding control forward triggers the content list to slide down (front-down), and the touch operation of sliding the sliding control backward triggers the content list to slide up (back-up)" as an example to illustrate the sliding control process of the content list, as follows:
[0119] 1. If Figure 7 As shown, when the sliding control slides backwards, the content list slides upwards (backward-upward):
[0120] Step 1.1, the user presses the sliding control of the AR glasses with his finger to perform a backward sliding touch operation, and then proceeds to step 1.2;
[0121] Step 1.2: Lift your finger (i.e. release the sliding control) and proceed to step 1.3;
[0122] Step 1.3: If the bottom of the content list has been reached, proceed to step 1.4, otherwise proceed to step 1.5;
[0123] Step 1.4: Perform sliding restriction feedback and proceed to step 1.5;
[0124] Step 1.5: If the vertical distance between the top position of the bottommost visible list item and the bottom position of the bottommost list item (i.e., the detection distance L1) is greater than the maximum sliding distance L2, proceed to step 1.6; otherwise, proceed to step 1.7;
[0125] Step 1.6: Slide up to a maximum sliding distance of L2;
[0126] Step 1.7: Slide up to detect distance L1.
[0127] 2. If Figure 8 As shown, when the sliding control slides forward and the touch operation triggers the content list to slide down (front-bottom):
[0128] Step 2.1: The user presses the sliding control of the AR glasses with his finger to perform a forward sliding touch operation and proceeds to step 2.2;
[0129] Step 2.2: Lift your finger (i.e. release the sliding control) and proceed to step 2.3;
[0130] Step 2.3: If the top of the content list has been reached, proceed to step 2.4, otherwise proceed to step 2.5;
[0131] Step 2.4: Perform sliding restriction feedback and proceed to step 2.5;
[0132] Step 2.5: If the vertical distance between the bottom position of the topmost visible list item and the top position of the topmost list item (i.e., the detection distance L1) is greater than the maximum sliding distance L2, proceed to step 2.6; otherwise, proceed to step 2.7;
[0133] Step 2.6: Slide down the maximum sliding distance L2;
[0134] Step 2.7: Slide down to detect distance L1.
[0135] From the above content, it can be seen that by displaying the initial sub-list of the slidable content list on the visible area on the smart wearable device, in response to the touch operation and release operation of the sliding control, the content page turning distance of the content list is determined based on the detection distance between the first edge list item of the initial sub-list and the second edge list item of the content list; according to the content page turning distance and the content sliding direction, the displayed content in the visible area is slid from the initial sub-list to the target sub-list. On the one hand, by determining the content page turning distance of the content list according to the detection distance between the first edge list item of the initial sub-list and the second edge list item of the content list, the page turning distance of the content list can be slid and turned according to the content page turning distance, thereby realizing the sliding page turning of the content list, thereby avoiding the problem of a short single sliding distance of the content list caused by the sensitivity of the sliding control being set too low, and further improving the display interaction effect of the slidable content list; on the other hand, by responding to the touch operation and release operation of the sliding control, the displayed content of the visible area is triggered to slide from the initial sub-list to the target sub-list, so that the touch operation of the sliding control can trigger the sliding of the content list, and there is no need to perform display interaction of the slidable content list according to the sliding distance of the sliding control, thereby avoiding the problem of low accuracy of content list sliding distance control caused by the sensitivity of the sliding control being set too high. On the third aspect, by determining the content page turning distance of the content list according to the detection distance between the first edge list item of the initial sublist and the second edge list item of the content list, the content page turning distance of the content list can be dynamically determined to avoid turning pages according to the preset maximum sliding distance, thereby avoiding sliding operation errors or poor display problems caused by the maximum sliding distance being greater than the operable sliding distance of the slidable content list. Therefore, the embodiment of the present application can improve the sliding distance control accuracy of the slidable content list while ensuring the display interaction effect.
[0136] In addition, in order to better implement the sliding control method of the content list in the embodiment of the present application, based on the sliding control method of the content list, the embodiment of the present application also provides a sliding control device for the content list, such as Fig. 9 FIG. 1 is a schematic diagram of a structure of an embodiment of a sliding control device for a content list provided in an embodiment of the present application. The sliding control device 900 for a content list includes:
[0137] A display unit 901 is used to display an initial sub-list of the slidable content list in a visible area on the smart wearable device;
[0138] A response unit 902 is configured to receive a touch operation of a sliding control of the smart wearable device when a control point of the smart wearable device moves to an initial sublist of the visible area;
[0139] The responding unit 902 is further configured to determine, in response to a release operation of the sliding control, a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list;
[0140] The control unit 903 is configured to slide the displayed content in the visible area from the initial sub-list to the target sub-list according to the content page turning distance and the content sliding direction corresponding to the touch operation.
[0141] In some embodiments, the response unit 902 is used to:
[0142] Obtaining a detection distance between the first edge list item and the second edge list item;
[0143] If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance;
[0144] In some embodiments, the response unit 902 is used to:
[0145] If the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
[0146] In some embodiments, the content sliding direction is upward sliding, the first edge list item is the bottommost visible list item of the initial sublist, and the second edge list item is the bottommost list item of the content list; the response unit 902 is used to:
[0147] Get the top position of the bottommost visible list item in the initial sublist;
[0148] Get the bottom position of the bottommost list item in the content list;
[0149] The vertical distance between the top position of the bottommost visible list item and the bottom position of the bottommost list item is obtained as the detection distance.
[0150] In some embodiments, the content sliding direction is downward, the first edge list item is the topmost visible list item of the initial sublist, and the second edge list item is the topmost list item of the content list; the response unit 902 is used to:
[0151] Get the bottom position of the topmost visible list item in the initial sublist;
[0152] Get the top position of the topmost list item in the content list;
[0153] The vertical distance between the bottom position of the topmost visible list item and the top position of the topmost list item is obtained as the detection distance.
[0154] In some embodiments, the control unit 903 is used to:
[0155] According to the content page turning distance, the content list is slid downward to slide the displayed content in the visible area from the initial sub-list to the target sub-list.
[0156] In some embodiments, the content list sliding control device further includes a reminder unit (not shown in the figure), and the reminder unit is used to:
[0157] Detecting whether the first edge list item is the same as the second edge list item;
[0158] In response to the release operation of the sliding control, if the first edge list item is the same as the second edge list item, the initial sub-list is dynamically displayed in the visible area according to preset animation parameters, wherein the preset animation parameters include at least one of animation parameters for controlling the initial sub-list to rebound after sliding up a preset pixel distance as a whole, and animation parameters for controlling the initial sub-list to rebound after sliding down a preset pixel distance as a whole.
[0159] In some embodiments, the response unit 902 is used to:
[0160] In response to a release operation of the slide control, if the first edge list item is different from the second edge list item, a content page turning distance of the content list is determined based on a detection distance between the first edge list item of the initial sublist and the second edge list item of the content list.
[0161] In specific implementation, the above units can be implemented as independent entities, or can be arbitrarily combined and implemented as the same or several entities. The specific implementation of the above units can refer to the sliding control method embodiment in the previous content list, which will not be repeated here.
[0162] A person skilled in the art will appreciate that all or part of the steps in the above-mentioned content list sliding control method may be completed by instructions, or by controlling related hardware through instructions. The instructions may be stored in a computer-readable storage medium and loaded and executed by a processor.
[0163] To this end, an embodiment of the present application provides a computer-readable storage medium, in which a plurality of computer programs are stored. The computer programs can be loaded by a processor to execute any content list sliding control method provided in the embodiment of the present application.
[0164] The computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.
[0165] In the above-mentioned content list sliding control device, computer-readable storage medium, and smart wearable device embodiments, the description of each embodiment has its own emphasis. For parts not described in detail in a certain embodiment, refer to the relevant description of other embodiments. Those skilled in the art can clearly understand that for the convenience and simplicity of description, the above-described content list sliding control device, computer-readable storage medium, smart wearable device and its corresponding units The specific working process and beneficial effects that can be brought can refer to the description of the content list sliding control method in the above embodiment, and the specific details will not be repeated here.
[0166] The above is a detailed introduction to a content list sliding control method, device, smart wearable device and computer-readable storage medium provided in an embodiment of the present application. Specific examples are used in this article to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for technical personnel in this field, according to the idea of the present application, there will be changes in the specific implementation method and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.
Claims
1. A method for sliding control of a content list, characterized in that: The method comprises: Displaying an initial sub-list of the slidable content list in a visible area on the smart wearable device; When the control point of the smart wearable device moves to the initial sub-list of the visible area, receiving a touch operation of a sliding control of the smart wearable device; In response to a release operation of the sliding control, determining a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list; According to the content page turning distance and the content sliding direction corresponding to the touch operation, the displayed content in the visible area is slid from the initial sub-list to the target sub-list.
2. The method for sliding control of a content list according to claim 1, characterized in that: The determining the content page turning distance of the content list based on the detection distance between the first edge list item of the initial sublist and the second edge list item of the content list comprises: Obtaining a detection distance between the first edge list item and the second edge list item; If the detection distance is greater than the maximum sliding distance of the visible area, the maximum sliding distance is used as the content page turning distance.
3. The method for sliding control of a content list according to claim 2, characterized in that: The method further comprises: If the detection distance is less than or equal to the maximum sliding distance of the visible area, the detection distance is used as the content page turning distance.
4. The method for sliding control of a content list according to claim 2, characterized in that: The content sliding direction is upward sliding, the first edge list item is the bottommost visible list item of the initial sublist, and the second edge list item is the bottommost list item of the content list; The obtaining the detection distance between the first edge list item and the second edge list item includes: Get the top position of the bottommost visible list item in the initial sublist; Get the bottom position of the bottommost list item in the content list; The vertical distance between the top position of the bottommost visible list item and the bottom position of the bottommost list item is obtained as the detection distance.
5. The method for sliding control of a content list according to claim 2, characterized in that: The content sliding direction is downward, the first edge list item is the topmost visible list item of the initial sublist, and the second edge list item is the topmost list item of the content list; The obtaining the detection distance between the first edge list item and the second edge list item includes: Get the bottom position of the topmost visible list item in the initial sublist; Get the top position of the topmost list item in the content list; The vertical distance between the bottom position of the topmost visible list item and the top position of the topmost list item is obtained as the detection distance.
6. The method for sliding control of a content list according to claim 5, characterized in that: The sliding of the displayed content in the visible area from the initial sub-list to the target sub-list according to the content page turning distance and the content sliding direction corresponding to the touch operation includes: According to the content page turning distance, the content list is slid downward to slide the displayed content in the visible area from the initial sub-list to the target sub-list.
7. The method for sliding control of a content list according to claim 1, characterized in that: The method further comprises: Detecting whether the first edge list item is the same as the second edge list item; In response to a release operation of the sliding control, if the first edge list item is the same as the second edge list item, dynamically displaying the initial sublist in the visible area according to preset animation parameters, wherein the preset animation parameters include at least one of an animation parameter for controlling the initial sublist to rebound after sliding up by a preset pixel distance as a whole, and an animation parameter for controlling the initial sublist to rebound after sliding down by a preset pixel distance as a whole; The step of determining, in response to the release operation of the sliding control, a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list comprises: In response to a release operation of the slide control, if the first edge list item is different from the second edge list item, a content page turning distance of the content list is determined based on a detection distance between the first edge list item of the initial sublist and the second edge list item of the content list.
8. A sliding control device for a content list, characterized in that: The sliding control device of the content list includes: A display unit, configured to display an initial sub-list of the slidable content list on a visible area of the smart wearable device; a response unit, configured to receive a touch operation of a sliding control of the smart wearable device when a control point of the smart wearable device moves to an initial sub-list of the visible area; The response unit is further configured to determine, in response to a release operation of the sliding control, a content page turning distance of the content list based on a detection distance between a first edge list item of the initial sublist and a second edge list item of the content list; A control unit is used to slide the displayed content in the visible area from the initial sub-list to the target sub-list according to the content page turning distance and the content sliding direction corresponding to the touch operation.
9. A smart wearable device, characterized in that: The method comprises a processor and a memory, wherein a computer program is stored in the memory, and when the processor calls the computer program in the memory, the method for sliding control of a content list as claimed in any one of claims 1 to 7 is executed.
10. A computer-readable storage medium, characterized in that: A computer program is stored thereon, and the computer program is loaded by a processor to execute the content list sliding control method according to any one of claims 1 to 7.