WO2023072233A1 - 页面切换方法、页面切换装置、电子设备和可读存储介质 - Google Patents

页面切换方法、页面切换装置、电子设备和可读存储介质 Download PDF

Info

Publication number
WO2023072233A1
WO2023072233A1 PCT/CN2022/128185 CN2022128185W WO2023072233A1 WO 2023072233 A1 WO2023072233 A1 WO 2023072233A1 CN 2022128185 W CN2022128185 W CN 2022128185W WO 2023072233 A1 WO2023072233 A1 WO 2023072233A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
page
content
drag
switching
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.)
Ceased
Application number
PCT/CN2022/128185
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
Priority to US18/572,632 priority Critical patent/US20240289012A1/en
Publication of WO2023072233A1 publication Critical patent/WO2023072233A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • 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/0485—Scrolling or panning
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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
    • 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/0486—Drag-and-drop
    • 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
    • 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
    • G06F3/04883—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 for inputting data by handwriting, e.g. gesture or text

Definitions

  • Embodiments of the present disclosure relate to a page switching method, a page switching device, electronic equipment, and a readable storage medium.
  • touch screens that replace keyboards to realize human-computer interaction are widely used in various devices.
  • the technology of realizing human-computer interaction by performing a touch operation on a touch screen is very common.
  • the touch operation may include a click operation and a slide operation.
  • the method for switching the displayed page includes clicking the label of the corresponding page, sliding on the touch screen in a certain direction, and clicking a corresponding position on the touch screen to turn the page forward or backward.
  • the disclosure relates to a page switching method, a page switching device, an electronic device, and a readable storage medium, and proposes realizing page switching through visual operations, enhancing the interactivity of interactive operations, and enriching man-machine interactive operation modes.
  • a page switching method wherein a first movable control is displayed on a first display page of a target application, and the page switching method includes: acquiring a first Drag operation; trigger a page switch action in response to the first drag operation, determine the switching display content to be displayed; and jump from the first display page to the second display page of the target application, and display it on the second display page Toggle display content.
  • determining the switching display content to be displayed includes: responding to the first drag operation corresponding to dragging the first movable control to the first display The target area in the page, determine the page switching action, and determine the switching display content.
  • the page switching method further includes: after detecting the first drag operation on the first movable control, displaying transitional content on the first display page, wherein the transitional content includes the first movable control For moving the control, the first movable control is moved and displayed following the touch coordinates of the first drag operation.
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing when the first movable control is moving and displayed following the touch coordinates of the first drag operation.
  • the transition content further includes a background image, the background image is obtained based on the current display content screen in the first display page; and/or the transition content further includes a foreground image, the foreground image is based on the page color of the second display page attributes get.
  • displaying the transitional content on the first presentation page includes: displaying the shape of the target area on the first presentation page; in response to the touch coordinates of the first drag operation being located within the shape of the target area, determining to proceed Page switching action.
  • the page switching method further includes: displaying text information associated with the first drag operation in the shape of the target area.
  • the first movable control is displayed in a first predetermined shape
  • the target area is displayed in a second predetermined shape
  • the first predetermined shape is associated with the second predetermined shape
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing the first movable control during the process of moving and displaying the first movable control following the touch coordinates of the first drag operation A display effect of a predetermined shape, and when the touch coordinates of the first drag operation reach the target area, the display effect of the first predetermined shape is associated with the second predetermined shape.
  • switching display content includes display content of N subcategories, N is an integer greater than 1, and the position of the first movable control displayed on the first display page is used as the starting position of dragging, and the first The display page is divided into N drag angle ranges, and the N drag angle ranges correspond to the display contents of N subcategories respectively.
  • determining the switching display content to be displayed includes: determining the first The drag angle range of a drag operation belongs to the drag angle range among the N drag angle ranges, and the corresponding switching display content is determined based on the drag angle range to which it belongs.
  • the page switching method further includes: after detecting the first drag operation on the first movable control, displaying transition content on the first presentation page, wherein the transition content is the same as the first drag operation
  • the drag angle of the motion operation is associated with the drag angle range to which the N drag angle ranges belong.
  • switching display content includes display content of N subcategories, where N is an integer greater than 1, and the first display page is divided into N dragging areas, and the N dragging areas correspond to N subcategories respectively
  • determining the switch display content to be displayed includes: determining that the drag arrival position of the first drag operation on the first display page belongs to the N drag areas The dragging area of , and determine the corresponding switching display content based on the dragging area to which it belongs.
  • the page switching method further includes: after detecting the first drag operation on the first movable control, displaying transition content on the first presentation page, wherein the transition content is the same as the first drag operation
  • the drag destination position of the drag operation on the first display page is associated with the drag area to which it belongs among the N drag areas.
  • the page switching method before jumping to the second display page, the current display content is displayed on the first display page, and the page switching method further includes: after displaying and switching the display content on the second display page, obtaining the The second drag operation of the second movable control in the second display page; and in response to the second drag operation corresponding to dragging the second movable control to a predetermined area, jumping to the first display page, and The current display content is displayed on the first display page.
  • the current display content is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content, and the display content is switched to the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • Another type of data flow is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • a page switching device including: a display unit configured to: display a first movable control on a first display page of a target application; a touch response unit configured to: A first drag operation of a movable control; and a processing unit configured to: trigger a page switching action in response to the first drag operation, determine the switching display content to be displayed, and jump to the target application from the first display page the second display page, and control the display unit to display switching display content on the second display page.
  • the processing unit triggers a page switching action in response to the first drag operation, and determining the switching display content to be displayed includes: responding to the first drag operation corresponding to dragging the first movable control to the second - Displaying the target area in the page, determining to perform a page switching action, and determining to switch the displayed content.
  • the processing unit is further configured to: after detecting the first drag operation on the first movable control, control the display unit to display transitional content on the first display page, wherein the transitional content includes The first movable control, wherein the first movable control is moved and displayed following the touch coordinates of the first drag operation.
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing when the first movable control is moving and displayed following the touch coordinates of the first drag operation.
  • the transition content further includes a background image, the background image is obtained based on the current display content screen in the first display page; and/or the transition content further includes a foreground image, the foreground image is based on the page color of the second display page attributes get.
  • displaying the transitional content on the first display page by the display unit includes: displaying the shape of the target area on the first display page; the touch coordinates in response to the first drag operation are located within the shape of the target area, Make sure to switch pages.
  • the processing unit is further configured to control the display unit to display text information associated with the first drag operation in the shape of the target area.
  • the first movable control is displayed in a first predetermined shape
  • the target area is displayed in a second predetermined shape
  • the first predetermined shape is associated with the second predetermined shape
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing the first movable control during the process of moving and displaying the first movable control following the touch coordinates of the first drag operation A display effect of a predetermined shape, and when the touch coordinates of the first drag operation reach the target area, the display effect of the first predetermined shape is associated with the second predetermined shape.
  • switching display content includes display content of N subcategories, N is an integer greater than 1, and the position of the first movable control displayed on the first display page is used as the starting position of dragging, and the first The display page is divided into N drag angle ranges, and the N drag angle ranges correspond to N subcategories of display content, wherein the processing unit triggers a page switching action in response to the first drag operation, and determines the switching display content to be displayed
  • the method includes: determining the drag angle range to which the drag angle of the first drag operation belongs among the N drag angle ranges, and determining the corresponding switching display content based on the drag angle range to which it belongs.
  • the processing unit is further configured to: after detecting the first drag operation on the first movable control, control the display unit to display transition content on the first display page, wherein the transition content is related to The drag angle of the first drag operation is associated with a drag angle range belonging to the N drag angle ranges.
  • switching display content includes display content of N subcategories, where N is an integer greater than 1, and the first display page is divided into N dragging areas, and the N dragging areas correspond to N subcategories respectively display content
  • the processing unit triggers a page switching action in response to the first drag operation
  • determining the switch display content to be displayed includes: determining the drag arrival position of the first drag operation on the first display page within N drags The corresponding dragging area in the active area is used to determine the corresponding switching display content based on the belonging dragging area.
  • the processing unit is further configured to: after detecting the first drag operation on the first movable control, control the display unit to display transition content on the first display page, wherein the transition content is related to The drag arrival position of the first drag operation on the first presentation page is associated with the drag area to which it belongs among the N drag areas.
  • the processing unit before jumping to the second display page, is further configured to: after displaying and switching the display content on the second display page, obtain the information for the second display page The second drag operation of the second movable control in the second display page; and in response to the second drag operation corresponding to dragging the second movable control to a predetermined area, jump to the first display page, and control such that The display unit displays the current display content on the first display page.
  • the current display content is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content, and the display content is switched to the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • Another type of data flow is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • an electronic device including a memory, a processor, and a computer program stored on the memory, wherein the processor executes the computer program to implement the steps of the above page switching method.
  • a computer-readable storage medium on which a computer program is stored, wherein, when the computer program is executed by a processor, the steps of the above-mentioned page switching method are implemented.
  • page switching can be realized according to the drag operation for the movable control, which enriches the user's interactive operation mode and improves user interaction.
  • the diversity and interactivity of interaction methods further enhance the user's operating experience of human-computer interaction.
  • FIG. 1 shows a schematic flowchart of a page switching method according to some embodiments of the present disclosure
  • FIG. 2 shows a schematic diagram of a mobile terminal implementing a page switching method according to some embodiments of the present disclosure
  • Fig. 3 shows a schematic diagram of an application scenario for implementing a method according to some embodiments of the present disclosure
  • Fig. 4 shows a schematic diagram of a first presentation page including a first movable control
  • Fig. 5 shows a schematic diagram of transition content according to some embodiments of the present disclosure
  • FIG. 6 shows another schematic diagram of transition content according to some embodiments of the present disclosure
  • FIG. 7A shows a schematic diagram of the second display page after switching
  • FIG. 7B shows another schematic diagram of the second presentation page after switching
  • Fig. 8 shows a schematic diagram of a second presentation page including a second movable control
  • Fig. 9 shows a schematic diagram of drag angle ranges according to some embodiments of the present disclosure.
  • Fig. 10 shows a schematic block diagram of a page switching device according to some embodiments of the present disclosure
  • Fig. 11 shows a schematic block diagram of an electronic device according to some embodiments of the present disclosure.
  • Figure 12 shows an architectural diagram of an exemplary computing device according to some embodiments of the present disclosure.
  • Figure 13 shows a schematic block diagram of a computer readable storage medium according to some embodiments of the present disclosure.
  • Some embodiments of the present disclosure provide a page switching method, which implements switching between two or more display pages in a target application based on movable controls displayed on the page, so that users can use intuitive controls to drag and drop Realizing the switching between different display pages enriches the existing page switching operation mode, which is beneficial to improve the user's operation experience of interacting with, for example, a terminal device.
  • Fig. 1 shows a schematic flowchart of a page switching method according to some embodiments of the present disclosure.
  • the page switching method 100 may include steps S101-S103.
  • a first movable control is displayed on the first display page of the target application.
  • the target application may be an application program installed in the device.
  • the first movable control can collect touch operations on it, so as to determine touch operation parameters based on the detected touch operations, so that a corresponding response can be made based on the determined touch operation parameters, such as the above parameters It can include touch starting point, dragging distance, dragging direction, etc.
  • the movable control can be displayed on the display screen of the terminal device, and the user can select and drag the displayed control by touching, dragging, etc., and the terminal device receives the user operation based on the control as user input information, and uses for subsequent processing.
  • the first movable control can be implemented by various programming languages, such as HTML, Js computer language, which is not limited here.
  • a first drag operation for a first movable control is acquired.
  • the movable control may be a control displayed on the display page of the electronic device that can be moved by dragging, and the user of the electronic device may select the control and drag the control to move as user input information.
  • the movable control can be displayed at any suitable position on the display page, and the control can receive a drag operation performed by the user on the touch pad.
  • the user mentioned herein may refer to an operator who can operate the electronic device, and the user may be specific to the device by, for example, logging in account information in an application program of the electronic device.
  • the device may send verification information to, for example, a server (for example, corresponding to the application platform installed on the electronic device or referred to as the provider).
  • a server for example, corresponding to the application platform installed on the electronic device or referred to as the provider.
  • a video playing application may be installed on the electronic device, and verification information input by the user in the video playing application may be received to implement an account login process.
  • the electronic device can also send the received verification information to the server, and receive the data sent by the server for the logged-in account.
  • the data can include video data for playing on the electronic device and for realizing the video playback function. related instructions.
  • step S102 a page switch action is triggered in response to the first drag operation, and the switching display content to be displayed is determined.
  • the above-mentioned triggering page switching action may refer to triggering the electronic device to switch from the currently displayed first display page to the second display page to be displayed, wherein the switched display content displayed on the second display page may be different from the first display page
  • the current display content displayed on , and the second display page corresponds to the same target application as the first display page.
  • a trigger can be understood as a starting point that prompts the terminal device to execute a certain process or operation. It can be understood that the event that triggers page switching may also synchronously trigger other operations except the page switching operation, which is not limited here.
  • the current display content may be one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content
  • the switching display content is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content Another kind of .
  • the data stream corresponding to the visual content and the data stream corresponding to the auditory content may or may not be related.
  • the data stream corresponding to the visual content may be video data such as a short video.
  • the data stream corresponding to the visual content may also include an audio data stream, that is, the video data includes image content and audio content both.
  • a data stream corresponding to auditory content may be a data stream of content such as music, radio stations, broadcasts, and the like. That is, the data stream corresponding to visual content may refer to data content for visual consumption by the user, and the data stream corresponding to auditory content may refer to data content for auditory consumption by the user.
  • the data stream corresponding to the auditory content may be applicable to scenarios where it is inconvenient for the user to view or operate the display screen of the terminal, for example, during driving.
  • display herein may refer to displaying videos, images, or playing audio, etc., so as to present information to users, for example.
  • presenting data streams corresponding to visual content can be understood as displaying visual consumption content such as video and pictures, and at the same time playing audio associated with the displayed visual content, such as background music, dubbing, etc., for example through a speaker.
  • displaying data streams corresponding to auditory content may be understood as playing radio stations, music, playing electronic novels and other auditory consumption content.
  • step S103 jump from the first display page to the second display page of the target application, and display switching display content on the second display page.
  • display page switching can be realized based on the displayed movable controls, so as to realize switching between different display pages through intuitive dragging and dropping operations, the interactive operation is simple, and the visual Compared with existing operation methods such as clicking, double-clicking, and sliding, etc., the display effect and operation realization are more simple and intuitive, which is conducive to improving the operation experience of the interaction between the user and the terminal device.
  • the current displayed content is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content, which is displayed on the second display page after page switching
  • the switching display content is the other of the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • the user enables the user to switch between two types of display content only based on the proposed simple and intuitive page switching method, which enriches the user's operational interactivity and increases the convenience of switching between different types of pages.
  • the user may need to switch to a situation that is inconvenient to operate the terminal, such as driving mode.
  • the provided page switching method performs page switching to directly jump from the current display page corresponding to the visual content to the switching display page corresponding to the auditory content, so as to continue to obtain product companionship and entertainment services. At the same time, this is conducive to increasing the user's viscosity for the application and maintaining the number of users.
  • Electronic devices can be mobile terminals capable of installing applications and displaying application icons, desktop computers, tablet computers, personal computers (Personal Computer, PC), personal digital assistants (personal digital assistant, PDA), smart watches, netbooks, wearable Electronic equipment, augmented reality (Augmented Reality, AR) equipment, etc., the present disclosure does not specifically limit the specific form of the electronic equipment.
  • the page switching method according to the embodiments of the present disclosure can be implemented in the mobile terminal 200 such as shown in FIG. 2 .
  • the mobile terminal 200 may specifically include: a processor 201, a radio frequency (Radio Frequency, RF) circuit 202, a memory 203, a touch screen 204, a Bluetooth device 205, one or more sensors 206, a wireless fidelity (Wireless Fidelity , WI-FI) device 207, positioning device 208, audio circuit 209, peripheral interface 210, power supply device 211 and other components. These components may communicate via one or more communication buses or signal lines (not shown in FIG. 2). Those skilled in the art can understand that the hardware structure shown in FIG. 2 does not constitute a limitation on the mobile terminal, and the mobile terminal 200 may include more or fewer components than shown in the figure, or combine some components, or different components layout.
  • RF Radio Frequency
  • Each component of the mobile terminal 200 will be specifically introduced below with reference to FIG. 2 .
  • the processor 201 is the control center of the mobile terminal 200, which connects various parts of the mobile terminal 200 with various interfaces and lines, and runs or executes the application program stored in the memory 203, and calls the data stored in the memory 203, Various functions of the mobile terminal 200 are performed and data is processed.
  • processor 201 may include one or more processing units.
  • the processor 201 may be various types of processor chips.
  • the radio frequency circuit 202 can be used for receiving and sending wireless signals during sending and receiving information or talking.
  • the radio frequency circuit 202 may receive the downlink data from the base station and process it to the processor 201, and also send the uplink data to the base station.
  • radio frequency circuitry includes, but is not limited to, an antenna, at least one amplifier, transceiver, coupler, low noise amplifier, duplexer, and the like.
  • the radio frequency circuit 202 can also communicate with other devices through wireless communication.
  • the wireless communication may use any communication standard or protocol, including but not limited to Global System for Mobile Communications, General Packet Radio Service, Code Division Multiple Access, Wideband Code Division Multiple Access, Long Term Evolution, Email, Short Message Service, etc.
  • the memory 203 is used to store application programs and related data, and the processor 201 executes various functions and data processing of the mobile terminal 200 by running the application programs and data stored in the memory 203 .
  • the memory 203 mainly includes a storage program area and a storage data area, wherein the storage program area can store an operating system, at least one application program required by a function (for example, an audio data playback function, a video data playback function, etc.); the storage data area can store According to the data created when using the mobile terminal 200 (for example, audio data, video data, playback record information, etc.).
  • the memory 203 may include a high-speed random access memory (Random Access Memory, RAM), and may also include a non-volatile memory, such as a magnetic disk storage device, a flash memory device, or other volatile solid-state storage devices.
  • RAM Random Access Memory
  • the memory 203 can store various operating systems.
  • the above-mentioned memory 203 may be independent and connected to the processor 201 through the above-mentioned communication bus.
  • the memory 203 may also be integrated with the processor 203 .
  • the touch display screen 204 may specifically include a touch panel 204-1 and a display 204-2.
  • the touch panel 204-1 can collect the touch operation (or called touch event) of the user of the mobile terminal 200 on or near it, for example, the user uses any suitable object such as a finger or a stylus 1 or near the touch panel 204-1, and send the collected touch information to other devices (for example, the processor 201).
  • a user's touch event near the touchpad 204-1 may be called a hovering touch.
  • Floating touch may mean that the user does not need to directly touch the touchpad 204-1 in order to select, move or drag an object (such as an icon, etc.), but only needs the user to be near the device to perform the desired function.
  • the touch panel 204-1 can be realized by various types such as resistive, capacitive, infrared, and surface acoustic wave.
  • the display (or called display screen) 204 - 2 may be used to display information input by the user or information provided to the user and various menus of the mobile terminal 200 .
  • the display 204-2 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like.
  • the touchpad 204-1 can be covered on the display 204-2. When the touchpad 204-1 detects a touch event on or near it, it is delivered to the processor 201 to determine the parameters of the touch event, and then the processor 201 may provide corresponding output data on the display 204-2 according to the parameters of the touch event, for example, video data or audio data.
  • the touchpad 204-1 and the display screen 204-2 are used as two independent components to realize the input and output functions of the mobile terminal 200, but in some embodiments, the touchpad 204-2 can be 1 is integrated with the display screen 204-2 to realize the input and output functions of the mobile terminal 200. It can be understood that the touch display screen 204 is formed by stacking multiple layers of materials. Only the touch panel (layer) and the display screen (layer) are shown in FIG. 2 , and other layers are not described in FIG. 2 .
  • the touch panel 204-1 can be arranged on the front of the mobile terminal 200 in the form of a full panel
  • the display screen 204-2 can also be arranged in the form of a full panel on the front of the mobile terminal 200, so that the front of the terminal device can realize Borderless structure.
  • the mobile terminal 200 may also have a fingerprint identification function.
  • the fingerprint collection device 212 may be configured on the back of the mobile terminal 200 (eg, below the rear camera), or the fingerprint collection device 212 may be configured on the front of the mobile terminal 200 (eg, below the touch screen 204 ).
  • the fingerprint collection device 212 can be configured in the touch screen 204 to realize the fingerprint recognition function, that is, the fingerprint collection device 212 can be integrated with the touch screen 204 to realize the fingerprint recognition function of the mobile terminal 200 .
  • the fingerprint collecting device 212 is configured in the touch screen 204 , may be a part of the touch screen 204 , or may be configured in the touch screen 204 in other ways.
  • the main component of the fingerprint collection device 212 may be a fingerprint sensor, and the fingerprint sensor may adopt any type of sensing technology, including but not limited to optical, capacitive, piezoelectric or ultrasonic sensing technologies.
  • the mobile terminal 200 may also include a bluetooth device 205 for implementing data exchange between the mobile terminal 200 and other short-distance devices (such as mobile phones, smart watches, etc.).
  • the Bluetooth device 205 may be an integrated circuit or a Bluetooth chip or the like.
  • the mobile terminal 200 may also include at least one sensor 206, such as an optical sensor, a motion sensor, and other sensors.
  • the optical sensor can include an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display on the touch display screen 204 according to the brightness of the ambient light, and the proximity sensor can be turned off when the mobile terminal 200 moves to the ear. Display power.
  • the accelerometer sensor can detect the magnitude of acceleration in various directions (generally three axes), and can detect the magnitude and direction of gravity when it is stationary, so as to identify the application of mobile phone posture (for example, horizontal and vertical screen switching) , related games, magnetometer posture calibration), vibration recognition related functions (eg, pedometer, tap), etc.
  • the mobile terminal 200 may also be configured with other sensors such as a gyroscope, a barometer, a hygrometer, a thermometer, and an infrared sensor, which will not be repeated here.
  • the WI-FI device 207 is used to provide the mobile terminal 200 with network access following WI-FI related standard protocols, and the mobile terminal 200 can access the WI-FI access point through the WI-FI device 207, thereby helping the user to receive or send Data, such as sending and receiving e-mail, browsing the web, and accessing streaming media, etc., which provides users with wireless broadband Internet access.
  • the WI-FI device 207 can also serve as a WI-FI wireless access point, and can provide WI-FI network access for other devices.
  • the positioning device 208 is used for providing geographic location information for the mobile terminal 200 . It can be understood that the positioning device 208 may specifically be a receiver of a positioning system such as a Global Positioning System (Global Positioning System, GPS) or a Beidou satellite navigation system or a Russian GLONASS. After receiving the geographic location information sent by the positioning system, the positioning device 208 may, for example, send the information to the processor 201 for processing, or send the information to the memory 203 for storage. In some other examples, the positioning device 208 may also be a receiver of an Assisted Global Positioning System (AGPS), and the AGPS system assists the positioning device 208 in completing ranging and positioning services by serving as an auxiliary server.
  • AGPS Assisted Global Positioning System
  • the assisted positioning server communicates with a device such as a positioning device 208 (eg, a GPS receiver) of the mobile terminal 200 via a wireless communication network to provide positioning assistance.
  • a positioning device 208 eg, a GPS receiver
  • the positioning device 208 may also be a positioning technology based on a WI-FI access point. Since each WI-FI access point has a globally unique (Media Access Control, MAC) address, the terminal device can scan and collect the broadcast signals of the surrounding WI-FI access points when WI-FI is turned on , so the MAC address broadcasted by the WI-FI access point can be obtained.
  • MAC Media Access Control
  • the terminal device sends the data (such as MAC address) that can mark the WI-FI access point to the location server through the wireless communication network, and the location server retrieves the geographic location of each WI-FI access point, and combines the WI-FI Based on the intensity of the broadcast signal, the geographic location of the terminal device is calculated and sent to the positioning device 208 of the terminal device.
  • data such as MAC address
  • the audio circuit 209 may include, for example, a speaker and a microphone for providing an audio interface between the user and the mobile terminal 200 .
  • the audio circuit 209 can convert the received audio data into an electrical signal, and transmit the electrical signal to the speaker, and the speaker converts it into an audio signal for output.
  • the microphone converts the collected sound signal into an electrical signal, which is converted into audio data after being received by the audio circuit 209, and then the audio data is output to the radio frequency circuit 202 to be sent to another device, for example, or the audio data is output to memory 203 for further processing.
  • the peripheral interface 210 is used to provide various interfaces for external input/output devices (such as keyboard, mouse, external display, external memory, SIM card, etc.). For example, it is connected to the mouse through the Universal Serial Bus (USB) interface, and connected to the Subscriber Identification Module (SIM) provided by the telecom operator through the metal contacts on the subscriber identification module card slot. .
  • the peripheral interface 210 may be used to couple the aforementioned external input/output peripherals to the processor 201 and the memory 203 .
  • the mobile terminal 200 can also include a power supply device 211 (such as a battery and a power management chip) for supplying power to various components, and the battery can be logically connected to the processor 201 through the power management chip, so that the power supply device 211 can be used to manage charging, discharging, and power consumption. Management and other functions.
  • a power supply device 211 such as a battery and a power management chip for supplying power to various components
  • the battery can be logically connected to the processor 201 through the power management chip, so that the power supply device 211 can be used to manage charging, discharging, and power consumption. Management and other functions.
  • the mobile terminal 200 may also include a camera (front-facing camera and/or rear-facing camera), a flashlight, a miniature projection device, a near field communication (Near Field Communication, NFC) device, etc., which will not be repeated here. .
  • a camera front-facing camera and/or rear-facing camera
  • a flashlight a miniature projection device
  • a near field communication (Near Field Communication, NFC) device etc., which will not be repeated here. .
  • Fig. 3 shows a schematic diagram of an application scenario of a terminal device in an interactive system.
  • the interactive system may include, for example, a terminal device 301 , a network 302 and a server 303 .
  • the terminal device 301 may be a mobile terminal as shown, or a fixed terminal, which performs data transmission with a server 303 through a network 302 .
  • Various applications may be installed on the terminal device 301, such as web browser applications, search applications, playback applications, news information applications, and the like.
  • the terminal device 301 includes an input/output device, so that it can also receive user operations, such as receiving user's touch and gesture operations through a touch screen, or receiving user's voice operations through a microphone. Then, the terminal device 301 may generate a request message based on the received operation. Through the network 302, the terminal device 301 can send the above request message to the server 303, and receive the data returned by the server 303 in response to the request message.
  • the terminal device 301 may perform display according to the data returned by the server 303 , for example, display received display data, such as video or image, on the display screen of the terminal device 301 .
  • the received data may also include other information, such as information such as the display time point and display duration of the video.
  • the server 303 may also directly send the data to the terminal device 303 without receiving the request message, so as to perform corresponding processing on the terminal device 301 .
  • the terminal device 301 may be in the form of hardware or software. When the terminal device 301 is in the form of hardware, it may be various devices that have a display screen and support program execution. As mentioned above, the terminal device 301 may be the mobile terminal shown, for example, the mobile terminal has the components described above in connection with FIG. 2 . As other examples, the terminal device 301 may also be a smart TV, a tablet computer, an e-book reader, an MP4 (Moving Picture Experts Group Audio Layer IV) player, a laptop computer, a desktop computer, and the like. When the terminal device 301 is in the form of software, it can be installed in the electronic devices listed above, and it can be implemented as multiple software or software modules (such as software or software modules used to provide distributed services), or as a single Software or software modules are not specifically limited here.
  • the network 302 may be a wired network or a wireless network, which is not limited here.
  • the server 303 may be a server that provides various services, such as receiving and caching the data stream sent by the terminal device 301 .
  • the server 303 may also receive the request message sent by the terminal device 301 , analyze the request message, and send the analysis result (for example, a data stream corresponding to the request information) to the terminal device 301 .
  • Different servers may be arranged according to different application types, for example, the server 303 may be an instant messaging server, a payment application server, an information presentation application server, a resource management server, and the like. It can be understood that the numbers of terminal devices 301 , networks 302 and servers 303 shown in FIG. 3 are only illustrative. According to actual application scenarios, there may be any number of terminal devices, networks and servers.
  • the page switching method provided according to the present disclosure will be described in detail by taking an example of switching display pages of two content types in an application program.
  • the current display content on the first display page is a data stream corresponding to the visual content
  • the switching display content is a data stream corresponding to the auditory content, that is, from the data stream for the user to visually
  • the page for content consumption switches to the page for auditory content consumption.
  • the application scenario of the page switching method according to the embodiment of the present disclosure is not limited thereto.
  • determining the switching display content to be displayed includes: responding to the first drag operation corresponding to dragging the first movable control to the first display The target area in the page, determine the page switching action, and determine the switching display content.
  • the movable control can be displayed at an edge position in the first display page, for example, at the lower left edge position or the lower right edge position, etc.
  • the target area can be located at the middle position of the first display page and occupy a certain area.
  • FIG. 4 shows a schematic diagram of a first presentation page displaying a first movable control.
  • the first display page 401 displays the current display content 402 and the above-mentioned first movable control 403 .
  • the presentation page may be displayed in a full-screen manner, that is, it completely covers the complete display screen of the mobile terminal.
  • the display page may also be displayed on the display screen of the terminal in the form of a pop-up window, a picture-in-picture, and the like.
  • the display page may only cover a part of the display screen, which is not limited here.
  • FIG. 4 shows a schematic diagram of a first presentation page displaying a first movable control.
  • the first display page 401 displays the current display content 402 and the above-mentioned first movable control 403 .
  • the presentation page may be displayed in a full-screen manner, that is, it completely covers the complete display screen of the mobile terminal.
  • the display page may also be displayed on the display screen of the terminal
  • the currently displayed content 402 in the displayed page 401 may occupy a part of the displayed page, and in addition, the currently displayed content 402 may also occupy the entirety of the displayed page, which is not limited here.
  • the first movable control 403 is located at the lower right corner of the first display page. In this case, the current area may be set at the middle of the first display page, for example. In other examples, the first movable control can also be located at other suitable positions.
  • other content may also be displayed on the first display page 401 , such as icons and buttons shown at the top, bottom and right of the page. Wherein, the above-mentioned icons or buttons may be operable or inoperable, so as to realize functions related to displaying the page, which is not limited here.
  • a drag operation on the movable control may be detected in real time. This detection can be realized, for example, via a touch screen or a touchpad.
  • the trigger operation result of the movable control may include two situations. The first operation result corresponds to dragging the movable control to the target area, and the second operation result indicates that the movable control is not dragged to the target area.
  • the page corresponding to the first operation result may be switched, that is, switched to the second display page.
  • the page switching action may not be triggered corresponding to the second operation result.
  • the page switching method may further include: after detecting the first drag operation on the first movable control, displaying transitional content on the first presentation page.
  • the transition content includes a first movable control, and the first movable control is moved and displayed following the touch coordinates of the first drag operation.
  • the transitional content may be displayed after detecting the first drag operation on the first movable control and before switching to the second display page, for example, the transitional content may be used to display the same An intermediate process associated with the first drag operation of the control, which is beneficial for the user to more intuitively obtain a visual effect for the drag operation according to the transition content.
  • FIG. 5 shows a schematic diagram of transition content according to some embodiments of the present disclosure.
  • the transition content includes a first movable control, and the first movable control is moved and displayed following the touch coordinates of the first drag operation.
  • the control and the hand icon shown in FIG. 5 the user can understand the progress of the drag operation based on the two, for example, the control moves following the user's drag gesture.
  • the process of the displacement of the control following the user's drag gesture can be realized by acquiring the touch coordinates for the touchpad in real time, that is, keeping the coordinates of the movable control displayed on the page in sync with the touch coordinates.
  • the transition content may include a background image, wherein the background image is obtained based on the current display content screen in the first display page.
  • the background image may be the screen displayed at the time point when the drag operation is started for the current display content.
  • the current display content is a video
  • the background image may be the screen displayed at the time point when the drag operation starts. frame image.
  • the background image may be a blurred image of the screen currently displaying content, for example, an image obtained after blurring the above-mentioned frame of image.
  • the transitional content further includes a foreground image
  • the foreground image may be obtained based on the page color attribute of the second display page.
  • the foreground image may refer to a mask layer.
  • the color of the mask layer is determined according to the color of the second display interface, for example, it is consistent with its color, and the color changes from light to dark.
  • the color with the largest value range may also be calculated as the color of the foreground image.
  • the foreground image other implementation manners are also possible.
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation may include: changing when the first movable control is moving and displayed following the touch coordinates of the first drag operation.
  • the first movable control may have the shape of an album icon, and when the user performs a drag operation on the movable control, the album icon displayed in the transition content may follow the shape of the first movable control.
  • the touch coordinates of the drag operation are moved, and during the movement, the display effect of the album icon can change.
  • the change may include changing the size of the album icon, for example, the size becomes larger with displacement until it is the same as the size of the target area.
  • the change may include changing the shape of the album icon, dynamic display effects, and the like.
  • the above changes can also be implemented in other forms, which will not be described one by one.
  • the transitional content when the user performs a drag operation on the movable control, the transitional content can display the intermediate process corresponding to the dragging operation on the control and the corresponding display transition effect, which is beneficial to The user can more intuitively obtain the visualization effect for the drag operation according to the transition content.
  • the transition content also increases the interactivity of the user's drag operation and improves the human-computer interaction experience.
  • displaying the transitional content on the first presentation page may include: displaying the shape of the target area on the first presentation page; in response to the touch coordinates of the first drag operation being located within the shape of the target area, determining Perform page switching action.
  • the coordinates of the operating point may be detected, and in response to determining that the coordinates of the operating point are within the target area, it is determined to trigger page switching.
  • the first movable control may be displayed in a first predetermined shape, and the target area may be displayed in a second predetermined shape, wherein the first predetermined shape is associated with the second predetermined shape.
  • FIG. 6 shows another schematic diagram of transition content according to some embodiments of the present disclosure.
  • the first movable control is displayed in the shape of a record icon, and the target area is displayed in the shape of a turntable icon.
  • the shape displayed by the first movable control is associated with the shape displayed by the target area, that is, both are in the shape of an album.
  • the size of the turntable icon may be the same as that of the target area.
  • the background image of the transition content shown in FIG. 6 may be a grayscale image to highlight the shape of the movable control and the target area.
  • the transition content shown in FIG. 5 may be displayed first, and then the transition content shown in FIG. 6 may be displayed as the drag operation proceeds.
  • the background image of the transition content is obtained and displayed as the effect shown in FIG. Action has been detected.
  • the transition content shown in FIG. 6 may be displayed to further show the movement and progress of the drag operation.
  • the user can intuitively understand the range of the target area of the drag operation, guide the user to drag the movable control to the target area to achieve page switching, and prevent the user from being dragged to the target area.
  • the switching method may further include: displaying text information associated with the first drag operation in the shape of the target area.
  • the content of the text information may be an explanatory description associated with the drag operation, such as the text "drag to play here" as shown in FIG. 6 .
  • This part of the text information can be used as a guide for the user's operation, guiding the user to switch the operation process in the form of text, thereby prompting the user to have an interactive experience and deepen the interactive experience.
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing the first movable control during the process of moving and displaying the first movable control following the touch coordinates of the first drag operation A display effect of a predetermined shape, and when the touch coordinates of the first drag operation reach the target area, the display effect of the first predetermined shape is associated with the second predetermined shape.
  • FIG. 6 only shows the situation where the displayed shape is a turntable.
  • the target area is also correspondingly displayed in the shape of a turntable, so as to realize the correlation between the two in terms of display effects.
  • the shape displayed by the movable control may be a book, and correspondingly, the shape of the target area may be displayed as a desk lamp.
  • the shape displayed by the movable control is a radio, and accordingly, the shape of the target area may be displayed as something associated with a radio, or the like. That is to say, the shape displayed in the target area and the shape displayed in the movable control may have the above correlation.
  • the movable control changes when it is moved and displayed following the touch coordinates of the drag operation.
  • the size of the movable control can be changed during the process of moving the movable control to the target area following the touch coordinates, for example, the size of the movable control increases continuously as the distance from the target area decreases, and, When the movable control is moved to the target area, zooms in to the same size as the jukebox corresponding to the target area.
  • the shape displayed in the target area may also change during the above moving process, for example, it may be a change in display color, or a change in shape, or a dynamic display effect change.
  • the change of the shape displayed in the target area may be associated with the change of the movable control during the movement, so as to form a visual echo effect and the like.
  • switching display content may include one or more subcategories of display content.
  • the toggle presentation corresponds to a data stream of auditory content
  • the toggle presentation may include a subcategory of music, eg such presentation is used to provide a music data stream.
  • the switching display content may also include subcategories other than music, for example, it may include subcategories corresponding to radio stations for providing broadcast data streams, and for example, may also include subcategories corresponding to novel data streams, Used to provide novel reading resources, etc. Subcategories about switching display content are not limited here.
  • determining to switch the display content may include determining to switch the display content according to background audio associated with the first display content, or may also determine to switch the display content according to playing information corresponding to the first display page.
  • the current display content on the first display page may include a video, and the video may have background music. Based on this, it may be determined to switch the display content according to the background music.
  • the above-mentioned background music may be a segment corresponding to a song, thus, the switching display content may be a part or the whole content of the song.
  • the switching display content may be determined randomly without any information.
  • a terminal device may collect current playback information, historical playback information, and user attribute information under the condition of obtaining user authorization.
  • the historical playing information may be information displayed on the switching display page after the last page switching, such as songs played more times.
  • the user attribute information may be user location information, etc., where the user location information may represent the current location information of the above-mentioned terminal device.
  • the corresponding switching display content can be recommended based on the location information, for example, location-related broadcast data, etc., so as to realize the personalization of the second display page after switching display content recommendations.
  • FIG. 7A and FIG. 7B respectively show schematic diagrams of the second display page after switching.
  • switching display content 412 is displayed on the second display page 411 .
  • the switching display content 412 includes 3 subcategories (or 3 tabs), which are respectively music, radio and novels.
  • the second display page may also include other information associated with playback, such as a category label at the top and a playback progress at the bottom, etc., which are not limited here.
  • the user can also switch subcategories based on the category label at the top, wherein, Figure 7A shows the situation where the current display content is a music tab, and Figure 7B shows that the current display content is a radio tab situation.
  • the page switching method may further include: acquiring a second drag operation for the second movable control on the second display page after displaying the switching display content on the second display page; and responding to The second dragging operation corresponds to dragging the second movable control to a predetermined area, jumping to the first display page, and displaying the current display content on the first display page.
  • the second dragging operation corresponds to dragging the second movable control to a predetermined area, jumping to the first display page, and displaying the current display content on the first display page.
  • FIG. 8 shows a schematic diagram of a second display page displaying the second movable control.
  • the second movable control is displayed in the shape of a music turntable at the middle position of 412 .
  • transitional content may be displayed on the second display page.
  • the transitional content includes the second movable control, a hand icon, and a direction mark indicating an operation direction. Based on this, the user can switch back to the second display page by dragging the movable control to a predetermined area.
  • the predetermined area may correspond to the displayed position of the above-mentioned first movable control on the first display page, for example, the position of the movable control 403 located at the lower right corner of the first display page as shown in FIG. 4 .
  • the switching display content includes display content of N subcategories and N is an integer greater than 1, the corresponding Toggle display content for .
  • the position of the first movable control displayed on the first display page can be preliminarily set as the drag start position, and based on the drag start position, the first display page is divided into N drag angle ranges, and N drag angle ranges can be divided into N drag angle ranges.
  • the angle ranges respectively correspond to the display contents of N subcategories.
  • N is equal to 3
  • the 3 subcategories are respectively music, radio and novels shown in FIG. 7A and FIG. 7B .
  • determining the switching display content to be displayed may include: determining the drag angle range to which the drag angle of the first drag operation belongs among the N drag angle ranges, based on The corresponding dragging angle range is used to determine the corresponding switching display content.
  • transition content may also be displayed on the first display page, wherein the transition content and the drag operation of the first drag operation The angle is associated with the drag angle range to which the N drag angle ranges belong.
  • FIG. 9 shows a schematic diagram of drag angle ranges according to some embodiments of the present disclosure.
  • the transition content as shown in FIG. 9 may be displayed.
  • the black dashed line shows the 3 angle ranges starting from the first movable control, so that with the moving direction of the drag operation, it can be determined that the current drag angle range belongs to the ranges (1), (2), and (3) shown one.
  • the subcategory of the corresponding switching display content can be determined based on the drag angle range to which it belongs.
  • the drag operation corresponding to the drag angle range (1) may cause the data stream of the music subcategory to be displayed as a switching content, for example, the data stream of the music type is played directly after switching to the second display page.
  • the first display page can also be divided into N dragging areas, and the N dragging areas respectively correspond to N subcategories of display content.
  • determining the switching display content to be displayed includes: determining the drag area where the drag arrival position of the first drag operation on the first display page belongs to among the N drag areas, and determining based on the drag area to which it belongs Switch the displayed content accordingly.
  • the transition content may also be displayed on the first display page, wherein the transition content is related to the drag operation of the first drag operation on the first display page
  • the arrival position is associated with the drag area to which it belongs among the N drag areas.
  • the subcategory of the corresponding switching presentation content is determined based on the drag area of the drag operation for the first movable control.
  • the data of the station subcategory is determined based on the dragging area as switching display content
  • the data stream from the station may be played directly after switching to the second display page.
  • information such as the detected dragging angle and dragging area of the user's dragging operation is further used, so that the display of the corresponding category can be provided based on different dragging angles and dragging areas content to display in the toggle display page. Therefore, the user's drag operation as input information can further affect the subsequent display content on the basis of triggering page switching, so that in the process of operating through the movable control, the user's interactive experience is enriched and the switching operation is improved.
  • the degree of intelligence is further used, so that the display of the corresponding category can be provided based on different dragging angles and dragging areas content to display in the toggle display page. Therefore, the user's drag operation as input information can further affect the subsequent display content on the basis of triggering page switching, so that in the process of operating through the movable control, the user's interactive experience is enriched and the switching operation is improved.
  • display page switching is realized based on the displayed first movable control, so that users can switch between different display pages through an intuitive drag operation, and the interactive operation is simple.
  • it is simpler and more intuitive than existing operation methods such as clicking, double-clicking, and sliding, which is conducive to improving the operation experience of interacting between users and terminal devices.
  • a page switching device is also provided.
  • Fig. 10 shows a schematic block diagram of a page switching device provided by at least some embodiments of the present disclosure.
  • the page switching device can implement the page switching method described above based on the functional units configured therein.
  • the page switching device 1000 may include a display unit 1010 , a touch response unit 1020 and a processing unit 1030 .
  • the display unit 1010 may be configured to: display the first movable control on the first display page of the target application.
  • the touch response unit 1020 may be configured to: acquire a first drag operation on the first movable control.
  • the processing unit 1030 may be configured to: trigger a page switching action in response to the first dragging operation, determine the switching display content to be displayed, and jump from the first display page to the second display page of the target application, and control to display Unit 1010 displays switching display content on the second display page.
  • the display unit 1010 may include a display panel.
  • the display panel may be in the form of a liquid crystal display (Liquid Crystal Display, LCD), an organic light-emitting diode display (Organic Light-Emitting Diode, organic light-emitting diode OLED) and the like.
  • the display panel can be used to display information input by or provided to the user, as well as various graphical user interfaces. These graphical user interfaces can be composed of graphics, text, icons, videos and any combination thereof.
  • the display unit 1010 may further include an audio circuit for displaying data streams corresponding to auditory content, such as background audio, broadcast, and the like.
  • the touch response unit 1020 may be implemented as a touch-sensitive surface or other input interfaces.
  • the touch-sensitive surface can also be configured as a touch display (eg, touch display 204 shown in FIG.
  • the user uses any suitable object or accessory such as a finger or a stylus to operate on or near the touch-sensitive surface, and drives the corresponding functional unit according to a preset program.
  • the touch-sensitive surface may include two parts, a touch detection device and a touch control device. Wherein, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch control device.
  • the touch control device receives touch-related parameters from the touch detection device, converts them into touch point coordinates, and then transmits the touch point coordinates to, for example, the processing unit 1030, and then may receive and execute instructions sent by the processing unit 1030.
  • touch-sensitive surfaces can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic wave.
  • the touch response unit 1020 may also include other input interfaces. Specifically, other input interfaces may include, but are not limited to, one or more of physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, joysticks, and the like.
  • the touch-sensitive surface of the touch response unit 1020 can cover the above-mentioned display panel.
  • the touch-sensitive surface detects a touch operation on or near it, the touch-sensitive surface is sent to, for example, the processing unit 1030 to determine the parameters of the touch operation, and then the processing unit 1030 can be based on the touch operation.
  • Manipulated parameters provide corresponding visual or audible output on the display panel.
  • the above-mentioned processing unit 1030 can be implemented as a logic operation center of a terminal device, using various interfaces and lines to link each functional unit of the device, by running or executing software programs and/or modules stored in the memory, and Recalls data stored in memory, performs various functions and processes data.
  • the processing unit 1030 may be implemented as one or more processor cores.
  • the processing unit may integrate an application processor and a modem processor, wherein the application processor mainly processes operating systems, user interfaces, and application programs, and the modem processor mainly processes wireless communications. It can be understood that the foregoing modem processor may not be integrated into the processing unit 1030 .
  • the processing unit 1030 triggers a page switching action in response to the first drag operation, and determining the switching display content to be displayed includes: responding to the first drag operation corresponding to dragging the first movable control to The target area in the first display page is determined to perform a page switching action and to determine switching display content.
  • the processing unit 1030 is further configured to: after detecting the first drag operation on the first movable control, control the display unit 1010 to display the transition content on the first display page, wherein the transition The content includes the first movable control, wherein the first movable control is moved and displayed following the touch coordinates of the first drag operation.
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing when the first movable control is moving and displayed following the touch coordinates of the first drag operation.
  • the transition content further includes a background image, the background image is obtained based on the current display content screen in the first display page; and/or the transition content further includes a foreground image, the foreground image is based on the page color of the second display page attributes get.
  • displaying the transition content on the first display page by the display unit 1010 includes: displaying the shape of the target area on the first display page; the touch coordinates in response to the first drag operation are located within the shape of the target area , to confirm the page switching action.
  • the processing unit 1030 is further configured to control the display unit 1010 to display text information associated with the first drag operation in the shape of the target area.
  • the first movable control is displayed in a first predetermined shape
  • the target area is displayed in a second predetermined shape
  • the first predetermined shape is associated with the second predetermined shape
  • the moving and displaying of the first movable control following the touch coordinates of the first drag operation includes: changing the first movable control during the process of moving and displaying the first movable control following the touch coordinates of the first drag operation A display effect of a predetermined shape, and when the touch coordinates of the first drag operation reach the target area, the display effect of the first predetermined shape is associated with the second predetermined shape.
  • switching display content includes display content of N subcategories, N is an integer greater than 1, and the position of the first movable control displayed on the first display page is used as the starting position of dragging, and the first The display page is divided into N drag angle ranges, and the N drag angle ranges correspond to N subcategories of display content, wherein the processing unit 1030 triggers a page switching action in response to the first drag operation, and determines the switch display to be displayed
  • the content includes: determining the drag angle range to which the drag angle of the first drag operation belongs among the N drag angle ranges, and determining the corresponding switching display content based on the drag angle range to which it belongs.
  • the processing unit 1030 may also be configured to: after detecting the first drag operation on the first movable control, control the display unit 1010 to display transition content on the first display page, wherein, The transition content is associated with the drag angle range to which the drag angle of the first drag operation belongs among the N drag angle ranges.
  • switching display content includes display content of N subcategories, where N is an integer greater than 1, and the first display page is divided into N dragging areas, and the N dragging areas correspond to N subcategories respectively wherein, the processing unit 1030 triggers a page switch action in response to the first drag operation, and determining the switch display content to be displayed includes: determining that the drag arrival position of the first drag operation on the first display page is within N The drag area to which the drag area belongs, determines the corresponding switching display content based on the drag area to which it belongs.
  • the processing unit 1030 is further configured to: after detecting the first drag operation on the first movable control, control the display unit 1010 to display the transition content on the first display page, wherein the transition The content is associated with the drag area to which the drag arrival position of the first drag operation on the first presentation page belongs among the N drag areas.
  • the processing unit 1030 is further configured to: after displaying and switching display content on the second display page, obtain the The second drag operation of the second movable control in the second display page; and in response to the second drag operation corresponding to dragging the second movable control to a predetermined area, jump to the first display page, and control Make the display unit 1010 display the current display content on the first display page.
  • the current display content is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content, and the display content is switched to the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • Another type of data flow is one of the data stream corresponding to the visual content and the data stream corresponding to the auditory content.
  • the page switching device in the process of switching pages based on the displayed movable controls, the above-mentioned division of each functional unit is used as an example for illustration.
  • the above functional units are completed by different modules, for example, the internal structure of the terminal device is divided into different units to complete all or part of the steps described above.
  • the page switching device provided in the above embodiments can implement the steps of the page switching method provided in the present disclosure, and its specific implementation process refers to the method embodiments described above, and will not be described again here.
  • FIG. 11 shows a schematic block diagram of the electronic device according to an embodiment of the present disclosure.
  • the electronic device 2000 may include a processor 2010 and a memory 2020 , where computer programs (such as program instructions, codes, etc.) are stored on the memory 2020 .
  • the processor 2020 can execute the computer program to implement the steps of the page switching method described above.
  • the electronic device 2000 may be a terminal device on which a user logs in an account.
  • the processor 2010 may perform various actions and processes according to computer programs stored in the memory 2020 .
  • the processor 2010 may be an integrated circuit chip with signal processing capabilities.
  • the above-mentioned processor may be a general-purpose processor, a digital signal processor (DSP), an application-specific integrated circuit (ASIC), an off-the-shelf programmable gate array (FPGA) or other programmable logic devices, or transistor logic devices, or discrete hardware components.
  • DSP digital signal processor
  • ASIC application-specific integrated circuit
  • FPGA off-the-shelf programmable gate array
  • Various methods, steps, and logic block diagrams disclosed in the embodiments of the present invention may be implemented or executed.
  • the general-purpose processor may be a microprocessor, or the processor may be any conventional processor, etc., and may be an X86 architecture or an ARM architecture, or the like.
  • Memory 2020 can be volatile memory or nonvolatile memory, or can include both volatile and nonvolatile memory.
  • the nonvolatile memory can be read only memory (ROM), programmable read only memory (PROM), erasable programmable read only memory (EPROM), electrically erasable programmable read only memory (EEPROM), or flash memory.
  • Volatile memory can be random access memory (RAM), which acts as external cache memory.
  • RAM Static Random Access Memory
  • DRAM Dynamic Random Access Memory
  • SDRAM Synchronous Dynamic Random Access Memory
  • DDRSDRAM Double Data Rate Synchronous Dynamic Random Access Memory
  • ESDRAM Enhanced Synchronous Dynamic Random Access Memory
  • SLDRAM Synchronous Linked Dynamic Random Access Memory
  • DRRAM Direct Memory Bus Random Access Memory
  • the electronic device 2000 may further include a display (not shown) to realize visualization for an operator such as a computer.
  • a display not shown
  • information such as display content, movable controls, and data processing results during the process of implementing the above page switching method may be displayed on the display, or information related to the application program may also be displayed, which is not limited herein.
  • the electronic device 2000 may also include necessary components such as an interactive interface, an input device, and a communication unit for realizing information interaction between the computer and the operator or other devices. For example, the operator can modify the computer through the input device. program etc.
  • the page switching apparatus 1000 or the electronic device 2000 according to the present disclosure may also be implemented as a computing device as shown in FIG. 12 .
  • FIG. 12 shows an architectural diagram of an exemplary computing device according to an embodiment of the disclosure.
  • Computing device 3000 may include bus 3010, one or more CPUs 3020, read only memory (ROM) 3030, random access memory (RAM) 3040, communication ports 3050 to connect to a network, input/output components 3060, hard disk 3070, and the like.
  • the storage device in the computing device 3000 such as the ROM 3030 or the hard disk 3070, can store various data or files involved in the processing and/or communication of the page switching method provided in the present disclosure, as well as computer programs executed by the CPU.
  • the computing device 3000 may further include a user interface 3080, for example, the user interface may be used to display display content and movable controls, and may also receive a user's touch operation through a touch-sensitive device thereon.
  • a user interface 3080 for example, the user interface may be used to display display content and movable controls, and may also receive a user's touch operation through a touch-sensitive device thereon.
  • the architecture shown in FIG. 12 is only schematic. When implementing different devices, one or more components in the computing device shown in FIG. 12 can be omitted according to actual needs, or the computing device shown in FIG. The required components are added on the basis of , and there is no limitation here.
  • a computer-readable storage medium is also provided, and 13 shows a schematic block diagram of the computer-readable storage medium provided in the present disclosure.
  • a computer program 4010 is stored on a computer-readable storage medium 4000 , wherein, when the computer program 4010 is executed by a processor, the steps of the page switching method described above are implemented.
  • computer readable storage medium 4000 includes, but is not limited to, volatile memory and/or nonvolatile memory.
  • the volatile memory may include random access memory (RAM) and/or cache memory (cache), etc., for example.
  • Non-volatile memory may include, for example, read-only memory (ROM), hard disk, flash memory, and the like.
  • computer readable storage medium 4000 may be connected to a computing device such as a computer (eg, as shown in FIG. 12 ). Next, when the computing device runs the computer program 4010 stored on the computer-readable storage medium 4000, the page switching method provided by the present disclosure can be performed.
  • a computer program product comprising a computer program.
  • the steps of the above page switching method can be realized.

Landscapes

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

Abstract

一种页面切换方法、页面切换装置、电子设备和可读存储介质。在第一展示页面中显示有第一可移动控件，该页面切换方法包括：获取针对第一可移动控件的第一拖动操作；响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容；以及从第一展示页面跳转至第二展示页面，并在第二展示页面中展示切换展示内容。

Description

页面切换方法、页面切换装置、电子设备和可读存储介质
本申请要求于2021年10月28日提交的中国专利申请第202111262663.7的优先权，该中国专利申请的全文通过引用的方式结合于此以作为本申请的一部分。
技术领域
本公开的实施例涉及一种页面切换方法、页面切换装置、电子设备和可读存储介质。
背景技术
近年来，随着各种电子设备诸如智能手机、平板电脑的功能不断复杂和优化，代替键盘实现人机交互的触摸屏广泛应用于各类设备中。目前，通过在触摸屏上执行触摸操作来实现人机交互的技术已十分普遍，一般地，触摸操作可以包括点击操作和滑动操作。切换显示页面的方法包括点击相应页面的标签，以一定的方向在触摸屏上滑动，以及点击触摸屏的相应位置以向前或向后翻页面等。
发明内容
本公开涉及一种页面切换方法、页面切换装置、电子设备和可读存储介质，提出通过可视化操作来实现页面切换，增强交互操作的互动性，丰富人机交互操作方式。
根据本公开的一方面，提供了一种页面切换方法，其中，在目标应用的第一展示页面中显示有第一可移动控件，该页面切换方法包括：获取针对第一可移动控件的第一拖动操作；响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容；以及从第一展示页面跳转至该目标应用的第二展示页面，并在第二展示页面中展示切换展示内容。
根据本公开的一些实施例，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：响应于第一拖动操作对应于将第一可移动控 件拖动至第一展示页面中的目标区域，确定进行页面切换动作，并确定切换展示内容。
根据本公开的一些实施例，该页面切换方法还包括：在检测到针对第一可移动控件的第一拖动操作之后，在第一展示页面中显示过渡内容，其中，过渡内容包括第一可移动控件，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示时发生变化。
根据本公开的一些实施例，过渡内容还包括背景图像，背景图像基于第一展示页面中的当前展示内容画面得到；和/或过渡内容还包括前景图像，前景图像基于第二展示页面的页面色彩属性得到。
根据本公开的一些实施例，在第一展示页面中显示过渡内容包括：在第一展示页面中显示目标区域的形状；响应于第一拖动操作的触摸坐标位于目标区域的形状内，确定进行页面切换动作。
根据本公开的一些实施例，该页面切换方法还包括：在目标区域的形状中显示与第一拖动操作相关联的文本信息。
根据本公开的一些实施例，第一可移动控件显示为第一预定形状，目标区域显示为第二预定形状，第一预定形状与第二预定形状相关联。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：在第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示的过程中改变第一预定形状的显示效果，以及使得在第一拖动操作的触摸坐标到达目标区域的情况下，第一预定形状的显示效果与第二预定形状相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，以第一展示页面中显示的第一可移动控件的位置为拖动起点位置，将第一展示页面划分为N个拖动角度范围，N个拖动角度范围分别对应于N个子类别的展示内容，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围，基于所属的拖动角度范围来确定相应的切 换展示内容。
根据本公开的一些实施例，该页面切换方法还包括：在检测到针对第一可移动控件的第一拖动操作之后，在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，将第一展示页面划分为N个拖动区域，N个拖动区域分别对应于N个子类别的展示内容，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域，基于所属的拖动区域来确定相应的切换展示内容。
根据本公开的一些实施例，该页面切换方法还包括：在检测到针对第一可移动控件的第一拖动操作之后，在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域相关联。
根据本公开的一些实施例，在跳转至第二展示页面之前，第一展示页面中显示有当前展示内容，该页面切换方法还包括：在第二展示页面中展示切换展示内容之后，获取针对第二展示页面中的第二可移动控件的第二拖动操作；以及响应于第二拖动操作对应于将第二可移动控件拖动至预定区域，跳转至第一展示页面，并在第一展示页面中展示当前展示内容。
根据本公开的一些实施例，当前展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，切换展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的另一种。
根据本公开的另一方面，提供了一种页面切换装置，包括：展示单元，配置成：在目标应用的第一展示页面中显示第一可移动控件；触摸响应单元，配置成：获取针对第一可移动控件的第一拖动操作；以及处理单元，配置成：响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容，以及从第一展示页面跳转至该目标应用的第二展示页面，并控制使得展示单元在第二展示页面中展示切换展示内容。
根据本公开的一些实施例，处理单元响应于第一拖动操作触发页面切换 动作，确定待展示的切换展示内容包括：响应于第一拖动操作对应于将第一可移动控件拖动至第一展示页面中的目标区域，确定进行页面切换动作，并确定切换展示内容。
根据本公开的一些实施例，处理单元还配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元在第一展示页面中显示过渡内容，其中，过渡内容包括第一可移动控件，其中，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示时发生变化。
根据本公开的一些实施例，过渡内容还包括背景图像，背景图像基于第一展示页面中的当前展示内容画面得到；和/或过渡内容还包括前景图像，前景图像基于第二展示页面的页面色彩属性得到。
根据本公开的一些实施例，展示单元在第一展示页面中显示过渡内容包括：在第一展示页面中显示目标区域的形状；响应于第一拖动操作的触摸坐标位于目标区域的形状内，确定进行页面切换动作。
根据本公开的一些实施例，处理单元还配置成控制使得展示单元在目标区域的形状中显示与第一拖动操作相关联的文本信息。
根据本公开的一些实施例，第一可移动控件显示为第一预定形状，目标区域显示为第二预定形状，第一预定形状与第二预定形状相关联。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：在第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示的过程中改变第一预定形状的显示效果，以及使得在第一拖动操作的触摸坐标到达目标区域的情况下，第一预定形状的显示效果与第二预定形状相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，以第一展示页面中显示的第一可移动控件的位置为拖动起点位置，将第一展示页面划分为N个拖动角度范围，N个拖动角度范围分别对应于N个子类别的展示内容，其中，处理单元响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作的拖动 角度在N个拖动角度范围中所属的拖动角度范围，基于所属的拖动角度范围来确定相应的切换展示内容。
根据本公开的一些实施例，处理单元还配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，将第一展示页面划分为N个拖动区域，N个拖动区域分别对应于N个子类别的展示内容，其中，处理单元响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域，基于所属的拖动区域来确定相应的切换展示内容。
根据本公开的一些实施例，处理单元还配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域相关联。
根据本公开的一些实施例，在跳转至第二展示页面之前，第一展示页面中显示有当前展示内容，处理单元还配置成：在第二展示页面中展示切换展示内容之后，获取针对第二展示页面中的第二可移动控件的第二拖动操作；以及响应于第二拖动操作对应于将第二可移动控件拖动至预定区域，跳转至第一展示页面，并控制使得展示单元在第一展示页面中展示当前展示内容。
根据本公开的一些实施例，当前展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，切换展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的另一种。
根据本公开的又一方面，提供了一种电子设备，包括存储器、处理器及存储在存储器上的计算机程序，其中，处理器执行计算机程序以实现如上所述的页面切换方法的步骤。
根据本公开的又一方面，提供了一种计算机可读存储介质，其上存储有计算机程序，其中，计算机程序被处理器执行时实现如上所述的页面切换方法的步骤。
利用根据本公开实施例提供的页面切换方法、页面切换装置、电子设备和可读存储介质，能够根据针对可移动控件的拖动操作来实现页面切换，丰富了用户进行交互的操作方式，提高用户交互方式的多样性以及互动性，从而进一步提升用户进行人机交互的操作体验。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了根据本公开一些实施例的页面切换方法的示意性流程图；
图2示出了实施根据本公开一些实施例的页面切换方法的移动终端的示意图；
图3示出了实施根据本公开一些实施例的方法的应用场景示意图；
图4示出了包括第一可移动控件的第一展示页面的示意图；
图5示出了根据本公开的一些实施例的过渡内容的示意图；
图6示出了根据本公开一些实施例的过渡内容的另一示意图；
图7A示出了切换之后的第二展示页面的示意图；
图7B示出了切换之后的第二展示页面的另一示意图；
图8示出了包括第二可移动控件的第二展示页面的示意图；
图9示出了根据本公开一些实施例的拖动角度范围的示意图；
图10示出了根据本公开一些实施例的页面切换装置的示意性框图；
图11示出了根据本公开一些实施例的电子设备的示意性框图；
图12示出了根据本公开一些实施例的示例性计算设备的架构示意图；以及
图13示出了根据本公开一些实施例的计算机可读存储介质的示意性框图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行 清楚、完整地描述。显然，所描述的实施例仅是本公开一部分的实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在无需创造性劳动的前提下所获得的所有其他实施例，都属于本公开保护的范围。
本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性，而只是用来区分不同的组成部分。同样，“包括”或者“包含”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接，而是可以包括电性的连接，不管是直接的还是间接的。
现有基于触摸屏的触摸操作在实现方式上交互过程较为单一，例如主要通过点击图标、滑动页面这两项操作来实现，操作动作单一、操作效果不直观，这限制了用户进行页面切换的交互体验。
本公开的一些实施例提供了一种页面切换方法，基于页面中显示的可移动控件实现目标应用中的两个或多个展示页面之间的切换，使得用户能够通过直观的控件拖拽操作来实现不同的展示页面之间的切换，丰富了现有的页面切换操作方式，这有利于提高用户与诸如终端设备之间进行交互的操作体验。
图1示出了根据本公开一些实施例的页面切换方法的示意性流程图，如图1所示，根据本公开一些实施例的页面切换方法100可以包括步骤S101-S103。
在根据本公开一些实施例的页面切换方法中，首先，在目标应用的第一展示页面中显示有第一可移动控件。其中，该目标应用可以是设备中安装的应用程序。具体的，该第一可移动控件可以收集针对其的触摸操作，以用于基于检测到的触摸操作来确定触摸操作参数，从而能够基于确定的触摸操作参数而做出相应的响应，例如上述参数可以包括触摸起始点、拖动距离、拖动方向等。例如，终端设备的显示屏上可以显示该可移动控件，用户可以以触摸、拖拽等方式来选中并拖动显示的控件，终端设备接收基于该控件的用户操作并作为用户输入信息，以用于实现后续处理过程。作为示例，第一可移动控件可以通过各类编程语言来实现，诸如HTML、Js的计算机语言，在此不作限制。
首先，如图1所示，在步骤101，获取针对第一可移动控件的第一拖动操作。例如，可移动控件可以是在电子设备的展示页面上显示的可通过拖动进行位移的控件，该电子设备的用户可以选中该控件，并拖动该控件进行位移，以作为用户输入信息。作为示例，可以在展示页面的任意合适的位置处显示该可移动控件，并且该控件可以接收用户在触控板上针对其进行的拖动操作。
可以理解的是，本文涉及的用户可以是指可以对电子设备进行操作的操作方，该用户例如可以在电子设备的应用程序中登录账户信息的方式而特定于该设备。在登录过程中，设备可以向诸如服务器(例如对应于电子设备上安装的应用程序平台方或者称为提供方)发送验证信息。作为示例，电子设备上可以安装有视频播放应用程序，并接收用户在该视频播放应用程序中输入的验证信息，以实现账户登录过程。此外，电子设备还可以将接收的验证信息发送至服务器，并接收服务器针对登录的账户而发送的数据，例如，该数据可以包括用于在电子设备上播放的视频数据以及用于实现视频播放功能的相关指示信息。
接着，在步骤S102，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容。
作为示例，上述触发页面切换动作可以是指触发电子设备从当前展示的第一展示页面切换至待展示的第二展示页面，其中第二展示页面上展示的切换展示内容可以不同于第一展示页面上展示的当前展示内容，并且第二展示页面与第一展示页面对应于同一目标应用。具体的，触发可以理解为促使终端设备执行某一过程、操作的起始点。可以理解的是，该触发页面切换的事件也可以同步触发除页面切换操作之外的其他操作，在此不作限制。
作为示例，当前展示内容可以为对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，而切换展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的另一种。
上述对应于视觉内容的数据流与对应于听觉内容的数据流两者可以是具有关联性的也可以是不具有关联性的。作为示例，对应于视觉内容的数据流可以是诸如短视频等的视频数据，此外，可以理解的是的，对应于视觉内容的数据流还可以包括音频数据流，即，视频数据包括图像内容与音频内容两 者。对应于听觉内容的数据流可以是诸如音乐、电台、广播等内容的数据流。也就是说，对应于视觉内容的数据流可以是指供用户进行视觉消费的数据内容，而对应于听觉内容的数据流可以是指供用户进行听觉消费的数据内容。作为示例，该对应于听觉内容的数据流例如可以适用于用户不便于观看或者操作终端显示屏的情景，例如，驾驶期间等。
可以理解的是，本文中的术语“展示”可以是指显示视频、图像，也可以是指播放音频等动作，以向诸如用户进行信息展示。例如，展示对应于视觉内容的数据流可以理解为显示视频、图片等视觉消费内容，并且同时例如通过扬声器来播放与显示的视觉内容相关联的音频，例如背景音乐、配音等。又例如，展示对应于听觉内容的数据流可以理解为播放电台、音乐、播放电子小说等听觉消费内容。
关于如何确定待展示的切换展示内容的步骤，将在下文结合实施例进行具体描述。
接着，如图1所示，在步骤S103，从第一展示页面跳转至目标应用的第二展示页面，并在第二展示页面中展示切换展示内容。
利用根据本公开一些实施例的页面切换方法，能够基于显示的可移动控件实现展示页面的切换，以通过直观的拖拽操作来实现不同的展示页面之间的切换，交互操作简单，并且在视觉显示效果、操作实现等方面上相比于现有的诸如点击、双击、滑动等操作方式更加地简便直观，这有利于提高用户与诸如终端设备之间进行交互的操作体验。
进一步地，在根据本公开的一些实施例中，当前展示内容是对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，在进行页面切换之后的第二展示页面上展示的切换展示内容是对应于视觉内容的数据流与对应于听觉内容的数据流中的另一种。基于此，在一些实现方式中，根据本公开实施例的页面切换方法示例性地可以应用于以上两种类型的展示页面的应用场景，例如，当前展示的第一展示页面与进行页面切换之后的第二展示页面分别用于展示不同类型的展示内容。即，使得用户能够仅基于提出的简单直观地该页面切换方法实现两种类型的展示内容之间的切换，丰富了用户的操作互动性，增加不同类型的页面切换的便利性。例如，用户在消费第一展示页面中展示的对应于视觉内容的数据流的过程中，可能需要转换至不便于操 作终端的情形，例如驾驶模式，由此，用户可以基于根据本公开一些实施例提供的页面切换方法进行页面切换，以从对应于视觉内容的当前展示页面直接地跳转至对应于听觉内容的切换展示页面，从而能够继续获得产品的陪伴、娱乐服务。与此同时，这有利于增加用户对于应用程序的用户粘度，维护用户量。
可以理解的是，根据本公开的一些实施例提供的页面切换方法还可以应用其他需要进行页面切换的应用场景，本公开并不对此进行限制。
接下来，将对实施根据本公开实施例的页面切换方法的示例性电子设备进行描述。
电子设备可以是能够安装应用程序并显示应用程序图标的移动终端、台式计算机、平板电脑、个人计算机(Personal Computer，PC)、个人数字助理(personal digital assistant，PDA)、智能手表、上网本、可穿戴电子设备、增强现实(Augmented Reality，AR)设备等，本公开对该电子设备的具体形式不做特殊限制。
在至少一些实施例中，根据本公开实施例的页面切换方法可以在诸如图2示出的移动终端200中实现。
如图2所示，移动终端200具体可以包括：处理器201、射频(Radio Frequency，RF)电路202、存储器203、触摸屏204、蓝牙装置205、一个或多个传感器206、无线保真(Wireless Fidelity，WI-FI)装置207、定位装置208、音频电路209、外设接口210以及电源装置211等部件。这些部件可以通过一根或多根通信总线或信号线(图2中未示出)进行通信。本领域技术人员可以理解，图2中示出的硬件结构并不构成对移动终端的限定，移动终端200可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。
下面结合图2对移动终端200的各个部件进行具体的介绍。
首先，处理器201是移动终端200的控制中心，利用各种接口和线路连接移动终端200的各个部分，通过运行或执行存储在存储器203内的应用程序，以及调用存储在存储器203内的数据，执行移动终端200的各种功能和处理数据。在一些实施例中，处理器201可包括一个或多个处理单元。举例来说，处理器201可以是各类处理器芯片。
射频电路202可用于在收发信息或通话过程中，无线信号的接收和发送。特别地，射频电路202可以将基站的下行数据接收后，给处理器201处理，另外，将涉及上行的数据发送给基站。通常，射频电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频电路202还可以通过无线通信和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统、通用分组无线服务、码分多址、宽带码分多址、长期演进、电子邮件、短消息服务等。
存储器203用于存储应用程序以及相关的数据，处理器201通过运行存储在存储器203的应用程序以及数据，执行移动终端200的各种功能以及数据处理。存储器203主要包括存储程序区以及存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(例如，音频数据播放功能、视频数据播放功能等)；存储数据区可以存储根据使用移动终端200时所创建的数据(例如，音频数据、视频数据、播放记录信息等)。此外，存储器203可以包括高速随机存取存储器(Random Access Memory，RAM)，还可以包括非易失存储器，例如磁盘存储器件、闪存器件或其他易失性固态存储器件等。存储器203可以存储各类操作系统。上述存储器203可以是独立的，通过上述通信总线与处理器201相连接，此外，存储器203也可以和处理器203集成在一起。
触摸显示屏204具体可以包括触控板204-1和显示器204-2。
其中，触控板204-1可采集移动终端200的用户在其上或附近的触摸操作(或者称为触摸事件)，例如用户使用手指、触控笔等任何适合的物体在触控板204-1之上或在触控板204-1附近的操作，并将采集到的触摸信息发送给其他器件(例如，处理器201)。用户在触控板204-1附近的触摸事件可以称之为悬浮触控。悬浮触控可以是指用户无需为了选择、移动或拖动目标(例如图标等)而直接地接触该触控板204-1，而只需用户位于设备附近以便执行所想要的功能。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型来实现触控板204-1。
显示器(或称为显示屏)204-2可以用于显示由用户输入的信息或提供给用户的信息以及移动终端200的各种菜单。可以采用液晶显示器、有机发光二极管等形式来配置显示器204-2。触控板204-1可以覆盖在显示器204-2 之上，当触控板204-1检测到在其上或附近的触摸事件后，递送给处理器201以确定触摸事件的参数，随后处理器201可以根据触摸事件的参数在显示器204-2上提供对应的输出数据，例如，视频数据或者音频数据等。尽管在图2中，触控板204-1与显示屏204-2是作为两个独立的部件来实现移动终端200的输入和输出功能，但是在一些实施例中，可以将触控板204-1与显示屏204-2集成以实现移动终端200的输入和输出功能。可以理解的是，触摸显示屏204是由多层的材料堆叠而成，图2中只展示出了触控板(层)和显示屏(层)，其他层在图2中未予描述。另外，触控板204-1可以以全面板的形式配置在移动终端200的正面，显示屏204-2也可以以全面板的形式配置在移动终端200的正面，这样使得在终端设备的正面实现无边框的结构。
进一步地，移动终端200还可以具有指纹识别功能。例如，可以在移动终端200的背面(例如后置摄像头的下方)配置指纹采集器件212，或者在移动终端200的正面(例如触摸显示屏204的下方)配置指纹采集器件212。又例如，可以在触摸显示屏204中配置指纹采集器件212来实现指纹识别功能，即指纹采集器件212可以与触摸显示屏204集成在一起来实现移动终端200的指纹识别功能。在这种情况下，该指纹采集器件212配置在触摸显示屏204中，可以是触摸显示屏204的一部分，也可以以其他方式配置在触摸显示屏204中。指纹采集器件212的主要部件可以是指纹传感器，该指纹传感器可以采用任何类型的感测技术，包括但不限于光学式、电容式、压电式或超声波传感技术等。
移动终端200还可以包括蓝牙装置205，用于实现移动终端200与其他短距离的设备(例如手机、智能手表等)之间的数据交换。具体的，蓝牙装置205可以是集成电路或者蓝牙芯片等。
移动终端200还可以包括至少一种传感器206，例如光学传感器、运动传感器以及其他传感器。具体的，光学传感器可包括环境光传感器及接近传感器，其中，环境光传感器可以根据环境光线的明暗来调节触摸显示屏204的显示器的亮度，接近传感器可以在移动终端200移动到耳边时，关闭显示器的电源。作为运动传感器的一种，加速计传感器可以检测各个方向上(一般为三轴)加速度的大小，静止时可以检测出重力的大小及方向，以用于识别手机姿态的应用(例如，横竖屏切换、相关游戏、磁力计姿态校准)、振 动识别相关功能(例如，计步器、敲击)等。移动终端200还可以配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。
WI-FI装置207用于为移动终端200提供遵循WI-FI相关标准协议的网络接入，移动终端200可以通过WI-FI装置207接入到WI-FI接入点，进而帮助用户接收或发送数据，例如，收发电子邮件、浏览网页和访问流媒体等，其为用户提供了无线的宽带互联网访问。在其他一些示例中，该WI-FI装置207也可以作为WI-FI无线接入点，可以为其他设备提供WI-FI网络接入。
定位装置208用于为移动终端200提供地理位置信息。可以理解的是，该定位装置208具体可以是全球定位系统(Global Positioning System，GPS)或北斗卫星导航系统、俄罗斯GLONASS等定位系统的接收器。定位装置208在接收到上述定位系统发送的地理位置信息后，例如可以将该信息发送给处理器201进行处理，或者发送给存储器203进行保存。在另外的一些示例中，该定位装置208还可以是辅助全球卫星定位系统(Assisted Global Positioning System，AGPS)的接收器，AGPS系统通过作为辅助服务器来协助定位装置208完成测距和定位服务。在这种情况下，辅助定位服务器通过无线通信网络与设备例如移动终端200的定位装置208(例如GPS接收器)通信而提供定位协助。在另外的一些示例中，该定位装置208也可以是基于WI-FI接入点的定位技术。由于每一个WI-FI接入点都有一个全球唯一的(Media Access Control，MAC)地址，终端设备在开启WI-FI的情况下即可扫描并收集周围的WI-FI接入点的广播信号，因此可以获取到WI-FI接入点广播出来的MAC地址。终端设备将这些能够标示WI-FI接入点的数据(例如MAC地址)通过无线通信网络发送给位置服务器，由位置服务器检索出每一个WI-FI接入点的地理位置，并结合WI-FI广播信号的强弱程度，计算出该终端设备的地理位置并发送到该终端设备的定位装置208中。
音频电路209例如可以包括扬声器和麦克风，以用于提供用户与移动终端200之间的音频接口。音频电路209可以将接收到的音频数据转换成电信号，并将电信号传输到扬声器，由扬声器转换为声音信号输出。另一方面，麦克风将收集的声音信号转换为电信号，由音频电路209接收后将其转换为音频数据，再将音频数据输出至射频电路202以发送给例如另一设备，或者将音频数据输出至存储器203以便进一步处理。
外设接口210用于为外部的输入/输出设备(例如键盘、鼠标、外接显示器、外部存储器、用户识别模块卡等)提供各种接口。例如，通过通用串行总线(Universal Serial Bus，USB)接口与鼠标连接，通过用户识别模块卡卡槽上的金属触点与电信运营商提供的用户识别模块卡(Subscriber Identification Module，SIM)进行连接。外设接口210可以被用来将上述外部的输入/输出外围设备耦接到处理器201和存储器203。
移动终端200还可以包括给各个部件供电的电源装置211(例如电池和电源管理芯片)，电池可以通过电源管理芯片与处理器201逻辑相连，从而通过电源装置211实现管理充电、放电、以及功耗管理等功能。
尽管图2未示出，移动终端200还可以包括摄像头(前置摄像头和/或后置摄像头)、闪光灯、微型投影装置、近场通信(Near Field Communication，NFC)装置等，在此不再赘述。
以下各个实施例中描述的页面切换方法均可以在具有上述硬件结构的移动终端200中实现。尽管如此，可以理解的是，本文中描述的页面切换方法也可以应用于其他合适的电子设备中，而非仅限于结合图2描述的移动终端。
图3示出了终端设备在交互系统的应用场景的示意图。如图3所示，交互系统例如可以包括终端设备301、网络302以及服务器303。
终端设备301可以是示出的移动终端，也可是固定终端，其通过网络302与服务器303进行数据传输。终端设备301上可以安装有各类应用程序，例如网页浏览器应用、搜索类应用、播放类应用、新闻资讯类应用等。此外，终端设备301包括输入/输出装置，从而还可以接收用户操作，例如通过触摸显示屏来接收用户的触控、手势操作等，又或者通过麦克风来接收用户的语音操作。然后，终端设备301可以基于接收的操作来生成请求消息。经由网络302，终端设备301可以将上述请求消息发送至服务器303，并接收服务器303响应于该请求消息返回的数据。终端设备301可以根据服务器303返回的数据来进行显示，例如，在终端设备301的显示屏上显示接收的显示数据，诸如视频或者图像。此外，接收的数据还可以包括其他信息，例如该视频的显示时间点、显示时长等信息。可替代地，服务器303也可以无需接收到该请求消息而直接地将数据发送给终端设备303，以在终端设备301上进行相应地处理过程。
终端设备301可以是硬件形式，也可以是软件形式。当终端设备301为硬件形式时，可以是具有显示屏并且支持程序运行的各种设备。如上所述，终端设备301可以是示出的移动终端，例如该移动终端具有以上结合图2描述的组件。作为其他示例，终端设备301也可以是智能电视、平板电脑、电子书阅读器、MP4(Moving Picture Experts Group Audio Layer IV)播放器、膝上型便携计算机和台式计算机等等。当终端设备301为软件形式时，可以安装在上述所列举的电子设备中，其可以实现成多个软件或软件模块(例如用来提供分布式服务的软件或软件模块)，也可以实现成单个软件或软件模块，在此不作具体限定。
网络302可以是有线网络也可以是无线网络，在此不作限制。服务器303可以是提供各种服务的服务器，例如接收终端设备301发送的数据流，并进行缓存。此外，服务器303还可以接收终端设备301发送的请求消息，对该请求消息进行分析，并将分析结果(例如，与请求信息对应的数据流)发送给终端设备301。可以根据不同的应用类型布置不同的服务器，例如，服务器303可以是即时通信服务器、支付应用服务器、信息展示应用服务器、资源管理服务器等。可以理解的是，图3中示出的终端设备301、网络302和服务器303的数目仅仅是示意性的。根据实际的应用场景，可以具有任意数目的终端设备、网络和服务器。
下文中，将以在应用程序中进行两种内容类型的展示页面的切换示例来详细描述根据本公开提供的页面切换方法。作为示例，在下文描述的实施例中，第一展示页面中的当前展示内容为对应于视觉内容的数据流，切换展示内容为对应于听觉内容的数据流，也就是说，从供用户进行视觉内容消费的页面切换至进行听觉内容消费的页面。可以理解的是，根据本公开实施例的页面切换方法的应用场景并不限于此。
根据本公开的一些实施例，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：响应于第一拖动操作对应于将第一可移动控件拖动至第一展示页面中的目标区域，确定进行页面切换动作，并确定切换展示内容。
作为一种实现方法，可移动控件可以显示在第一展示页面中的边缘位置，例如，左下边缘位置或右下边缘位置等，相应地，目标区域可以位于第一展 示页面的中间位置并占据一定面积。
作为示例，图4示出了显示第一可移动控件的第一展示页面的示意图。如图4所示，第一展示页面401中显示有当前展示内容402以及上述第一可移动控件403。例如，该展示页面可以是全屏显示的方式，即，完全覆盖移动终端的完整的显示屏。又例如，展示页面也可以以弹窗、画中画等形式展示在终端的显示屏上。此外，展示页面也可以仅覆盖显示屏的一部分，在此不作限制。类似地，如图4所示，展示页面401中的当前展示内容402可以占据展示页面的一部分，此外，当前展示内容402也可以占据展示页面的全部，在此不作限制。在图4示出的示例中，第一可移动控件403位于第一展示页面的右下角位置，在此情况下，目前区域例如可以设置在第一展示页面的中间位置。在其他示例中，第一可移动控件还可以位于其他合适的位置。此外，如图4所示出的，第一展示页面401中还可以显示其他的内容，例如页面顶部、底部以及右侧示出的图标、按钮等。其中，上述图标或者按钮可以是可操作的也可以是不可操作的，以实现与展示页面相关的功能，在此不作限制。
根据本公开一些实施例的页面切换方法中，对于显示有第一可移动控件的第一展示页面，可以实时检测针对该可移动控件的拖动操作。该检测例如可以通过触摸屏或者触控板来实现。对该可移动控件的触发操作结果可以包括两种情形，第一操作结果对应于将该可移动控件拖动到目标区域，第二操作结果表示未将该可移动控件拖动至目标区域。作为示例，响应于检测到第一操作结果的情况下，与第一操作结果对应的可以进行页面切换，即，切换到第二展示页面。响应于检测到第二操作结果的情况下，与第二操作结果对应可以不触发进行页面切换的动作。
根据本公开的一些实施例，页面切换方法还可以包括：在检测到针对第一可移动控件的第一拖动操作之后，在第一展示页面中显示过渡内容。具体的，过渡内容包括第一可移动控件，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示。在这些实施例中，过渡内容可以在检测到针对第一可移动控件的第一拖动操作之后并且切换至第二展示页面之前进行显示，例如，过渡内容可以用于展示与针对第一可移动控件的第一拖动操作相关联的中间过程，这有利于用户更直观地根据过渡内容获得针对拖动操作的可视化效果。
具体的，图5示出了根据本公开的一些实施例的过渡内容的示意图。如图5所示，首先，过渡内容包括第一可移动控件，并且，该第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示。参考图5中的示出的控件以及手型图标，用户能够基于这两者了解到拖动操作的进行过程，例如，控件跟随用户的拖动手势进行位移。作为示例，控件跟随用户的拖动手势进行位移的过程可以通过实时获取用于对于触控板的触摸坐标来实现，即，使得在页面中显示的可移动控件的坐标与触摸坐标保持同步。
在根据本公开的一些实施例中，过渡内容可以包括背景图像，其中，背景图像基于第一展示页面中的当前展示内容画面得到。作为一种实现方式，背景图像可以是当前展示内容在开始拖动操作的时间点所显示的画面，例如，当前展示内容为视频，背景图像可以是开始拖动操作的时间点所显示的那一帧图像。作为另一种实现方式，如图5所示，背景图像可以是当前展示内容的画面的虚化效果图，例如，对上述一帧图像进行虚化处理之后得到的图像。
在根据本公开的另一些实施例中，过渡内容还包括前景图像，前景图像例如可以是基于第二展示页面的页面色彩属性得到。作为示例，前景图像可以是指蒙层，例如，蒙层颜色根据第二展示界面的色彩确定，例如与其色彩一致、颜色由浅入深等。又例如，第二展示页面为包括多种色彩的图片的情况下，也可以通过计算取值范围最大的颜色作为前景图像的颜色。关于前景图像，还可以是其他的实现方式。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示可以包括：第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示时发生变化。例如，如图5中所示出的，第一可移动控件可以具有唱片图标的形状，在用户针对可移动控件进行拖动操作的过程中，在过渡内容中显示的唱片图标可以随着第一拖动操作的触摸坐标进行移动，并且移动的过程中，该唱片图标的显示效果可以发生变化。作为一种实现方式，变化可以包括改变唱片图标的尺寸，例如，随着位移该尺寸变大直至与目标区域的尺寸相同。作为另一种实现方式，变化可以包括改变唱片图标的形状、动态展示效果等。此外，上述变化还可以实现为其他的形式，不再一一描述。
在上述显示过渡内容的实施例中，在用户针对可移动控件进行拖动操作的过程中，过渡内容能够展示与针对该控件的拖动操作对应的中间过程以及 相应的显示过渡效果，这有利于用户更直观地根据过渡内容获得针对拖动操作的可视化效果，此外，过渡内容还增加了用户进行拖拽操作的互动性，提升人机交互体验。
根据本公开的一些实施例，在第一展示页面中显示过渡内容可以包括：在第一展示页面中显示目标区域的形状；响应于第一拖动操作的触摸坐标位于目标区域的形状内，确定进行页面切换动作。在用户针对可移动控件进行拖动操作的过程中，可以检测操作点的坐标，响应于确定该操作点的坐标位于该目标区域内，则确定触发进行页面切换。
根据本公开的一些实施例，第一可移动控件可以显示为第一预定形状，目标区域显示为第二预定形状，其中，第一预定形状与第二预定形状相关联。
图6示出了根据本公开一些实施例的过渡内容的另一示意图，在图6的示例中，第一可移动控件显示为唱片图标的形状，目标区域显示为唱片机转盘图标的形状。在图6示出的示例中，第一可移动控件所显示的形状与目标区域所显示的形状相关联，即均为唱片的形状。具体的，此唱片机转盘图标的尺寸可以与目标区域的尺寸相同。
相比于图5中示出的过渡内容，图6中示出的过渡内容的背景图像可以是灰度图，以突出可移动控件以及目标区域的形状。作为一种实现方式，在用户对可移动控件进行拖动操作的过程中，可以首先显示图5所示的过渡内容，随着拖动操作的进行然后显示图6所示的过渡内容。例如，在检测到用户通过点击选中图4中示出的可移动控件403之后则获取此过渡内容的背景图像，并显示为如图5所示的效果，通过此过渡内容，用户能够了解到拖动操作已经被检测到。接着，随着用户将可移动控件向目标区域拖动，可以显示图6示出的过渡内容，以进一步示出拖动操作的动向以及进程。根据图6显示的过渡内容能够使得用户能够直观地了解到拖动操作的目标区域的范围，引导用户将可移动控件拖动至目标区域以实现页面切换，避免用户由于未拖动至目标区域而引起操作失败的情形。
根据本公开的一些实施例的切换方法还可以包括：在目标区域的形状中显示与第一拖动操作相关联的文本信息。例如，该文本信息的内容可以是与拖动操作相关联的说明性描述，如图6所出的文本“拖动至此处播放”。此部分文本信息可以作为用户操作的引导，通过文字的形式引导用户切换操作 的进程，从而促使用户产生交互感受，加深交互体验。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：在第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示的过程中改变第一预定形状的显示效果，以及使得在第一拖动操作的触摸坐标到达目标区域的情况下，第一预定形状的显示效果与第二预定形状相关联。
可以理解的是，图6仅示出了显示的形状为唱片机转盘的情形，在此示例中，目标区域也对应地显示为唱片机转盘的形状，从而实现两者在显示效果方面的关联性。在其他的应用情形中，可移动控件显示的形状可以是书，与此相应地，目标区域的形状可以显示为台灯。或者，可移动控件显示的形状是收音机，与此相应地，目标区域的形状可以显示为与收音机相关联的事物等。也就是说，目标区域显示的形状与可移动控件显示的形状可以具有以上关联性。
此外，如上所描述的，可移动控件在跟随拖动操作的触摸坐标进行移动显示时发生变化。如图6所示，在可移动控件跟随触摸坐标向目标区域移动的过程中，可以改变可移动控件的尺寸，例如可移动控件的尺寸随着与目标区域的距离的缩短而不断放大，并且，在可移动控件移动至目标区域时，放大至与对应于目标区域的唱片机转盘的尺寸相同。此外，与可移动控件的变化相对应地，目标区域显示的形状也可以在上述移动过程中发生变化，例如，可以是显示颜色方面的变化，也可以是形状上的改变，或者是动态显示效果的改变。例如，目标区域显示的形状的变化可以与可移动控件在移动过程中的变化相关联，以形成视觉上的呼应效果等。
根据本公开的一些实施例，响应于第一拖动操作对应于将第一可移动控件拖动至第一展示页面中的目标区域，确定进行页面切换动作并在第二展示页面展示切换展示内容。例如，切换展示内容可以包括一个或多个子类别的展示内容。在切换展示内容对应于听觉内容的数据流的情况下，作为示例，切换展示内容可以包括音乐的子类别，例如，此种展示内容用于提供音乐数据流。此外，作为其他示例，切换展示内容还可以包除音乐之外的子类别，例如，可以包括对应于电台的子类别，用于提供广播数据流，又例如，还可以包括对应于小说数据流，用于提供小说朗读资源等。关于切换展示内容的 子类别在此不作限定。
根据本公开的一些实施例，确定切换展示内容可以包括根据第一展示内容相关联的背景音频确定切换展示内容，或者也可以根据对应于第一展示页面的播放信息确定切换展示内容。
例如，第一展示页面中的当前展示内容可以包括视频，并且该视频可能具有背景音乐，基于此，可以根据该背景音乐确定切换展示内容。例如，上述背景音乐可以是对应于一首歌曲的一个片段，由此，切换展示内容可以是该歌曲的部分片段或者全部内容。此外，可以不依据任何信息来随机地确定该切换展示内容。
又例如，可以根据对应于第一展示页面中的当前播放信息、历史播放信息、用户属性信息等关联数据来确定切换展示内容。作为示例，诸如终端设备可以在获得用户使用授权的情况下收集当前播放信息、历史播放信息和用户属性信息。例如，历史播放信息可以是上次进行页面切换之后在切换展示页面展示的信息，诸如播放次数较多的歌曲等。例如，该用户属性信息可以是用户位置信息等，其中，用户位置信息可以表示上述终端设备当前所在的位置信息。例如，在用户属性信息包括用户位置信息的情况下，可以基于该位置信息来推荐相应的切换展示内容，例如，与位置相关的广播数据等，从而实现在切换后的第二展示页面进行个性化的展示内容推荐。
图7A和图7B分别示出了切换之后的第二展示页面的示意图。如图7A和图7B所示，在第二展示页面411中展示有切换展示内容412。例如，该切换展示内容412包括3个子类别(或者可以称为3个tab)，分别为音乐、电台和小说。此外，第二展示页面还可以包括其他与播放相关联的信息，例如位于顶部的类别标签以及位于底部的播放进度等，在此不作限制。此外，在第二展示页面中，用户还可以基于上述顶部的类别标签来实现子类别的切换，其中，图7A示出当前展示内容为音乐tab的情形，图7B示出当前展示内容为电台tab的情形。
根据本公开的一些实施例的页面切换方法还可以包括：在第二展示页面中展示切换展示内容之后，获取针对第二展示页面中的第二可移动控件的第二拖动操作；以及响应于第二拖动操作对应于将第二可移动控件拖动至预定区域，跳转至第一展示页面，并在第一展示页面中展示当前展示内容。通过 在第二展示页面中对第二可移动控件的拖动操作，能够实现从第二展示页面切换回第一展示页面，此外，在切换回第一展示页面之后可以继续展示上述当前展示内容。
图8示出了显示第二可移动控件的第二展示页面的示意图，如图8所示，第二可移动控件显示为412中间位置的音乐转盘形状。在检测到针对该可移动控件的拖动操作之后，可以在第二展示页面展示过渡内容，作为示例，该过渡内容包括该第二可移动控件以及手型图标以及诸如表示操作方向的方向标识。基于此，用户能够通过将可移动控件拖动至预定区域来切换回第二展示页面。例如，该预定区域可以对应于上述第一可移动控件在第一展示页面中所显示的位置，例如，如图4所示出的位于第一展示页面右下角的可移动控件403所在的位置。
根据本公开的一些实施例，在切换展示内容包括N个子类别的展示内容且N为大于1的整数的情况下，还可以基于针对第一可移动控件的拖动操作的操作角度，将确定相应的切换展示内容。具体的，可以预先将第一展示页面中显示的第一可移动控件的位置为拖动起点位置，基于该拖动起点位置将第一展示页面划分为N个拖动角度范围，N个拖动角度范围分别对应于N个子类别的展示内容，作为示例，N等于3，并且3个子类别分别为图7A和图7B中示出的音乐、电台和小说。接着，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容可以包括：确定第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围，基于所属的拖动角度范围来确定相应的切换展示内容。
根据本公开的一些实施例，在检测到针对第一可移动控件的第一拖动操作之后，还可以在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围相关联。
作为示例，图9示出了根据本公开一些实施例的拖动角度范围的示意图。在检测到针对第一展示页面中的第一可移动控件403的第一拖动操作之后，可以显示如图9所示的过渡内容，作为示例，以黑色虚线在第一展示页面中示出了以第一可移动控件为起点的3个角度范围，使得随着拖动操作的移动方向可以确定当前拖动角度范围所属的范围为示出的(1)、(2)、(3)个范围之一。接着，可以基于所属的拖动角度范围来确定相应的切换展示内容 的子类别。作为一种示例，对应于拖动角度范围(1)的拖动操作可以使得将音乐子类别的数据流作为切换展示内容，例如，在切换至第二展示页面之后直接播放音乐类型的数据流。
根据本公开的一些实施例，还可以将第一展示页面划分为N个拖动区域，N个拖动区域分别对应于N个子类别的展示内容，具体的，响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域，基于所属的拖动区域来确定相应的切换展示内容。此外，在检测到针对第一可移动控件的第一拖动操作之后，还可以在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域相关联。
在这些实施例中，基于针对第一可移动控件的拖动操作的拖动区域来确定相应的切换展示内容的子类别。作为一种示例，在基于拖动区域确定使得电台子类别的数据作为切换展示内容的情形下，在切换至第二展示页面之后可以直接播放来自电台的数据流。
根据本公开提供的页面切换方法中，进一步地利用检测到的用户的拖动操作的拖动角度、拖动区域等信息，使得能够基于不同的拖动角度、拖动区域来提供相应类别的展示内容，以在切换展示页面中进行展示。由此，用户的拖动操作作为输入信息能够在触发页面切换的基础上，还进一步影响后续的展示内容，使得在通过可移动控件进行操作的过程中，丰富用户的交互体验，提高切换操作的智能化程度。
利用根据本公开一些实施例的页面切换方法，基于显示的第一可移动控件实现展示页面的切换，使得用户能够通过直观的拖拽操作来实现不同的展示页面之间的切换，交互操作简单，并且在视觉显示效果、操作实现等方面上相比于现有的诸如点击、双击、滑动等操作方式更加地简便直观，这有利于提高用户与诸如终端设备之间进行交互的操作体验。
根据本公开的另一方面，还提供了一种页面切换装置。图10示出了本公开至少一些实施例提供的页面切换装置的示意性框图。根据本公开的一些实施例，页面切换装置能够基于其中配置的功能单元来实现如上所描述的页面切换方法。
具体的，如图10所示，该页面切换装置1000可以包括展示单元1010、触摸响应单元1020以及处理单元1030。根据本公开的一些实施例，展示单元1010可以配置成：在目标应用的第一展示页面中显示第一可移动控件。触摸响应单元1020可以配置成：获取针对第一可移动控件的第一拖动操作。以及，处理单元1030可以配置成：响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容，以及从第一展示页面跳转至目标应用的第二展示页面，并控制使得展示单元1010在第二展示页面中展示切换展示内容。
作为一种实现方式，展示单元1010可以包括显示面板，可选地，显示面板可以是液晶显示器(Liquid Crystal Display，LCD)、机发光二极管显示器(Organic Light-Emitting Diode，有机发光二极管OLED)等形式。显示面板可用于显示由用户输入的信息或提供给用户的信息以及各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。此外，展示单元1010还可以包括音频电路，以用于展示对应于听觉内容的数据流，例如，背景音频、广播等。
作为一种实现方式，触摸响应单元1020可以实施为触敏表面或者其他输入接口。例如，触敏表面也可以配置成触摸显示屏(例如，图2中示出的触摸显示屏204，其包括触控板204-1和显示器204-2)，用于收集用户在其上或附近的触摸操作，例如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作，并根据预先设定的程式驱动相应的功能单元。可选地，触敏表面可以包括触摸检测装置和触摸控制装置两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制装置。触摸控制装置从触摸检测装置上接收与触摸相关的参数，并将其转换成触点坐标，然后将触点坐标传输至例如处理单元1030，然后可以接收处理单元1030发送的指令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面，触摸响应单元1020还可以包括其他输入接口。具体地，其他输入接口可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
触摸响应单元1020的触敏表面可以覆盖上述显示面板，当触敏表面检测到在其上或附近的触摸操作后，传送给诸如处理单元1030以确定触摸操作的 参数，随后处理单元1030可以根据触摸操作的参数在显示面板上提供相应的视觉或者听觉输出。
作为一种实现方式，上述处理单元1030可以实施为终端设备的逻辑运算中心，利用各种接口和线路链接设备的各个功能单元，通过运行或执行存储在存储器内的软件程序和/或模块，以及调用存储在存储器内的数据，执行各种功能和处理数据。可选地，处理单元1030可以实现为一个或多个处理器核心。例如，处理单元可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理单元1030之中。
以下描述根据本公开一些实施例的页面切换装置中的各个单元所实现的一些功能。
根据本公开的一些实施例，处理单元1030响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：响应于第一拖动操作对应于将第一可移动控件拖动至第一展示页面中的目标区域，确定进行页面切换动作，并确定切换展示内容。
根据本公开的一些实施例，处理单元1030还配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元1010在第一展示页面中显示过渡内容，其中，过渡内容包括第一可移动控件，其中，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示时发生变化。
根据本公开的一些实施例，过渡内容还包括背景图像，背景图像基于第一展示页面中的当前展示内容画面得到；和/或过渡内容还包括前景图像，前景图像基于第二展示页面的页面色彩属性得到。
根据本公开的一些实施例，展示单元1010在第一展示页面中显示过渡内容包括：在第一展示页面中显示目标区域的形状；响应于第一拖动操作的触摸坐标位于目标区域的形状内，确定进行页面切换动作。
根据本公开的一些实施例，处理单元1030还配置成控制使得展示单元 1010在目标区域的形状中显示与第一拖动操作相关联的文本信息。
根据本公开的一些实施例，第一可移动控件显示为第一预定形状，目标区域显示为第二预定形状，第一预定形状与第二预定形状相关联。
根据本公开的一些实施例，第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示包括：在第一可移动控件跟随第一拖动操作的触摸坐标进行移动显示的过程中改变第一预定形状的显示效果，以及使得在第一拖动操作的触摸坐标到达目标区域的情况下，第一预定形状的显示效果与第二预定形状相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，以第一展示页面中显示的第一可移动控件的位置为拖动起点位置，将第一展示页面划分为N个拖动角度范围，N个拖动角度范围分别对应于N个子类别的展示内容，其中，处理单元1030响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围，基于所属的拖动角度范围来确定相应的切换展示内容。
根据本公开的一些实施例，处理单元1030还可以配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元1010在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作的拖动角度在N个拖动角度范围中所属的拖动角度范围相关联。
根据本公开的一些实施例，切换展示内容包括N个子类别的展示内容，N为大于1的整数，将第一展示页面划分为N个拖动区域，N个拖动区域分别对应于N个子类别的展示内容，其中，处理单元1030响应于第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：确定第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域，基于所属的拖动区域来确定相应的切换展示内容。
根据本公开的一些实施例，处理单元1030还配置成：在检测到针对第一可移动控件的第一拖动操作之后，控制使得展示单元1010在第一展示页面中显示过渡内容，其中，过渡内容与第一拖动操作在第一展示页面中的拖动到达位置在N个拖动区域中所属的拖动区域相关联。
根据本公开的一些实施例，在跳转至第二展示页面之前，第一展示页面 中显示有当前展示内容，处理单元1030还配置成：在第二展示页面中展示切换展示内容之后，获取针对第二展示页面中的第二可移动控件的第二拖动操作；以及响应于第二拖动操作对应于将第二可移动控件拖动至预定区域，跳转至第一展示页面，并控制使得展示单元1010在第一展示页面中展示当前展示内容。
根据本公开的一些实施例，当前展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，切换展示内容为对应于视觉内容的数据流与对应于听觉内容的数据流中的另一种。
需要说明的是，根据本公开实施例提供的页面切换装置在基于显示的可移动控件进行页面切换的过程中，仅以上述各功能单元的划分进行举例说明，实际应用中，可以根据需要而将上述功能单元由不同的模块完成，例如，将终端设备的内部结构划分成不同的单元，以完成以上描述的全部或者部分步骤。另外，上述实施例提供的页面切换装置可以实现根据本公开提供的页面切换方法的步骤，其具体实现过程参考上文描述的方法实施例，这里不再重复描述。
根据本公开的又一方面，还提供了一种电子设备，图11示出了根据本公开实施例的电子设备的示意性框图。
如图11所示，电子设备2000可以包括处理器2010以及存储器2020，其中，存储器2020上存储有计算机程序(诸如程序指令、代码等)。处理器2020能够执行该计算机程序以实现如上所述的页面切换方法的步骤。作为示例，电子设备2000可以是用户在其上登录账户的终端设备。
在至少一个示例中，处理器2010可以根据存储在存储器2020中的计算机程序执行各种动作和处理。例如，处理器2010可以是一种集成电路芯片，具有信号的处理能力。上述处理器可以是通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中公开的各种方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，可以是X86架构或者是ARM架构等。
存储器2020中存储有计算机可执行的计算机程序，该计算机程序在被处理器2010执行时可以实现根据本公开一些实施例提供的页面切换方法。存储 器2020可以是易失性存储器或非易失性存储器，或可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM)、可编程只读存储器(PROM)、可擦除可编程只读存储器(EPROM)、电可擦除可编程只读存储器(EEPROM)或闪存。易失性存储器可以是随机存取存储器(RAM)，其用作外部高速缓存。通过示例性但不是限制性说明，许多形式的RAM可用，例如静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、同步动态随机存取存储器(SDRAM)、双倍数据速率同步动态随机存取存储器(DDRSDRAM)、增强型同步动态随机存取存储器(ESDRAM)、同步连接动态随机存取存储器(SLDRAM)和直接内存总线随机存取存储器(DR RAM)。应注意，本文描述的存储器旨在包括但不限于这些和任意其它适合类型的存储器。
根据本公开的其他实施例，电子设备2000还可以包括显示器(未示出)，以实现对于诸如计算机操作者的可视化。例如，可以在显示器上显示实现上述页面切换方法过程中的展示内容、可移动控件以及数据处理结果等信息，或者，还可以显示与应用程序相关的信息，在此不作限制。此外，该电子设备2000还可以包括交互接口、输入设备、通信单元等必要的组件，用于实现计算机与操作者、其他设备之间的信息交互，例如，操作者可以通过该输入设备修改该计算机程序等。
作为其中一种示例性的实施方式，根据本公开的页面切换装置1000或者电子设备2000也可以实施为如图12所示的计算设备。
图12示出了根据本公开实施例的示例性计算设备的架构示意图。计算设备3000可以包括总线3010、一个或多个CPU 3020、只读存储器(ROM)3030、随机存取存储器(RAM)3040、连接到网络的通信端口3050、输入/输出组件3060、硬盘3070等。计算设备3000中的存储设备，例如ROM 3030或硬盘3070可以存储本公开提供的页面切换方法的处理和/或通信所涉及的各种数据或文件、以及CPU所执行的计算机程序。计算设备3000还可以包括用户界面3080，例如，用户界面可以用于显示展示内容以及可移动控件，并且还可以通过其上的触敏器件来接收用户的触摸操作。当然，图12所示的架构只是示意性的，在实现不同的设备时，根据实际需要，可以省略图12示出的计算设备中的一个或多个组件，或者在图12示出的计算设备的基础上增加所 需的组件，在此不作限制。
根据本公开的又一方面，还提供了一种计算机可读存储介质，13示出了本公开提供的计算机可读存储介质的示意性框图。
如图13所示，计算机可读存储介质4000上存储有计算机程序4010，其中，该计算机程序4010被处理器执行时实现如上所述页面切换方法的步骤。在至少一个示例中，计算机可读存储介质4000包括但不限于易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。例如，计算机可读存储介质4000可以连接于诸如计算机等的计算设备(例如，如图12所示)。接着，在计算设备运行该计算机可读存储介质4000上存储的计算机程序4010的情况下，可以进行本公开提供的页面切换方法。
根据本公开的又一方面，还提供了一种计算机程序产品，包括计算机程序。在至少一个示例中，该计算机程序被处理器执行时可以实现如上所述的页面切换方法的步骤。
本领域技术人员能够理解，本公开所披露的内容可以出现多种变型和改进。例如，以上所描述的各种设备或组件可以通过硬件实现，也可以通过软件、固件、或者三者中的一些或全部的组合实现。
此外，虽然本公开对根据本公开的实施例的系统中的某些单元做出了各种引用，然而，任何数量的不同单元可以被使用并运行在客户端和/或服务器上。单元仅是说明性的，并且系统和方法的不同方面可以使用不同单元。
本公开中使用了流程图用来说明根据本公开的实施例的方法的步骤。应当理解的是，前面或后面的步骤不一定按照顺序来精确的进行。相反，可以按照倒序或同时处理各种步骤。同时，也可以将其他操作添加到这些过程中。
本领域普通技术人员可以理解上述方法中的全部或部分的步骤可通过计算机程序来指令相关硬件完成，程序可以存储于计算机可读存储介质中，如只读存储器、磁盘或光盘等。可选地，上述实施例的全部或部分步骤也可以使用一个或多个集成电路来实现。相应地，上述实施例中的各模块/单元可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。本公开并不限制于任何特定形式的硬件和软件的结合。
除非另有定义，这里使用的所有术具有与本公开所属领域的普通技术人员共同理解的相同含义。还应当理解，诸如在通常字典里定义的那些术语应当被解释为具有与它们在相关技术的上下文中的含义相一致的含义，而不应用理想化或极度形式化的意义来解释，除非这里明确地这样定义。
以上是对本公开的说明，而不应被认为是对其的限制。尽管描述了本公开的若干示例性实施例，但本领域技术人员将容易地理解，在不背离本公开的新颖教学和优点的前提下可以对示例性实施例进行许多修改。因此，所有这些修改都意图包含在权利要求书所限定的本公开范围内。应当理解，上面是对本公开的说明，而不应被认为是限于所公开的特定实施例，并且对所公开的实施例以及其他实施例的修改意图包含在所附权利要求书的范围内。本公开由权利要求书及其等效物限定。

Claims (20)

  1. 一种页面切换方法，其中，在目标应用的第一展示页面中显示有第一可移动控件，所述方法包括：
    获取针对所述第一可移动控件的第一拖动操作；
    响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容；以及
    从所述第一展示页面跳转至所述目标应用的第二展示页面，并在所述第二展示页面中展示所述切换展示内容。
  2. 根据权利要求1所述的方法，其中，所述响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：
    响应于所述第一拖动操作对应于将所述第一可移动控件拖动至所述第一展示页面中的目标区域，确定进行所述页面切换动作，并确定所述切换展示内容。
  3. 根据权利要求2所述的方法，还包括：
    在检测到针对所述第一可移动控件的所述第一拖动操作之后，在所述第一展示页面中显示过渡内容，其中，所述过渡内容包括所述第一可移动控件，所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示。
  4. 根据权利要求3所述的方法，其中，所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示包括：
    所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示时发生变化。
  5. 根据权利要求3或4所述的方法，其中，
    所述过渡内容还包括背景图像，所述背景图像基于所述第一展示页面中的当前展示内容画面得到；和/或
    所述过渡内容还包括前景图像，所述前景图像基于所述第二展示页面的 页面色彩属性得到。
  6. 根据权利要求3-5任一项所述的方法，其中，在所述第一展示页面中显示过渡内容包括：
    在所述第一展示页面中显示所述目标区域的形状；
    响应于所述第一拖动操作的触摸坐标位于所述目标区域的形状内，确定进行所述页面切换动作。
  7. 根据权利要求2-6任一项所述的方法，还包括：
    在所述目标区域的形状中显示与所述第一拖动操作相关联的文本信息。
  8. 根据权利要求3-6任一项所述的方法，其中，所述第一可移动控件显示为第一预定形状，所述目标区域显示为第二预定形状，所述第一预定形状与所述第二预定形状相关联。
  9. 根据权利要求8所述的方法，其中，所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示包括：
    在所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示的过程中改变所述第一预定形状的显示效果，以及使得在所述第一拖动操作的触摸坐标到达所述目标区域的情况下，所述第一预定形状的显示效果与所述第二预定形状相关联。
  10. 根据权利要求1-9任一项所述的方法，其中，所述切换展示内容包括N个子类别的展示内容，N为大于1的整数，以所述第一展示页面中显示的所述第一可移动控件的位置为拖动起点位置，将所述第一展示页面划分为N个拖动角度范围，所述N个拖动角度范围分别对应于所述N个子类别的展示内容，
    所述响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：
    确定所述第一拖动操作的拖动角度在所述N个拖动角度范围中所属的拖 动角度范围，基于所述所属的拖动角度范围来确定相应的切换展示内容。
  11. 根据权利要求10所述的方法，还包括：
    在检测到针对所述第一可移动控件的所述第一拖动操作之后，在所述第一展示页面中显示过渡内容，其中，所述过渡内容与所述第一拖动操作的拖动角度在所述N个拖动角度范围中所属的拖动角度范围相关联。
  12. 根据权利要求1-9任一项所述的方法，其中，所述切换展示内容包括N个子类别的展示内容，N为大于1的整数，将所述第一展示页面划分为N个拖动区域，所述N个拖动区域分别对应于所述N个子类别的展示内容，
    所述响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：
    确定所述第一拖动操作在所述第一展示页面中的拖动到达位置在所述N个拖动区域中所属的拖动区域，基于所述所属的拖动区域来确定相应的切换展示内容。
  13. 根据权利要求12所述的方法，还包括：
    在检测到针对所述第一可移动控件的所述第一拖动操作之后，在所述第一展示页面中显示过渡内容，其中，所述过渡内容与所述第一拖动操作在所述第一展示页面中的拖动到达位置在所述N个拖动区域中所属的拖动区域相关联。
  14. 根据权利要求1-13中任一项所述的方法，其中，在跳转至所述第二展示页面之前，所述第一展示页面中显示有当前展示内容，所述方法还包括：
    在所述第二展示页面中展示所述切换展示内容之后，获取针对所述第二展示页面中的第二可移动控件的第二拖动操作；以及
    响应于所述第二拖动操作对应于将所述第二可移动控件拖动至预定区域，跳转至所述第一展示页面，并在所述第一展示页面中展示所述当前展示内容。
  15. 根据权利要求1-14任一项所述的方法，其中，所述当前展示内容为 对应于视觉内容的数据流与对应于听觉内容的数据流中的其中一种，所述切换展示内容为所述对应于视觉内容的数据流与所述对应于听觉内容的数据流中的另一种。
  16. 一种页面切换装置，包括：
    展示单元，配置成：在目标应用的第一展示页面中显示第一可移动控件；
    触摸响应单元，配置成：获取针对所述第一可移动控件的第一拖动操作；以及
    处理单元，配置成：响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容，以及从所述第一展示页面跳转至所述目标应用的第二展示页面，并控制使得所述展示单元在所述第二展示页面中展示所述切换展示内容。
  17. 根据权利要求16所述的页面切换装置，其中，所述处理单元响应于所述第一拖动操作触发页面切换动作，确定待展示的切换展示内容包括：
    响应于所述第一拖动操作对应于将所述第一可移动控件拖动至所述第一展示页面中的目标区域，确定进行所述页面切换动作，并确定所述切换展示内容。
  18. 根据权利要求16或17所述的页面切换装置，其中，所述处理单元还配置成：
    在检测到针对所述第一可移动控件的所述第一拖动操作之后，控制使得所述展示单元在所述第一展示页面中显示过渡内容，其中，所述过渡内容包括所述第一可移动控件，所述第一可移动控件跟随所述第一拖动操作的触摸坐标进行移动显示。
  19. 一种电子设备，包括存储器、处理器及存储在所述存储器上的计算机程序，其中，所述处理器执行所述计算机程序以实现如权利要求1-15中的任一项所述方法的步骤。
  20. 一种计算机可读存储介质，其上存储有计算机程序，其中，所述计算机程序被处理器执行时实现如权利要求1-15中的任一项所述方法的步骤。
PCT/CN2022/128185 2021-10-28 2022-10-28 页面切换方法、页面切换装置、电子设备和可读存储介质 Ceased WO2023072233A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US18/572,632 US20240289012A1 (en) 2021-10-28 2022-10-28 Page switching method, page switching apparatus, electronic device and readable storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111262663.7 2021-10-28
CN202111262663.7A CN116048334A (zh) 2021-10-28 2021-10-28 页面切换方法、页面切换装置、电子设备和可读存储介质

Publications (1)

Publication Number Publication Date
WO2023072233A1 true WO2023072233A1 (zh) 2023-05-04

Family

ID=86113762

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/128185 Ceased WO2023072233A1 (zh) 2021-10-28 2022-10-28 页面切换方法、页面切换装置、电子设备和可读存储介质

Country Status (3)

Country Link
US (1) US20240289012A1 (zh)
CN (1) CN116048334A (zh)
WO (1) WO2023072233A1 (zh)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9035949B1 (en) * 2009-12-21 2015-05-19 Lucasfilm Entertainment Company Ltd. Visually representing a composite graph of image functions
CN105739854A (zh) * 2016-01-21 2016-07-06 努比亚技术有限公司 交互信息处理方法及装置
CN107247542A (zh) * 2017-04-21 2017-10-13 北京安云世纪科技有限公司 不同管理界面的切换方法、装置和移动终端

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102855068B (zh) * 2012-08-16 2018-07-17 优视科技有限公司 界面操作控制方法、装置及电子设备
KR20170006557A (ko) * 2015-07-08 2017-01-18 엘지전자 주식회사 이동 단말기 및 그 제어방법
CN111279303B (zh) * 2017-08-29 2024-03-19 深圳传音通讯有限公司 控件触发方法及终端设备
CN110874166B (zh) * 2018-08-29 2022-05-03 腾讯科技（深圳）有限公司 页面切换方法、装置、存储介质及计算机设备
CN112965686A (zh) * 2021-02-23 2021-06-15 北京字跳网络技术有限公司 音乐播放方法及设备

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9035949B1 (en) * 2009-12-21 2015-05-19 Lucasfilm Entertainment Company Ltd. Visually representing a composite graph of image functions
CN105739854A (zh) * 2016-01-21 2016-07-06 努比亚技术有限公司 交互信息处理方法及装置
CN107247542A (zh) * 2017-04-21 2017-10-13 北京安云世纪科技有限公司 不同管理界面的切换方法、装置和移动终端

Also Published As

Publication number Publication date
US20240289012A1 (en) 2024-08-29
CN116048334A (zh) 2023-05-02

Similar Documents

Publication Publication Date Title
US11861161B2 (en) Display method and apparatus
CN116055610B (zh) 显示图形用户界面的方法和移动终端
US11785304B2 (en) Video preview method and electronic device
CN114302210A (zh) 用于查看和访问电子设备上的内容的用户界面
WO2021104365A1 (zh) 对象分享方法及电子设备
US20110179372A1 (en) Automatic Keyboard Layout Determination
CN110168487B (zh) 一种触摸控制方法及装置
US20110163966A1 (en) Apparatus and Method Having Multiple Application Display Modes Including Mode with Display Resolution of Another Apparatus
WO2019000438A1 (zh) 显示图形用户界面的方法及电子设备
WO2021213496A1 (zh) 消息显示方法及电子设备
WO2021083132A1 (zh) 图标移动方法及电子设备
CN110865765A (zh) 终端及地图控制方法
US11243679B2 (en) Remote data input framework
CN111596836A (zh) 一种分屏显示方法及电子设备
US20240370157A1 (en) Interaction method, interaction apparatus, electronic device, and computer-readable storage medium
CN110502169A (zh) 一种显示控制方法及终端
WO2021104268A1 (zh) 内容分享方法及电子设备
CN108509138A (zh) 一种任务栏按钮显示的方法及其终端
WO2023072233A1 (zh) 页面切换方法、页面切换装置、电子设备和可读存储介质
WO2021083134A1 (zh) 文件选中方法及电子设备
US12423248B2 (en) Automatic input style selection for a connected device
CN118055101B (zh) 工具面板展示方法、装置、电子设备及存储介质
KR20190117453A (ko) 이미지 표시 방법 및 휴대 단말
CN118113193A (zh) 图片浏览方法、装置、电子设备及存储介质
US20190034069A1 (en) Programmable Multi-touch On-screen Keyboard

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: 22886108

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 18572632

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 06.08.2024)

122 Ep: pct application non-entry in european phase

Ref document number: 22886108

Country of ref document: EP

Kind code of ref document: A1