View switching method and apparatus, device and storage medium

Abstract

The embodiments of the present disclosure relate to a view switching method and apparatus, a device and a storage medium. The method provided hereby comprises: in response to having received a first gesture, presenting in a target interface an animation of transition between a first view and a second view corresponding to the first gesture, the first animation dynamically changing the display proportion of the first view and the second view on the target interface on the basis of a preset attribute of the first gesture; in response to the termination of the first gesture, presenting a second animation on the basis of a first termination state of the first gesture, so as to switch the target interface into displaying the first view or the second view; and in response to having received a second gesture during the second animation, presenting in the target interface a third animation corresponding to the second gesture.

Description

Method, device, apparatus and storage medium for view switching

[0001] The present application claims priority to the Chinese patent application No. 202410452574.6, filed on April 15, 2024, entitled “Method, device, apparatus and storage medium for view switching”, the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] Example embodiments of the present disclosure generally relate to the field of computer, and in particular, to a method, device, apparatus and computer readable storage medium for view switching. BACKGROUND

[0003] In recent years, with the wide use of smart devices, various applications emerge in an endless stream, and people need to realize the switching of application views through gesture interaction. However, in the existing view switching process, the response capability to gestures is limited, and the user experience is not good. SUMMARY

[0004] In a first aspect of the present disclosure, a method for view switching is provided. The method comprises: presenting a first view in a target interface; in response to receiving a first gesture, presenting a first animation corresponding to the first gesture in the target interface, the first animation comprising a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components; in response to the first gesture ending, presenting a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and in response to receiving a second gesture in the process of the second animation, presenting a third animation corresponding to the second gesture in the target interface.

[0005] In a second aspect of the present disclosure, an apparatus for view switching is provided. The apparatus comprises: a presentation module configured to present a first view in a target interface; a first response module configured to, in response to receiving a first gesture, present a first animation corresponding to the first gesture in the target interface, the first animation comprising a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components; a second response module configured to, in response to the first gesture ending, present a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and a third response module configured to, in response to receiving a second gesture in the process of the second animation, present a third animation corresponding to the second gesture in the target interface.

[0006] In a third aspect of the disclosure, an electronic device is provided. The device includes at least one processing unit; and at least one memory coupled to the at least one processing unit and storing 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 perform the method of the first aspect.

[0007] In a fourth aspect of the disclosure, a computer-readable storage medium is provided. The computer-readable storage medium has stored thereon a computer program, the computer program being executable by a processor to implement the method of the first aspect.

[0008] In a fifth aspect of the disclosure, a computer program product is provided. The computer program product is tangibly stored in a computer storage medium and includes computer- executable instructions, wherein the computer-executable instructions, when executed by a device, cause the device to implement the method of the first aspect.

[0009] It should be understood that the contents described in this section are not intended to limit the key features or important features of the embodiments of the disclosure, nor are they used to limit the scope of the disclosure. Other features of the disclosure will become apparent through the following description. BRIEF DESCRIPTION OF DRAWINGS

[0010] The above and other features, advantages, and aspects of embodiments of the disclosure will become more apparent by describing in detail some embodiments thereof with reference to the annexed drawings in which:

[0011] FIG. 1 illustrates a schematic diagram of an example environment in which embodiments according to the present disclosure can be implemented;

[0012] FIGS. 2A to 2G illustrate example interfaces according to some embodiments of the disclosure;

[0013] FIG. 3 illustrates a flowchart of an example process of view switching according to some embodiments of the disclosure;

[0014] FIG. 4 illustrates a schematic structural block diagram of an example apparatus for view switching according to some embodiments of the disclosure; and

[0015] FIG. 5 illustrates a block diagram of an electronic device capable of implementing a number of embodiments of the disclosure. DETAILED DESCRIPTION

[0016] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is understood that the present disclosure can be embodied in various forms and should not be construed as being limited to the embodiments set forth herein; rather, these embodiments are provided so that the present disclosure will be thoroughly and completely understood. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0017] It should be noted that the titles of any sections / sub-sections provided herein are not limiting. Various embodiments are described throughout this document and any type of embodiment can be included under any section / sub-section. Furthermore, embodiments described in any section / sub-section can be combined with any other embodiments described in the same section / sub-section and / or different section / sub-section in any manner.

[0018] In the description of embodiments of the present disclosure, the term "includes" and its derivatives, such as "including," should be understood in an open, inclusive sense, that is, "including, but not limited to." The term "based on" should be understood as "based at least in part on." The term "one embodiment" or "an embodiment" should be understood as "at least one embodiment." The term "some embodiments" should be understood as "at least some embodiments." Other explicitly and implicitly recited definitions can also be found below. The terms "first," "second," and the like can refer to different or identical objects. Other explicit and implicit definitions can also be found below.

[0019] Data of users, acquisition and / or use of data, etc. can be involved in embodiments of the present disclosure. These aspects all comply with corresponding laws and regulations and relevant provisions. In embodiments of the present disclosure, all collection, acquisition, processing, processing, forwarding, use, etc. of data are performed on the premise that users are aware of and confirm. Accordingly, when implementing embodiments of the present disclosure, the type of data or information that can be involved, the range of use, the scenario of use, etc. should be informed to users and authorized by users in a proper manner according to relevant laws and regulations. The specific informing and / or authorization manner can vary according to actual situations and application scenarios, and the scope of the present disclosure is not limited in this respect.

[0020] In the present specification and embodiments, if personal information processing is involved, it will be processed on the premise of legality (for example, obtaining the consent of the subject of personal information, or being necessary for the performance of a contract, etc.), and only within the prescribed or agreed range. Users refuse to process personal information other than the necessary information required for basic functions, which will not affect the user's use of basic functions.

[0021] As mentioned above, with the wide use of smart devices, various applications emerge in an endless stream, and people need to realize the switching of application views through gesture interaction. However, in the process of view switching in an application or between applications, only a single gesture operation can be responded to, and the corresponding response cannot be made to multiple gesture operations, which affects the flexibility of view switching.

[0022] Embodiments of the present disclosure provide a solution for view switching. According to the solution, a first view can be presented in a target interface; in response to receiving a first gesture, a first animation corresponding to the first gesture is presented in the target interface, the first animation includes a transition animation between the first view and a second view, the first animation dynamically changes a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view are provided by different view components; in response to the first gesture ending, a second animation is presented based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and in response to receiving a second gesture in the process of the second animation, a third animation corresponding to the second gesture is presented in the target interface.

[0023] In this way, embodiments of the present disclosure can continuously receive and respond to multiple gesture operations in the process of view switching. Thus, embodiments of the present disclosure can support further gesture interaction in the view switching animation, thereby improving the sensitivity of view switching and improving the user's interaction experience.

[0024] Various example implementations of the solution are described in further detail below in conjunction with the accompanying drawings.

[0025] Example Environment

[0026] FIG. 1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented. As shown in FIG. 1, the example environment 100 can include an electronic device 110.

[0027] In this example environment 100, the electronic device 110 can run an application 120 that supports interface interaction. The application 120 can be any appropriate type of application for interface interaction, examples of which can include but are not limited to an image application or other appropriate application. A user 140 can interact with the application 120 via the electronic device 110 and / or its attached devices.

[0028] In the environment 100 of FIG. 1, if the application 120 is in an active state, the electronic device 110 can present an interface 150 for supporting interface interaction through the application 120.

[0029] In some embodiments, the electronic device 110 communicates with the server 130 to enable provisioning of services of the application 120. The electronic device 110 can be any type of mobile terminal, fixed terminal, or portable terminal including a mobile handset, a tablet computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a palmtop computer, a portable gaming terminal, a VR / AR device, a Personal Communication System (PCS) terminal, a personal navigation device, a Personal Digital Assistant (PDA), an audio / video player, a digital camera / camcorder, a positioning device, a television receiver, a radio broadcast receiver, an electronic book device, a game device, or any combination thereof, including an accessory or peripheral device for the foregoing, or any combination thereof. In some embodiments, the electronic device 110 can also support any type of interface to a user (such as “wearable” circuitry, etc.).

[0030] The server 130 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content distribution networks, and basic cloud computing services such as big data and artificial intelligence platforms. The server 130 may, for example, include a computing system / server, such as a mainframe, an edge computing node, a computing device in a cloud environment, and the like. The server 130 can provide background services for the application 120 in the electronic device 110 that supports a virtual scene.

[0031] 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, and the like, and embodiments of the present disclosure are not limited in this regard. In embodiments of the present disclosure, the server 130 and the electronic device 110 can implement signaling interaction through the communication connection therebetween.

[0032] It should be understood that the structure and function of the various elements in the environment 100 are described for illustrative purposes only, and do not imply any limitation on the scope of the present disclosure.

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

[0034] Example Interaction

[0035] FIGS. 2A-2G illustrate example interfaces 200A-200G, in accordance with some embodiments of the present disclosure. The interfaces 200A-200G can be provided, for example, by the electronic device 110 illustrated in FIG. 1.

[0036] In some embodiments, the electronic device 110 can present an example interface 200A as illustrated in FIG. 2A. The target interface 200A can be an interactive interface of any application 120, such as a video interface, an image interface, a social application interface, etc.

[0037] In some embodiments, as illustrated in FIG. 2A, the electronic device 110 can present a first view 205 in the target interface 200A of FIG. 2A. The first view 205 can be understood as a starting view in a view switching process.

[0038] In some embodiments, with reference to FIG. 2A, the electronic device 110 can present, in response to receiving a first gesture, a first animation corresponding to the first gesture in the target interface 200A, the first animation including a transition animation between the first view 205 and a second view 210 in the target interface 200A.

[0039] In some embodiments, the first view 205 and the second view 210 can be provided by different view components. As an example, such different view components can be provided by two different “view” type view components. As another example, the first view 205 can be provided by a “scroll-view” type view component, and the second view 210 can be provided by a “view” type view component, for example.

[0040] In some embodiments, the first view 205 can be a work view for viewing works. For example, the first view 205 can display a viewing interface of a set of works in an information stream, and can implement switching between different works within the view with up and down swiping supported by a “scroll-view” view.

[0041] In some embodiments, the second view 210 can be a shooting view for shooting images, for example. As an example, the second view 210 can be used to shoot an image to generate a comment or a reply on a work displayed in the first view 205. As yet another example, the second view 210 can be used to shoot an image to post a work of the same type as the work displayed in the first view 205 in the application.

[0042] It can be understood that the first view 205 and the second view 210 have independent layout styles. As an example, there is no reuse of any same control or interface element between the first view 205 and the second view 210.

[0043] As an example, as shown in FIG. 2B, the electronic device 110 presents a first animation corresponding to the first gesture, e.g., from the target interface 200A to the target interface 200B, based on the received first gesture.

[0044] In some embodiments, the first animation dynamically changes the display proportions of the first view 205 and the second view 210 in the target interface 200A according to a preset attribute of the first gesture. In some embodiments, the preset attribute can include a sliding distance of the first gesture in the target interface 200A, i.e., on the screen of the electronic device 110. The electronic device 110 can determine the display proportions of the first view 205 and the second view 210 in the target interface according to the sliding distance, and display all or part of the content of the first view 205 and the second view 210 in the target interface in real time based on the display proportions.

[0045] In some embodiments, the preset attribute can also include a sliding direction of the first gesture in the target interface. Specifically, the electronic device 110 can determine the direction of the view switching, i.e., from the first view 205 to the second view 210, or from the second view 210 to the first view 205, according to the sliding direction, and further determine the change direction of the display proportions of the first view and the second view. As an example, the display proportion of the first view can be increased or decreased accordingly.

[0046] In this way, the electronic device 110 can present the first animation following the first gesture to achieve the transition switching between different views.

[0047] In some embodiments, in response to the end of the first gesture, the electronic device 110 can present a second animation based on a first end state of the first gesture to switch the target interface to display the first view 205 or the second view 210. In some embodiments, the first end state can indicate the current display proportions of the first view and the second view in the target interface at the end of the first gesture.

[0048] In some embodiments, the electronic device 110 can present a corresponding second animation according to the current display proportions at the end of the first gesture. As an example, as shown in the target interface 200C of FIG. 2C, the display proportion of the second view 210 in the target interface 200C is greater than the display proportion of the first view 205 in the target interface 200C at the end of the first gesture. Accordingly, the second animation can include gradually reducing the proportion of the first view 205 in the target interface 200C and increasing the proportion of the second view 210. Accordingly, as shown in FIG. 2D, after the end of the second animation, the electronic device 110 can present the second view 210 alone in the interface 200D.

[0049] In some embodiments, the electronic device 110 can also correspond to the gesture received in the process of the second animation. Specifically, in response to receiving the second gesture in the process of presenting the second animation, the electronic device 110 can present a third animation corresponding to the second gesture in the target interface.

[0050] In some embodiments, in response to detecting the second gesture, the electronic device 110 can correspondingly stop presenting the second animation. As shown in FIG. 2E, the electronic device 110 stops presenting the second animation in response to receiving the second gesture (e.g., a gesture of swiping right) in the process of the second animation.

[0051] In some embodiments, the electronic device 110 can determine an ending state of the second animation, and determine a current display ratio of the first view 205 and the second view 210 corresponding to the ending state in the target interface when the second animation stops. Further, the electronic device 110 can dynamically change the display ratio of the first view 205 and the second view 210 in the interface based on the preset attribute of the second gesture, with the ending state of the second animation as an initial state.

[0052] Specifically, similar to the first animation, the process of the third animation can be determined based on at least one attribute of the second gesture, such as a sliding distance, a speed, an acceleration, etc. Unlike the first animation, the starting state of the third animation is the ending state of the second animation. Thus, the electronic device 110 can present the third animation following the second gesture based on the ending state of the second animation.

[0053] In some embodiments, in response to the second gesture ending, the electronic device 110 can further present a corresponding fourth animation based on a second ending state of the second gesture. As an example, the second ending state may, for example, indicate a display ratio of the first view 205 and / or the second view 210 in the interface when the second gesture ends. As an example, FIG. 2F can correspond to the ending state of the second gesture.

[0054] To prevent the mis-touch situation, the electronic device 110 can determine a motion distance of the second gesture, and present the fourth animation based on the second ending state of the second gesture only when the motion distance is greater than a threshold value. Thus, embodiments of the present disclosure can avoid the influence of the mis-touch action on the view switching process.

[0055] Taking FIG. 2F as an example of the ending state, the electronic device 110 can determine a first display ratio of the first view 205 or a second display ratio of the second view 210 based on the ending state shown in FIG. 2F. Further, the electronic device 110 can determine a target view to be switched to based on a comparison of the first display ratio or the second display ratio with a threshold value. Further, the electronic device can correspondingly present a fourth animation for switching to the target view.

[0056] As an example, as shown in FIG. 2F, the electronic device 110 can determine the target view as the first view 205 based on that the display ratio of the first view 205 in the target interface 200F at the end of the second gesture is greater than a first threshold (e.g., the first threshold can be 0.5). Accordingly, the electronic device 110 can present a fourth animation for switching to the first view 205. Accordingly, at the end of the fourth animation, as shown in FIG. 2G, the electronic device 110 can present the first view 205 alone in the interface 200G.

[0057] In some embodiments, the electronic device 110 can further determine whether the second gesture satisfies a preset condition based on the second end state of the third animation. As an example, such a preset condition can include whether the sliding distance is greater than a threshold, whether the speed is greater than a threshold, whether the acceleration is greater than a threshold, etc.

[0058] Further, in a case where it is determined that the second gesture satisfies the preset condition, the electronic device 110 can determine the target view to be switched to based on the direction indicated by the second gesture. Continuing with FIG. 2F as an example, the second gesture indicates a sliding to the right. Accordingly, the electronic device 110 can determine that the target view to be switched to is the first view 205. Further, the electronic device 110 can present a fourth animation for switching to display the complete first view 205.

[0059] In some embodiments, the electronic device 110 can further detect a new gesture in the fourth animation and stop displaying the fourth animation. Accordingly, the electronic device 110 can further present a new animation following the new gesture based on the end state of the fourth animation. Similarly, after the gesture ends, the electronic device 110 can present an animation for automatically switching to the first view 205 or the second view 210.

[0060] Thus, embodiments of the present disclosure can support further gesture interaction in view switching animations, thereby improving the sensitivity of view switching and enhancing the user’s interactive experience.

[0061] In some embodiments, as introduced above, the first gesture can include a first sliding operation in a first direction in the target interface 200A. As an example, the first direction can be a horizontal direction on the interface 200A, e.g., to the left or to the right.

[0062] In some embodiments, the electronic device 110 can further respond to a second sliding operation in a second direction perpendicular to the first direction to switch the content presented in the first view 205. Taking an example where the first view 205 is for displaying works in an information stream, the electronic device 110 may, for example, receive a sliding operation in an up-down direction to switch different works in the information stream.

[0063] Based on the view switching process described above, embodiments of the present disclosure can continuously receive and respond to multiple gesture operations in the process of view switching, and present a transition animation corresponding to the gesture operation according to preset attributes and preset conditions of the gesture operation. In this way, embodiments of the present disclosure can support further gesture interaction in the view switching animation, thereby improving the sensitivity of view switching and improving the user's interaction experience.

[0064] Example process

[0065] FIG. 3 shows a flowchart of an example process 300 of view switching, according to some embodiments of the present disclosure. Process 300 can be implemented at electronic device 110. Process 300 is described below with reference to FIG. 1.

[0066] As shown in FIG. 3, at block 310, electronic device 110 can present a first view in a target interface.

[0067] At block 320, electronic device 110 can present, in response to receiving a first gesture, a first animation corresponding to the first gesture in the target interface, the first animation including a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components.

[0068] At block 330, electronic device 110 can present, in response to the first gesture ending, a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view.

[0069] At block 340, in response to receiving a second gesture in the process of the second animation, a third animation corresponding to the second gesture is presented in the target interface.

[0070] In some embodiments, the first gesture corresponds to a first sliding operation in a first direction, and process 300 further includes: in response to receiving a second sliding operation in a second direction, switching content presented in the first view, the second direction being perpendicular to the first direction.

[0071] In some embodiments, the first view is for viewing a work, and / or the second view is for taking an image.

[0072] In some embodiments, a layout style of the first view is independent of a layout style of the second view.

[0073] In some embodiments, presenting, in response to receiving the second gesture in the course of the second animation, a third animation corresponding to the second gesture in the target interface comprises: in response to detecting the second gesture, stopping presenting the second animation; determining an ending state of the second animation, the ending state indicating a current display ratio of the first view and the second view in the target interface; and dynamically changing the display ratio of the first view and the second view in the target interface based on a preset attribute of the second gesture, with the ending state as an initial state.

[0074] In some embodiments, the process 300 further comprises: in response to the second gesture ending, presenting a fourth animation based on a second ending state of the second gesture to switch the target interface to display the first view or the second view.

[0075] In some embodiments, presenting, in response to the second gesture ending, the fourth animation based on the second ending state of the second gesture comprises: determining a motion distance of the second gesture; and in response to the motion distance being greater than a threshold, presenting the fourth animation based on the second ending state of the second gesture.

[0076] In some embodiments, presenting, in response to the second gesture ending, the fourth animation based on the second ending state of the second gesture comprises: determining, based on the second ending state, a first display ratio of the first view or a second display ratio of the second view; determining a target view to be switched to based on a comparison of the first display ratio or the second display ratio with a threshold; and presenting the fourth animation for switching to the target view.

[0077] In some embodiments, presenting, in response to the second gesture ending, the fourth animation based on the second ending state of the second gesture comprises: determining, based on the second ending state, that the second gesture satisfies a preset condition; and determining a target view to be switched to based on a direction indicated by the second gesture; and presenting the fourth animation for switching to the target view.

[0078] Example apparatus and device

[0079] Embodiments of the present disclosure also provide a corresponding apparatus for implementing the above method or process. FIG. 4 shows a schematic structural block diagram of an example apparatus 400 for view switching, according to certain embodiments of the present disclosure. The apparatus 400 can be implemented as or included in the electronic device 110. Various modules / components in the apparatus 400 can be implemented by hardware, software, firmware, or any combination thereof.

[0080] As shown in FIG. 4, the apparatus 400 includes a presentation module 410 configured to present a first view in a target interface; a first response module 420 configured to, in response to receiving a first gesture, present a first animation corresponding to the first gesture in the target interface, the first animation including a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components; a second response module 430 configured to, in response to the first gesture ending, present a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and a third response module 440 configured to, in response to receiving a second gesture in a process of the second animation, present a third animation corresponding to the second gesture in the target interface.

[0081] In some embodiments, the first response module 420 is further configured to, in response to receiving a second sliding operation in a second direction, switch content presented in the first view, the second direction being perpendicular to the first direction.

[0082] In some embodiments, the first view is for viewing a work, and / or the second view is for taking an image.

[0083] In some embodiments, a layout style of the first view is independent of a layout style of the second view.

[0084] In some embodiments, the third response module 440 is further configured to, in response to receiving the second gesture in the process of the second animation, present the third animation corresponding to the second gesture in the target interface includes: in response to detecting the second gesture, stopping presenting the second animation; determining an end state of the second animation, the end state indicating a current display ratio of the first view and the second view in the target interface; and dynamically changing the display ratio of the first view and the second view in the target interface based on a preset attribute of the second gesture, with the end state as an initial state.

[0085] In some embodiments, the apparatus 400 further includes a fourth response module configured to, in response to the second gesture ending, present a fourth animation based on a second end state of the second gesture to switch the target interface to display the first view or the second view.

[0086] In some embodiments, the fourth response module is further configured to, in response to the second gesture ending, present the fourth animation based on the second end state of the second gesture includes: determining a motion distance of the second gesture; and in response to the motion distance being greater than a threshold, presenting the fourth animation based on the second end state of the second gesture.

[0087] In some embodiments, the fourth response module is further configured to: in response to the second gesture ending, presenting the fourth animation based on a second end state of the second gesture includes: determining a first display ratio of the first view or a second display ratio of the second view based on the second end state; determining a target view to be switched to based on a comparison of the first display ratio or the second display ratio with a threshold value; and presenting the fourth animation for switching to the target view.

[0088] In some embodiments, the fourth response module is further configured to: in response to the second gesture ending, presenting the fourth animation based on a second end state of the second gesture includes: determining that the second gesture satisfies a preset condition based on the second end state; and determining a target view to be switched to based on a direction indicated by the second gesture; and presenting the fourth animation for switching to the target view.

[0089] FIG. 5 illustrates a block diagram of an electronic device 500 in which one or more embodiments of the disclosure can be implemented. It should be understood that the electronic device 500 illustrated in FIG. 5 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 500 illustrated in FIG. 5 can be used to implement the electronic device 110 of FIG. 1.

[0090] As shown in FIG. 5, the electronic device 500 is in the form of a general electronic device. The components of the electronic device 500 can include, but are not limited to, one or more processors or processing units 510, a memory 520, a storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560. The processing unit 510 can be a real or virtual processor and is capable of executing various processing according to programs stored in the memory 520. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to improve the parallel processing capability of the electronic device 500.

[0091] The electronic device 500 typically includes a number of computer storage media. Such media can be any available media that is accessible by the electronic device 500 and includes both volatile and non-volatile media, removable and non-removable media. The memory 520 can be a volatile memory (e.g., registers, cache, random access memory (RAM)), a 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 530 can be a removable or non-removable media and can include machine-readable media, such as a flash drive, a magnetic disk, or any other medium that can be used to store information and / or data and that can be accessed by the electronic device 500.

[0092] The electronic device 500 can further include additional detachable / non-detachable, volatile / non-volatile storage media. Although not shown in FIG. 5, a disk drive for reading from or writing to a detachable, non-volatile magnetic disk (e.g., a "floppy disk"), and an optical disk drive for reading from or writing to a detachable, non-volatile optical disk (e.g., a CD-ROM) can be provided. In these cases, each drive can be connected to the bus (not shown) by one or more data media interfaces. The memory 520 can include a computer program product 525 having one or more program modules configured to carry out the various methods or acts of the various embodiments of the present disclosure.

[0093] The communication unit 540 enables communication with other electronic devices through communication media. Additionally, the functionality of the components of the electronic device 500 can be implemented in a single computing cluster or a plurality of computer machines capable of communicating with one another through a communication connection. As such, the electronic device 500 can operate in a networked environment using logical connections to one or more other servers, network personal computers (PCs), or another network nodes in the networking environment.

[0094] The input device 550 can be one or more input devices, such as a mouse, a keyboard, a trackball, etc. The output device 560 can be one or more output devices, such as a display, a speaker, a printer, etc. The electronic device 500 can also communicate with one or more external devices (not shown) such as a storage device, a display device, etc., one or more devices that enable a user to interact with the electronic device 500, or any devices (e.g., a network card, a modem, etc.) that enable the electronic device 500 to communicate with one or more other electronic devices, through the communication unit 540, as needed. Such communication can be carried out via an input / output (I / O) interface (not shown).

[0095] According to an example implementation of the present disclosure, a computer readable storage medium having computer executable instructions stored thereon is provided, where the computer executable instructions are executed by a processor to implement the method described above. According to an example implementation of the present disclosure, a computer program product is also provided, which is tangibly stored on a non-transitory computer readable medium and includes computer executable instructions, where the computer executable instructions are executed by a processor to implement the method described above.

[0096] Various aspects of the disclosure are now described with reference to the drawings. In general, the drawings described below are diagrammatic and schematic representations of actual or conceptual structures and processes, and are not limiting of the scope of the present disclosure. In the drawings, the same reference numerals are used to represent similar or like items.

[0097] The computer readable program instructions can be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks. These computer readable program instructions can also be stored in a computer readable storage medium that can include a non-transitory computer readable storage medium that can be a computer- readable storage medium having no data, programs, program modules, e.g., instructions for operation, or digital content stored thereon or therein for a short time or not at all. The computer readable storage medium can also have other meanings inhered therein by those skilled in the art (e.g., the computer readable storage medium can be a random access memory (RAM), read only memory (ROM), electrically erasable programmable read only memory (EEPROM), flash memory, or any memory that can be used for storage of information or retrieving information). The instructions can be executed by one or more processors of a computer or other programmable data processing apparatus to produce a computer implemented process such that the instructions which execute via the one or more processors of the computer or other programmable data processing apparatus create means for implementing the functions / acts specified in the flowchart and / or block diagram block or blocks. These computer readable program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable data processing apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable data processing apparatus implement the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0098] The computer readable program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable data processing apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable data processing apparatus implement the functions / acts specified in the flowchart and / or block diagram block or blocks.

[0099] The flow and block diagrams in the drawings show architectural, functional, and operational representations of possible implementations of systems, methods, and computer program products according to the present disclosure. In this regard, each block in the flow and block diagrams can represent a module, a segment, or a portion of instructions, which comprises one or more executable instructions for implementing the specified logical function(s). In some alternative implementations, the functions noted in the blocks can occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may

[0100] 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 above description is illustrative only and not restrictive. As used herein, the term "or" is intended to mean an inclusive "or" rather than an exclusive "or". That is, unless specified otherwise, or clear from the context, the phrase "X employs A or B" is intended to mean that the process of X at least employs one of the features A or also employs the other feature B. Likewise, the terms "comprising," "including," containing," or "carrying" are to be construed in an inclusive manner, i.e., as "comprising" or "containing" but not "consisting of." Moreover, the descriptions of the implementations have been presented for purposes of illustration and explanation, and such descriptions are not intended to limit the implementations in scope to the exact embodiments described. Accordingly, modifications and variations of the described implementations are possible in light of the above teachings.

Claims

1.A method of view switching, comprising: presenting a first view in a target interface; in response to receiving a first gesture, presenting a first animation in the target interface corresponding to the first gesture, the first animation comprising a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components; in response to the first gesture ending, presenting a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and in response to receiving a second gesture in a process of the second animation, presenting a third animation in the target interface corresponding to the second gesture. 2.The method of claim 1, wherein the first gesture corresponds to a first sliding operation in a first direction, the method further comprising: in response to receiving a second sliding operation in a second direction, switching content presented in the first view, the second direction being perpendicular to the first direction. 3.The method of claim 1, wherein the first view is used for viewing a work, and / or the second view is used for taking an image. 4.The method of claim 1, wherein a layout style of the first view is independent of a layout style of the second view. 5.The method of claim 1, wherein presenting the third animation in the target interface in response to receiving the second gesture in the process of the second animation comprises: in response to detecting the second gesture, stopping presenting the second animation; determining an end state of the second animation, the end state indicating a current display ratio of the first view and the second view in the target interface; and based on a preset attribute of the second gesture, dynamically changing the display ratio of the first view and the second view in the target interface with the end state as an initial state. 6.The method of claim 1, further comprising: in response to the second gesture ending, presenting a fourth animation based on a second end state of the second gesture to switch the target interface to display the first view or the second view. 7.The method of claim 6, wherein presenting the fourth animation based on the second end state of the second gesture in response to the second gesture ending comprises: determining a motion distance of the second gesture; and in response to the motion distance being greater than a threshold, presenting the fourth animation based on the second end state of the second gesture. 8.The method of claim 6, wherein presenting the fourth animation based on the second end state of the second gesture in response to the second gesture ending comprises: based on the second end state, determining a first display ratio of the first view or a second display ratio of the second view; based on a comparison of the first display ratio or the second display ratio with a threshold, determining a target view to be switched to; and ​ ​ ​ ​ presenting the fourth animation for switching to the target view. 9.The method of claim 6, wherein presenting the fourth animation based on a second end state of the second gesture in response to the second gesture ending comprises: determining, based on the second end state, that the second gesture meets a preset condition; and determining, based on a direction indicated by the second gesture, a target view to be switched to; and presenting the fourth animation for switching to the target view. 10.An apparatus for view switching, comprising: a presentation module configured to present a first view in a target interface; a first response module configured to, in response to receiving a first gesture, present a first animation corresponding to the first gesture in the target interface, the first animation comprising a transition animation between the first view and a second view, the first animation dynamically changing a display ratio of the first view and the second view in the target interface according to a preset attribute of the first gesture, the first view and the second view being provided by different view components; a second response module configured to, in response to the first gesture ending, present a second animation based on a first end state of the first gesture to switch the target interface to display the first view or the second view; and a third response module configured to, in response to receiving a second gesture during the second animation, present a third animation corresponding to the second gesture in the target interface. 11.An electronic device, comprising: at least one processing unit; and at least one memory coupled to the at least one processing unit and storing instructions for execution by the at least one processing unit, the instructions when executed by the at least one processing unit cause the electronic device to perform the method according to any one of claims 1-9. 12.A computer-readable storage medium having stored thereon a computer program, the computer program being executable by a processor to implement the method according to any one of claims 1-9. 13.A computer program product tangibly stored in a computer storage medium and comprising computer-executable instructions that, when executed by a device, cause the device to perform the method according to any one of claims 1-9. ​ ​

Images