WO2020043064A1 - 页面切换方法、装置、存储介质及计算机设备 - Google Patents

页面切换方法、装置、存储介质及计算机设备 Download PDF

Info

Publication number
WO2020043064A1
WO2020043064A1 PCT/CN2019/102627 CN2019102627W WO2020043064A1 WO 2020043064 A1 WO2020043064 A1 WO 2020043064A1 CN 2019102627 W CN2019102627 W CN 2019102627W WO 2020043064 A1 WO2020043064 A1 WO 2020043064A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
display control
display
control
upper layer
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/CN2019/102627
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to KR1020207027790A priority Critical patent/KR102479662B1/ko
Priority to EP19856029.4A priority patent/EP3770743A4/en
Publication of WO2020043064A1 publication Critical patent/WO2020043064A1/zh
Priority to US17/016,351 priority patent/US12175056B2/en
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/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/04842—Selection of displayed objects or displayed text elements
    • 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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
    • 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/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72403—User interfaces specially adapted for cordless or mobile telephones with means for local support of applications that increase the functionality
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04804—Transparency, e.g. transparent or translucent windows
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Definitions

  • the present application relates to the field of computer technology, and in particular, to a method, a device, a storage medium, and a computer device for page switching.
  • an application includes user interfaces A, B, C, and D, and switching from user interface A to user interface D requires going through B and C in order, and switching from user interface D to user interface A requires going through C And B.
  • An embodiment of the present application provides a page switching method, including:
  • the first display control In response to a first trigger operation on the first page, displaying the second page and creating a first display control, the first display control is used to provide an entry into the first page;
  • the second display control is displayed on an upper layer of the first page.
  • An embodiment of the present application provides a page switching device, including:
  • a first control creation module configured to display a second page and create a first display control in response to a first trigger operation on the first page; the first display control is used to provide an entry into the first page;
  • a first control display module configured to display the first display control on an upper layer of the second page
  • a second control creation module configured to display the first page and create a second display control in response to a selection operation of the first display control displayed on the upper layer of the second page, and the second display control is used to provide access to the first display control; Two page entrances;
  • a second control display module is configured to display the second display control on an upper layer of the first page.
  • An embodiment of the present application provides a computer-readable storage medium that stores a computer program that implements steps in the foregoing page switching method when the computer program is executed by a processor.
  • An embodiment of the present application provides a computer device including a memory and a processor, where the memory stores a computer program, and the processor implements the steps in the foregoing page switching method when the processor executes the computer program.
  • the above page switching method, device, storage medium, and computer equipment when detecting a first trigger operation on a first page, display a second page and display a first layer on the upper layer of the second page to provide an entrance to the first page Display control; subsequently, when a selection operation is detected for the first display control displayed on the upper layer of the second page, the first page is displayed and a second display control is provided on the upper layer of the first page to provide an entrance to the second page .
  • a selection operation is detected for the first display control displayed on the upper layer of the second page
  • the first page is displayed and a second display control is provided on the upper layer of the first page to provide an entrance to the second page .
  • FIG. 1 is an application environment diagram of a page switching method in an embodiment
  • FIG. 2 is a schematic flowchart of a page switching method according to an embodiment
  • FIG. 3 is a schematic diagram of a user interface of a QQ application in an embodiment
  • FIG. 4 is a schematic diagram of an interface for displaying a first display control on an upper layer of a second page in an embodiment
  • FIG. 5 is a schematic diagram of an interface for displaying a second display control on an upper layer of a first page in an embodiment
  • FIG. 6 is a schematic diagram of a page switching process in an embodiment
  • FIG. 7 is a schematic diagram of a page switching process in an embodiment
  • FIG. 8 is a schematic diagram of a page switching process in an embodiment
  • FIG. 9 is a schematic diagram of a page switching process in an embodiment
  • FIG. 10 is a schematic diagram of a page switching process in an embodiment
  • FIG. 11 is a schematic diagram of a page switching process in an embodiment
  • FIG. 12 is a schematic diagram of dragging a first display control in an embodiment
  • FIG. 13 is a schematic diagram of canceling display of a first display control in an embodiment
  • FIG. 14 is a schematic diagram of an edge position of a nearest screen in an embodiment
  • FIG. 15 is a schematic diagram of a display control synchronously displaying page content of a corresponding page in an embodiment
  • 16 is a schematic diagram of determining a second page through a target page selection page in an embodiment
  • FIG. 17 is a schematic flowchart of a page switching method according to an embodiment
  • FIG. 18 is a structural block diagram of a page switching device according to an embodiment
  • FIG. 19 is a structural block diagram of a computer device in one embodiment.
  • first the terms “first”, “second”, and the like used in this application are used to distinguish similar objects, but the objects themselves are not limited by these terms. It should be understood that these terms are interchangeable under appropriate circumstances without departing from the scope of this application.
  • first display control may be described as a “second display control”
  • second display control is described as a “first display control”.
  • the page switching methods provided by the embodiments of the present application can be applied to the application environment shown in FIG. 1.
  • the application environment may involve the terminal 110.
  • the first page may be displayed on the display screen of the terminal 110.
  • the terminal 110 displays the second page in response to the first trigger operation and
  • the upper layer of the second page displays a first display control, which is used to provide an entry into the first page.
  • the terminal 110 displays the first page and displays the second display control on the upper layer of the first page in response to the selection operation, and the second display Controls are used to provide access to the second page.
  • the terminal 110 may be a smart phone, a tablet computer, a notebook computer, a desktop computer, a personal digital assistant, and a wearable device, but is not limited thereto.
  • a page switching method is provided.
  • the method is applied to a computer device (such as the terminal 110 in FIG. 1) as an example for description.
  • the method may include the following steps S202 to S208.
  • the terminal receives a first trigger operation on the first page, displays a second page according to the first trigger operation, and creates a first display control.
  • the first page is the user interface (UI) in the application.
  • the first page may be any user interface in the QQ application, such as a message list page shown in FIG. 3 (a), a message dialogue page with a friend shown in FIG. 3 (b), The contact list page shown in FIG. 3 (c), the dynamic management page shown in FIG. 3 (d), the QQ space dynamic page shown in FIG. 3 (e), and the like.
  • the QQ application is only an exemplary description, and is not used to limit the applicable applications, such as video playback applications, travel applications, takeaway applications, and other applications that need to switch pages.
  • the second page is similar to the first page, and the specific limitation on the second page may be the same as the limitation on the first page, and details are not described herein.
  • the second page and the first page may be two different user interfaces in the same application, that is, the second page and the first page are used to implement different tasks.
  • the first page is a message dialogue page with a friend
  • the second page is a message list page.
  • the first trigger operation can be used to trigger the terminal to change the page displayed in full screen, and create a display control, which is used to provide an entrance to the page before the replacement.
  • the first trigger operation on the first page is used to trigger the terminal to change from displaying the first page in full screen to displaying the second page in full screen, and creating a display control to provide an entrance to the first page.
  • the first trigger operation may be a predetermined operation applied by the user to the terminal displaying the user interface of the application.
  • the specific form of the first trigger operation can be set according to actual needs, and it can be inconsistent with other functions of the application.
  • the first trigger operation can be any of the following three types:
  • One type is contact control operations, that is, touching the display screen of the terminal and applying a preset gesture operation to the display screen, such as sliding from the right edge of the display screen to the left and the sliding distance reaches a predetermined distance, or drawing a predetermined on the display screen Patterns (such as "M" shaped patterns), etc.
  • the second type is a voice control operation, that is, outputting a predetermined voice to a terminal displaying a user interface of an application program, for example, a user speaks a voice of “narrowing page” to a mobile phone displaying a dynamic page of a QQ space of the QQ application.
  • the three types are motion control operations, that is, controlling the terminal to perform a predetermined motion, such as shaking the terminal. For the terminal, when it is detected that the number of pixels passed by the sliding exceeds N, it is determined that the sliding distance reaches a predetermined distance, and N is matched with the predetermined distance.
  • the display control can be used to provide an entrance to the user interface, that is, by operating the display control, the terminal can be triggered to display the user interface corresponding to the display control in full screen.
  • a display control can be an object that a user can interact with in order to input or manipulate data, such as icon buttons, view windows, and so on.
  • the first display control is a display control corresponding to the first page and can be used to provide an entry into the first page.
  • the display control is an interface thumbnail corresponding to a user interface.
  • the display control can be displayed on the upper layer of the user interface, that is, the display level of the display control can be above the display level of the user interface.
  • the display control floats above the user interface.
  • the area of the display control is smaller than the area of the user interface, and the outer border of the display control does not exceed the user interface.
  • the first display control in response to the first trigger operation on the first page, after the first display control is created, the first display control may be displayed on an upper layer of the second page.
  • the display level of the first display control is above the second page.
  • the first display control floats above the second page for display.
  • the first The area of the display control is smaller than the area of the second page, and the outer border of the first display control does not exceed the second page.
  • the first display control when the first display control is completely opaque, the user can see the first display control and the part of the first page that is not blocked by the first display control; when the first display control is translucent, the user can see To the part of the first page that is not blocked by the first display control, and the first display control rendered according to the degree of transparency and the part of the first page that overlaps with the first display control; when the first display control is completely transparent, the user You can see the full picture of the first page, but you cannot see the first indicator.
  • the application can support the user to change the properties of the display control, such as size, transparency, color, etc., according to actual needs. For example, after displaying the first display control on the upper layer of the second page, the application can support the user to change the size, transparency, color, etc. of the first display control according to actual needs. Of course, depending on the product requirements, the application may not support the user to change the properties of the display control.
  • the operation on the first page is monitored in real time.
  • the terminal changes from displaying the first page in full screen to displaying the second page in full screen.
  • the specific program logic of replacing a page displayed in full screen, creating a display control, and displaying the display control on the upper layer of the user interface may be implemented in any applicable manner, which is not specifically limited in this application.
  • the monitoring method may adopt global monitoring.
  • the terminal changes from displaying the first page in full screen to displaying the second page in full screen, and in the process of displaying the first display control on the upper layer of the second page, the terminal may gradually reduce the first page to the first display control. Effect.
  • the terminal receives a selection operation on the first display control, displays the first page according to the selection operation, and creates a second display control.
  • the selected operation can be used to trigger the terminal to replace the page displayed in full screen with a page corresponding to the used display control, and display the display control corresponding to the page before the replacement on the upper layer of the page after the replacement.
  • the selection operation of the first display control displayed on the upper layer of the second page is used to trigger the terminal to display the second page from the full screen, change to display the first page in full screen, and display the first page corresponding to the second page on the upper layer. Display controls.
  • the selection operation may be a predetermined operation applied by the user to the display control displayed on the upper layer of the user interface.
  • the specific form of the selected operation can be set according to the actual needs, as long as it does not conflict with other functions of the application.
  • the selection operation may be a click operation on the display control (that is, click on the display control), a press operation (that is, press on the display control), and the like.
  • the second display control is a display control corresponding to the second page, and can be used to provide an entry into the second page. That is, by operating the second display control, the terminal can be triggered to display the second page in full screen.
  • the operation on the first display control is monitored in real time.
  • the terminal starts from Display the second page in full screen to display the first page in full screen, create a second display control, and display the second display control on the upper layer of the first page.
  • the specific program logic for displaying the display control on the upper layer of the user interface may be implemented in any applicable manner, which is not specifically limited in this application.
  • the second display control in response to a selection operation for the first display control displayed on the upper layer of the second page, after the second display control is created, the second display control may be displayed on the upper layer of the first page.
  • the second display control floats on the second page for display.
  • the specific limitation on displaying the second display control on the upper layer of the first page may be the same as the foregoing limitation on displaying the first display control on the upper layer of the second page, and details are not described herein.
  • a window of a predetermined window type is created through a system window service (different window types may correspond to different display levels, and the display level of the window of the predetermined window type is displayed) (Above the user interface), and then add a view corresponding to the first page in the created window to obtain a first display control.
  • the second page is called, so that the second page is displayed full screen on the display screen of the terminal and the first display control is displayed on the upper layer of the second page.
  • a window of a predetermined window type is created through the system window service, and a view corresponding to the second page is added to the created window, that is, Get the second display control.
  • the first page is called, so that the first page is displayed full screen on the display screen of the terminal and the second display control is displayed on the upper layer of the first page.
  • a window type of TYPE_APPLICATION_ATTAC HED_DIALOG can be created through the WindowManager service.
  • the process of page switching according to the page switching method in this embodiment may be as shown in FIG. 6.
  • the terminal when the first trigger operation for the first page is detected, displays the second page and displays a first display control on the upper layer of the second page to provide an entrance to the first page; subsequently, it detects that When selecting the first display control displayed on the upper layer of the second page, the terminal displays the first page and displays the second display control on the upper layer of the first page to provide an entrance to the second page.
  • the terminal displays the first page and displays the second display control on the upper layer of the first page to provide an entrance to the second page.
  • the method may further include the following step: in response to a selection operation for the second display control displayed on the upper layer of the first page, Display the second page and display the first display control on the upper layer of the second page.
  • the operation on the second display control is monitored in real time.
  • the terminal displays the first page from the full screen. Change to display the second page in full screen, and display the first display control on the upper layer of the second page.
  • FIG. 7 a page switching process according to the page switching method in this embodiment may be shown in FIG. 7.
  • the method may further include the step of displaying a corresponding third response in response to the second trigger operation on the second page. Page; displays the first display control on the upper layer of the third page.
  • the terminal receives a second trigger operation on the second page, displays a third page according to the second trigger operation, and displays a first display control on an upper layer of the third page.
  • the second trigger operation may be used to trigger the terminal to jump to a corresponding page, which may be a predetermined operation applied by the user to the corresponding function control displayed on the user interface.
  • the specific form of the second trigger operation can be set according to actual needs, and it can be inconsistent with other functions of the application.
  • the second trigger operation may be a click operation or a press operation on a corresponding function control.
  • the third page is the user interface in the application.
  • the third page, the second page, and the first page may be three different user interfaces in the same application, that is, the third page, the second page, and the first page are used to implement three different tasks.
  • the specific limitation on the third page may be the same as that of the first page and the second page, which is not described herein.
  • the process of page switching according to the page switching method in this embodiment may be as shown in FIG. 8.
  • the upper layer of the message list page displays the display control corresponding to the QQ space dynamic page (that is, the first display control).
  • the message dialog page with the friend "Pippi” is The third page, that is, the terminal changes from a full-screen message list page to a full-screen message dialogue page with a friend "Pippi", and displays the corresponding display of the QQ space dynamic page on the upper layer of the message dialog page with a friend "Pippi" Controls.
  • the terminal When receiving a selection operation of a display control corresponding to a dynamic page in QQ space, the terminal displays the dynamic page in QQ space in full screen. Compared with related technologies, it is necessary to exit the message dialog page, return to the message list page, and then click the QQ space entry to re-enter the QQ space dynamic page. In this embodiment, by triggering the operation of the display control on the message dialog page, You can quickly switch to the dynamic page of QQ space, which simplifies the process of page switching.
  • the above embodiment is described by taking one display control as an example for display on the user interface.
  • at least two display controls may be displayed on the user interface of the application program at the same time.
  • the method may further include the following steps: in response to the first trigger operation for the third page, displaying the second page and creating a third display control, The third display control is used to provide an entrance to the third page; the first display control and the third display control are displayed on the upper layer of the second page.
  • the terminal receives the first trigger operation on the third page, displays the second page and creates a third display control according to the first trigger operation, and displays the first display control and the second display control on the upper layer of the second page.
  • the third display control is a display control corresponding to the third page, and can be used to provide an entry into the third page. That is, by operating the third display control, the terminal can be triggered to display the third page in full screen.
  • the operation on the third page is monitored in real time.
  • the terminal starts from The third page is displayed in full screen, and the second page is displayed in full screen.
  • a third display control is created, and the first display control and the third display control are simultaneously displayed on the upper layer of the second page.
  • FIG. 9 a page switching process according to the page switching method in this embodiment may be shown in FIG. 9.
  • the page switching method may further include the following steps: when the first display control and the third display control are displayed on the upper layer of the second page, in response to the selection operation for the first display control, on the upper layer of the first page A second indicator and a third indicator are displayed.
  • the user may apply a selection operation to any one of the display controls on the display interface according to actual needs. For example, when the first display control and the third display control are displayed on the upper layer of the second page at the same time, the user may apply a selection operation to the first display control or the third display control according to actual needs.
  • the terminal After the user applies a selection operation to any display control, the terminal replaces the page before the selection operation is applied to the full screen display with the page corresponding to the display control to which the selection operation is applied.
  • the terminal displays the full screen
  • the second page is replaced by displaying the first page in full screen and displaying the second display control and the third display control simultaneously on the upper layer of the first page.
  • a page switching process according to the page switching method in this embodiment may be as shown in FIG. 10.
  • the user may apply a selection operation to the second display control or the third display control displayed on the upper layer of the first page according to actual needs.
  • the terminal will display the first page from the full screen, replace it with the second page on the full screen, and display the first display control and The third display control.
  • the selection operation performed by the user on the second display control displayed on the upper layer of the first page is similar, and details are not described herein.
  • the page switching method may further include the following steps: when the first display control and the third display control are displayed on the upper layer of the second page, in response to the selection operation for the third display control, displaying the third page and creating The second display control; the first display control and the second display control are displayed on the upper layer of the third page.
  • the terminal displays the full screen
  • the second page is replaced by displaying the third page in full screen and displaying the second display control and the first display control simultaneously on the upper layer of the third page.
  • a page switching process according to the page switching method in this embodiment may be shown in FIG. 11.
  • the user may apply a selection operation to the first display control or the second display control displayed on the upper layer of the third page according to actual needs.
  • the terminal will display the third page from the full screen, change to display the second page in full screen, and display the first display control and the upper layer of the second page.
  • the third display control The user applies a similar selection operation to the first display control displayed on the upper layer of the third page, and details are not described herein.
  • the page switching method may further include the following steps: in response to a control drag operation for the first display control, moving the first display control on the display screen according to a trajectory corresponding to the control drag operation.
  • Control drag operation can be used to trigger the movement of display controls on the display screen of the terminal.
  • a control drag operation on the first display control is used to trigger movement of the first display control on the display screen of the terminal.
  • the control drag operation may be a predetermined operation applied by the user to the display control displayed on the user interface, for example, while pressing the display control, sliding on the user interface.
  • a display control when a display control is displayed on the upper layer of the user interface, operations on the display control are monitored in real time.
  • a control drag operation on the display control is monitored, the trajectory corresponding to the drag operation (i.e., dragging) is monitored.
  • Drag track Move the display control on the display screen of the terminal. For visual performance, the user will see that the display control moves on the user interface according to the drag track.
  • the dragging method is applicable to any display control such as the first display control, the second display control, and the third display control.
  • the first display control when the first display control is displayed on the upper layer of any user interface, when a drag operation for the first display control is monitored, as shown in FIG. 12 (FIG. 12 only shows the first display control
  • the first display control is moved on the display screen of the terminal according to the corresponding drag track (such as the dashed line with an arrow in FIG. 12).
  • the display position of the window on the display screen can be changed by modifying the window position parameter in the layout parameters of the window, so as to move the corresponding display control on the display screen of the terminal.
  • the window position parameter includes the horizontal and vertical coordinates of the window.
  • the user can drag the display control to a specified area to delete the display control.
  • the page switching method may further include the following steps: when the first display control is moved, displaying a control cancellation area on the display screen; if the termination position of the movement of the first display control is within the control cancellation area, canceling The first display control is displayed.
  • the control cancellation area is an interactive area used to trigger cancellation of the display control.
  • the control cancellation area may be a predetermined display area in the display screen, such as the bottom display area of the display screen. During the process of moving the display control, the control cancellation area is continuously displayed on the display screen. If the termination position of the mobile display control is within the control cancellation area, the display control is canceled. For example, when a user drags a display control to a display control cancellation area with a finger, and removes a finger from the display screen within the display control cancellation area, the display control is canceled. It can be understood that after the display control is canceled, the display control is destroyed, and the user cannot see the display control on the display screen. In one embodiment, the display control may be canceled by destroying the window.
  • the manner of canceling the display control is applicable to any display control such as the first display control, the second display control, and the third display control.
  • the first display control when the first display control is displayed on the upper layer of any user interface, the process of moving the first display control through a drag operation of the control is shown in FIG. 13 (FIG. 13 only shows the first display control (If displayed on the upper layer of the second page), the control cancellation area is continuously displayed on the display screen, and if the termination position of the first display control is moved within the control cancellation area, the first display control is canceled.
  • the display control may be cancelled and displayed through a menu having a function of canceling the display control.
  • a button can be set in the menu for canceling the display control.
  • the page switching method may further include the following steps: if the termination position is outside the control cancellation area, docking the first display control to a screen edge position closest to the termination position.
  • the termination position of the mobile display control is outside the control cancellation area, it means that the user does not need to cancel the display control, but needs to change the display position of the display control on the display screen.
  • the display control can be docked to the screen edge position closest to the acquired end position, that is, the display is displayed at the screen edge position after the end of the movement. Controls. For example, as shown in FIG.
  • the display control is moved once, if the end position of the movement of the display control is at the PA position and it is determined that the right screen edge position is the screen edge position closest to the PA position, the The display control is docked to the PB position on the right edge of the screen, that is, the display control is displayed at the PB position.
  • the specific program logic for determining the position of the screen edge closest to a certain position may be implemented in any applicable manner, which is not specifically limited in this application.
  • the docking method is applicable to any display control such as the first display control, the second display control, and the third display control.
  • the first display control Taking the first display control as an example, if the termination position of the moving first display control is outside the control cancellation area, the first display control is docked to the screen edge position closest to the termination position.
  • the display control can effectively reduce the occlusion of the user interface below it.
  • the display control may also be stopped at the termination position directly, that is, the display control is displayed directly at the termination position. For example, after the display control is moved once, if the termination position of the display control is moved to the PA position, the display control is directly stopped at the PA position, that is, the display control is displayed at the PA position.
  • the page switching method may further include the following steps: synchronously displaying the page content of the first page in the first display control.
  • the first display control may be a view window (a thumbnail window), and the page content of the first page may be displayed synchronously in the view window. That is, the display content in the first display control is consistent with the page content of the first page in real time.
  • the terminal displays the second page and displays the first display control corresponding to the first page on the upper layer of the second page, where the second page is a message list page and the first page is a "skin with friend" Pi "message dialogue page, and at time T1, the message dialogue page with a friend" Pipi "is shown in Figure 15 (a).
  • the display content displayed in the first display control on the upper layer of the second page is also the message dialog page shown in FIG. 15 (a).
  • the page content in the corresponding user interface can be synchronously displayed in the display control.
  • the page content of the second page may also be displayed synchronously in the second display control
  • the page content of the third page may be displayed synchronously in the third display control, and so on.
  • the display content in the display control may also be preset. In this case, the display content of the display control remains unchanged during the life cycle of the display control.
  • the page content in the corresponding page is displayed synchronously in the display control, so that the user can know whether it is necessary to switch to the corresponding page for operation by observing the display control, which improves the efficiency and timeliness of page switching.
  • the manner of determining the second page includes: obtaining a preset page; the second page includes a preset page.
  • the second page needs to be determined first. For example, when a first trigger operation for a first page is detected, a second page is determined first, and then the determined second page is displayed.
  • the preset page may be a user interface selected from various user interfaces in the application in advance.
  • a user interface may be selected in advance from each user interface in the application as a preset page (ie, a second page).
  • the terminal switches from displaying the user interface acting on the first trigger operation to displaying the preset page, and
  • the upper layer displays display controls corresponding to the user interface that the first trigger operation acts on.
  • the default user interface of the application may be selected as the second page.
  • the default user interface may be the first user interface displayed after the application is opened.
  • the default user interface may be set by the application by default or preset by the user. For example, for QQ applications, the default user interface is the message list interface.
  • the manner of determining the second page may include the following steps: when a first trigger operation for the first page is detected, a target page selection page is displayed, and the target page selection page includes candidate page controls; The page selection operation of the candidate page control determines the selected page control from each candidate page control; the second page includes a page corresponding to the selected page control.
  • the target page selection page is a user interface for a user to select a second page.
  • the target page selection page can present several candidate page controls.
  • Each candidate page control corresponds to a user interface.
  • the candidate page controls D1, D2, and D3 are presented on the target page selection page.
  • the user interface corresponding to the candidate page control D1 is a message list page
  • the user interface corresponding to the candidate page control D2 is a contact list page
  • the user interface corresponding to the candidate page control D3 is a QQ space dynamic page.
  • the page selection operation can be used to trigger the selection of the selected page control from each candidate page control.
  • the page selection operation may be a predetermined operation applied by the user to the candidate page control.
  • the specific form of the page selection operation can be set according to the actual needs, as long as it does not conflict with other functions of the application.
  • the page selection operation may be a click operation or a press operation on a candidate page control.
  • the selected page control is a candidate page control for the page selection operation. After several candidate page controls are presented on the target page selection page, the terminal monitors operations on the candidate page controls in real time. The user can apply a page selection operation to one of the candidate page controls according to actual needs, and the terminal monitors the After the page selection operation, the candidate page control to which the page selection operation acts is taken as the selected page control.
  • the second page is the page corresponding to the selected page control, that is, the user interface corresponding to the selected page control.
  • the candidate page control D2 is determined as the selected page control
  • the second page is the contact list page.
  • the terminal when the terminal displays the first page in full screen and detects a first trigger operation for the first page, the terminal first displays the target page selection page, and the candidate page controls D1 and D2 are presented on the target page selection page. , D3, and D4.
  • the candidate page controls D1 and D2 are presented on the target page selection page. , D3, and D4.
  • the terminal After the terminal detects the page selection operation, the terminal displays the second page (that is, the page corresponding to the candidate page control D2) in full screen, and corresponds to the candidate page control D2.
  • the top layer of the page displays the first indicator.
  • the candidate page controls applied by the user for different page selection operations may be different, so the second pages determined at different times may also be different.
  • the application object is the candidate page control D2
  • the second page determined for the page selection operation is the user interface corresponding to the candidate page control D2
  • subsequent users apply the page a second time.
  • the application object is the candidate page control D1
  • the second page determined for the page selection operation is the user interface corresponding to the candidate page control D1.
  • a plurality of candidate page controls are displayed in the target page selection page for the user to select, and the page corresponding to the candidate page control selected by the user is determined as the second
  • the page is convenient for the user to switch between the first page and the selected second page through the display control in the future, and avoids the limitation caused by using the default user interface as the second page.
  • a page switching method is provided.
  • the method may include the following steps S1702 to S1724.
  • the second page In response to the first trigger operation on the first page, display the second page and create a first display control to provide an entry into the first page.
  • the second page includes a preset page.
  • S1704 Display the first display control on the upper layer of the second page.
  • S1708 Display the first display control on the upper layer of the third page.
  • S1712 Display the first display control and the third display control on the upper layer of the second page.
  • the message list page of the QQ application is displayed on the terminal.
  • the terminal displays a dynamic management page.
  • the terminal displays the QQ space dynamic page.
  • the terminal detects the swipe operation to the left and creates a display control (hereinafter referred to as the abbreviation) for entering the QQ space dynamic page.
  • the terminal switches from displaying the message list page to displaying and Message conversation page for friend "Pippi".
  • the display control (hereinafter referred to as display control C2) at the entrance of the message dialog page of the "skin”, displays the message list page, and displays the display control C2 and the display control C1 on the upper layer of the message list page at the same time.
  • the terminal displays a message dialogue page with a friend "Pippi" and creates a The display control (hereinafter referred to as display control C3) that provides an entry to the message list page, and the display control C3 and the display control C1 are displayed on the upper layer of the message dialogue page with a friend "Pippi";
  • display control C3 that provides an entry to the message list page
  • the display control C3 and the display control C1 are displayed on the upper layer of the message dialogue page with a friend "Pippi"
  • the display control C1 on the upper layer of the message list page the terminal displays the dynamic page of the QQ space, and creates the display control C3, and displays the display control C3 and the display control C2 on the upper layer of the dynamic space page of the QQ space.
  • a page switching device 1800 is provided, and the device may include the following modules 1802 to 1808.
  • a first control creation module 1802 is configured to display a second page and create a first display control in response to a first trigger operation on the first page, and the first display control is used to provide an entry into the first page.
  • the first control display module 1804 is configured to display the first display control on an upper layer of the second page.
  • a second control creation module 1806 is configured to display the first page and create a second display control in response to the selection operation of the first display control displayed on the upper layer of the second page.
  • the second display control is used to provide access to the second page. Entrance.
  • the second control display module 1808 is configured to display a second display control on an upper layer of the first page.
  • the above-mentioned page switching device 1800 upon detecting a first triggering operation for the first page, displays the second page and displays a first display control on the upper layer of the second page to provide an entrance to the first page; subsequently, it detects that When a selection operation is performed on the first display control displayed on the upper layer of the second page, the first page is displayed and a second display control is provided on the upper layer of the first page to provide an entrance to the second page. In this way, only the display control displayed on the upper layer of the user interface can be operated to switch between the user interface and another user interface corresponding to the display control, which shortens the user operation path and improves the convenience of page switching.
  • the page switching device 1800 may further include the following modules:
  • the page switching module is configured to display the second page and display the first display control on the upper layer of the second page in response to the selection operation for the second display control displayed on the upper layer of the first page.
  • the page switching device 1800 may further include the following modules:
  • the page jump module is configured to display a corresponding third page in response to a second trigger operation on the second page; and display a first display control on an upper layer of the third page.
  • the page switching device 1800 may further include the following module: a third control creation module, configured to display a second page and create a third display control in response to a first trigger operation on the third page, and the third display The control is used to provide an entrance to the third page; the third control display module is used to display the first display control and the third display control on the upper layer of the second page.
  • a third control creation module configured to display a second page and create a third display control in response to a first trigger operation on the third page, and the third display The control is used to provide an entrance to the third page
  • the third control display module is used to display the first display control and the third display control on the upper layer of the second page.
  • the second control display module 1808 is specifically configured to display the second display control and the third display control on the upper layer of the first page.
  • the page switching device 1800 may further include the following module: a control selection module, configured to display the first display control and the third display control on the upper layer of the second page in response to the selection operation for the third display control.
  • a control selection module configured to display the first display control and the third display control on the upper layer of the second page in response to the selection operation for the third display control.
  • the first multi-control display module is used to display the first display control and the second display control on the upper layer of the third page.
  • the page switching device 1800 may further include the following module: a control drag module, configured to respond to the control drag operation for the first display control, and move the first drag on the display screen according to the track corresponding to the control drag operation.
  • a control drag module configured to respond to the control drag operation for the first display control, and move the first drag on the display screen according to the track corresponding to the control drag operation.
  • the page switching device 1800 may further include the following module: a cancel area display module for displaying a control cancel area on the display screen when the first display control is moved; a first control cancel module, for When the termination position of the moving first display control is within the control cancel area, the display of the first display control is cancelled.
  • the page switching device 1800 may further include the following module: a first control docking module configured to dock the first display control to a screen edge position closest to the termination position if the termination position is outside the control cancellation area; Office.
  • the page switching device 1800 may further include at least one of the following two modules: a first synchronous display module for synchronously displaying the page content of the first page in the first display control; and a second synchronous display module , Used to synchronously display the page content of the second page in the second display control.
  • the page switching device 1800 may further include a second page determination module for obtaining a preset page; the second page includes a preset page; and determining the preset page as the second page.
  • the page switching device 1800 may further include a second page determination module, and the second page determination module may include the following unit: a selection page display unit, configured to detect a first trigger operation for the first page, Display a target page selection page, and the target page selection page includes candidate page controls; a selected page control determination unit is configured to determine a selected page control from each candidate page control in response to a page selection operation for the candidate page control; and select a selected page control The corresponding page is determined as the second page.
  • a selection page display unit configured to detect a first trigger operation for the first page, Display a target page selection page, and the target page selection page includes candidate page controls
  • a selected page control determination unit is configured to determine a selected page control from each candidate page control in response to a page selection operation for the candidate page control
  • select a selected page control The corresponding page is determined as the second page.
  • Each module in the above page switching device 1800 may be implemented in whole or in part by software, hardware, and a combination thereof.
  • the above-mentioned modules may be embedded in the hardware form or independent of the processor in the computer device, or may be stored in the memory of the computer device in the form of software, so that the processor calls and performs the operations corresponding to the above modules.
  • a computer device which includes a memory and a processor.
  • the memory stores a computer program.
  • the processor executes the computer program, the steps in the page switching method provided by any embodiment of the present application are implemented.
  • the computer device may be the terminal 110 shown in FIG. 1, and the internal structure diagram may be shown in FIG. 19.
  • the computer equipment includes a processor, a memory, a network interface, a display screen, and an input device connected through a system bus.
  • the processor is used to provide computing and control capabilities.
  • the memory includes a non-volatile storage medium and an internal memory.
  • the non-volatile storage medium stores an operating system and a computer program.
  • the internal memory provides an environment for running the operating system and the computer program in the non-volatile storage medium.
  • the computer program is executed by a processor to implement a page switching method.
  • This network interface is used to communicate with external terminals through a network connection.
  • the display may be a liquid crystal display or an electronic ink display.
  • the input device of the computer equipment may be a touch layer covered on a display screen, or a button, a trackball or a touchpad provided on the computer equipment housing, or an external keyboard, a touchpad or a mouse.
  • FIG. 19 is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer equipment to which the solution of the present application is applied.
  • the specific computer equipment may be Include more or fewer parts than shown in the figure, or combine certain parts, or have a different arrangement of parts.
  • the page switching device provided by the embodiments of the present application may be implemented in the form of a computer program, and the computer program may be run on a computer device as shown in FIG. 19.
  • the memory of the computer device may store various program modules constituting the page switching device, for example, the first control creation module 1802, the first control display module 1804, the second control creation module 1806, and the second control display module shown in FIG. 1808.
  • the computer program constituted by each program module causes the processor to execute the steps in the page switching method of each embodiment of the present application described in this specification.
  • the computer device shown in FIG. 19 may execute step S202 through the first control creation module 1802 in the page switching device shown in FIG. 18, execute step S204 through the first control display module 1804, and create module 1806 through the second control.
  • Step S206 is performed
  • step S208 is performed through the second control display module 1808, and so on.
  • Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
  • Volatile memory can include random access memory (RAM) or external cache memory.
  • RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), dual data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous chain Synchlink DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
  • SRAM static RAM
  • DRAM dynamic RAM
  • SDRAM synchronous DRAM
  • DDRSDRAM dual data rate SDRAM
  • ESDRAM enhanced SDRAM
  • SLDRAM synchronous chain Synchlink DRAM
  • Rambus direct RAM
  • DRAM direct memory bus dynamic RAM
  • RDRAM memory bus dynamic RAM
  • a computer-readable storage medium on which a computer program is stored.
  • the computer program is executed by a processor, the page switching method provided by any embodiment of the present application is implemented.

Landscapes

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

Abstract

本申请涉及一种页面切换方法、装置、存储介质及计算机设备，所述方法包括：响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，所述第一显示控件用于提供进入所述第一页面的入口；在所述第二页面的上层显示所述第一显示控件；响应于针对显示在所述第二页面上层的第一显示控件的选中操作，显示所述第一页面并创建第二显示控件，所述第二显示控件用于提供进入所述第二页面的入口；在所述第一页面的上层显示所述第二显示控件。本申请提供的方案能够提高页面切换的便捷性。

Description

页面切换方法、装置、存储介质及计算机设备
本申请实施例要求于2018年08月29日提交，申请号为201810997033.6、发明名称为“页面切换方法、装置、存储介质及计算机设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请实施例中。
技术领域
本申请涉及计算机技术领域，特别是涉及一种页面切换方法、装置、存储介质及计算机设备。
背景技术
随着应用程序功能的日渐丰富，应用程序中的用户界面越来越多，用户界面之间的切换路径也越来越长。比如，某应用程序中包括用户界面A、B、C、以及D，且从用户界面A切换至用户界面D，需要依次经过B和C，从用户界面D切换至用户界面A，需要依次经过C和B。
在此情况下，若用户在浏览用户界面A时，需要浏览用户界面D，需要用户依次进行从用户界面A切换到用户界面B，再从用户界面B切换到用户界面C，最后从用户界面C切换到用户界面D的操作。后续，若用户需要从用户界面D回到用户界面A时，又需要依次进行从用户界面D切换到用户界面C，再从用户界面C切换到用户界面B，最后从用户界面B切换到用户界面A的操作。此页面切换方式的便捷性不高。
发明内容
基于此，有必要针对传统技术中页面切换的便捷性不高的技术问题，提供一种页面切换方法、装置、存储介质及计算机设备。
本申请实施例提供了一种页面切换方法，包括：
响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，第一显示控件用于提供进入第一页面的入口；
在所述第二页面的上层显示所述第一显示控件；
响应于针对显示在所述第二页面上层的第一显示控件的选中操作，显示所述第一页面并创建第二显示控件，第二显示控件用于提供进入第二页面的入 口；
在所述第一页面的上层显示所述第二显示控件。
本申请实施例提供了一种页面切换装置，包括：
第一控件创建模块，用于响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，第一显示控件用于提供进入第一页面的入口；
第一控件显示模块，用于在所述第二页面的上层显示所述第一显示控件；
第二控件创建模块，用于响应于针对显示在所述第二页面上层的第一显示控件的选中操作，显示所述第一页面并创建第二显示控件，第二显示控件用于提供进入第二页面的入口；
第二控件显示模块，用于在所述第一页面的上层显示所述第二显示控件。
本申请实施例提供了一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时实现上述页面切换方法中的步骤。
本申请实施例提供了一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述页面切换方法中的步骤。
上述页面切换方法、装置、存储介质及计算机设备，检测到针对第一页面的第一触发操作时，显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件；后续，检测到针对显示在第二页面上层的第一显示控件的选中操作时，显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此，仅需操作显示在用户界面的上层的显示控件，即可实现该用户界面与该显示控件对应的另一用户界面之间的切换，缩短了用户操作路径，提高了页面切换的便捷性。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为一个实施例中页面切换方法的应用环境图；
图2为一个实施例中页面切换方法的流程示意图；
图3为一个实施例中QQ应用的用户界面的示意图；
图4为一个实施例中在第二页面的上层显示第一显示控件的界面示意图；
图5为一个实施例中在第一页面的上层显示第二显示控件的界面示意图；
图6为一个实施例中页面切换过程的示意图；
图7为一个实施例中页面切换过程的示意图；
图8为一个实施例中页面切换过程的示意图；
图9为一个实施例中页面切换过程的示意图；
图10为一个实施例中页面切换过程的示意图；
图11为一个实施例中页面切换过程的示意图；
图12为一个实施例中拖拽第一显示控件的示意图；
图13为一个实施例中对第一显示控件进行取消显示的示意图；
图14为一个实施例中相距最近的屏幕边缘位置的示意图；
图15为一个实施例中显示控件同步显示相应页面的页面内容的示意图；
图16为一个实施例中通过目标页面选择页面确定第二页面的示意图；
图17为一个实施例中页面切换方法的流程示意图；
图18为一个实施例中页面切换装置的结构框图；
图19为一个实施例中计算机设备的结构框图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
需要说明的是，本申请所使用的术语“第一”、“第二”等是用于对类似的对象作出命名上的区分，但这些对象本身不受这些术语限制。应当理解，在不脱离本申请的范围的情况下，这些术语在适当的情况下可以互换。例如，可将“第一显示控件”描述为“第二显示控件”，且类似地，将“第二显示控件”描述为“第一显示控件”。
此外，术语“包括”、“包含”、“具有”以及它们的任何变形，意图在于覆盖不排他的包含。例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于已清楚地列出的步骤或单元，而是还可以包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请各实施例提供的页面切换方法，可应用于如图1所示的应用环境中。该应用环境可涉及终端110。在一种可能的实施方式中，终端110的显示屏幕上可显示第一页面，用户对第一页面进行第一触发操作后，终端110响应于该第一触发操作，显示第二页面并在该第二页面的上层显示第一显示控件，该第一显示控件用以提供进入第一页面的入口。后续，用户对显示在第二页面上层的第一显示控件进行选中操作后，终端110响应于该选中操作，显示第一页面并在该第一页面的上层显示第二显示控件，该第二显示控件用以提供进入第二页面的入口。
其中，终端110可以是智能手机、平板电脑、笔记本电脑、台式计算机、个人数字助理和穿戴式设备等，但并不局限于此。
在一个实施例中，如图2所示，提供了一种页面切换方法。以该方法应用于计算机设备(如图1中的终端110)为例进行说明。该方法可以包括如下步骤S202至S208。
S202，响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，第一显示控件用于提供进入第一页面的入口。
可选的，终端接收对第一页面的第一触发操作，根据第一触发操作显示第二页面，并创建第一显示控件。
第一页面，是应用程序中的用户界面(User Interface，UI)。比如，对于QQ应用，第一页面可以是QQ应用中的任一用户界面，如图3(a)所示的消息列表页面、图3(b)所示的与某一好友的消息对话页面、图3(c)所示的联系人列表页面、图3(d)所示的动态管理页面、图3(e)所示的QQ空间动态页面等。可以理解，QQ应用仅是一种示例性说明，并不用于对可适用的应用程序加以限定，比如视频播放应用、出行应用、外卖应用等各种需涉及到页面切换的应用程序均可适用。第二页面与第一页面类似，对第二页面的具体限定可以与对第一页面的限定相同，此处不加赘述。
此外，第二页面和第一页面可以是同一应用程序中的两个不同的用户界面，亦即第二页面和第一页面用于实现不同的任务。比如，对于QQ应用，第一页面为与某一好友的消息对话页面，第二页面为消息列表页面。
第一触发操作，可用于触发终端更换全屏显示的页面，并创建显示控件，该显示控件用于提供进入更换前的页面的入口。比如，针对第一页面的第一触 发操作，用于触发终端从全屏显示第一页面更换为全屏显示第二页面，并创建用以提供进入第一页面的入口的显示控件。
第一触发操作可以是用户对显示应用程序的用户界面的终端施加的预定操作。第一触发操作的具体形式可以根据实际需求进行设定，与应用程序的其他功能不冲突即可。比如，第一触发操作可以为以下三类中的任一类：
一类是接触控制操作，即接触终端的显示屏幕并对显示屏幕施加预先设定的手势操作，比如从显示屏幕的右侧边缘向左滑动且滑动距离达到预定距离、或者在显示屏幕上绘制预定图案(如“M”形状的图案)等。二类是语音控制操作，即对显示应用程序的用户界面的终端输出预定语音，比如用户对显示QQ应用的QQ空间动态页面的手机说出内容为“缩小页面”的语音。三类是动作控制操作，即控制终端进行预定运动，比如摇晃终端。其中，对于终端而言，可以在检测到滑动所经过的像素的数目超过N时，判定滑动距离达到预定距离，N与预定距离相匹配。
显示控件，可用于提供进入用户界面的入口，即通过操作显示控件，可以触发终端全屏显示该显示控件对应的用户界面。显示控件本质上可以是用户可与之交互，以便输入或操作数据的对象，比如图标按钮、视图窗口等。相应地，第一显示控件是与第一页面对应的显示控件，可用于提供进入第一页面的入口。
在一种可能的实施方式中，该显示控件为对应用户界面的界面缩略图。
此外，显示控件可以显示在用户界面的上层，即显示控件的显示层次可以在用户界面的显示层次之上，针对视觉表现而言，显示控件浮在用户界面之上。在一个实施例中，将显示控件显示在用户界面的上层时，显示控件的面积小于用户界面的面积，且显示控件的外边框未超出用户界面。
S204，在第二页面的上层显示第一显示控件。
在本实施例中，响应于针对第一页面的第一触发操作，第一显示控件创建完成后，可以将第一显示控件显示在第二页面的上层。根据前文所述可知，第一显示控件的显示层次在第二页面之上，针对视觉表现而言，如图4所示，第一显示控件浮在第二页面之上进行显示，此外，第一显示控件的面积小于第二页面的面积，且第一显示控件的外边框未超出第二页面。
针对视觉表现而言，当第一显示控件完全不透明时，用户可以看到第一显示控件和第一页面中未被第一显示控件遮挡的部分；当第一显示控件半透明 时，用户可以看到第一页面中未被该第一显示控件遮挡的部分，以及根据透明程度呈现的第一显示控件和第一页面中与第一显示控件重叠的部分；当第一显示控件完全透明时，用户可以看到第一页面的全貌，但无法看到第一显示控件。
在一个实施例中，将显示控件显示在用户界面的上层后，应用程序可以支持用户根据实际需求更改显示控件的属性，比如尺寸、透明程度、颜色等。比如，将第一显示控件显示在第二页面的上层后，应用程序可以支持用户根据实际需求更改第一显示控件的尺寸、透明程度、颜色等。当然，根据产品需求，应用程序也可以不支持用户更改显示控件的属性。
在本实施例中，终端显示第一页面时，实时监听针对第一页面的操作，当监听到针对第一页面的第一触发操作时，终端从全屏显示第一页面更换为全屏显示第二页面，并创建第一显示控件，以及在第二页面的上层显示第一显示控件。其中，更换全屏显示的页面、创建显示控件、将显示控件显示在用户界面的上层的具体程序逻辑，可以采用任何适用的方式实现，本申请不作具体限定。在一个实施例中，监听方式可以采用全局监听。
在一个实施例中，终端从全屏显示第一页面更换为全屏显示第二页面，并在第二页面的上层显示第一显示控件的过程中，可以呈现逐渐将第一页面缩小至第一显示控件的效果。
在一种可能的实施方式中，当接收到对第二页面中页面元素(非第一显示控件)的触控操作，并根据触控操作将第二页面切换为应用程序中的其它页面时，第一显示控件仍旧显示在切换后其它页面的上层。
S206，响应于针对显示在第二页面上层的第一显示控件的选中操作，显示第一页面并创建第二显示控件，第二显示控件用于提供进入第二页面的入口。
可选的，终端接收对第一显示控件的选中操作，根据选中操作显示第一页面并创建第二显示控件。
选中操作，可用于触发终端将全屏显示的页面更换为与所作用的显示控件相对应的页面，并在更换后的页面的上层显示与更换前的页面对应的显示控件。比如，针对显示在第二页面上层的第一显示控件的选中操作，用于触发终端从全屏显示第二页面，更换为全屏显示第一页面并在第一页面的上层显示与第二页面对应的显示控件。
选中操作可以是用户对显示在用户界面上层的显示控件施加的预定操作。选中操作的具体形式可以根据实际需求进行设定，与应用程序的其他功能不冲 突即可。比如，选中操作可以为针对显示控件的点击操作(即点击显示控件)、按压操作(即按压显示控件)等。
第二显示控件，是与第二页面对应的显示控件，其可用于提供进入第二页面的入口。亦即是说，通过操作第二显示控件，可以触发终端全屏显示第二页面。
在本实施例中，终端显示第二页面并在第二页面的上层显示第一显示控件时，实时监听针对第一显示控件的操作，当监听到针对第一显示控件的选中操作时，终端从全屏显示第二页面更换为全屏显示第一页面，并创建第二显示控件，以及在第一页面的上层显示第二显示控件。其中，将显示控件显示在用户界面的上层的具体程序逻辑，可以采用任何适用的方式实现，本申请不作具体限定。
S208，在第一页面的上层显示第二显示控件。
在本实施例中，响应于针对显示在第二页面上层的第一显示控件的选中操作，第二显示控件创建完成后，可以将第二显示控件显示在第一页面的上层。针对视觉表现而言，如图5所示，第二显示控件浮在第二页面之上进行显示。其中，对在第一页面的上层显示第二显示控件的具体限定，可以与前文对在第二页面的上层显示第一显示控件的限定相同，此处不加赘述。
在一个实施例中，终端检测到针对第一页面的第一触发操作时，通过系统窗口服务创建预定窗口类型的窗口(不同窗口类型可以对应不同的显示层次，该预定窗口类型的窗口的显示层次在用户界面之上)，再在所创建的窗口中添加与第一页面对应的视图，即得到第一显示控件。并且，调用第二页面，从而在终端的显示屏幕上全屏显示第二页面并在第二页面上层显示第一显示控件。
后续，终端检测到针对显示在第二页面上层的第一显示控件的选中操作时，通过系统窗口服务创建预定窗口类型的窗口，再在所创建的窗口中添加与第二页面对应的视图，即得到第二显示控件。并且，调用第一页面，从而在终端的显示屏幕上全屏显示第一页面并在第一页面上层显示第二显示控件。
其中，对于创建预定窗口类型的窗口，以安卓为例，可以通过WindowManager服务创建窗口类型为TYPE_APPLICATION_ATTAC HED_DIALOG的窗口。
此外，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图6所示。
上述页面切换方法，检测到针对第一页面的第一触发操作时，终端显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件；后续，检测到针对显示在第二页面上层的第一显示控件的选中操作时，终端显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此，仅需操作显示在用户界面的上层的显示控件，即可实现该用户界面与该显示控件对应的另一用户界面之间的切换，缩短了用户操作路径，提高了页面切换的便捷性。
在一个实施例中，在第一页面的上层显示第二显示控件的步骤之后，即步骤S208之后，还可以包括如下步骤：响应于针对显示在第一页面上层的第二显示控件的选中操作，显示第二页面并在第二页面的上层显示第一显示控件。
在本实施例中，在第一页面的上层显示第二显示控件时，实时监听针对第二显示控件的操作，当监听到针对第二显示控件的选中操作时，终端从全屏显示第一页面，更换为全屏显示第二页面，并在第二页面的上层显示第一显示控件。
此外，以图6所示为基础，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图7所示。
在一个实施例中，在第二页面的上层显示第一显示控件的步骤之后，即步骤S204之后，还可以包括如下步骤：响应于针对第二页面上的第二触发操作，显示相应的第三页面；在第三页面的上层显示第一显示控件。
可选的，终端接收对第二页面的第二触发操作，根据第二触发操作显示第三页面，并在第三页面的上层显示第一显示控件。
第二触发操作，可用于触发终端跳转至相应的页面，其可以是用户对显示在用户界面上的相应功能控件施加的预定操作。第二触发操作的具体形式可以根据实际需求进行设定，与应用程序的其他功能不冲突即可。比如，第二触发操作可以是针对相应功能控件的点击操作、按压操作等。
与第一页面和第二页面类似，第三页面也是应用程序中的用户界面。第三页面、第二页面和第一页面可以是同一应用程序中的三个不同的用户界面，亦即第三页面、第二页面、以及第一页面用于实现三种不同的任务。对第三页面的具体限定，可以与前文对第一页面、第二页面的限定相同，此处不加赘述。
在本实施例中，终端显示第二页面并在第二页面的上层显示第一显示控件时，实时监听针对第二页面的操作，当监听到针对第二页面上的相应功能控件的第二触发操作时，终端从第二页面跳转至第三页面，并在第三页面的上层显示第一显示控件。此外，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图8所示。
以第一页面为QQ应用的QQ空间动态页面、第二页面为消息列表页面为例，消息列表页面的上层显示QQ空间动态页面所对应的显示控件(即第一显示控件)，在此情况下，用户点击消息列表页面中的提示“皮皮”的功能控件(即提供进入与好友“皮皮”的消息对话页面的入口的功能控件)后，与好友“皮皮”的消息对话页面即为第三页面，即终端从全屏显示消息列表页面更换为全屏显示与好友“皮皮”的消息对话页面，并在与好友“皮皮”的消息对话页面的上层显示QQ空间动态页面所对应的显示控件。
当接收到对QQ空间动态页面所对应的显示控件的选中操作时，终端全屏显示QQ空间动态页面。相较于相关技术中，需要先退出消息对话页面，返回至消息列表页面，然后点击QQ空间入口以重新进入QQ空间动态页面，本实施例中，通过对消息对话页面上显示控件的触发操作，即可快速切换至QQ空间动态页面，从而简化了页面切换的流程。
上述实施例以用户界面上显示一个显示控件为例进行说明，可选的，应用程序的用户界面上可以同时显示至少两个显示控件。
在一个实施例中，在第三页面的上层显示第一显示控件的步骤之后，还可以包括如下步骤：响应于针对第三页面的第一触发操作，显示第二页面并创建第三显示控件，第三显示控件用于提供进入第三页面的入口的；在第二页面的上层显示第一显示控件和第三显示控件。
可选的，终端接收对第三页面的第一触发操作，根据第一触发操作显示第二页面并创建第三显示控件，并在第二页面上层显示第一显示控件和第二显示控件。
第三显示控件，是与第三页面对应的显示控件，其可用于提供进入第三页面的入口。亦即是说，通过操作第三显示控件，可以触发终端全屏显示第三页面。
在本实施例中，终端显示第三页面并在第三页面的上层显示第一显示控件 时，实时监听针对第三页面的操作，当监听到针对第三页面的第一触发操作时，终端从全屏显示第三页面更换为全屏显示第二页面，并创建第三显示控件，以及在第二页面的上层同时显示第一显示控件和第三显示控件。此外，以图8所示为基础，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图9所示。
在一个实施例中，页面切换方法还可以包括如下步骤：在第二页面的上层显示第一显示控件和第三显示控件时，响应于针对第一显示控件的选中操作，在第一页面的上层显示第二显示控件和第三显示控件。
用户界面的上层显示的显示控件的数目多于一个时，用户可以根据实际需求对显示界面上的任意一个显示控件施加选中操作。比如，在第二页面的上层同时显示第一显示控件和第三显示控件时，用户可以根据实际需求对第一显示控件或第三显示控件施加选中操作。
用户对任一显示控件施加选中操作后，终端将从全屏显示施加选中操作之前的页面，更换为全屏显示被施加选中操作的显示控件所对应的页面。
在本实施例中，在第二页面的上层同时显示第一显示控件和第三显示控件时，用户根据实际需求对第二页面的上层显示的第一显示控件施加选中操作后，终端从全屏显示第二页面，更换为全屏显示第一页面并在第一页面的上层同时显示第二显示控件和第三显示控件。此外，以图9所示为基础，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图10所示。
此外，在第一页面的上层同时显示第二显示控件和第三显示控件时，用户可以根据实际需求对第一页面的上层显示的第二显示控件或第三显示控件施加选中操作。以用户对第一页面的上层显示的第二显示控件施加选中操作为例，终端将从全屏显示第一页面，更换为全屏显示第二页面，并在第二页面的上层显示第一显示控件和第三显示控件。用户对第一页面的上层显示的第二显示控件施加选中操作类似，此处不加赘述。
在一个实施例中，页面切换方法还可以包括如下步骤：在第二页面的上层显示第一显示控件和第三显示控件时，响应于针对第三显示控件的选中操作，显示第三页面并创建第二显示控件；在第三页面的上层显示第一显示控件和第二显示控件。
在本实施例中，在第二页面的上层同时显示第一显示控件和第三显示控件时，用户根据实际需求对第二页面的上层显示的第三显示控件施加选中操作后，终端从全屏显示第二页面，更换为全屏显示第三页面并在第三页面的上层同时显示第二显示控件和第一显示控件。此外，以图9所示为基础，在实际应用中，根据本实施例中的页面切换方法进行页面切换的过程，可以如图11所示。
类似地，在第三页面的上层同时显示第一显示控件和第二显示控件后，用户可以根据实际需求对第三页面的上层显示的第一显示控件或第二显示控件施加选中操作。以用户对第三页面的上层显示的第二显示控件施加选中操作为例，终端将从全屏显示第三页面，更换为全屏显示第二页面，并在第二页面的上层显示第一显示控件和第三显示控件。用户对第三页面的上层显示的第一显示控件施加选中操作类似，此处不加赘述。
在一个实施例中，页面切换方法还可以包括如下步骤：响应于针对第一显示控件的控件拖拽操作，按照与控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
控件拖拽操作，可用于触发在终端的显示屏幕上移动显示控件。比如，针对第一显示控件的控件拖拽操作，用于触发在终端的显示屏幕上移动第一显示控件。控件拖拽操作可以是用户对显示在用户界面上的显示控件施加的预定操作，比如按压显示控件的同时，在用户界面上进行滑动。
在本实施例中，在用户界面的上层显示显示控件时，实时监听针对显示控件的操作，当监听到针对该显示控件的控件拖拽操作时，按照与该拖拽操作对应的轨迹(即拖拽轨迹)在终端的显示屏幕上移动该显示控件，针对视觉表现而言，用户将看到该显示控件按照拖拽轨迹在该用户界面上进行移动。
此外，该拖拽方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例，在任意用户界面的上层显示第一显示控件时，当监听到针对该第一显示控件的控件拖拽操作时，如图12所示(图12仅示出第一显示控件显示在第二页面上层的情况)，按照相应的拖拽轨迹(如图12中带箭头的虚线线条)在终端的显示屏幕上移动该第一显示控件。
在一个实施例中，可以通过修改窗口的布局参数中的窗口位置参数，来改变窗口在显示屏幕上的显示位置，从而实现在终端的显示屏幕上移动相应显示 控件。其中，窗口位置参数包括窗口的横坐标和纵坐标。
可选的，拖拽显示控件的过程中，用户可以将显示控件拖拽至指定区域以删除显示控件。
在一个实施例中，页面切换方法还可以包括如下步骤：在第一显示控件被移动时，在显示屏幕中显示控件取消区域；若移动第一显示控件的终止位置位于控件取消区域内，则取消显示第一显示控件。
控件取消区域，是用于触发对显示控件进行取消显示的可交互区域，控件取消区域可以为显示屏幕中的预定显示区域，比如显示屏幕的底部显示区域。在移动显示控件的过程中，显示屏幕中持续显示控件取消区域，若移动显示控件的终止位置位于控件取消区域内，则取消显示该显示控件。比如，用户通过手指将显示控件拖拽至显示控件取消区域，并在显示控件取消区域内使手指脱离显示屏幕时，则取消显示该显示控件。可以理解，对显示控件取消显示后，该显示控件即被销毁，用户将无法在显示屏幕上看到该显示控件。在一个实施例中，可以采用销毁窗口的方式来对显示控件取消显示。
此外，该取消显示显示控件的方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例，在任意用户界面的上层显示第一显示控件时，通过控件拖拽操作移动第一显示控件的过程中，如图13所示(图13仅示出第一显示控件显示在第二页面上层的情况)，在显示屏幕中持续显示控件取消区域，若移动第一显示控件的终止位置位于控件取消区域内，则取消显示第一显示控件。
在其他实施例中，也可以通过具备对显示控件进行取消显示的功能的菜单对显示控件进行取消显示。可选的，菜单中设置可以设置用于对显示控件进行取消显示的按钮，在用户界面的上层显示显示控件时，在该用户界面上调出菜单，并点击菜单中用于对显示控件进行取消显示的按钮，即可取消显示相应的显示控件。
在一个实施例中，页面切换方法还可以包括如下步骤：若终止位置位于控件取消区域外，则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
若移动显示控件的终止位置位于控件取消区域之外，表明用户不需要取消 该显示控件，而是需要改变该显示控件在显示屏幕上的显示位置。在此情况下，可以在获取到移动显示控件的终止位置后，将显示控件停靠至与获取到的终止位置相距最近的屏幕边缘位置处，即移动结束后，在该屏幕边缘位置处显示该显示控件。比如，如图14所示，对显示控件进行一次移动后，若移动该显示控件的终止位置在PA位置，且经判断，右侧屏幕边缘位置是与PA位置相距最近的屏幕边缘位置，则将该显示控件停靠至右侧屏幕边缘上的PB位置，即在PB位置处显示该显示控件。其中，确定与某一位置相距最近的屏幕边缘位置的具体程序逻辑，可以采用任何适用的方式实现，本申请不作具体限定。
需要说明的是，该停靠方式对第一显示控件、第二显示控件、第三显示控件等任何显示控件均适用。以第一显示控件为例，若移动第一显示控件的终止位置位于控件取消区域外，则将第一显示控件停靠至与该终止位置相距最近的屏幕边缘位置处。
此外，通过将显示控件停靠至与终止位置相距最近的屏幕边缘位置处，能够有效地减少显示控件对其下层的用户界面的遮挡。
在其他实施例中，获取到移动显示控件的终止位置后，也可以直接将该显示控件停在该终止位置处，即直接在该终止位置处显示该显示控件。比如，对显示控件进行一次移动后，若移动该显示控件的终止位置在PA位置，则直接将该显示控件停在PA位置，即在PA位置处显示该显示控件。
在一个实施例中，页面切换方法还可以包括以下步骤：在第一显示控件中同步显示第一页面的页面内容。
在本实施例中，第一显示控件可以为视图窗口(缩略视窗)，可以在该视图窗口中同步显示第一页面的页面内容。亦即是说，第一显示控件中的显示内容与第一页面的页面内容实时一致。
举例说明，假设在T1时刻，终端显示第二页面并在第二页面的上层显示与第一页面对应的第一显示控件，其中，第二页面为消息列表页面，第一页面为与好友“皮皮”的消息对话页面，且在T1时刻，与好友“皮皮”的消息对话页面如图15(a)所示。在此情况下，如图15(b)所示，在T1时刻，显示在第二页面上层的第一显示控件中的显示内容也是图15(a)所示的消息对话页面。后续，在T1时刻之后的T2时刻，好友“皮皮”发来一条新消息“我要睡觉啦”，与好友“皮皮”的消息对话页面从图15(a)所示更新为图15(c) 所示，此时，如图15(d)所示，第一显示控件中的显示内容也从图15(c)所示的消息对话页面更新为图15(d)所示的消息对话页面。
此外，对于任一显示控件，均可在该显示控件中同步显示对之对应的用户界面中的页面内容。比如，也可以在第二显示控件中同步显示第二页面的页面内容，在第三显示控件中同步显示第三页面的页面内容等等。
在其他实施例中，显示控件中的显示内容也可以是预先设定的。在此情况下，在显示控件的生命周期中，显示控件的显示内容保持不变。
本实施例中，通过在显示控件中同步显示对应页面中的页面内容，使得用户通过观察显示控件即可知悉当前是否需要切换至相应页面进行操作，提高了页面切换的效率以及及时性。
在一个实施例中，确定第二页面的方式，包括：获取预先设定的页面；第二页面包括预先设定的页面。
可以理解，在显示第二页面之前，需要先确定第二页面。比如，检测到针对第一页面的第一触发操作时，先确定第二页面，再显示所确定的第二页面。
预先设定的页面，可以是预先从应用程序中的各用户界面中，选取的一个用户界面。在本实施例中，对于任一应用程序，可以预先从该应用程序中的各用户界面中选取一个用户界面作为预先设定的页面(即第二页面)，后续，用户针对除该预先设定的页面外的任一用户界面施加第一触发操作时，终端均从显示与该第一触发操作所作用的用户界面，切换至显示该预先设定的页面，并在该预先设定的页面的上层显示与该第一触发操作所作用的用户界面相对应的显示控件。
在一个实施例中，可以将应用程序的默认用户界面选作第二页面。默认用户界面可以是打开该应用程序后，展现的第一个用户界面，其中，默认用户界面可以由应用程序默认设置，也可以由用户预先设置。比如，对于QQ应用，默认用户界面为消息列表界面。
在一个实施例中，确定第二页面的方式，可以包括如下步骤：检测到针对第一页面的第一触发操作时，显示目标页面选择页面，目标页面选择页面中包括候选页面控件；响应于针对候选页面控件的页面选择操作，从各候选页面控件中确定中选页面控件；第二页面包括中选页面控件对应的页面。
目标页面选择页面，是用以供用户进行第二页面选择的用户界面。目标页面选择页面中可以呈现若干个候选页面控件。各个候选页面控件分别对应一个用户界面。比如，目标页面选择页面上呈现候选页面控件D1、D2、以及D3，共计三个候选页面控件，候选页面控件D1至D3分别对应三个不同的用户界面。以QQ应用为例，候选页面控件D1对应的用户界面为消息列表页面、候选页面控件D2对应的用户界面为联系人列表页面、以及候选页面控件D3对应的用户界面为QQ空间动态页面。
页面选择操作，可用于触发从各候选页面控件中确定中选页面控件。页面选择操作可以是用户对候选页面控件施加的预定操作。页面选择操作的具体形式可以根据实际需求进行设定，与应用程序的其他功能不冲突即可。比如，页面选择操作可以是针对候选页面控件的点击操作、按压操作等。
中选页面控件，是页面选择操作所作用的候选页面控件。目标页面选择页面上呈现若干个候选页面控件后，终端实时监听针对该若干个候选页面控件的操作，用户可以根据实际需求对该若干个候选页面控件中的一个施加页面选择操作，终端监听到该页面选择操作后，将该页面选择操作所作用的候选页面控件作为中选页面控件。在本实施例中，第二页面是中选页面控件所对应的页面，即中选页面控件所对应的用户界面。比如，对上述QQ应用示例，根据一次页面选择操作，候选页面控件D2被确定为中选页面控件，第二页面即为联系人列表页面。
举例说明，如图16所示，终端全屏显示第一页面时，检测到针对第一页面的第一触发操作时，终端先显示目标页面选择页面，目标页面选择页面上呈现候选页面控件D1、D2、D3以及D4，假设用户对候选页面控件D2施加页面选择操作，终端检测到该页面选择操作后，全屏显示第二页面(即候选页面控件D2对应的页面)，并在候选页面控件D2对应的页面的上层显示第一显示控件。
此外，在实际应用中，用户不同次施加页面选择操作的候选页面控件可能不相同，因此不同次确定的第二页面也可能不相同。比如，用户第一次施加页面选择操作时，施加对象是候选页面控件D2，则针对该次页面选择操作所确定的第二页面为候选页面控件D2对应的用户界面，后续用户第二次施加页面选择操作时，施加对象是候选页面控件D1，则针对该次页面选择操作所确定的第二页面为候选页面控件D1对应的用户界面。
本实施例中，在接收到对第一页面的第一触发操作时，通过在目标页面选择页面中显示若干候选页面控件供用户选择，并将用户选中的候选页面控件对应的页面确定为第二页面，方便用户后续通过显示控件在第一页面和选中的第二页面之间进行切换，避免使用默认用户界面作为第二页面造成的局限性。
需要说明的是，上述各个实施例提供的页面切换方法可以根据应用场景进行组合，本申请实施例并不对各个实施例之间的组合方式进行限定。
在一个实施例中，如图17所示，提供了一种页面切换方法。该方法可以包括如下步骤S1702至S1724。
S1702，响应于针对第一页面的第一触发操作，显示第二页面并创建用以提供进入第一页面的入口的第一显示控件，第二页面包括预先设定的页面。
S1704，在第二页面的上层显示第一显示控件。
S1706，响应于针对第二页面上的第二触发操作，显示相应的第三页面。
S1708，在第三页面的上层显示第一显示控件。
S1710，响应于针对第三页面的第一触发操作，显示第二页面并创建第三显示控件。
S1712，在第二页面的上层显示第一显示控件和第三显示控件。
S1714，响应于针对第三显示控件的选中操作，显示第三页面并创建第二显示控件。
S1716，在第三页面的上层显示第一显示控件和第二显示控件。
S1718，响应于针对显示在第三页面上层的第一显示控件的控件拖拽操作，按照控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
S1720，在第一显示控件被移动时，在显示屏幕中显示控件取消区域。
S1722，若移动第一显示控件的终止位置位于控件取消区域内，则取消显示第一显示控件。
S1724，若终止位置位于控件取消区域外，则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
需要说明的是，本实施例中对各技术特征的具体限定，可以与前文中对相应技术特征的限定相同，此处不加赘述。
此外，根据如上所述的实施例，以下以QQ应用为例进行举例说明。
用户在终端上打开QQ应用后，终端上显示QQ应用的消息列表页面。用户点击导航栏上的提示“动态”的图标控件后，终端显示动态管理页面。继而，用户点击动态管理页面上的提示“好友动态”的图标控件后，终端显示QQ空间动态页面。用户在QQ空间动态页面上从显示屏幕的右侧边缘向左滑动超过预定距离后，终端检测到该向左滑动的操作后，创建用以提供进入QQ空间动态页面的入口的显示控件(以下简称为显示控件C1)，并显示消息列表页面，以及在消息列表页面的上层显示该显示控件C1。后续，用户点击消息列表页面上提示“皮皮”的图标控件(即用以提供进入与好友“皮皮”的消息对话页面的入口的图标控件)后，终端从显示消息列表页面切换为显示与好友“皮皮”的消息对话页面。而后，用户在与好友“皮皮”的消息对话页面上从显示屏幕的右侧边缘向左滑动超过预定距离后，终端检测到该向左滑动的操作后，创建用以提供进入与好友“皮皮”的消息对话页面的入口的显示控件(以下简称为显示控件C2)，并显示消息列表页面，以及在消息列表页面的上层同时显示该显示控件C2和该显示控件C1。
在消息列表页面的上层同时显示该显示控件C2和该显示控件C1时，若用户点击显示在消息列表页面上层的显示控件C2，终端则显示与好友“皮皮”的消息对话页面，并创建用以提供进入消息列表页面的入口的显示控件(以下简称为显示控件C3)，以及在与好友“皮皮”的消息对话页面的上层显示该显示控件C3和该显示控件C1；若用户点击显示在消息列表页面上层的显示控件C1，终端则显示QQ空间动态页面，并创建显示控件C3，以及在与QQ空间动态页面的上层显示该显示控件C3和该显示控件C2。
在合理条件下应当理解，虽然前文各实施例涉及的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，各流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图18所示，提供了一种页面切换装置1800，该装置 可以包括如下模块1802至1808。
第一控件创建模块1802，用于响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，第一显示控件用于提供进入第一页面的入口。
第一控件显示模块1804，用于在第二页面的上层显示第一显示控件。
第二控件创建模块1806，用于响应于针对显示在第二页面上层的第一显示控件的选中操作，显示第一页面并创建第二显示控件，第二显示控件用于提供进入第二页面的入口。
第二控件显示模块1808，用于在第一页面的上层显示第二显示控件。
上述页面切换装置1800，检测到针对第一页面的第一触发操作时，显示第二页面并在第二页面的上层显示用以提供进入第一页面的入口的第一显示控件；后续，检测到针对显示在第二页面上层的第一显示控件的选中操作时，显示第一页面并在第一页面的上层显示用以提供进入第二页面的入口的第二显示控件。如此，仅需操作显示在用户界面的上层的显示控件，即可实现该用户界面与该显示控件对应的另一用户界面之间的切换，缩短了用户操作路径，提高了页面切换的便捷性。
在一个实施例中，页面切换装置1800还可以包括如下模块：
页面切换模块，用于响应于针对显示在第一页面上层的第二显示控件的选中操作，显示第二页面并在第二页面的上层显示第一显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：
页面跳转模块，用于响应于针对第二页面上的第二触发操作，显示相应的第三页面；在第三页面的上层显示第一显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：第三控件创建模块，用于响应于针对第三页面的第一触发操作，显示第二页面并创建第三显示控件，第三显示控件用于提供进入第三页面的入口的；第三控件显示模块，用于在第二页面的上层显示第一显示控件和第三显示控件。
第二控件显示模块1808，具体用于在第一页面的上层显示第二显示控件和第三显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：控件选中模块，用于在第二页面的上层显示第一显示控件和第三显示控件时，响应于针对第三显示控件的选中操作，显示第三页面并创建第二显示控件；第一多控件显示模块，用于在第三页面的上层显示第一显示控件和第二显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：控件拖拽模块，用于响应于针对第一显示控件的控件拖拽操作，按照控件拖拽操作对应的轨迹在显示屏幕上移动第一显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：取消区域显示模块，用于在第一显示控件被移动时，在显示屏幕中显示控件取消区域；第一控件取消模块，用于若移动第一显示控件的终止位置位于控件取消区域内，则取消显示第一显示控件。
在一个实施例中，页面切换装置1800还可以包括如下模块：第一控件停靠模块，用于若终止位置位于控件取消区域外，则将第一显示控件停靠至与终止位置相距最近的屏幕边缘位置处。
在一个实施例中，页面切换装置1800还可以包括以下两个模块中的至少一个：第一同步显示模块，用于在第一显示控件中同步显示第一页面的页面内容；第二同步显示模块，用于在第二显示控件中同步显示第二页面的页面内容。
在一个实施例中，页面切换装置1800还可以包括第二页面确定模块，用于获取预先设定的页面；第二页面包括预先设定的页面；将预先设定的页面确定为第二页面。
在一个实施例中，页面切换装置1800还可以包括第二页面确定模块，该第二页面确定模块可以包括以下单元：选择页面显示单元，用于检测到针对第一页面的第一触发操作时，显示目标页面选择页面，目标页面选择页面中包括候选页面控件；中选页面控件确定单元，用于响应于针对候选页面控件的页面选择操作，从各候选页面控件中确定中选页面控件；将中选页面控件对应的页面确定为第二页面。
需要说明的是，关于页面切换装置1800的具体限定，可以参见上文中对于页面切换方法的限定，在此不再赘述。上述页面切换装置1800中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现本申请任一实施例提供的页面切换方法中的步骤。
在一个实施例中，该计算机设备可以是图1所示的终端110，其内部结构图可以如图19所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该处理器用于提供计算和控制能力。该存储器包括非易失性存储介质和内存储器，该非易失性存储介质存储有操作系统和计算机程序，该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境，该计算机程序被处理器执行时以实现一种页面切换方法。该网络接口用于与外部的终端通过网络连接通信。该显示屏可以是液晶显示屏或者电子墨水显示屏。该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图19中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，本申请各实施例提供的页面切换装置可以实现为一种计算机程序的形式，计算机程序可在如图19所示的计算机设备上运行。计算机设备的存储器中可存储组成该页面切换装置的各个程序模块，比如，图18所示的第一控件创建模块1802、第一控件显示模块1804、第二控件创建模块1806以及第二控件显示模块1808。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的页面切换方法中的步骤。例如，图19所示的计算机设备可以通过如图18所示的页面切换装置中的第一控件创建模块1802执行步骤S202、通过第一控件显示模块1804执行步骤S204、通过第二控件创建模块1806执行步骤S206、通过第二控件显示模块1808执行步骤S208等等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包 括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
据此，在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现本申请任一实施例提供的页面切换方法。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。。

Claims (20)

  1. 一种页面切换方法，包括：
    响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，所述第一显示控件用于提供进入所述第一页面的入口；
    在所述第二页面的上层显示所述第一显示控件；
    响应于针对显示在所述第二页面上层的第一显示控件的选中操作，显示所述第一页面并创建第二显示控件，所述第二显示控件用于提供进入所述第二页面的入口；
    在所述第一页面的上层显示所述第二显示控件。
  2. 根据权利要求1所述的方法，其中，在所述第一页面的上层显示所述第二显示控件之后，还包括：
    响应于针对所述第二显示控件的选中操作，显示所述第二页面并在所述第二页面的上层显示所述第一显示控件。
  3. 根据权利要求1所述的方法，其中，在所述第二页面的上层显示所述第一显示控件之后，还包括：
    响应于针对所述第二页面上的第二触发操作，显示相应的第三页面；
    在所述第三页面的上层显示所述第一显示控件。
  4. 根据权利要求3所述的方法，其中，在所述第三页面的上层显示所述第一显示控件之后，还包括：
    响应于针对所述第三页面的第一触发操作，显示所述第二页面并创建第三显示控件，所述第三显示控件用于提供进入所述第三页面的入口；
    在所述第二页面的上层显示所述第一显示控件和所述第三显示控件。
  5. 根据权利要求4所述的方法，其中，还包括：
    在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时，响应于针对所述第一显示控件的选中操作，在所述第一页面的上层显示所述第二显示控件和所述第三显示控件。
  6. 根据权利要求4所述的方法，其中，所述方法还包括：
    在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时，响应于针对所述第三显示控件的选中操作，显示所述第三页面并创建所述第二显 示控件；
    在所述第三页面的上层显示所述第一显示控件和所述第二显示控件。
  7. 根据权利要求1所述的方法，其中，所述方法还包括：
    响应于针对所述第一显示控件的控件拖拽操作，按照所述控件拖拽操作对应的轨迹在显示屏幕上移动所述第一显示控件。
  8. 根据权利要求7所述的方法，其中，所述方法还包括：
    在所述第一显示控件被移动时，在所述显示屏幕中显示控件取消区域；
    若移动所述第一显示控件的终止位置位于所述控件取消区域内，则取消显示所述第一显示控件。
  9. 根据权利要求8所述的方法，其中，所述方法还包括：
    若所述终止位置位于所述控件取消区域外，则将所述第一显示控件停靠至与所述终止位置相距最近的屏幕边缘位置处。
  10. 根据权利要求1所述的方法，其中，所述方法还包括以下两项中的至少一项：
    在所述第一显示控件中同步显示所述第一页面的页面内容；
    在所述第二显示控件中同步显示所述第二页面的页面内容。
  11. 根据权利要求1至10任一项所述的方法，其中，确定所述第二页面的方式，包括：
    获取预先设定的页面；
    将所述预先设定的页面确定为所述第二页面。
  12. 根据权利要求1至10任一项所述的方法，其中，确定所述第二页面的方式，包括：
    当接收到针对第一页面的第一触发操作时，显示目标页面选择页面，所述目标页面选择页面中包括候选页面控件；
    响应于针对所述候选页面控件的页面选择操作，从各所述候选页面控件中确定中选页面控件；
    将所述中选页面控件对应的页面确定为所述第二页面。
  13. 一种页面切换装置，包括：
    第一控件创建模块，用于响应于针对第一页面的第一触发操作，显示第二页面并创建第一显示控件，所述第一显示控件用于提供进入所述第一页面的入 口；
    第一控件显示模块，用于在所述第二页面的上层显示所述第一显示控件；
    第二控件创建模块，用于响应于针对显示在所述第二页面上层的第一显示控件的选中操作，显示所述第一页面并创建第二显示控件，所述第二显示控件用于提供进入所述第二页面的入口；
    第二控件显示模块，用于在所述第一页面的上层显示所述第二显示控件。
  14. 根据权利要求13所述的装置，其中，所述装置还包括：
    页面切换模块，用于响应于针对所述第二显示控件的选中操作，显示所述第二页面并在所述第二页面的上层显示所述第一显示控件。
  15. 根据权利要求13所述的装置，其中，所述装置还包括：
    页面跳转模块，用于响应于针对所述第二页面上的第二触发操作，显示相应的第三页面；在所述第三页面的上层显示所述第一显示控件。
  16. 根据权利要求15所述的装置，其中，所述装置，还包括：
    第三创建模块，用于响应于针对所述第三页面的第一触发操作，显示所述第二页面并创建第三显示控件，所述第三显示控件用于提供进入所述第三页面的入口；
    第三控件显示模块，用于在所述第二页面的上层显示所述第一显示控件和所述第三显示控件。
  17. 根据权利要求16所述的装置，其中，所述第二控件显示模块，用于在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时，响应于针对所述第一显示控件的选中操作，在所述第一页面的上层显示所述第二显示控件和所述第三显示控件。
  18. 根据权利要求16所述的装置，其中，所述装置还包括：
    控件选中模块，用于在所述第二页面的上层显示所述第一显示控件和所述第三显示控件时，响应于针对所述第三显示控件的选中操作，显示所述第三页面并创建所述第二显示控件；
    第一多控件显示模块，用于在所述第三页面的上层显示所述第一显示控件和所述第二显示控件。
  19. 一种计算机可读存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至12中任一项所述的方法的步骤。
  20. 一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至12中任一项所述方法的步骤。
PCT/CN2019/102627 2018-08-29 2019-08-26 页面切换方法、装置、存储介质及计算机设备 Ceased WO2020043064A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
KR1020207027790A KR102479662B1 (ko) 2018-08-29 2019-08-26 페이지 전환 방법, 장치, 저장 매체 및 컴퓨터 기기
EP19856029.4A EP3770743A4 (en) 2018-08-29 2019-08-26 PAGE SWITCHING PROCEDURE, DEVICE, STORAGE MEDIUM AND COMPUTER DEVICE
US17/016,351 US12175056B2 (en) 2018-08-29 2020-09-09 Page switching method and apparatus, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810997033.6A CN110874166B (zh) 2018-08-29 2018-08-29 页面切换方法、装置、存储介质及计算机设备
CN201810997033.6 2018-08-29

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/016,351 Continuation US12175056B2 (en) 2018-08-29 2020-09-09 Page switching method and apparatus, and storage medium

Publications (1)

Publication Number Publication Date
WO2020043064A1 true WO2020043064A1 (zh) 2020-03-05

Family

ID=69644083

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/102627 Ceased WO2020043064A1 (zh) 2018-08-29 2019-08-26 页面切换方法、装置、存储介质及计算机设备

Country Status (5)

Country Link
US (1) US12175056B2 (zh)
EP (1) EP3770743A4 (zh)
KR (1) KR102479662B1 (zh)
CN (1) CN110874166B (zh)
WO (1) WO2020043064A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112035765A (zh) * 2020-07-30 2020-12-04 长沙市到家悠享网络科技有限公司 页面渲染方法、装置和设备

Families Citing this family (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111524210A (zh) * 2020-04-10 2020-08-11 北京百度网讯科技有限公司 用于生成绘图的方法和装置
CN111766989B (zh) * 2020-07-02 2022-05-03 网易（杭州）网络有限公司 一种界面切换方法及装置
CN114363462B (zh) * 2020-09-30 2023-01-06 华为技术有限公司 一种界面显示方法、电子设备及计算机可读介质
CN114327698B (zh) * 2020-09-30 2024-04-05 深圳市万普拉斯科技有限公司 一种页面切换的方法、系统、电子装置及存储介质
CN112596657A (zh) * 2020-12-30 2021-04-02 北京达佳互联信息技术有限公司 一种任务创建方法、装置、电子设备及存储介质
CN113867869B (zh) * 2021-09-29 2024-10-25 上海哔哩哔哩科技有限公司 交互数据显示方法及装置
CN116048335A (zh) * 2021-10-28 2023-05-02 北京字跳网络技术有限公司 交互方法、交互装置、电子设备和计算机可读存储介质
CN116048334A (zh) * 2021-10-28 2023-05-02 北京字跳网络技术有限公司 页面切换方法、页面切换装置、电子设备和可读存储介质
CN113986102A (zh) * 2021-11-08 2022-01-28 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质
CN114579229A (zh) * 2022-02-14 2022-06-03 众安科技(国际)集团有限公司 信息呈现方法及装置
US20240160346A1 (en) * 2022-03-08 2024-05-16 Google Llc Back gesture preview on computing devices
CN114756315A (zh) * 2022-03-23 2022-07-15 阿波罗智联(北京)科技有限公司 对话页面切换方法、装置、设备及存储介质
CN114816188A (zh) * 2022-05-05 2022-07-29 Oppo广东移动通信有限公司 页面控制方法、装置、电子设备、芯片及可读存储介质
CN117150166A (zh) * 2023-08-22 2023-12-01 网易（杭州）网络有限公司 页面交互方法、装置、电子设备和计算机可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103177021A (zh) * 2011-12-23 2013-06-26 腾讯科技（深圳）有限公司 移动终端浏览器、浏览器页面显示方法及装置
US20160342319A1 (en) * 2015-05-19 2016-11-24 Lemobile Information Technology (Beijing) Co., Ltd. Method and device for previewing and displaying multimedia streaming data
CN106648350A (zh) * 2016-09-29 2017-05-10 珠海市魅族科技有限公司 一种界面展示方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 快速切换网页的方法和装置

Family Cites Families (57)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7243299B1 (en) * 2000-04-21 2007-07-10 Microsoft Corporation Methods and apparatus for displaying multiple contexts in electronic documents
US7487460B2 (en) * 2003-03-21 2009-02-03 Microsoft Corporation Interface for presenting data representations in a screen-area inset
US20060184895A1 (en) * 2005-02-17 2006-08-17 Dolph Blaine H Visibly persisting one or more computer desktop windows
US7673233B2 (en) * 2005-09-08 2010-03-02 Microsoft Corporation Browser tab management
US7437678B2 (en) * 2005-10-27 2008-10-14 International Business Machines Corporation Maximizing window display area using window flowing
US20070250787A1 (en) * 2006-04-21 2007-10-25 Hideya Kawahara Enhancing visual representation and other effects for application management on a device with a small screen
US8327428B2 (en) * 2006-11-30 2012-12-04 Microsoft Corporation Authenticating linked accounts
US7958460B2 (en) * 2007-10-30 2011-06-07 International Business Machines Corporation Method for predictive drag and drop operation to improve accessibility
US9700791B2 (en) * 2008-08-14 2017-07-11 Valve Corporation Overlaying interactive video game play with real-time chat sessions with game switching
US8836648B2 (en) * 2009-05-27 2014-09-16 Microsoft Corporation Touch pull-in gesture
KR101646254B1 (ko) * 2009-10-09 2016-08-05 엘지전자 주식회사 이동 통신 단말기에서의 아이콘 삭제 방법 및 이를 적용한 이동 통신 단말기
KR101633335B1 (ko) * 2009-12-07 2016-06-24 엘지전자 주식회사 이동 단말기 및 이것의 애플리케이션 제어 방법
EP3907593B1 (en) * 2010-01-19 2025-03-26 LG Electronics, Inc. Mobile terminal and control method thereof
DE202011110735U1 (de) * 2010-04-06 2015-12-10 Lg Electronics Inc. Mobiles Endgerät
JP5134653B2 (ja) * 2010-07-08 2013-01-30 株式会社バンダイナムコゲームス プログラム及びユーザ端末
KR101735614B1 (ko) 2010-08-12 2017-05-15 엘지전자 주식회사 휴대 단말기 및 그 동작 제어방법
US8875047B2 (en) * 2010-08-31 2014-10-28 Blackboard Inc. Smart docking for windowing systems
US20120225693A1 (en) * 2010-10-01 2012-09-06 Sanjiv Sirpal Windows position control for phone applications
US9501217B2 (en) * 2011-01-14 2016-11-22 Apple Inc. Target region for removing icons from dock
US8978047B2 (en) * 2011-02-03 2015-03-10 Sony Corporation Method and system for invoking an application in response to a trigger event
US9104307B2 (en) * 2011-05-27 2015-08-11 Microsoft Technology Licensing, Llc Multi-application environment
US9588668B2 (en) * 2011-07-21 2017-03-07 Imerj, Llc Methods of displaying a second view
US9645733B2 (en) * 2011-12-06 2017-05-09 Google Inc. Mechanism for switching between document viewing windows
KR101356368B1 (ko) * 2012-02-24 2014-01-29 주식회사 팬택 어플리케이션 전환 장치 및 방법
US20130227472A1 (en) * 2012-02-29 2013-08-29 Joseph W. Sosinski Device, Method, and Graphical User Interface for Managing Windows
US8345017B1 (en) * 2012-03-04 2013-01-01 Lg Electronics Inc. Touch input gesture based command
CN102855051A (zh) * 2012-08-15 2013-01-02 中兴通讯股份有限公司 应用的快捷方式的处理方法及装置
US9612713B2 (en) * 2012-09-26 2017-04-04 Google Inc. Intelligent window management
EP2767896B1 (en) * 2013-02-14 2019-01-16 LG Electronics Inc. Mobile terminal and method of controlling the mobile terminal
KR102148725B1 (ko) * 2013-07-31 2020-08-28 삼성전자주식회사 어플리케이션을 표시하는 방법 및 장치
US9720557B2 (en) * 2013-08-26 2017-08-01 Cellco Partnership Method and apparatus for providing always-on-top user interface for mobile application
US9792015B2 (en) * 2013-09-19 2017-10-17 Microsoft Technology Licensing, Llc Providing visualizations for conversations
KR102115186B1 (ko) * 2013-11-22 2020-05-27 엘지전자 주식회사 이동 단말기 및 그것의 제어방법
KR20150077774A (ko) * 2013-12-30 2015-07-08 삼성전자주식회사 화면 전환 방법 및 그 장치
US10139993B2 (en) * 2014-01-22 2018-11-27 Google Llc Enhanced window control flows
KR20150135038A (ko) * 2014-05-23 2015-12-02 삼성전자주식회사 폴더블 전자 장치 및 그 제어 방법
WO2015178714A1 (en) * 2014-05-23 2015-11-26 Samsung Electronics Co., Ltd. Foldable device and method of controlling the same
US9785340B2 (en) * 2014-06-12 2017-10-10 Apple Inc. Systems and methods for efficiently navigating between applications with linked content on an electronic device with a touch-sensitive display
KR20160020739A (ko) * 2014-08-14 2016-02-24 인포뱅크 주식회사 푸쉬 메시지 수신에 따라 앱 아이콘 위치를 변경하는 이동통신 단말기 및 이 방법을 실행시키기 위하여 매체에 저장된 앱 프로그램
KR20160035911A (ko) 2014-09-24 2016-04-01 엘지전자 주식회사 이동단말기 및 그 제어방법
CN106293355B (zh) * 2015-05-11 2020-09-01 腾讯科技（深圳）有限公司 即时通讯窗口显示的方法和装置
KR102480462B1 (ko) * 2016-02-05 2022-12-23 삼성전자주식회사 복수의 디스플레이들을 포함하는 전자 장치 및 그 동작 방법
JP6195964B1 (ja) * 2016-04-15 2017-09-13 ネイバー コーポレーションＮＡＶＥＲ Ｃｏｒｐｏｒａｔｉｏｎ アプリケーション制作装置及びその方法、アプリケーション駆動装置、並びにコンピュータプログラム
CN109313531A (zh) * 2016-06-30 2019-02-05 华为技术有限公司 一种查看应用程序的图形用户界面、方法及终端
KR20180017746A (ko) * 2016-08-10 2018-02-21 엘지전자 주식회사 이동 단말기 및 그 제어방법
CN106527874B (zh) * 2016-10-20 2019-09-10 腾讯科技（深圳）有限公司 页面处理方法及装置
EP3385831A1 (en) * 2017-04-04 2018-10-10 Lg Electronics Inc. Mobile terminal
US11093126B2 (en) * 2017-04-13 2021-08-17 Adobe Inc. Drop zone prediction for user input operations
CN106951148B (zh) * 2017-05-02 2020-03-03 深圳乐信软件技术有限公司 一种切换页面的方法和装置
DK180117B1 (en) * 2017-05-15 2020-05-15 Apple Inc. SYSTEMS AND METHODS FOR INTERACTING WITH MULTIPLE APPLICATIONS THAT ARE SIMULTANEOUSLY DISPLAYED ON AN ELECTRONIC DEVICE WITH A TOUCHSENSITIVE DISPLAY
CN107390968A (zh) * 2017-06-14 2017-11-24 努比亚技术有限公司 应用界面互换的方法、终端以及计算机可读存储介质
CN107368361B (zh) * 2017-06-26 2019-08-20 中广热点云科技有限公司 一种移动终端应用程序切换方法及系统
CN107390986A (zh) 2017-07-05 2017-11-24 Tcl移动通信科技（宁波）有限公司 一种移动终端裁图控制方法、存储设备及移动终端
US10831513B2 (en) * 2017-11-06 2020-11-10 International Business Machines Corporation Control transparency of a top layer provided by an additional transparent layer on top of the top layer based on relevance
US10831331B2 (en) * 2018-03-09 2020-11-10 International Business Machines Corporation Window control for simultaneously running applications
WO2019217043A1 (en) * 2018-05-08 2019-11-14 Google Llc Drag gesture animation
US10824306B2 (en) * 2018-10-16 2020-11-03 Lenovo (Singapore) Pte. Ltd. Presenting captured data

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103177021A (zh) * 2011-12-23 2013-06-26 腾讯科技（深圳）有限公司 移动终端浏览器、浏览器页面显示方法及装置
US20160342319A1 (en) * 2015-05-19 2016-11-24 Lemobile Information Technology (Beijing) Co., Ltd. Method and device for previewing and displaying multimedia streaming data
CN106648350A (zh) * 2016-09-29 2017-05-10 珠海市魅族科技有限公司 一种界面展示方法及装置
CN108241633A (zh) * 2016-12-23 2018-07-03 百度在线网络技术（北京）有限公司 快速切换网页的方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3770743A4 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112035765A (zh) * 2020-07-30 2020-12-04 长沙市到家悠享网络科技有限公司 页面渲染方法、装置和设备

Also Published As

Publication number Publication date
EP3770743A1 (en) 2021-01-27
KR20200122386A (ko) 2020-10-27
CN110874166B (zh) 2022-05-03
US12175056B2 (en) 2024-12-24
EP3770743A4 (en) 2021-07-07
KR102479662B1 (ko) 2022-12-20
CN110874166A (zh) 2020-03-10
US20200409518A1 (en) 2020-12-31

Similar Documents

Publication Publication Date Title
WO2020043064A1 (zh) 页面切换方法、装置、存储介质及计算机设备
US11809702B2 (en) Modeless augmentations to a virtual trackpad on a multiple screen computing device
CN114467068B (zh) 基于应用布局和用户工作流来定位用户界面组件
US9218105B2 (en) Method of modifying rendered attributes of list elements in a user interface
EP4161065B1 (en) Video call interface display control method and apparatus, storage medium, and device
CN111338555B (zh) 通过虚拟键盘实现输入的方法、装置、设备及存储介质
US20090187824A1 (en) Self-revelation aids for interfaces
KR102205283B1 (ko) 적어도 하나의 어플리케이션을 실행하는 전자 장치 및 그 제어 방법
US20140223341A1 (en) Method and electronic device for controlling dynamic map-type graphic interface
CN106716357A (zh) 多系统移动终端的控制方法、控制装置及电子设备
CN114501107A (zh) 一种显示设备及涂色方法
CN110175065A (zh) 一种用户界面的显示方法、装置、设备和存储介质
CN114327726B (zh) 显示控制方法、装置、电子设备及存储介质
EP4261666A1 (en) Interface processing method and apparatus, and electronic device and computer-readable storage medium
US20150103025A1 (en) Information processing device, method and program
CN112148406A (zh) 页面切换方法、装置、电子设备和可读存储介质
CN114442849B (zh) 一种显示设备及显示方法
US20240256104A1 (en) Control method and electronic device
CN114968049A (zh) 一种显示设备和颜色渲染方法
CN110377378B (zh) 图片悬浮显示方法、装置、终端和存储介质
CN104978104A (zh) 一种信息处理方法、装置和电子设备
CN114879872A (zh) 显示方法、装置、电子设备及存储介质
HK40021586A (zh) 页面切换方法、装置、存储介质及计算机设备
HK40021586B (zh) 页面切换方法、装置、存储介质及计算机设备
EP3655849B1 (en) Method for handling on a mobile terminal a list of contents each associated to a sub-content

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

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 20207027790

Country of ref document: KR

Kind code of ref document: A

ENP Entry into the national phase

Ref document number: 2019856029

Country of ref document: EP

Effective date: 20201020

NENP Non-entry into the national phase

Ref country code: DE

WWG Wipo information: grant in national office

Ref document number: 202047046738

Country of ref document: IN