WO2025218756A1 - 视图切换的方法、装置、设备和存储介质 - Google Patents

视图切换的方法、装置、设备和存储介质

Info

Publication number
WO2025218756A1
WO2025218756A1 PCT/CN2025/089649 CN2025089649W WO2025218756A1 WO 2025218756 A1 WO2025218756 A1 WO 2025218756A1 CN 2025089649 W CN2025089649 W CN 2025089649W WO 2025218756 A1 WO2025218756 A1 WO 2025218756A1
Authority
WO
WIPO (PCT)
Prior art keywords
view
animation
target interface
transition
response
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
PCT/CN2025/089649
Other languages
English (en)
French (fr)
Inventor
陈思哲
孙一平
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Publication of WO2025218756A1 publication Critical patent/WO2025218756A1/zh
Pending legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • Example embodiments of the present disclosure generally relate to the field of computers, and more particularly, to a method, apparatus, device, and computer-readable storage medium for view switching.
  • a method for view switching includes: presenting a first view in a target interface; in response to receiving a first operation, presenting a first transition animation corresponding to the first operation in the target interface, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the second view animation causes the second view to be presented in a fixed position in the target interface; and in response to an end state of the first operation satisfying a preset condition, switching the target interface to fully display the second view based on the second transition animation.
  • a device for view switching includes: a view presentation module configured to present a first view in a target interface; an animation presentation module configured to present a first transition animation corresponding to the first operation in the target interface in response to receiving a first operation, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the second view animation causes the second view to be presented in a fixed position in the target interface; and a view switching module configured to switch the target interface to fully display the second view based on the second transition animation in response to an end state of the first operation satisfying a preset condition.
  • an electronic device in a third aspect of the present disclosure, 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. When executed by the at least one processing unit, the instructions cause the device to perform the method of the first aspect.
  • a computer-readable storage medium wherein 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.
  • FIG1 shows a schematic diagram of an example environment in which embodiments according to the present disclosure may be implemented
  • FIGS. 2A to 2D illustrate example interfaces according to some embodiments of the present disclosure
  • FIG3 shows a flowchart of an example view switching process according to some embodiments of the present disclosure
  • FIG4 shows a schematic structural block diagram of an exemplary view switching apparatus according to some embodiments of the present disclosure.
  • FIG5 shows a block diagram of an electronic device capable of implementing various embodiments of the present disclosure.
  • the embodiments of the present disclosure may involve user data, data acquisition and/or use, etc. These aspects shall comply with the corresponding laws, regulations and relevant provisions.
  • all data collection, acquisition, processing, processing, forwarding, use, etc. are carried out on the premise that the user is aware of and confirms them. Accordingly, when implementing the various embodiments of the present disclosure, the types, scope of use, and usage scenarios of the data or information that may be involved should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with the relevant laws and regulations.
  • the specific notification and/or authorization method may vary according to the actual situation and application scenario, and the scope of the present disclosure is not limited in this respect.
  • a transition typically refers to the process of switching between views, often between two full-screen views (for example, a starting view and a destination view).
  • Interactive transitions allow users to control the progress of view animations by simply touching the screen with their fingers. Interactive transitions provide users with a smooth, responsive experience.
  • a screenshot of the starting and destination views is typically taken as a placeholder view.
  • This placeholder view is then geometrically transformed (for example, scaled and rotated) as a whole.
  • This approach limits the types of effects that can be achieved with transition animations and can cause some views that require immediate redrawing (for example, the camera preview box) to be replaced by the screenshot placeholder during the transition, preventing immediate redrawing and resulting in a poor user experience.
  • An embodiment of the present disclosure proposes a view switching scheme.
  • a first view can be presented in a target interface; in response to receiving a first operation, a first transition animation corresponding to the first operation is presented in the target interface, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the second view animation causes the second view to be presented in a fixed position in the target interface; and in response to the end state of the first operation satisfying a preset condition, the target interface is switched to fully display the second view based on the second transition animation.
  • the embodiments of the present disclosure can utilize independent animations for two views to implement switching between views, thereby improving the convenience of view switching.
  • FIG1 shows a schematic diagram of an example environment 100 in which embodiments of the present disclosure can be implemented.
  • the example environment 100 may include an electronic device 110 .
  • electronic device 110 may run an application 120 that supports interface interaction.
  • Application 120 may be any suitable type of application for interface interaction, examples of which may include, but are not limited to, image applications or other suitable applications.
  • User 140 may interact with application 120 via electronic device 110 and/or its attached devices.
  • the electronic device 110 may present an interface 150 for supporting interface interaction through the application 120 .
  • the electronic device 110 communicates with the server 130 to provide services for the application 120.
  • the electronic device 110 can be any type of mobile terminal, fixed terminal or portable terminal, including a mobile phone, a desktop computer, a laptop computer, a notebook computer, a netbook computer, a tablet computer, a media computer, a multimedia tablet, a personal communication system (PCS) device, 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 e-book device, a gaming device or any combination thereof, including accessories and peripherals of these devices or any combination thereof.
  • the electronic device 110 can also support any type of interface for the user (such as "wearable" circuitry, etc.).
  • the server 130 may be a standalone physical server, a server cluster or distributed system consisting 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 distribution networks, and big data and artificial intelligence platforms.
  • the server 130 may include, for example, a computing system/server such as a mainframe, an edge computing node, a computing device in a cloud environment, etc.
  • the server 130 may provide background services for the application 120 that supports content presentation in the electronic device 110.
  • a communication connection may be established between the server 130 and the electronic device 110.
  • the communication connection may be established via a wired or wireless method.
  • the communication connection may include, but is not limited to, a Bluetooth connection, a mobile network connection, a Universal Serial Bus connection, a Wi-Fi connection, etc., and the embodiments of the present disclosure are not limited in this respect.
  • the server 130 and the electronic device 110 may implement signaling interaction via the communication connection between them.
  • Interfaces 200A to 200D may be provided by, for example, the electronic device 110 shown in FIG1 .
  • the electronic device 110 may present an example interface 200A as shown in Figure 2A.
  • the target interface 200A may be an interactive interface of any application 120, such as a video interface, an image interface, a social application interface, and the like.
  • the electronic device 110 may present a first view 210 in the target interface 200A of FIG2A .
  • the electronic device 110 may present a first transition animation corresponding to the first gesture operation in the target interface 200A in response to receiving a first operation (the first operation may include, for example, a first gesture operation) in the target interface 200A.
  • the first gesture operation needs to meet a preset condition.
  • a preset condition may include whether the sliding direction is a preset direction, 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.
  • the second operation may include a second gesture operation
  • the current work in the first view is switched to another work. For example, if the sliding direction of the first gesture operation and the sliding direction of the second gesture operation are the same, but the sliding distance of the second gesture operation is less than a threshold, the work will be switched in the target interface based on the first view.
  • the first transition animation mentioned above includes a first view animation corresponding to the first view 210 and a second view animation corresponding to the second view 220 .
  • first view 210 and the second view 220 may be provided by different view components, and the first view and the second view may be in the same view container, with the first view being placed above the second view.
  • the first view 210 may be a work view for viewing works in the information stream.
  • the first view 210 may display a viewing interface for a group of works in the information stream, and may enable switching between different works within the view based on preset operations.
  • the second view 220 may be, for example, a capture view for capturing images.
  • first view 210 and the second view 220 may have independent layout styles.
  • first view 210 and the second view 220 do not reuse any common controls or interface elements.
  • first view 210 and the second view 220 may have partially the same layout style.
  • first view 210 and the second view 220 may reuse the same portion of controls or interface elements (e.g., a chat control and an exploration control).
  • the target interface 110 may present a first transition animation corresponding to the first gesture operation, for example, from interface 200A to interface 200B and then to interface 200C.
  • a first gesture operation e.g., a swipe gesture
  • the target interface 110 may present a first transition animation corresponding to the first gesture operation, for example, from interface 200A to interface 200B and then to interface 200C.
  • the display ratio of the first view decreases accordingly, and its transparency decreases; the display ratio of the second view increases accordingly, and it is presented at a fixed position with increasing transparency.
  • the first transition animation can be dynamically changed based on the preset attributes of the first gesture operation.
  • the first transition animation dynamically changes the display ratio of the first view 210 and the second view 220 in the target interface 200A according to the preset attributes of the first gesture operation.
  • the preset attributes may include the sliding distance of the first gesture operation in the target interface 200A (that is, on the screen of the electronic device 110).
  • the electronic device 110 can determine the display ratio of the first view 210 and the second view 220 in the target interface based on the sliding distance, and display all or part of the content of the first view 210 and the second view 220 in real time in the target interface based on the display ratio.
  • the electronic device 110 renders the first view 210 and the second view 220 on the screen simultaneously based on the same view container, so that the viewfinder preview box at the position of the second view 220 can also preview the camera content in real time during the first transition animation.
  • the electronic device 110 implements a complex first transition animation effect based on a parallel approach for multiple view elements in the first view 210 and the second view 220. Therefore, the electronic device 110 can also present the dynamic change effect of the view elements in the first view 210 and the second view 220.
  • the dynamic effect of such a view element can be, for example, as shown in Figures 2B and 2C, a complex effect in which the top navigation bar and the bottom shutter control fade out while the central card shrinks.
  • the electronic device 110 has designed a separate interactive transition animation effect for each view element of the view, such as the transparency change of the control, the transparency change of the view, the displacement and scaling of the stacked cards, and the scaling of the shutter control. It will be understood that different view elements may correspond to different types of animation effects.
  • the electronic device 110 can present the first transition animation following the first gesture operation to achieve transition switching between different views.
  • the electronic device 110 in response to the end state of the first gesture operation meeting a preset condition, can switch the target interface to fully display the second view 220 based on the second transition animation.
  • the end state can indicate the current display ratio of the first view 210 and the second view 220 in the target interface when the first gesture operation ends.
  • the electronic device 110 terminates the first transition animation and determines the target animation state when the first transition animation ends.
  • the display ratio of the second view 220 in the target interface 200C is greater than the display ratio of the first view 210 in the target interface 200C.
  • the second transition animation may include gradually reducing the proportion of the first view 210 in the target interface 200C. Accordingly, as shown in Figure 2D, after the second transition animation ends, the electronic device 110 can present the second view 220 alone in the interface 200D.
  • the electronic device 110 may further respond to a gesture received during the second transition animation. Specifically, in response to receiving a third gesture operation (e.g., a swipe up gesture operation) during the second transition animation, the electronic device 110 may present an effect in which the display ratio of the first view 210 gradually increases and the display ratio of the second view 220 gradually decreases in the target interface.
  • a third gesture operation e.g., a swipe up gesture operation
  • the electronic device 110 can determine the movement distance of the first gesture operation and present the corresponding first transition animation based on the end state of the first gesture operation only when the movement distance is greater than a threshold.
  • the embodiments of the present disclosure can avoid the impact of accidental touches corresponding to the view switching process.
  • the end state of the first gesture operation is determined.
  • the electronic device 110 can determine the first display ratio of the first view 210 or the second display ratio of the second view 220 based on the end state. Further, the electronic device 110 can determine the target view to be switched to based on the comparison of the first display ratio or the second display ratio with the threshold. Further, the electronic device can correspondingly present a transition animation (for example, a second transition animation or a third transition animation) for switching to the target view.
  • a transition animation for example, a second transition animation or a third transition animation
  • the electronic device 110 may determine that the target view is the first view 210 based on the fact that the display ratio of the first view 210 in the target interface is greater than a threshold value (for example, the threshold value may be 0.5) at the end of the first gesture operation. Accordingly, the electronic device 110 may present a third transition animation for completely switching to the first view 210.
  • the third transition animation may be the first view 210 returning to its initial position as shown in FIG2A , that is, the electronic device 110 may present the first view 210 alone in the interface 200A. Otherwise, the electronic device 110 continues to present the second transition animation based on the first transition animation being the initial state, and finally presents the interface 200D as shown in FIG2D , that is, presenting the second view 220 alone.
  • the embodiments of the present disclosure can support further gesture interaction in the view switching animation, thereby improving the convenience of view switching and enhancing the user's interactive experience.
  • the embodiments of the present disclosure can utilize independent animations for two views to implement switching between views, thereby improving the convenience of view switching.
  • FIG3 shows a flowchart of an example process 300 for view switching according to some embodiments of the present disclosure.
  • the process 300 may be implemented at the electronic device 110.
  • the process 300 is described below with reference to FIG1.
  • the electronic device 110 presents a first view in the target interface.
  • the electronic device 110 in response to receiving the first operation, presents a first transition animation corresponding to the first operation in the target interface, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the second view animation causes the second view to be presented in a fixed position in the target interface.
  • the electronic device 110 switches the target interface to fully display the second view based on the second transition animation.
  • the first view includes at least a first element and a second element
  • the first view animation includes a first element animation corresponding to the first element and a second element animation corresponding to the second element, the first element animation and the second element animation corresponding to different animation types.
  • process 300 further includes presenting the dynamic content using the second view during animation of the second view.
  • the second view is used to capture images
  • the dynamic content includes real-time images captured by the camera.
  • the second view animation includes a change in a transparency associated with the second view.
  • the first view is used to view the work.
  • presenting a first transition animation corresponding to the first operation in the target interface includes: in response to the current work displayed in the first view being the first work in the information flow, based on the received first operation, presenting the first transition animation corresponding to the first operation in the target interface.
  • process 300 further includes: in response to the target interface presenting the first view, switching the first view to present another work based on the received second operation.
  • the layout style of the first view is independent of the layout style of the second view.
  • presenting a first transition animation corresponding to the first operation in the target interface includes: dynamically changing the first transition animation based on preset attributes of the first operation.
  • dynamically changing the first transition animation includes changing a display ratio of the first view and/or the second view in the target interface.
  • switching the target interface to fully display the second view based on the second transition animation includes: terminating the first transition animation in response to the end of the first operation; determining the target animation state when the first transition animation terminates; and presenting the second transition animation with the target animation state as the initial state.
  • presenting a second transition animation with the target animation state as an initial state includes: presenting the second transition animation with the target animation state as an initial state based on preset attributes of the first operation.
  • process 300 further includes: in response to the end state of the first operation not satisfying a preset condition, switching the target interface to fully display the first view based on a third transition animation.
  • the preset condition is associated with at least one attribute of the first operation.
  • FIG4 shows a schematic structural block diagram of an exemplary view switching apparatus 400 according to certain embodiments of the present disclosure.
  • Apparatus 400 may be implemented as or included in electronic device 110.
  • Each module/component in apparatus 400 may be implemented by hardware, software, firmware, or any combination thereof.
  • the device 400 includes a view presentation module 410, which is configured to present a first view in a target interface; an animation presentation module 420, which is configured to present a first transition animation corresponding to the first operation in the target interface in response to receiving a first operation, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the second view animation causes the second view to be presented in a fixed position in the target interface; and a view switching module 430, which is configured to switch the target interface to fully display the second view based on the second transition animation in response to the end state of the first operation satisfying a preset condition.
  • a view presentation module 410 which is configured to present a first view in a target interface
  • an animation presentation module 420 which is configured to present a first transition animation corresponding to the first operation in the target interface in response to receiving a first operation, the first transition animation including a first view animation corresponding to the first view and a second view animation corresponding to the second view, wherein the
  • the first view includes at least a first element and a second element
  • the first view animation includes a first element animation corresponding to the first element and a second element animation corresponding to the second element, the first element animation and the second element animation corresponding to different animation types.
  • the apparatus 400 further includes a first presentation module configured to present the dynamic content using the second view during the animation of the second view.
  • the second view is used to capture images
  • the dynamic content includes real-time images captured by the camera.
  • the second view animation includes a change in a transparency associated with the second view.
  • the first view is used to view the work.
  • the animation presentation module 420 is specifically configured to present a first transition animation corresponding to the first operation in the target interface based on the received first operation in response to the current work displayed in the first view being the first work in the information flow.
  • the apparatus 400 further includes a work switching module configured to present the first view in response to the target interface, and switch the first view to present another work based on the received second operation.
  • the layout style of the first view is independent of the layout style of the second view.
  • the animation rendering module 420 is specifically configured to dynamically change the first transition animation based on preset attributes of the first operation.
  • dynamically changing the first transition animation includes changing a display ratio of the first view and/or the second view in the target interface.
  • the view switching module 430 is specifically configured to terminate the first transition animation in response to the end of the first operation; determine the target animation state when the first transition animation is terminated; and present a second transition animation with the target animation state as the initial state.
  • presenting a second transition animation with the target animation state as an initial state includes: presenting the second transition animation with the target animation state as an initial state based on preset attributes of the first operation.
  • the apparatus 400 further includes a first switching module configured to switch the target interface to fully display the first view based on a third transition animation in response to the end state of the first operation not satisfying a preset condition.
  • the preset condition is associated with at least one attribute of the first operation.
  • the modules included in the device 400 can be implemented in various ways, including software, hardware, firmware, or any combination thereof.
  • one or more units can be implemented using software and/or firmware, such as machine executable instructions stored on a storage medium.
  • some or all of the modules in the device 400 can be implemented at least in part by one or more hardware logic components.
  • exemplary types of hardware logic components include field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
  • FIG5 shows a block diagram of an electronic device 500 in which one or more embodiments of the present disclosure may be implemented. It should be understood that the electronic device 500 shown in FIG5 is merely exemplary and should not be construed as limiting the functionality and scope of the embodiments described herein. The electronic device 500 shown in FIG5 can be used to implement the electronic device 110 of FIG1 .
  • electronic device 500 is a general-purpose electronic device.
  • Components of electronic device 500 may include, but are not limited to, one or more processors or processing units 510, memory 520, storage device 530, one or more communication units 540, one or more input devices 550, and one or more output devices 560.
  • Processing unit 510 may be a real or virtual processor and is capable of performing various processes according to programs stored in memory 520. In a multi-processor system, multiple processing units execute computer-executable instructions in parallel to enhance the parallel processing capabilities of electronic device 500.
  • the electronic device 500 typically includes a plurality of computer storage media. Such media can be any accessible media that can be obtained by the electronic device 500, including but not limited to 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 medium and can include a machine-readable medium, such as a flash drive, a disk, or any other medium that can be used to store information and/or data and can be accessed within the electronic device 500.
  • a machine-readable medium such as a flash drive, a disk, or any other medium that can be used to store information and/or data and can be accessed within the electronic device 500.
  • the electronic device 500 may further include additional removable/non-removable, volatile/non-volatile storage media.
  • a disk drive for reading from or writing to a removable, non-volatile disk (e.g., a “floppy disk”) and an optical drive for reading from or writing to a removable, non-volatile optical disk may be provided.
  • each drive may be connected to a bus (not shown) by one or more data media interfaces.
  • the memory 520 may include a computer program product 525 having one or more program modules configured to perform various methods or actions of various embodiments of the present disclosure.
  • the communication unit 540 enables communication with other electronic devices via a communication medium. Additionally, the functions of the components of the electronic device 500 can be implemented in a single computing cluster or multiple computing machines that can communicate via a communication connection. Thus, the electronic device 500 can operate in a networked environment using a logical connection with one or more other servers, a network personal computer (PC), or another network node.
  • PC network personal computer
  • Input device 550 may be one or more input devices, such as a mouse, keyboard, or trackball.
  • Output device 560 may be one or more output devices, such as a display, a speaker, or a printer.
  • Electronic device 500 may also communicate with one or more external devices (not shown) via communication unit 540 as needed, such as storage devices, display devices, or the like, with one or more devices that allow a user to interact with electronic device 500, or with any device that allows electronic device 500 to communicate with one or more other electronic devices (e.g., a network card, a modem, etc.). Such communication may be performed via an input/output (I/O) interface (not shown).
  • I/O input/output
  • a computer-readable storage medium on which computer-executable instructions are stored, wherein the computer-executable instructions are executed by a processor to implement the method described above.
  • a computer program product is also provided, which 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 method described above.
  • These computer-readable program instructions can be provided to a processing unit of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, such that when these instructions are executed by the processing unit of the computer or other programmable data processing device, a device is generated that implements the functions/actions specified in one or more blocks in the flowchart and/or block diagram.
  • These computer-readable program instructions can also be stored in a computer-readable storage medium, where these instructions cause the computer, programmable data processing device, and/or other device to operate in a specific manner.
  • the computer-readable medium storing the instructions comprises an article of manufacture that includes instructions for implementing various aspects of the functions/actions specified in one or more blocks in the flowchart and/or block diagram.
  • Computer-readable program instructions can be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operational steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing apparatus, or other device to implement the functions/actions specified in one or more boxes in the flowchart and/or block diagram.
  • each box in the flow chart or block diagram can represent a part of a module, program segment or instruction, and a part of a module, program segment or instruction comprises one or more executable instructions for realizing the logical function of the specification.
  • the functions marked in the box can also occur in a sequence different from that marked in the accompanying drawings. For example, two continuous boxes can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved.
  • each box in the block diagram and/or flow chart, and the combination of the boxes in the block diagram and/or flow chart can be implemented by a special hardware-based system that performs the function or action of the specification, or can be implemented by a combination of special hardware and computer instructions.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例涉及视图切换的方法、装置、设备和存储介质。在此提出的方法包括：在目标界面中呈现第一视图；响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现；以及响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。

Description

视图切换的方法、装置、设备和存储介质
本申请要求2024年4月17日递交的、标题为“视图切换的方法、装置、设备和存储介质”、申请号为202410466076.7的中国发明专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开的示例实施例总体涉及计算机领域，特别地涉及视图切换的方法、装置、设备和计算机可读存储介质。
背景技术
随着计算机技术的发展，各式智能设备被广泛使用，人们期望通过手势交互实现应用视图的便捷切换。
发明内容
在本公开的第一方面，提供了一种视图切换的方法。该方法包括：在目标界面中呈现第一视图；响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现；以及响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。
在本公开的第二方面，提供了一种用于视图切换的装置。该装置包括：视图呈现模块，被配置为在目标界面中呈现第一视图；动画呈现模块，被配置为响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现；以及视图切换模块，被配置为响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。
在本公开的第三方面，提供了一种电子设备。该设备包括至少一个处理单元；以及至少一个存储器，至少一个存储器被耦合到至少一个处理单元并且存储用于由至少一个处理单元执行的指令。指令在由至少一个处理单元执行时使设备执行第一方面的方法。
在本公开的第四方面，提供了一种计算机可读存储介质。该计算机可读存储介质上存储有计算机程序，计算机程序可由处理器执行以实现第一方面的方法。
应当理解，本内容部分中所描述的内容并非旨在限定本公开的实施例的关键特征或重要特征，也不用于限制本公开的范围。本公开的其他特征将通过以下的描述而变得容易理解。
附图说明
结合附图并参考以下详细说明，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。在附图中，相同或相似的附图标记表示相同或相似的元素，其中：
图1示出了其中可以实施根据本公开的实施例的示例环境的示意图；
图2A至图2D示出了根据本公开的一些实施例的示例界面；
图3示出了根据本公开的一些实施例的示例视图切换的过程的流程图；
图4示出了根据本公开的一些实施例的示例视图切换装置的示意性结构框图；以及
图5示出了能够实施本公开的多个实施例的电子设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中示出了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
需要注意的是，本文中所提供的任何节/子节的标题并不是限制性的。本文通篇描述了各种实施例，并且任何类型的实施例都可以包括在任何节/子节下。此外，在任一节/子节中描述的实施例可以以任何方式与同一节/子节和/或不同节/子节中描述的任何其他实施例相结合。
在本公开的实施例的描述中，术语“包括”及其类似用语应当理解为开放性包含，即“包括但不限于”。术语“基于”应当理解为“至少部分地基于”。术语“一个实施例”或“该实施例”应当理解为“至少一个实施例”。术语“一些实施例”应当理解为“至少一些实施例”。下文还可能包括其他明确的和隐含的定义。术语“第一”、“第二”等可以指代不同的或相同的对象。下文还可能包括其他明确的和隐含的定义。
本公开的实施例中可能涉及用户的数据、数据的获取和/或使用等。这些方面均遵循相应的法律法规及相关规定。在本公开的实施例中，所有数据的采集、获取、处理、加工、转发、使用等，都是在用户知晓并且确认的前提下进行的。相应地，在实现本公开的各实施例时，均应根据相关法律法规通过适当的方式，将可能所涉及的数据或信息的类型、使用范围、使用场景等告知用户并获得用户的授权。具体的告知和/或授权方式可以根据实际情况和应用场景而变化，本公开的范围在此方面不受限制。
本说明书及实施例中方案，如涉及个人信息处理，则均会在具备合法性基础(例如征得个人信息主体同意，或者为履行合同所必需等)的前提下进行处理，且仅会在规定或者约定的范围内进行处理。用户拒绝处理基本功能所需必要信息以外的个人信息，不会影响用户使用基本功能。
在一些场景中，转场通常指的是视图之间切换的一个过程，过程中通常涉及到两个全屏视图(例如，起始视图和目标视图)之间的切换。交互式转场则代表用户可以通过手指在屏幕上的交互来控制视图出现动画的进度。通过交互式转场可以让用户获得跟手且比较顺滑的使用体验。
为了简化转场处理的过程，一般会将起始视图和目标视图进行一个截屏作为一个占位视图，然后将这个截屏的占位视图作为一个整体进行几何变换(例如，缩放和旋转)操作。这种处理方式限制了转场动画可以实现的效果类型，并且会导致一些需要即时重新绘制的视图(例如，拍摄预览框)在转场过程中会被截屏的占位替换，无法实现即时的重绘，带来较差的用户体验。
本公开的实施例提出了一种视图切换的方案。根据该方案，可以在目标界面中呈现第一视图；响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现；以及响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。
以此方式，本公开的实施例能够利用针对两个视图的独立动画来实现视图之间的切换，从而提高视图切换的便捷度。
以下进一步结合附图来详细描述该方案的各种示例实现。
示例环境
图1示出了本公开的实施例能够在其中实现的示例环境100的示意图。如图1所示，示例环境100可以包括电子设备110。
在该示例环境100中，电子设备110可以运行有支持界面交互的应用120。应用120可以是用于界面交互的任何适当类型应用，其示例可以包括但不限于：图像应用或其它适当的应用。用户140可以经由电子设备110和/或其附接设备来与应用120进行交互。
在图1的环境100中，如果应用120处于活动状态，电子设备110可以通过应用120呈现用于支持界面交互的界面150。
在一些实施例中，电子设备110与服务器130通信，以实现对应用120的服务的供应。电子设备110可以是任意类型的移动终端、固定终端或便携式终端，包括移动手机、台式计算机、膝上型计算机、笔记本计算机、上网本计算机、平板计算机、媒体计算机、多媒体平板、个人通信系统(PCS)设备、个人导航设备、个人数字助理(PDA)、音频/视频播放器、数码相机/摄像机、定位设备、电视接收器、无线电广播接收器、电子书设备、游戏设备或者前述各项的任意组合，包括这些设备的配件和外设或者其任意组合。在一些实施例中，电子设备110也能够支持任意类型的针对用户的接口(诸如“可佩戴”电路等)。
服务器130可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络、以及大数据和人工智能平台等基础云计算服务的云服务器。服务器130例如可以包括计算系统/服务器，诸如大型机、边缘计算节点、云环境中的计算设备，等等。服务器130可以为电子设备110中支持内容呈现的应用120提供后台服务。
服务器130与电子设备110之间可以建立有通信连接。通信连接可以通过有线方式或无线方式建立。通信连接可以包括但不限于蓝牙连接、移动网络连接、通用串行总线连接、无线保真连接等，本公开的实施例在此方面不受限制。在本公开的实施例中，服务器130与电子设备110可以通过二者之间的通信连接实现信令交互。
应当理解，仅出于示例性的目的描述环境100中各个元素的结构和功能，而不暗示对于本公开的范围的任何限制。
示例交互
以下将参考附图来描述根据本公开的实施例的示例视图切换的过程。
图2A至图2D示出了根据本公开的一些实施例的示例界面200A至界面200D。界面200A至界面200D例如可以由图1所示的电子设备110所提供。
在一些实施例中，电子设备110可以呈现如图2A所示的示例界面200A。目标界面200A可以是任意应用120的交互界面，如视频界面、图像界面、社交应用界面等。
在一些实施例中，参考图2A，电子设备110可以在图2A的目标界面200A中呈现第一视图210。当第一视图210所展示的当前作品是信息流中的首个作品时，电子设备110响应于在目标界面200A中接收到第一操作(第一操作例如可以包括第一手势操作)，可以在目标界面200A中呈现与第一手势操作对应的第一转场动画。
在一些实施例中，第一手势操作需要满足预设条件。作为示例，这样的预设条件可以包括滑动方向是否为预设方向、滑动距离是否大于阈值、速度是否大于阈值、加速度是否大于阈值等。
在一些实施例中，响应于电子设备110在目标界面呈现第一视图，并接收到的第二操作(第二操作例如可以包括第二手势操作)，这样的第二手势操作不满足上述的预设条件，将第一视图中的当前作品切换至另一作品。作为示例，第一手势操作与第二手势操作的滑动方向相同，但第二手势操作的滑动距离小于阈值，则会在目标界面中基于第一视图对作品进行切换。
参考图2B和图2C，上述提到的第一转场动画包括第一视图210对应的第一视图动画和第二视图220对应的第二视图动画。
在一些实施例中，第一视图210和第二视图220可以由不同的视图组件所提供，且第一视图与第二视图可以在同一个视图容器中，并且第一视图的层级保持在第二视图之上。
在一些实施例中，第一视图210可以是用于查看信息流中作品的作品视图。例如，第一视图210可以显示信息流中的一组作品的查看界面，并可以基于预设操作来实现该视图内的不同作品之间的切换。第二视图220例如可以是用于拍摄图像的拍摄视图。
在一些实施例中，第一视图210和第二视图220可以具有独立的布局样式。作为一示例，第一视图210和第二视图220之间没有复用任何相同的控件或界面元素。
在另一些实施例中，第一视图210和第二视图220可以具有部分相同的布局样式。作为一示例，第一视图210和第二视图220之间可以复用相同部分的控件或界面元素(例如，聊天控件和探索控件)。
在一些实施例中，参考图2B和图2C，电子设备110基于在目标界面200A中接收到的第一手势操作(例如，手势下滑操作)，且在第一手势操作未结束前，目标界面例如可以呈现从界面200A到界面200B再到界面200C的对应于第一手势操作的第一转场动画。由此可以看出，第一视图显示比例相应地减少且透明度在减小；第二视图显示比例相应地增加，并在固定位置被呈现且透明度在增大。
在一些实施例中，可以基于所述第一手势操作的预设属性动态地改变所述第一转场动画。示例性地，第一转场动画根据第一手势操作的预设属性来动态地改变第一视图210和第二视图220在目标界面200A中的显示比例。在一些实施例中，预设属性可以包括第一手势操作在目标界面200A中(也就是电子设备110的屏幕上)的滑动距离。电子设备110可以根据滑动距离确定第一视图210和第二视图220在目标界面中的显示比例，并基于该显示比例在目标界面中实时显示第一视图210和第二视图220的全部或部分内容。
在一些实施例中，电子设备110基于同一个视图容器将第一视图210和第二视图220同时在屏幕上渲染，使得处于第二视图220位置的取景预览框在第一转场动画过程中也可以实时预览摄像头的内容。
进一步地，电子设备110将第一视图210与第二视图220中多个视图元素基于并行的方式来实现复杂的第一转场动画效果。因此，电子设备110还可以呈现第一视图210和第二视图220中视图元素的动态变化效果。这样的视图元素的动态效果例如可以如图2B和2C所示，中央卡片缩小动画的同时，顶部导航栏和底部快门控件渐隐的复杂效果。电子设备110针对视图的每个视图元素都设计了单独的交互转场动画效果，例如可以是控件的透明度变化、视图的透明度变化、堆叠卡片的位移和缩放以及快门控件的缩放等。可以理解的是，不同的视图元素可能对应有不同的动画效果类型。
以此方式，电子设备110可以呈现跟随第一手势操作的第一转场动画，以实现不同视图之间的转场切换。
在一些实施例中，响应于第一手势操作结束的结束状态满足预设条件，电子设备110可以基于第二转场动画，以将目标界面切换至完全显示第二视图220。在一些实施例中，结束状态可以指示第一视图210和第二视图220在目标界面中第一手势操作结束时的当前显示比例。
参考图2C，在第一手势操作结束时，电子设备110终止第一转场动画，并确定第一转场动画终止时的目标动画状态。作为示例，第二视图220在目标界面200C的显示比例大于第一视图210在目标界面200C的显示比例。相应地，第二转场动画可以包括逐渐减小目标界面200C中第一视图210的所占比例。相应地，如图2D所示，在第二转场动画结束后，电子设备110可以在界面200D中单独呈现第二视图220。
在另一些实施例中，电子设备110还可以对第二转场动画的过程中所接收到的手势进行响应。具体地，响应于在呈现第二转场动画的过程中接收到第三手势操作(例如，手势上滑操作)，电子设备110可以在目标界面中呈现第一视图210显示比例逐渐增大，且第二视图220显示比例逐渐减小的效果。
为了防止误触情况，电子设备110可以确定第一手势操作的运动距离，并在运动距离大于阈值的情况下才基于第一手势操作的结束状态来呈现对应的第一转场动画。由此，本公开的实施例可以避免误触动作对应于视图切换过程的影响。
具体地，响应于电子设备110接收到第一手势操作，确定该第一手势操作的结束状态。电子设备110可以基于结束状态来确定第一视图210的第一显示比例或第二视图220的第二显示比例。进一步地，电子设备110可以基于第一显示比例或第二显示比例与阈值的比较，确定待切换至的目标视图。进一步地，电子设备可以相应地呈现用于切换至目标视图对应的转场动画(例如，第二转场动画或第三转场动画)。
作为示例，电子设备110可以基于在第一手势操作结束时第一视图210在目标界面的显示比例大于阈值(例如，阈值可以为0.5)来确定目标视图为第一视图210。相应地，电子设备110可以呈现用于完全切换至第一视图210的第三转场动画，该第三转场动画可以是第一视图210重新回到如图2A所示的初始位置，即电子设备110可以在界面200A中单独呈现第一视图210。反之，则电子设备110基于第一转场动画为初始状态继续呈现第二转场动画，最终呈现如图2D所示的界面200D，即单独呈现第二视图220。
由此，本公开的实施例能够支持在视图切换动画中的进一步手势交互，从而提高视图切换的便捷度，提升用户的交互体验。
基于上文所描述的视图切换过程，本公开的实施例能够利用针对两个视图的独立动画来实现视图之间的切换，从而提高视图切换的便捷度。
示例过程
图3示出了根据本公开的一些实施例的视图切换示例过程300的流程图。过程300可以被实现在电子设备110处。下面参考图1来描述过程300。
如图所示，在框310，电子设备110在目标界面中呈现第一视图。
在框320，电子设备110响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现。
在框330，电子设备110响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。
在一些实施例中，第一视图至少包括第一元素和第二元素，并且第一视图动画包括与第一元素对应的第一元素动画和与第二元素对应的第二元素动画，第一元素动画和第二元素动画对应于不同的动画类型。
在一些实施例中，过程300还包括：在第二视图动画的过程中，利用第二视图呈现动态内容。
在一些实施例中，第二视图用于拍摄图像，并且动态内容包括相机所捕获到的实时图像。
在一些实施例中，第二视图动画包括与第二视图相关联的透明度的变化。
在一些实施例中，第一视图用于查看作品。
在一些实施例中，响应于接收到第一操作在目标界面中呈现与第一操作对应的第一转场动画包括：响应于第一视图所展示的当前作品是信息流中的首个作品，基于接收到的第一操作，目标界面中呈现与第一操作对应的第一转场动画。
在一些实施例中，过程300还包括：响应于目标界面呈现第一视图，基于接收到的第二操作，将第一视图切换至呈现另一作品。
在一些实施例中，第一视图的布局样式独立于第二视图的布局样式。
在一些实施例中，响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，包括：基于第一操作的预设属性动态地改变第一转场动画。
在一些实施例中，动态地改变第一转场动画包括改变第一视图和/或第二视图在目标界面中的显示比例。
在一些实施例中，基于第二转场动画将目标界面切换至完全显示第二视图包括：响应于第一操作结束，终止第一转场动画；确定第一转场动画终止时的目标动画状态；以及呈现以目标动画状态为初始状态的第二转场动画。
在一些实施例中，呈现以目标动画状态为初始状态的第二转场动画，包括：基于第一操作的预设属性，呈现以目标动画状态为初始状态的第二转场动画。
在一些实施例中，过程300还包括：响应于第一操作的结束状态未满足预设条件，基于第三转场动画，将目标界面切换至完全显示第一视图。
在一些实施例中，预设条件与第一操作的至少一项属性相关联。
示例装置和设备
本公开的实施例还提供了用于实现上述方法或过程的相应装置。图4示出了根据本公开的某些实施例的用于示例视图切换装置400的示意性结构框图。装置400可以被实现为或者被包括在电子设备110中。装置400中的各个模块/组件可以由硬件、软件、固件或者它们的任意组合来实现。
如图4所示，装置400包括视图呈现模块410，被配置为在目标界面中呈现第一视图；动画呈现模块420，被配置为响应于接收到第一操作，在目标界面中呈现与第一操作对应的第一转场动画，第一转场动画包括与第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中第二视图动画使得第二视图在目标界面中的固定位置中被呈现；以及视图切换模块430，被配置为响应于第一操作的结束状态满足预设条件，基于第二转场动画，将目标界面切换至完全显示第二视图。
在一些实施例中，第一视图至少包括第一元素和第二元素，并且第一视图动画包括与第一元素对应的第一元素动画和与第二元素对应的第二元素动画，第一元素动画和第二元素动画对应于不同的动画类型。
在一些实施例中，装置400还包括第一呈现模块，被配置为在第二视图动画的过程中，利用第二视图呈现动态内容。
在一些实施例中，第二视图用于拍摄图像，并且动态内容包括相机所捕获到的实时图像。
在一些实施例中，第二视图动画包括与第二视图相关联的透明度的变化。
在一些实施例中，第一视图用于查看作品。
在一些实施例中，动画呈现模块420，被具体配置为响应于第一视图所展示的当前作品是信息流中的首个作品，基于接收到的第一操作，目标界面中呈现与第一操作对应的第一转场动画。
在一些实施例中，装置400还包括作品切换模块，被配置为响应于目标界面呈现第一视图，基于接收到的第二操作，将第一视图切换至呈现另一作品。
在一些实施例中，第一视图的布局样式独立于第二视图的布局样式。
在一些实施例中，动画呈现模块420，被具体配置为基于第一操作的预设属性动态地改变第一转场动画。
在一些实施例中，动态地改变第一转场动画包括改变第一视图和/或第二视图在目标界面中的显示比例。
在一些实施例中，视图切换模块430，被具体配置为响应于第一操作结束，终止第一转场动画；确定第一转场动画终止时的目标动画状态；以及呈现以目标动画状态为初始状态的第二转场动画。
在一些实施例中，呈现以目标动画状态为初始状态的第二转场动画，包括：基于第一操作的预设属性，呈现以目标动画状态为初始状态的第二转场动画。
在一些实施例中，装置400还包括第一切换模块，被配置为响应于第一操作的结束状态未满足预设条件，基于第三转场动画，将目标界面切换至完全显示第一视图。
在一些实施例中，预设条件与第一操作的至少一项属性相关联。
装置400中所包括的模块可以利用各种方式来实现，包括软件、硬件、固件或其任意组合。在一些实施例中，一个或多个单元可以使用软件和/或固件来实现，例如存储在存储介质上的机器可执行指令。除了机器可执行指令之外或者作为替代，装置400中的部分或者全部模块可以至少部分地由一个或多个硬件逻辑组件来实现。作为示例而非限制，可以使用的示范类型的硬件逻辑组件包括现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准品(ASSP)、片上系统(SOC)、复杂可编程逻辑器件(CPLD)，等等。
图5示出了其中可以实施本公开的一个或多个实施例的电子设备500的框图。应当理解，图5所示出的电子设备500仅仅是示例性地，而不应当构成对本文所描述的实施例的功能和范围的任何限制。图5所示出的电子设备500可以用于实现图1的电子设备110。
如图5所示，电子设备500是通用电子设备的形式。电子设备500的组件可以包括但不限于一个或多个处理器或处理单元510、存储器520、存储设备530、一个或多个通信单元540、一个或多个输入设备550以及一个或多个输出设备560。处理单元510可以是实际或虚拟处理器并且能够根据存储器520中存储的程序来执行各种处理。在多处理器系统中，多个处理单元并行执行计算机可执行指令，以提高电子设备500的并行处理能力。
电子设备500通常包括多个计算机存储介质。这样的介质可以是电子设备500可访问的任何可以获取的介质，包括但不限于易失性和非易失性介质、可拆卸和不可拆卸介质。存储器520可以是易失性存储器(例如寄存器、高速缓存、随机访问存储器(RAM))、非易失性存储器(例如，只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、闪存)或它们的某种组合。存储设备530可以是可拆卸或不可拆卸的介质，并且可以包括机器可读介质，诸如闪存驱动、磁盘或者任何其他介质，其可以能够用于存储信息和/或数据并且可以在电子设备500内被访问。
电子设备500可以进一步包括另外的可拆卸/不可拆卸、易失性/非易失性存储介质。尽管未在图5中示出，可以提供用于从可拆卸、非易失性磁盘(例如“软盘”)进行读取或写入的磁盘驱动和用于从可拆卸、非易失性光盘进行读取或写入的光盘驱动。在这些情况中，每个驱动可以由一个或多个数据介质接口被连接至总线(未示出)。存储器520可以包括计算机程序产品525，其具有一个或多个程序模块，这些程序模块被配置为执行本公开的各种实施例的各种方法或动作。
通信单元540实现通过通信介质与其他电子设备进行通信。附加地，电子设备500的组件的功能可以以单个计算集群或多个计算机器来实现，这些计算机器能够通过通信连接进行通信。因此，电子设备500可以使用与一个或多个其他服务器、网络个人计算机(PC)或者另一个网络节点的逻辑连接来在联网环境中进行操作。
输入设备550可以是一个或多个输入设备，例如鼠标、键盘、追踪球等。输出设备560可以是一个或多个输出设备，例如显示器、扬声器、打印机等。电子设备500还可以根据需要通过通信单元540与一个或多个外部设备(未示出)进行通信，外部设备诸如存储设备、显示设备等，与一个或多个使得用户与电子设备500交互的设备进行通信，或者与使得电子设备500与一个或多个其他电子设备通信的任何设备(例如，网卡、调制解调器等)进行通信。这样的通信可以经由输N/输出(I/O)接口(未示出)来执行。
根据本公开的示例性实现方式，提供了一种计算机可读存储介质，其上存储有计算机可执行指令，其中计算机可执行指令被处理器执行以实现上文描述的方法。根据本公开的示例性实现方式，还提供了一种计算机程序产品，计算机程序产品被有形地存储在非瞬态计算机可读介质上并且包括计算机可执行指令，而计算机可执行指令被处理器执行以实现上文描述的方法。
这里参照根据本公开实现的方法、装置、设备和计算机程序产品的流程图和/或框图描述了本公开的各个方面。应当理解，流程图和/或框图的每个方框以及流程图和/或框图中各方框的组合，都可以由计算机可读程序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理单元，从而生产出一种机器，使得这些指令在通过计算机或其他可编程数据处理装置的处理单元执行时，产生了实现流程图和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计算机可读程序指令存储在计算机可读存储介质中，这些指令使得计算机、可编程数据处理装置和/或其他设备以特定方式工作，从而，存储有指令的计算机可读介质则包括一个制造品，其包括实现流程图和/或框图中的一个或多个方框中规定的功能/动作的各个方面的指令。
可以把计算机可读程序指令加载到计算机、其他可编程数据处理装置、或其他设备上，使得在计算机、其他可编程数据处理装置或其他设备上执行一系列操作步骤，以产生计算机实现的过程，从而使得在计算机、其他可编程数据处理装置、或其他设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本公开的多个实现的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或指令的一部分，模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依据所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实现，上述说明是示例性地，并非穷尽性的，并且也不限于所公开的各实现。在不偏离所说明的各实现的范围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实现的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其他普通技术人员能理解本文公开的各个实现方式。

Claims (18)

  1. 一种视图切换方法，包括：
    在目标界面中呈现第一视图；
    响应于接收到第一操作，在所述目标界面中呈现与所述第一操作对应的第一转场动画，所述第一转场动画包括与所述第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中所述第二视图动画使得所述第二视图在所述目标界面中的固定位置中被呈现；以及
    响应于所述第一操作的结束状态满足预设条件，基于第二转场动画，将所述目标界面切换至完全显示所述第二视图。
  2. 根据权利要求1所述的方法，其中所述第一视图至少包括第一元素和第二元素，并且所述第一视图动画包括与所述第一元素对应的第一元素动画和与所述第二元素对应的第二元素动画，所述第一元素动画和所述第二元素动画对应于不同的动画类型。
  3. 根据权利要求1所述的方法，还包括：
    在所述第二视图动画的过程中，利用所述第二视图呈现动态内容。
  4. 根据权利要求3所述的方法，其中所述第二视图用于拍摄图像，并且所述动态内容包括相机所捕获到的实时图像。
  5. 根据权利要求1所述的方法，其中所述第二视图动画包括与所述第二视图相关联的透明度的变化。
  6. 根据权利要求1所述的方法，其中所述第一视图用于查看作品。
  7. 根据权利要求6所述的方法，其中响应于接收到第一操作在所述目标界面中呈现与所述第一操作对应的第一转场动画包括：
    响应于所述第一视图所展示的当前作品是信息流中的首个作品，基于接收到的所述第一操作，所述目标界面中呈现与所述第一操作对应的所述第一转场动画。
  8. 根据权利要求6所述的方法，还包括：
    响应于所述目标界面呈现所述第一视图，基于接收到的第二操作，将所述第一视图切换至呈现另一作品。
  9. 根据权利要求1所述的方法，其中所述第一视图的布局样式独立于所述第二视图的布局样式。
  10. 根据权利要求1所述的方法，其中所述响应于接收到第一操作，在所述目标界面中呈现与所述第一操作对应的第一转场动画，包括：
    基于所述第一操作的预设属性动态地改变所述第一转场动画。
  11. 根据权利要求1所述的方法，其中，所述动态地改变所述第一转场动画包括改变第一视图和/或第二视图在所述目标界面中的显示比例。
  12. 根据权利要求1所述的方法，其中基于第二转场动画将所述目标界面切换至完全显示所述第二视图包括：
    响应于所述第一操作结束，终止所述第一转场动画；
    确定所述第一转场动画终止时的目标动画状态；以及
    呈现以所述目标动画状态为初始状态的所述第二转场动画。
  13. 根据权利要求12所述的方法，所述呈现以所述目标动画状态为初始状态的所述第二转场动画，包括：
    基于所述第一操作的预设属性，呈现以所述目标动画状态为初始状态的所述第二转场动画。
  14. 根据权利要求1所述的方法，还包括：
    响应于所述第一操作的所述结束状态未满足所述预设条件，基于第三转场动画，将所述目标界面切换至完全显示所述第一视图。
  15. 根据权利要求1所述的方法，其中所述预设条件与所述第一操作的至少一项属性相关联。
  16. 一种用于视图切换装置，包括：
    视图呈现模块，被配置为在目标界面中呈现第一视图；
    动画呈现模块，被配置为响应于接收到第一操作，在所述目标界面中呈现与所述第一操作对应的第一转场动画，所述第一转场动画包括与所述第一视图对应的第一视图动画和与第二视图对应的第二视图动画，其中所述第二视图动画使得所述第二视图在所述目标界面中的固定位置中被呈现；以及
    视图切换模块，被配置为响应于所述第一操作的结束状态满足预设条件，基于第二转场动画，将所述目标界面切换至完全显示所述第二视图。
  17. 一种电子设备，包括：
    至少一个处理单元；以及
    至少一个存储器，所述至少一个存储器被耦合到所述至少一个处理单元并且存储用于由所述至少一个处理单元执行的指令，所述指令在由所述至少一个处理单元执行时使所述电子设备执行根据权利要求1至15中任一项所述的方法。
  18. 一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序可由处理器执行以实现根据权利要求1至15中任一项所述的方法。
PCT/CN2025/089649 2024-04-17 2025-04-17 视图切换的方法、装置、设备和存储介质 Pending WO2025218756A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202410466076.7 2024-04-17
CN202410466076.7A CN118245159A (zh) 2024-04-17 2024-04-17 视图切换的方法、装置、设备和存储介质

Publications (1)

Publication Number Publication Date
WO2025218756A1 true WO2025218756A1 (zh) 2025-10-23

Family

ID=91558316

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2025/089649 Pending WO2025218756A1 (zh) 2024-04-17 2025-04-17 视图切换的方法、装置、设备和存储介质

Country Status (2)

Country Link
CN (1) CN118245159A (zh)
WO (1) WO2025218756A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN118245159A (zh) * 2024-04-17 2024-06-25 北京字跳网络技术有限公司 视图切换的方法、装置、设备和存储介质
CN118963613A (zh) * 2024-07-24 2024-11-15 北京字跳网络技术有限公司 界面交互方法、装置、设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110062271A (zh) * 2019-04-28 2019-07-26 腾讯科技(成都)有限公司 场景切换方法、装置、终端及存储介质
CN112256167A (zh) * 2020-09-30 2021-01-22 北京达佳互联信息技术有限公司 多媒体资源切换方法、装置、电子设备及存储介质
CN115509698A (zh) * 2021-06-03 2022-12-23 Oppo广东移动通信有限公司 应用程序的切换方法、装置、终端和存储介质
CN115619908A (zh) * 2021-07-16 2023-01-17 中移物联网有限公司 视图转场方法及装置、电子设备、存储介质
CN118245159A (zh) * 2024-04-17 2024-06-25 北京字跳网络技术有限公司 视图切换的方法、装置、设备和存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110062271A (zh) * 2019-04-28 2019-07-26 腾讯科技(成都)有限公司 场景切换方法、装置、终端及存储介质
CN112256167A (zh) * 2020-09-30 2021-01-22 北京达佳互联信息技术有限公司 多媒体资源切换方法、装置、电子设备及存储介质
CN115509698A (zh) * 2021-06-03 2022-12-23 Oppo广东移动通信有限公司 应用程序的切换方法、装置、终端和存储介质
CN115619908A (zh) * 2021-07-16 2023-01-17 中移物联网有限公司 视图转场方法及装置、电子设备、存储介质
CN118245159A (zh) * 2024-04-17 2024-06-25 北京字跳网络技术有限公司 视图切换的方法、装置、设备和存储介质

Also Published As

Publication number Publication date
CN118245159A (zh) 2024-06-25

Similar Documents

Publication Publication Date Title
WO2025218756A1 (zh) 视图切换的方法、装置、设备和存储介质
CN112449230B (zh) 字符串显示处理方法、装置、终端及存储介质
WO2022089330A1 (zh) 截图方法和装置、电子设备和可读存储介质
JP7721011B2 (ja) ページ対話のための方法、装置、デバイス、及び記憶媒体
US12554379B2 (en) Method, apparatus, device and storage medium for displaying privacy indications for navigation tabs
US20250370606A1 (en) Method, apparatus, device, and storage medium of effect interaction
WO2025162414A1 (zh) 媒体编辑的方法、装置、设备和存储介质
WO2025209552A1 (zh) 交互方法、装置、设备和存储介质
WO2025162171A1 (zh) 交互方法、装置、设备和存储介质
WO2025236761A1 (zh) 界面交互的方法、装置、设备和存储介质
WO2025002139A1 (zh) 交互方法、装置、设备和计算机可读存储介质
WO2026021502A1 (zh) 界面交互方法、装置、设备和存储介质
WO2025162169A1 (zh) 交互方法、装置、设备和存储介质
WO2026002171A1 (zh) 界面交互的方法、装置、设备和存储介质
WO2025218576A1 (zh) 个人信息页的交互方法、装置、设备和存储介质
WO2025247326A1 (zh) 呈现作品的方法、装置、设备和存储介质
WO2025218792A1 (zh) 发布作品的方法、装置、设备和存储介质
WO2026021494A1 (zh) 界面交互的方法、装置、设备和存储介质
WO2026067727A1 (zh) 处理媒体内容的方法、装置、设备、存储介质和程序产品
WO2026052128A1 (zh) 界面交互的方法、装置、设备和存储介质
WO2026026818A1 (zh) 生成虚拟资源的方法、装置、设备和存储介质
WO2025252150A1 (zh) 交互方法、装置、设备和存储介质
WO2025218720A1 (zh) 用于在应用中呈现动画的方法、装置、设备和介质
WO2026000992A1 (zh) 管理应用页面的方法、装置、设备、介质和程序产品
EP3048524B1 (en) Document display support device, terminal, document display method, and computer-readable storage medium for computer program

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 25790016

Country of ref document: EP

Kind code of ref document: A1