Touch interaction method and device, equipment and storage medium

Abstract

The embodiment of the invention provides a touch interaction method and device, equipment and a storage medium. The method comprises the following steps: receiving a touch operation associated with a rolling container; determining a rolling state of the rolling container based on the touch operation; in response to the scroll state indicating that a scrollable area of the scroll container reaches a target boundary of the view, detecting a touch state of the scroll container, the touch state indicating whether the touch operation is ended; determining a motion parameter associated with a preset effect area at least based on the touch state, the preset effect area being independent of a target platform for presenting the view; and based on the motion parameter, moving a preset effect area to present an edge effect associated with the rolling container in the view. Based on the mode, according to the embodiment of the invention, the customization of the edge effect can be realized by utilizing the basic touch capabilities of different platforms, so that the same edge effect can be presented on different platforms aiming at the same touch operation.

Description

Technical Field

[0001] Example embodiments of the present disclosure generally relate to the field of computers, and particularly to methods, apparatuses, devices, and computer-readable storage media for touch interaction. Background Art

[0002] With the development of computer technology, various forms of electronic devices can greatly enrich people's daily lives. For example, people can use electronic devices to perform various interactions, such as tactile interaction, etc. Among them, touch interaction means that users can achieve input and control interactions by directly touching the screen of the electronic device. Summary of the Invention

[0003] In a first aspect of the present disclosure, a method for touch interaction is provided. The method includes: receiving a touch operation associated with a scroll container; determining a scroll state of the scroll container based on the touch operation; in response to the scroll state indicating that a scrollable area of the scroll container reaches a target boundary of the view, detecting a touch state of the scroll container, where the touch state indicates whether the touch operation ends; determining motion parameters associated with a preset effect area at least based on the touch state, where the preset effect area is independent of a target platform for presenting the view; and moving the preset effect area based on the motion parameters to present an edge effect associated with the scroll container in the view.

[0004] In a second aspect of the present disclosure, an apparatus for touch interaction is provided. The apparatus includes: a receiving module configured to receive a touch operation associated with a scroll container; a first determination module configured to determine a scroll state of the scroll container based on the touch operation; a detection module configured to, in response to the scroll state indicating that a scrollable area of the scroll container reaches a target boundary of the view, detect a touch state of the scroll container, where the touch state indicates whether the touch operation ends; a second determination module configured to determine motion parameters associated with a preset effect area at least based on the touch state, where the preset effect area is independent of a target platform for presenting the view; and a moving module configured to move the preset effect area based on the motion parameters to present an edge effect associated with the scroll container in the view.

[0005] In a third aspect of the present disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory, where the at least one memory is coupled to the at least one processing unit and stores instructions for execution by the at least one processing unit. The instructions, when executed by the at least one processing unit, cause the device to execute the method of the first aspect.

[0006] In a fourth aspect of the present disclosure, a computer-readable storage medium is provided. A computer program is stored on the computer-readable storage medium, and the computer program can be executed by a processor to implement the method of the first aspect.

[0007] In a fifth aspect of the present disclosure, there is provided a computer program product. The computer program product includes computer-executable instructions that, when executed by a processor, implement the method according to the first aspect of the present disclosure.

[0008] It should be understood that the content described in this section is not intended to limit the key features or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become readily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] In conjunction with the accompanying drawings and with reference to the following detailed description, the above and other features, advantages, and aspects of the embodiments of the present disclosure will become more apparent. In the drawings, the same or similar reference numerals denote the same or similar elements, where:

[0010] Figure 1 A schematic diagram showing an example environment in which embodiments of the present disclosure can be implemented;

[0011] Figure 2A A flowchart showing the process of touch interaction according to some embodiments of the present disclosure;

[0012] Figure 2B A schematic diagram showing the relationship between a view and a scroll container according to some embodiments of the present disclosure;

[0013] Figure 3 A schematic diagram showing edge detection according to some embodiments of the present disclosure;

[0014] Figure 4 A schematic diagram showing a touch process according to some embodiments of the present disclosure;

[0015] Figure 5 A detailed schematic diagram showing a touch process according to some embodiments of the present disclosure;

[0016] Figure 6 A flowchart showing a touch process according to some embodiments of the present disclosure;

[0017] Figures 7A to 7C A schematic diagram of an interface showing a touch process according to some embodiments of the present disclosure;

[0018] Figure 8 A schematic structural block diagram showing a device for touch interaction according to certain embodiments of the present disclosure;

[0019] Figure 9 A block diagram showing an electronic device capable of implementing multiple embodiments of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0020] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although some embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. On the contrary, these embodiments are provided to more thoroughly and completely understand the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not used to limit the protection scope of the present disclosure.

[0021] It should be noted that the titles of any sections / subsections provided herein are not restrictive. Various embodiments are described throughout this document, and any type of embodiment can be included under any section / subsection. In addition, the embodiments described in any section / subsection can be combined with any other embodiments described in the same section / subsection and / or different section / subsections in any manner.

[0022] In the description of the embodiments of the present disclosure, the term "including" and its like shall be understood as an open inclusion, that is, "including but not limited to". The term "based on" shall be understood as "at least partially based on". The term "one embodiment" or "the embodiment" shall be understood as "at least one embodiment". The term "some embodiments" shall be understood as "at least some embodiments". There may also be other explicit and implicit definitions hereinafter. The terms "first", "second", etc. may refer to different or the same objects. There may also be other explicit and implicit definitions hereinafter.

[0023] The embodiments of the present disclosure may involve the user's data, data acquisition and / or use, etc. These aspects all comply with the corresponding laws, regulations and related provisions. In the embodiments of the present disclosure, all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user is aware and confirms. Correspondingly, when implementing the embodiments of the present disclosure, the types, usage scopes, usage scenarios, etc. of the data or information that may be involved should be informed to the user and the user's authorization should be obtained through appropriate means according to the relevant laws and regulations. The specific notification and / or authorization methods may vary according to the actual situation and application scenarios, and the scope of the present disclosure is not limited in this regard.

[0024] In the solutions of this specification and embodiments, if personal information processing is involved, it will be processed on the premise of having a legal basis (such as obtaining the consent of the personal information subject, or being necessary for performing a contract, etc.), and will only be processed within the specified or agreed scope. If the user refuses to process personal information other than the necessary information required for the basic functions, it will not affect the user's use of the basic functions.

[0025] Traditionally, each device (platform) can present an edge effect based on its own basic touch system, where the touch system can include touchStart, touchMove, touchEnd, etc. However, for the same touch operation on different platforms, the corresponding presentation logic of the edge effect is different, and some edge effects that can be presented on certain platforms may not be presented on other platforms at all.

[0026] Embodiments of the present disclosure propose a touch interaction solution. According to this solution, a touch operation associated with a scroll container is received; based on the touch operation, the scrolling state of the scroll container is determined; in response to the scrolling state indicating that the scrollable area of the scroll container reaches the target boundary of the view, the touch state of the scroll container is detected, where the touch state indicates whether the touch operation ends; at least based on the touch state, motion parameters associated with a preset effect area are determined, and the preset effect area is independent of the target platform for presenting the view; and based on the motion parameters, the preset effect area is moved to present an edge effect associated with the scroll container in the view.

[0027] Since the preset effect area is only related to the scroll container itself and has nothing to do with the target platform for presenting the view, based on this approach, embodiments of the present disclosure can utilize the basic touch capabilities of different platforms to customize the edge effect, thereby ensuring that for the same touch operation, the same edge effect can be presented on different platforms.

[0028] Example environment

[0029] Figure 1 A schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented is shown. As Figure 1 shown, the example environment 100 may include an electronic device 110.

[0030] In this example environment 100, the electronic device 110 may run an application 120 that supports interface interaction. The application 120 can be any suitable type of application for interface interaction, and its examples may include, but are not limited to: video applications, social applications, or other suitable applications.

[0031] In Figure 1 the environment 100, if the application 120 is in an active state, the application 120 can provide a presentation interface 150 for the user 140.

[0032] It should be noted that the interface 150 can be not only the interface presented based on the application 120, but also any suitable interface such as a browser interface, a desktop, etc. (not shown in the figure), which will not be elaborated here.

[0033] The electronic device 110 can update the interactive content presented in the interface 150 in response to receiving a touch operation of the user 140 on the interface 150. The touch operation can be any appropriate operation, such as a click operation, a swipe operation, a zoom operation, etc. As an example, the touch operation can be an operation of swiping the interface 150 in a predetermined direction, such as an upward swipe interface operation, a downward swipe interface operation, etc.

[0034] In some embodiments, the electronic device 110 can present a corresponding edge effect in response to receiving a touch operation indicating that the user slides to the boundary of the view and continues to slide in a direction away from the content included in the view. The edge effect can be any appropriate effect, such as a sticky bounce effect, an effect of presenting predetermined visual content, etc., which will not be elaborated here.

[0035] In some embodiments, the electronic device 110 can correspond to any appropriate operating system.

[0036] It should be noted that for each device or each platform (including the electronic device 110) corresponding to different operating systems, for the same touch operation, each platform can present the same edge effect or different edge effects, which can be configured according to requirements.

[0037] As an example, in order to ensure that each platform can present the same edge effect for the same touch operation, the present disclosure can use the engine corresponding to the cross-platform framework to generate effect generation instructions that can be supported and executed by each platform based on the touch positions obtained for each platform. Furthermore, each platform can present the corresponding edge effect based on the obtained effect generation instructions. It should be noted that the engine corresponding to the cross-platform framework can generate the same motion parameters using the same motion curve based on the touch positions of each platform, and then generate effect generation instructions that can achieve the same edge effect based on the same motion parameters. As another example, the edge effects corresponding to each platform can also be personalized according to requirements. For example, when corresponding to the same touch operation, different motion parameters can be generated based on different motion curves, and then effect generation instructions that can achieve different edge effects can be generated based on different motion parameters.

[0038] In some embodiments, the electronic device 110 communicates with the server 130 to implement the supply of services for the application 120. The electronic device 110 can be any type of device with a display device, such as a mobile terminal, a fixed terminal, or a portable terminal, including mobile phones, desktop computers, laptop computers, notebook computers, netbook computers, tablet computers, media computers, multimedia tablets, handheld computers, portable game terminals, VR / AR devices, Personal Communication System (PCS) devices, personal navigation devices, Personal Digital Assistant (PDA), audio / video players, digital cameras / camcorders, positioning devices, television receivers, radio broadcast receivers, e-book devices, game devices, or any combination of the foregoing, including accessories and peripherals of these devices or any combination thereof. In some embodiments, the electronic device 110 can also support any type of interface for the target user (such as a "wearable" circuit, etc.).

[0039] The server 130 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks, and big data and artificial intelligence platforms. The server 130 can include, for example, a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, and so on. The server 130 can provide background services for the application 120 that supports interface interaction in the electronic device 110.

[0040] A communication connection can be established between the server 130 and the electronic device 110. The communication connection can be established by wired or wireless means. The communication connection can include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus (USB) connection, a Wireless Fidelity (WiFi) connection, etc., and the embodiments of the present disclosure are not limited in this regard. In the embodiments of the present disclosure, the server 130 and the electronic device 110 can implement signaling interaction through the communication connection therebetween.

[0041] It should be understood that the structures and functions of the various elements in the environment 100 are described only for exemplary purposes, without implying any limitation on the scope of the present disclosure.

[0042] Some exemplary embodiments of the present disclosure will be described below with continued reference to the accompanying drawings.

[0043] Example process

[0044] Figure 2A The flowchart of process 200A for touch interaction according to some embodiments of the present disclosure is shown. Process 200A may be implemented at the electronic device 110. The following refers to Figure 1 Describe process 200A.

[0045] In block 210, the electronic device 110 receives a touch operation associated with a scroll container.

[0046] In some embodiments, the touch operation may be an interaction operation performed by a user touching a display device with any suitable tool. The tool may be a finger, a stylus, etc., which will not be elaborated here. The touch operation may be any suitable operation, such as a click operation, a swipe operation, a zoom operation, etc. As an example, the touch operation may be an operation of swiping up the display device or swiping down the display device.

[0047] In some embodiments, the electronic device 110 may control the corresponding scroll operation of the scroll container in response to receiving a touch operation input by the user. As a user interface element, the user can control the scroll of the scroll container by inputting a touch operation, thereby updating the content presented in the interface. Specifically, the view may include a plurality of contents that can be presented on the interface. The electronic device may trigger the scroll container to move (also referred to as scroll) in a preset direction based on the received touch operation, so that the content corresponding to the view area in the scroll container is presented on the interface to achieve the update of the interface content.

[0048] In some embodiments, the present disclosure may control the update of the interface content by one or more scroll containers. When there are multiple scroll containers, they may control the content presented in the interface separately or simultaneously.

[0049] Take Figure 2B As an example, the view 203 includes a plurality of contents such as content 203-1, content 203-2, content 203-3, content 203-4, and content 203-5. When the scroll container 204 slides, the content included in the intersection of the view 203 and the slidable area of the sliding container will be updated.

[0050] In block 220, the electronic device 110 determines the scroll state of the scroll container based on the touch operation.

[0051] In some embodiments, the scrolling state can be any suitable state that can indicate the positional relationship between the scrolling container and the view. For ease of description, this disclosure takes the scrolling container as a vertical scrolling container (i.e., the scrolling container can move up and down) as an example. It should be noted that the scrolling container can also be other types of containers such as a horizontal scrolling container, and this disclosure does not specify the type of the scrolling container.

[0052] As an example, the scrolling state can indicate that the scrollable area of the scrolling container reaches the upper boundary of the view, the scrollable area reaches the lower boundary of the view, the scrollable area is located in the normal scrollable area corresponding to the view (i.e., neither reaching the upper boundary nor the lower boundary of the view), and so on.

[0053] To accurately determine the scrolling state corresponding to the scrolling container, in some embodiments, the electronic device 110 can insert exposure detection nodes at the boundaries of the view. For example, the electronic device 110 can insert exposure detection nodes at the upper boundary and / or the lower boundary of the view to detect the scrolling state of the scrolling container. Specifically, the electronic device 110 can determine the exposure state corresponding to the exposure detection nodes set at at least one boundary of the view based on a touch operation. The exposure state indicates whether the exposure detection node is visible. Specifically, when the scrollable area of the scrolling container reaches the boundary of the view, the exposure state corresponding to the exposure detection node set at this boundary is a visible state, that is, the exposure detection node enters the visible area.

[0054] Furthermore, the electronic device 110 can determine the scrolling state of the scrolling container based on the exposure state. Specifically, the electronic device 110 can determine that the scrolling state of the scrolling container indicates that the scroll area reaches this boundary of the view in response to the exposure state indicating that the exposure state corresponding to the exposure detection node set at a certain boundary is a visible state. The electronic device 110 can determine that the scrolling state of the scrolling container indicates that the scroll area does not reach this boundary of the view in response to the exposure state indicating that the exposure state corresponding to the exposure detection node set at a certain boundary is an invisible state.

[0055] Take Figure 2BAs an example, the electronic device 110 may insert an exposure detection node 201 at the upper boundary of the view 203 and insert an exposure detection node 202 at the lower boundary of the view 203. As an example, when the scrollable area of the scroll container 204 scrolls to the exposure detection node 201, the electronic device 110 may determine that the exposure state corresponding to the exposure detection node 201 is in a visible state. Further, the electronic device 110 may determine that the scrollable area of the scroll container 204 reaches the upper boundary of the view 203. When the scrollable area of the scroll container 204 does not scroll to the exposure detection node 202, the electronic device 110 may determine that the exposure state corresponding to the exposure detection node 202 is in an invisible state. Further, the electronic device 110 may determine that the scrollable area of the scroll container 204 does not reach the lower boundary of the view 203.

[0056] In some other embodiments, the electronic device 110 may determine a predetermined scroll event triggered when the scrollable area of the scroll container reaches the boundary of the view based on a touch operation. For example, when the scrollable area of the scroll container reaches the upper boundary of the view, the electronic device 110 may determine that the scroll container triggers an event of the upper boundary. When the scrollable area of the scroll container reaches the lower boundary of the view, the electronic device 110 may determine that the scroll container triggers an event of the lower boundary. Further, the electronic device 110 may determine the scroll state of the scroll container based on the scroll event.

[0057] It should be noted that the electronic device 110 may determine the timing when the scroll container triggers the boundary based on the detection mechanism corresponding to its own operating system, and send an event that the scroll container reaches the boundary of the view at this timing.

[0058] In block 230, in response to the scroll state indicating that the scrollable area of the scroll container reaches the target boundary of the view, the electronic device 110 determines the touch state of the scroll container, and the touch state indicates whether the touch operation ends.

[0059] In some embodiments, the target boundary may be any appropriate boundary, such as the upper boundary and / or the lower boundary of the view, etc.

[0060] In some embodiments, the scroll container has a certain shape, such as a rectangular scroll container or a circular scroll container. The scrollable area corresponding to the scroll container is the area formed by the shape corresponding to the scroll container (such as a rectangular area or a circular area), and the content included in the intersection part of this area and the view is the content presented in the interface.

[0061] In some embodiments, the trigger state may indicate the end or non - end of a touch operation. The end of a touch operation indicates that the user no longer touches the display device with tools such as fingers or styli for interactive operations. The non - end of a touch operation indicates that when the scrollable area of the scroll container reaches the boundary of the view, the user continues to touch the display device with tools such as fingers or styli for interactive operations.

[0062] Due to the real - time and uncontrollable nature of touch operations, in order to improve the accuracy of touch interaction and enhance the user experience, in some embodiments, the electronic device 110 may periodically detect the touch state of the scroll container after the scrollable area of the scroll container reaches the target boundary of the view. For example, the electronic device 110 may use the display time interval corresponding to every two frames of images as the cycle length for detecting the touch state, and the display time interval can be set according to requirements. It should be noted that the edge effect is a dynamic effect formed by displaying based on multiple consecutive frames of images.

[0063] Since the scroll container may get stuck and unable to move, if the scroll container is stuck and cannot move, it cannot support the presentation of the edge effect. Therefore, in order to improve the accuracy of the edge effect presentation, after determining the scroll state of the scroll container, before presenting the edge effect based on the scroll state, the electronic device 110 may determine whether the scroll container has a stuck problem, and then determine that it can support the presentation of the edge effect when the scroll container is not stuck.

[0064] Figure 3 A schematic diagram of edge detection according to some embodiments of the present disclosure is shown, and the following is an explanation for Figure 3 this.

[0065] In block 310, the electronic device 110 determines the scroll state of the scroll container.

[0066] In some embodiments, the scroll states corresponding to the scroll container may include: reaching the upper and lower boundaries, reaching the upper boundary, reaching the lower boundary, and not reaching the upper and lower boundaries.

[0067] As an example, the electronic device 110 can, in response to determining that the scrolling state of the scrolling container reaches the upper and lower boundaries, perform the operations in block 320 to further determine whether the scrolling container itself does not support scrolling due to the relationship between the size of the scrolling container and the size corresponding to the view. As another example, the electronic device 110 can, in response to determining that the scrolling state of the scrolling container reaches the upper boundary, perform the operations in block 330, that is, determine whether the scrolling container can support further upward movement. As another example, the electronic device 110 can, in response to determining that the scrolling state of the scrolling container reaches the lower boundary, perform the operations in block 340, that is, determine whether the scrolling container can support further downward movement.

[0068] It should be noted that if the scrolling state of the scrolling container does not reach the upper and lower boundaries, it means that the scrolling container is in a normal scrolling state, and it scrolls within the normal scrolling area (the area corresponding to the content included in the view), and there is no operation to trigger the boundary and present the edge effect.

[0069] In block 320, the electronic device 110 determines whether the size of the view is not greater than the size of the scrollable area.

[0070] As an example, if the size of the view is not greater than the size of the scrollable area, it means that the content included in the view has always been within the scrollable area of the scrolling container. At this time, the scrolling container cannot scroll. Therefore, the electronic device 110 can determine that the scrolling container is stuck and does not need to perform subsequent operations to present the edge effect.

[0071] As another example, if the size of the view is greater than the size of the scrollable area, it means that the scrolling container can scroll at this time, and thus can support updating the content presented in the interface as the scrolling container scrolls. Therefore, the electronic device 110 can further perform the operations in block 330 and block 340.

[0072] In block 330, the electronic device 110 determines whether the scrolling container is still scrolling upward.

[0073] As an example, the electronic device 110 can, in response to determining that the scrolling container is still scrolling upward, determine that it can support the edge effect of downward springback. As another example, the electronic device 110 can, in response to determining that the scrolling container is not scrolling upward, determine that the scrolling container is stuck and does not support the edge effect of downward springback.

[0074] Downward springback means springing the scrolling container downward into the boundary of the view so that its corresponding scrollable area does not exceed the boundary of the view. It should be noted that in addition to downward springback, the edge effect can also be any other appropriate effect, which will not be elaborated here.

[0075] At block 340, the electronic device 110 determines whether the scroll container is still scrolling downwards.

[0076] As an example, in response to determining that the scroll container is still scrolling downwards, the electronic device 110 may determine an edge effect that supports upward springback. As another example, in response to determining that the scroll container is not scrolling downwards, the electronic device 110 may determine that the scroll container is stuck and does not support an edge effect of upward springback.

[0077] Upward springback means springing the scroll container upwards within the boundaries of the view so that its corresponding scrollable area does not exceed the boundaries of the view. It should be noted that the edge effect can be other appropriate effects in addition to upward springback, which will not be elaborated here. Additionally, the direction of springback can be opposite to the touch direction corresponding to the user's touch operation. For example, when the user swipes upwards on the display device causing the scrollable area to exceed the upper boundary of the view, the springback direction can be downwards.

[0078] Returning to Figure 2A At block 240, the electronic device 110 determines motion parameters associated with a preset effect area based at least on the touch state, where the preset effect area is independent of the target platform used to present the view.

[0079] In some embodiments, the motion parameters may indicate the motion behavior corresponding to the preset effect area, such as the acceleration of the motion, the deceleration of the motion, the final position reached by the motion, the distance moved in a predetermined direction, etc.

[0080] In some embodiments, the preset effect area is the basis for implementing the edge effect and is associated with the scroll container. Specifically, the edge effect generated when the scrollable area of the scroll container reaches the view boundary can be achieved by moving the preset effect area, to prompt the user that there is no other content above or below the current interface that can be displayed on the interface.

[0081] In some embodiments, the preset effect area can be independent of the target platform corresponding to the platform layer (e.g., a specific operating system), and it can be irrelevant to the target platform corresponding to the platform layer. Since the preset effect area is platform-independent, the present disclosure can customize the edge effect based on the basic touch capabilities of different platforms. For example, different platforms can present the same edge effect for the same touch operation, and different platforms can also present different edge effects for the same touch operation.

[0082] In some embodiments, the preset effect area may be configured to present preset visual content, where the visual content may be a background image or a preset background color, etc. In some embodiments, the preset effect area corresponds to a preset size, that is, the electronic device cannot infinitely move the preset effect area to achieve an edge effect. In some embodiments, the preset effect area is located above and / or below the scroll container. When the preset effect area is located above the scroll container, the present disclosure can achieve the edge effect corresponding to the upper boundary (top). When the preset effect area is located below the scroll container, the present disclosure can achieve the edge effect corresponding to the lower boundary (bottom). When the preset effect area is located above and below the scroll container, the present disclosure can achieve both the edge effect of the upper boundary and the edge effect corresponding to the lower boundary.

[0083] When the touch operation input by the user has not ended, in order to ensure that the content or effect presented by the electronic device can adapt to the speed and distance of the user's touch, the electronic device can perform follow - hand scrolling in response to the touch operation not ending. Follow - hand scrolling means that the user directly controls the movement of the preset effect area on the display device through gestures (such as swiping), and the movement action follows the user's gesture immediately to provide instant feedback. Specifically, the electronic device 110 can determine the motion parameters associated with the preset effect area based on the touch operation and the first motion curve in response to the touch state indicating that the touch operation has not ended. As an example, taking the motion parameter as the translation distance, the first motion curve can indicate the relationship between time and the translation distance corresponding to the preset effect area or the relationship between the touch displacement and the translation distance corresponding to the preset effect area. In some embodiments, the first motion curve is associated with the motion of the preset effect area in the first direction, and the first direction is the same as the scrolling direction of the scroll container. For example, in response to the scroll container scrolling upward, the first motion curve is associated with the upward motion of the preset effect area. Specifically, the motion parameter determined based on the first motion curve can indicate the displacement of the preset effect area moving upward. It should be noted that the more the preset effect area moves upward, the more visual content corresponding to the preset effect area is presented in the view.

[0084] In some embodiments, the first motion curve can be any suitable curve, such as a linear curve, a Bezier curve, a curve corresponding to a rubber - band effect, an eplison curve, etc.

[0085] As an example, the formula corresponding to the curve with a rubber - band effect can be as follows:

[0086]

[0087] where y represents the translation distance, x represents the time, c represents the spring stiffness, and d ensures the maximum size of the edge area.

[0088] For ease of description, taking the example where the first motion curve indicates the touch displacement and the translation distance corresponding to a preset effect area, the electronic device 110 may determine the first touch position information detected in the previous cycle and the second touch position information detected in the current cycle based on the touch operation, where the first touch position information and the second touch position information may be the position information of the touch points detected in two adjacent cycles on the display device. Further, the electronic device 110 may determine a touch vector based on the first touch position information and the second touch position information. Further, the electronic device 110 may determine the translation distance corresponding to the preset effect area based on the touch vector and the first motion curve.

[0089] When the touch operation corresponding to the user ends, the electronic device may perform a rebound motion to present a visual feedback to the user that the displayed content has reached the limit. The rebound motion means that when the user tries to scroll or drag the content beyond its boundary, the content will temporarily exceed the boundary and then rebound back into the boundary like a spring. Specifically, the electronic device may determine the motion parameters associated with the preset effect area based on the second motion curve in response to the touch state indicating the end of the touch operation. As an example, taking the motion parameter as the translation distance, the first motion curve may indicate the relationship between time and the translation distance corresponding to the preset effect area. In some embodiments, the second motion curve is associated with the motion of the preset effect area in the second direction, and the second direction is opposite to the scrolling direction of the scrolling container. For example, in response to the scrolling direction of the scrolling container being upward, the second motion curve is associated with the downward motion of the preset effect area. Specifically, the motion parameter determined based on the second motion curve may indicate the displacement of the preset effect area moving downward. It should be noted that the lower the preset effect area moves, the less visual content corresponding to the preset effect area presented in the view, and the closer it is to rebounding back into the boundary.

[0090] For ease of description, taking the example where the second motion curve indicates the translation distance corresponding to the time and the preset effect area, the electronic device 110 may determine the first touch position information detected in the previous cycle and the second touch position information detected in the current cycle based on the touch operation. Further, the electronic device 110 may determine a touch vector based on the first touch position information and the second touch position information. The electronic device 110 may also determine the time interval between the first time when the first touch position is obtained and the second time when the second touch position is obtained, and this time interval is equivalent to the cycle length corresponding to the periodic detection. Further, the electronic device 110 may determine the translation distance corresponding to the preset effect area based on the time interval, the predetermined total time interval, and the second motion curve. The predetermined total time interval represents the maximum value of the time required to complete the bounce operation. It should be noted that based on this second motion curve, the bounce motion can be ensured to be completed within the predetermined total time interval.

[0091] Since there is still a certain rolling speed of the scrolling container when the touch operation ends, in order to improve the rendering quality of the edge effect, when the electronic device 110 determines that the touch operation ends and the rolling speed of the scrolling container is greater than the threshold, it can simulate the inertial behavior of an object in the real world to control the preset effect area to move a certain distance along the direction of the user's touch until it stops. At this time, with the execution of the inertial scrolling of the scrolling container, the corresponding rolling speed becomes lower and lower.

[0092] Specifically, the electronic device 110 may determine the rolling speed of the scrolling container in response to the end of the touch operation. As an example, the electronic device 110 may determine the first touch position information detected in the previous cycle and the second touch position information detected in the current cycle based on the touch operation. Further, the electronic device 110 may determine a touch vector based on the first touch position information and the second touch position information. The electronic device 110 may also determine the time interval between the first time when the first touch position is obtained and the second time when the second touch position is obtained, and this time interval is equivalent to the cycle length. Further, the electronic device 110 may determine the rolling speed of the scrolling container based on the touch vector and the time interval.

[0093] In some embodiments, the electronic device 110 may determine the motion parameters associated with the preset effect area based on the second motion curve in response to the rolling speed being less than or equal to the threshold, that is, when the rolling speed is less than or equal to the threshold, the bounce motion can be directly executed. The threshold may be 0 or any other appropriate value.

[0094] In some other embodiments, the electronic device 110 may, in response to the rolling speed being greater than a threshold, determine motion parameters associated with a preset effect area based on a third motion curve. As an example, the third motion curve may indicate the relationship between the rolling speed and time interval corresponding to the previous detection period and the rolling speed corresponding to this detection period. Further, based on the rolling speed and time interval corresponding to this detection period, the translation distance (motion parameter) of the rolling container corresponding to this detection period may be determined. The present disclosure may consume the rolling speed of the rolling container based on the third motion curve, that is, moving the preset effect area based on the third motion curve may continuously reduce the rolling speed of the rolling container. Since the direction of inertial motion is the same as the rolling direction of the rolling container, the third motion curve is associated with the motion of the preset effect area along a third direction, and the third direction is the same as the rolling direction of the rolling container. For example, in response to the rolling direction of the rolling container being upward, the third motion curve is associated with the upward motion of the preset effect area. Specifically, the motion parameters determined based on the third motion curve may indicate the displacement of the preset effect area moving upward. It should be noted that the more the preset effect area moves upward, the more visual content corresponding to the preset effect area is presented in the view.

[0095] As an example, the electronic device 110 may determine a first speed of the rolling container detected in the previous period based on a touch operation. Further, the electronic device 110 may determine a second speed of the rolling container corresponding to the current period based on the first speed of the rolling container, the time interval, and the third motion curve. Further, the electronic device may determine the translation distance corresponding to the preset effect area based on the second speed and the time interval.

[0096] In block 250, the electronic device 110 moves the preset effect area based on the motion parameters to present an edge effect associated with the rolling container in the view.

[0097] As an example, the electronic device 110 may set a translate property for the rolling container based on the motion parameters so that the rolling container can be moved in a target direction. At this time, the preset effect area moves synchronously with the rolling container in the target direction, that is, the electronic device 110 may synchronously move the preset effect area and the rolling container based on the motion parameters to present the corresponding edge effect in the view.

[0098] Figure 4 FIG. shows a schematic diagram of a touch process according to some embodiments of the present disclosure, and will now be described with respect to Figure 4 for illustration.

[0099] In block 401, the electronic device 110 may control the movement of the rolling container based on a touch operation input by the user.

[0100] As an example, the electronic device 110 may perform the operation of block 402 (not shown in the figure) in response to the scrolling container not reaching the boundary of the view and the touch not ending. At this time, the scrolling container scrolls in the normal scrolling area (including the area corresponding to the view of the content), without involving the problem of reaching the boundary, so it can perform follow - hand scrolling.

[0101] As another example, the electronic device 110 may perform the operation of block 402 in response to the scrolling container reaching the boundary of the view and the touch operation not ending.

[0102] As an example, the electronic device 110 may perform the operation of block 403 in response to the touch ending when the scrolling container has not reached the boundary of the view and the scrolling speed of the scrolling container is not 0. At this time, the scrolling container scrolls in the normal scrolling area (including the area corresponding to the view of the content), without involving the problem of reaching the boundary, and it can imitate the inertia of an object to perform inertial scrolling.

[0103] In block 402, the electronic device 110 performs follow - hand scrolling of touch movement.

[0104] As an example, the electronic device 110 may determine the scrolling speed of the scrolling container in response to the completion of follow - hand scrolling (i.e., after the touch operation ends).

[0105] Further, the electronic device 110 may perform the operation of block 404 in response to determining that the scrolling speed of the scrolling container is 0, that is, at this time the scrolling container does not have inertia and can directly perform a rebound movement. The electronic device 110 may perform the operation of block 403 in response to determining that the scrolling speed of the scrolling container is not 0, that is, at this time it can imitate the inertia of an object to perform inertial scrolling.

[0106] In block 403, the electronic device 110 performs inertial scrolling of touch movement.

[0107] In some embodiments, when the electronic device performs inertial scrolling, the moving direction of the scrolling container or the preset effect area is the same as the sliding direction corresponding to the user's touch operation.

[0108] As an example, the electronic device 110 may perform the operation of block 404 in response to the inertial scrolling consuming the scrolling speed of the scrolling container, that is, the scrolling speed corresponding to the scrolling container drops to 0.

[0109] As an example, the electronic device 110 may abort the execution of inertial scrolling and perform the operation of block 402 in response to receiving a new touch operation before the inertial scrolling ends (i.e., before the scrolling speed of the scrolling container has not been consumed or the scrolling speed corresponding to the scrolling container has not dropped to 0).

[0110] At block 404, the electronic device 110 performs a bounce-back motion.

[0111] In some embodiments, when the electronic device performs a bounce-back motion, the moving direction of the scrolling container or a preset effect area is opposite to the sliding direction corresponding to the user's touch operation.

[0112] As an example, the electronic device 110 may, in response to receiving a new touch operation before the bounce-back motion ends, abort the execution of the bounce-back motion and perform the operation of block 402.

[0113] In some embodiments, when the bounce-back motion ends, the preset effect area is not presented in the view.

[0114] Figure 5 A detailed schematic diagram of a touch process according to some embodiments of the present disclosure is shown, and now it will be described with respect to Figure 5 this.

[0115] At block 510, the electronic device 110 may determine that a touch operation starts.

[0116] In some embodiments, the electronic device 110 may receive a touch operation input by the user and associated with a scrolling container, and this touch operation may be input by the user sliding the display device of the electronic device 110.

[0117] At block 520, the electronic device 110 performs a touch movement based on the touch operation.

[0118] In some embodiments, the touch movement is also a follow-finger scroll. As an example, the electronic device 110 may, in response to the touch operation not ending, perform a follow-finger scroll.

[0119] Specifically, the electronic device 110 may determine a touch vector based on two touch position information detected in two adjacent periods detected by periodic detection. Further, the electronic device 110 may determine a time interval (duration) based on the acquisition times of these two touch positions. Further, the electronic device 110 may determine a scrolling speed (velocity) corresponding to the scrolling container based on the touch vector and the time interval.

[0120] As an example, the electronic device 110 may, in response to the scrollable area of the scrolling container reaching the boundary of the view and the touch operation not ending, determine a translation distance (translateDistance) corresponding to the scrolling container based on the input follow-finger scroll curve f1(a), where a represents the touch vector. Further, the electronic device 110 may set translateDistance for the scrolling container to move a preset effect area based on translateDistance, thereby presenting an edge effect of follow-finger scroll in the view.

[0121] At block 530, the electronic device 110 may determine that the touch operation has ended.

[0122] In some embodiments, the electronic device 110 may determine that the touch operation has ended in response to the user stopping the touch operation associated with the scroll container. It should be noted that when the touch operation ends, the velocity corresponding to the scroll container at this time may be 0 or may not be 0.

[0123] Further, the electronic device 110 may perform the inertial scrolling operation of block 540 in response to the velocity corresponding to the scroll container not being 0. The electronic device may perform the bounce motion (not shown in the figure) of block 550 in response to the velocity corresponding to the scroll container being 0.

[0124] At block 540, the electronic device 110 performs inertial scrolling.

[0125] In some embodiments, the electronic device 110 may periodically detect the scrolling speed corresponding to the scroll container. Further, the electronic device 110 may determine the scrolling speed velocity corresponding to the scroll container in the current period based on the scrolling speed (prevelocity) detected in the previous period and the inertial scrolling speed decay curve f2(velocity, duration). Further, the electronic device may determine the corresponding translateDistance based on the product of the scrolling speed velocity corresponding to the scroll container in the current period and the corresponding time interval duration. Further, the electronic device 110 may set the translateDistance for the scroll container to move the preset effect area based on the translateDistance, thereby presenting the edge effect of inertial scrolling in the view.

[0126] It should be noted that the process of inertial scrolling is a process of continuously consuming the speed corresponding to the scroll container, that is, when the scrolling corresponding to the scroll container is 0, it is determined that the inertial scrolling motion has ended, and at this time, the operation of the bounce motion of block 550 may be performed.

[0127] At block 550, the electronic device 110 performs the bounce motion.

[0128] In some embodiments, the electronic device 110 may periodically detect the time interval duration corresponding to the scrolling container. Further, the electronic device 110 may perform a spring-back motion based on the spring-back curve f3(duration, totalDuration) and the time interval duration to ensure that the translate corresponding to the scrolling container is zeroed within the corresponding totalDuration, and then perform the operation of block 560. The totalDuration is a predetermined total time interval.

[0129] In block 560, the electronic device 110 ends the edge effect.

[0130] As an example, when the electronic device 110 ends the edge effect, a preset effect area is not presented in the view at this time, and the content presented in the user's interface may be the top content of the view or the bottom content in the view.

[0131] Figure 6 A flowchart of a touch process according to some embodiments of the present disclosure is shown, and now it is described with respect to Figure 6 this.

[0132] The present disclosure may be provided with a normal scrolling area 620, a top edge effect area 610, and a bottom edge effect area 630, where the top edge effect area 610 and the bottom edge effect area 630 are preset effect areas. When the scrolling container scrolls in the normal scrolling area 620 (that is, the scrollable area of the scrolling container does not reach the bottom 601 of the top edge effect area and the top 602 of the bottom edge effect area), the electronic device 110 may perform a follow-touch scrolling operation. When the scrollable area of the scrolling container reaches the bottom 601 of the top edge effect area, the electronic device 110 may continue to perform a follow-touch scrolling operation (at this time, the touch operation has not ended) until the touch operation ends or a predetermined distance has been scrolled based on the follow-touch scrolling operation (the predetermined distance is associated with the size of the preset effect area). Further, the electronic device 110 may perform an inertial scrolling operation in response to determining that the touch operation ends and the remaining speed of the scrolling container is not 0 to consume the remaining speed of the scrolling container. Further, the electronic device 110 may perform a spring-back operation in response to the remaining speed being consumed to 0 to spring-back the scrolling container to the normal scrolling area 620, and at this time, the top edge effect area is not presented in the view.

[0133] Figures 7A - 7C An interface schematic diagram of a touch process according to some embodiments of the present disclosure is shown, and now it is described with respect to Figures 7A - 7C this, taking two scrolling containers as an example for illustration.

[0134] As an example, the scroll container A in the two scroll containers is used to control the content displayed in the upper half of the interfaces 700A, 700B, and 700C, and the scroll container B is used to control the content displayed in the lower half of the interfaces 700A, 700B, and 700C.

[0135] For Figure 7A As an example, the user can touch a predetermined position on the interface 700A by swiping upward with a finger. The predetermined position is located in the upper half of the interface. At this time, the scrollable area of the scroll container A has not reached the upper boundary of the view, and the electronic device 110 can present the content 710 and the content 720 in the view in the presented interface 700A.

[0136] For Figure 7B As an example, when the user continues to touch the predetermined position on the interface 700A by swiping upward with a finger, such that the scrollable area of the scroll container A reaches the upper boundary of the view and the touch operation has not ended (i.e., the user continues to swipe upward), the electronic device 110 can present the interface 700B. The first part of the background image 730 can be presented in the interface 700B. Specifically, the electronic device 110 can continuously move the background image 730 based on certain motion parameters based on the touch operation to present the first part of the background image 730 presented in the interface 700B. The longer the user swipes upward, the larger the area of the part of the background image 730 presented in the interface 700. It should be noted that the background image 730 and the content 710 are moved upward synchronously in the same direction.

[0137] For Figure 7C As an example, when the user stops the upward swipe operation (i.e., the touch operation ends) on the basis of the interface 700B and the current scroll speed of the scroll container A is not 0, the electronic device 110 can perform an inertial scrolling operation. Specifically, the electronic device 110 can continuously move the background image 730 based on certain motion parameters to present the second part of the background image 730 presented in the interface 700C, where the area of the second part is larger than that of the first part. It should be noted that during the inertial scrolling performed by the electronic device 110, the scroll speed corresponding to the scroll container can continuously decrease until the scroll speed drops to 0. It should be noted that the background image 730 and the content 710 are moved upward synchronously in the same direction.

[0138] For the sake of convenience of description, taking Figure 7A the upper boundary of the scrollable area of the scroll container A approaching the upper boundary of the view as an example, when the inertial scrolling ends, that is, when the scroll speed corresponding to the scroll container drops to 0, the electronic device 110 can perform a rebound motion. At this time, the electronic device 110 can present as Figure 7AThe interface 700A shown to complete the rebound motion. It should be noted that the moving background image 730 and the content 710 are moved downward synchronously in the same direction.

[0139] It should be noted that since the scroll container B correspondingly changes the content displayed in the lower half of the interfaces 700A - 700C, and the content 720 is correspondingly displayed in the lower half of the interfaces 700A - 700C and the user does not perform a touch scroll on the scroll container B corresponding to the lower half interface, the content 720 does not change with the change of the content displayed in the upper half interface.

[0140] Since the preset effect area is only related to the scroll container itself and has nothing to do with the target platform for presenting the view, based on such a way, the embodiments of the present disclosure can utilize the basic touch capabilities of different platforms to implement the customization of the edge effect, so as to ensure that for the same touch operation, the same edge effect can be presented on different platforms.

[0141] Example device and equipment

[0142] The embodiments of the present disclosure also provide corresponding devices for implementing the above methods or processes. Figure 8 The schematic structural block diagram of a device 800 for touch interaction according to some embodiments of the present disclosure is shown. The device 800 can be implemented as or included in the electronic device 110 discussed above. Each module / component in the device 800 can be implemented by hardware, software, firmware, or any combination thereof.

[0143] As Figure 8 shown, the device 800 includes a receiving module 810 configured to receive a touch operation associated with a scroll container; a first determination module 820 configured to determine the scroll state of the scroll container based on the touch operation; a detection module 830 configured to detect the touch state of the scroll container in response to the scroll state indicating that the scrollable area of the scroll container reaches the target boundary of the view, where the touch state indicates whether the touch operation ends; a second determination module 840 configured to determine motion parameters associated with a preset effect area based at least on the touch state, the preset effect area being independent of the target platform for presenting the view; and a moving module 850 configured to move the preset effect area based on the motion parameters to present an edge effect associated with the scroll container in the view.

[0144] In some embodiments, the second determination module 840 is further configured to, in response to the touch state indicating that the touch operation has not ended, determine motion parameters associated with the preset effect area based on the touch operation and a first motion curve, the first motion curve being associated with the motion of the preset effect area in a first direction, the first direction being the same as the scroll direction of the scroll container.

[0145] In some embodiments, the second determination module 840 is further configured to, in response to an indication that the touch operation has ended, determine a motion parameter associated with a preset effect area based on a second motion curve, where the second motion curve is associated with the motion of the preset effect area along a second direction, and the second direction is opposite to the scrolling direction of the scrolling container.

[0146] In some embodiments, the second determination module 840 is further configured to, in response to the end of the touch operation, determine the scrolling speed of the scrolling container; and in response to the scrolling speed being less than or equal to a threshold, determine a motion parameter associated with a preset effect area based on a second motion curve.

[0147] In some embodiments, the device 800 further includes a third determination module configured to, in response to the scrolling speed being greater than the threshold, determine a motion parameter associated with a preset effect area based on a third motion curve, where the third motion curve is associated with the motion of the preset effect area along a third direction, and the third direction is the same as the scrolling direction of the scrolling container.

[0148] In some embodiments, the preset effect area is configured to present preset visual content.

[0149] In some embodiments, the preset effect area corresponds to a preset size, and the preset effect area is located above and / or below the scrolling container.

[0150] In some embodiments, the moving module 850 is further configured to synchronously move the preset effect area and the scrolling container based on the motion parameter.

[0151] In some embodiments, the detection module 830 is further configured to periodically detect the touch state of the scrolling container after the scrollable area of the scrolling container reaches the target boundary of the view.

[0152] In some embodiments, the first determination module 820 is further configured to, based on the touch operation, determine the exposure state of an exposure detection node set at at least one boundary of the view, where the exposure state indicates whether the exposure detection node is visible in the view; and based on the exposure state, determine the scrolling state of the scrolling container.

[0153] The units included in apparatus 800 can be implemented in various ways, including software, hardware, firmware, or any combination thereof. In some embodiments, one or more units can be implemented using software and / or firmware, such as machine-executable instructions stored on a storage medium. In addition to or as an alternative to the machine-executable instructions, some or all of the units in apparatus 800 can be implemented at least in part by one or more hardware logic components. By way of example and not limitation, exemplary types of hardware logic components that can be used include field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0154] Figure 9 FIG. shows a block diagram of an electronic device 900 in which one or more embodiments of the present disclosure can be implemented. It should be understood that Figure 9 the illustrated electronic device 900 is merely exemplary and should not impose any limitation on the functionality and scope of the embodiments described herein. Figure 9 The illustrated electronic device 900 can be used to implement Figure 1 the illustrated electronic device 110.

[0155] As Figure 9 shown, the electronic device 900 is in the form of a general-purpose electronic device. The components of the electronic device 900 can include, but are not limited to, one or more processors or processing units 910, a memory 920, a storage device 930, one or more communication units 940, one or more input devices 950, and one or more output devices 960. The processing unit 910 can be an actual or virtual processor and is capable of performing various processes according to programs stored in the memory 920. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing ability of the electronic device 900.

[0156] The electronic device 900 generally includes multiple computer storage media. Such media can be any accessible media that can be obtained by the electronic device 900, including but not limited to volatile and non-volatile media, removable and non-removable media. The memory 920 can be volatile memory (e.g., registers, caches, random access memory (RAM)), non-volatile memory (e.g., read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory), or some combination thereof. The storage device 930 can be removable or non-removable media and can include machine-readable media, such as flash drives, magnetic disks, or any other media that can be used to store information and / or data (e.g., training data for training) and can be accessed within the electronic device 900.

[0157] The electronic device 900 may further include additional removable / non-removable, volatile / non-volatile storage media. Although not shown in Figure 9 , a disk drive for reading from and writing to a removable, non-volatile disk (e.g., a "floppy disk") and an optical disk drive for reading from and writing to a removable, non-volatile optical disk may be provided. In these cases, each drive may be connected to a bus (not shown) by one or more data media interfaces. The memory 920 may include a computer program product 925 having one or more program modules that are configured to perform the various methods or actions of the various embodiments of the present disclosure.

[0158] The communication unit 940 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 900 may be implemented in a single computing cluster or multiple computer machines that are capable of communicating via a communication connection. Thus, the electronic device 900 may operate in a networked environment using a logical connection to one or more other servers, network personal computers (PCs), or another network node.

[0159] The input device 950 may be one or more input devices, such as a mouse, keyboard, trackball, etc. The output device 960 may be one or more output devices, such as a display, speaker, printer, etc. The electronic device 900 may also communicate with one or more external devices (not shown) as needed via the communication unit 940, such as a storage device, display device, etc., communicate with one or more devices that enable a user to interact with the electronic device 900, or communicate with any device that enables the electronic device 900 to communicate with one or more other electronic devices (e.g., a network card, modem, etc.). Such communication may be performed via an input / output (I / O) interface (not shown).

[0160] According to an exemplary implementation of the present disclosure, there is provided a computer-readable storage medium having computer-executable instructions stored thereon, wherein the computer-executable instructions are executed by a processor to implement the methods described above. According to an exemplary implementation of the present disclosure, there is also provided a computer program product that is tangibly stored on a non-transitory computer-readable medium and includes computer-executable instructions, and the computer-executable instructions are executed by a processor to implement the methods described above.

[0161] Aspects of the present disclosure are described herein with reference to the flowcharts and / or block diagrams of methods, apparatuses, devices, and computer program products according to the present disclosure. It should be understood that each block of the flowcharts and / or block diagrams, and combinations of blocks in the flowcharts and / or block diagrams, can be implemented by computer-readable program instructions.

[0162] These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus to produce a machine such that the instructions, when executed by the processing unit of the computer or other programmable data processing apparatus, result in an apparatus that implements the functions / acts specified in one or more blocks of the flowchart and / or block diagram. These computer-readable program instructions may also be stored in a computer-readable storage medium that causes a computer, a programmable data processing apparatus, and / or other devices to function in a particular manner, such that the computer-readable medium storing the instructions comprises a manufacture including instructions that implement various aspects of the functions / acts specified in one or more blocks of the flowchart and / or block diagram.

[0163] The computer-readable program instructions may be loaded onto a computer, other programmable data processing apparatus, or other device to cause a series of operational steps to be performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process such that the instructions executed on the computer, other programmable data processing apparatus, or other device implement the functions / acts specified in one or more blocks of the flowchart and / or block diagram.

[0164] The flowchart and block diagram in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various implementations of the present disclosure. In this regard, each block in the flowchart or block diagram may represent a module, a segment of a program, or a portion of an instruction, which contains one or more executable instructions for implementing the specified logical function. In some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two consecutive blocks may in fact be executed substantially in parallel, or they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block of the block diagrams and / or flowchart diagrams, and combinations of blocks in the block diagrams and / or flowchart diagrams, can be implemented by special-purpose hardware-based systems that perform the specified functions or acts, or by combinations of special-purpose hardware and computer instructions.

[0165] The implementations of the present disclosure have been described above. The above description is exemplary, not exhaustive, and not limited to the disclosed implementations. Many modifications and variations will be apparent to those of ordinary skill in the art without departing from the scope and spirit of the described implementations. The choice of terms used herein is intended to best explain the principles of the implementations, the practical application, or improvements made to the technology in the marketplace, or to enable other ordinary skilled in the art to understand the implementations disclosed herein.

Claims

1. A touch interaction method, comprising: Receive touch actions associated with the scroll container; Based on the touch operation, determining a scrolling state of the scrolling container; In response to the scrolling state indicating that the scrollable area of ​​the scrolling container reaches a target boundary of the view, detecting a touch state of the scrolling container, the touch state indicating whether the touch operation is ended; determining, based at least on the touch state, a motion parameter associated with a predefined effect area, the predefined effect area being independent of a target platform for presenting the view; as well as Based on the motion parameter, the preset effect area is moved to present an edge effect associated with the scroll container in the view.

2. The method according to claim 1, wherein determining a motion parameter associated with a preset effect area based at least on the touch state comprises: In response to the touch state indicating that the touch operation has not ended, the motion parameters associated with the preset effect area are determined based on the touch operation and a first motion curve, wherein the first motion curve is associated with the movement of the preset effect area along a first direction, and the first direction is the same as the scrolling direction of the scrolling container.

3. The method according to claim 1, wherein determining a motion parameter associated with a preset effect area based at least on the touch state comprises: In response to the touch state indicating that the touch operation is ended, the motion parameters associated with the preset effect area are determined based on a second motion curve, wherein the second motion curve is associated with the movement of the preset effect area along a second direction, and the second direction is opposite to the scrolling direction of the scrolling container.

4. The method according to claim 3, wherein determining the motion parameter associated with the preset effect area based on the second motion curve comprises: In response to the touch operation ending, determining a scrolling speed of the scrolling container; as well as In response to the scrolling speed being less than or equal to a threshold, the motion parameter associated with the preset effect area is determined based on the second motion curve.

5. The method according to claim 4, wherein before determining the motion parameter associated with the preset effect area based on the second motion curve, the method further comprises: In response to the scrolling speed being greater than the threshold, the motion parameter associated with the preset effect area is determined based on a third motion curve, wherein the third motion curve is associated with the movement of the preset effect area along a third direction, and the third direction is the same as the scrolling direction of the scrolling container. The method according to claim 1 , wherein the preset effect area is configured to present preset visual content. 7 . The method according to claim 1 , wherein the preset effect area corresponds to a preset size, and the preset effect area is located above the scrolling container and / or below the scrolling container.

8. The method according to claim 1, wherein based on the motion parameter, moving the preset effect area comprises: Based on the motion parameter, the preset effect area and the scroll container are synchronously moved.

9. The method according to claim 1, wherein detecting the touch state of the scroll container comprises: After the scrollable area of ​​the scroll container reaches the target boundary of the view, the touch state of the scroll container is periodically detected.

10. The method according to claim 1, wherein determining the scrolling state of the scrolling container based on the touch operation comprises: Based on the touch operation, determining an exposure state corresponding to an exposure detection node set at at least one boundary of the view, wherein the exposure state indicates whether the exposure detection node is visible in the view; as well as Based on the exposure state, the scrolling state of the scrolling container is determined.

11. A device for touch interaction, comprising: A receiving module configured to receive a touch operation associated with a scroll container; A first determining module is configured to determine a scrolling state of the scrolling container based on the touch operation; a detection module configured to detect a touch state of the scrolling container in response to the scrolling state indicating that the scrollable area of ​​the scrolling container reaches a target boundary of a view, wherein the touch state indicates whether the touch operation is ended; a second determination module configured to determine, based at least on the touch state, a motion parameter associated with a preset effect area, the preset effect area being independent of a target platform for presenting the view; as well as The moving module is configured to move the preset effect area based on the motion parameter to present an edge effect associated with the scroll container in the view.

12. An electronic device comprising: at least one processing unit; as well as At least one memory, the at least one memory being coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions causing the electronic device to perform the method according to any one of claims 1 to 10 when executed by the at least one processing unit.

13. A computer-readable storage medium having a computer program stored thereon, wherein the computer program implements the method according to any one of claims 1 to 10 when executed by a processor.

14. A computer program product comprising computer executable instructions, wherein the computer executable instructions, when executed by a processor, implement the method according to any one of claims 1 to 10.

Images