CN115113780A - Page switching method and device and terminal equipment - Google Patents

Page switching method and device and terminal equipment Download PDF

Info

Publication number
CN115113780A
CN115113780A CN202210678315.6A CN202210678315A CN115113780A CN 115113780 A CN115113780 A CN 115113780A CN 202210678315 A CN202210678315 A CN 202210678315A CN 115113780 A CN115113780 A CN 115113780A
Authority
CN
China
Prior art keywords
page
user interface
pages
user
current page
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.)
Granted
Application number
CN202210678315.6A
Other languages
Chinese (zh)
Other versions
CN115113780B (en
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.)
Honor Device Co Ltd
Original Assignee
Honor Device 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 Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202210678315.6A priority Critical patent/CN115113780B/en
Publication of CN115113780A publication Critical patent/CN115113780A/en
Application granted granted Critical
Publication of CN115113780B publication Critical patent/CN115113780B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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/0488Interaction 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/04883Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

The embodiment of the application provides a page switching method, a page switching device and terminal equipment. The method comprises the following steps: the terminal equipment responds to a first gesture operation executed by a user on the first user interface to display a second user interface, wherein the second user interface comprises a fully displayed thumbnail of a current page and a plurality of thumbnails of first pages distributed on the periphery of the thumbnail of the current page and partially displayed; in response to a second gesture operation performed by the user on the second user interface, determining a target page from the multiple pages and displaying a third user interface; and responding to a third gesture operation executed by the user, updating the current page in the first user interface to a target page, and displaying the updated first user interface. Therefore, all the first pages are distributed around the current page, the distance between the target page and the current page under the second user interface can be greatly shortened, the user can switch to the target page through a small amount of operation, the searching efficiency of the target application is improved, and the user experience is good.

Description

Page switching method and device and terminal equipment
Technical Field
The present application relates to the technical field of terminal devices, and in particular, to a page switching method and apparatus, and a terminal device.
Background
A terminal device (such as an android mobile phone) mainly manages an application program through a desktop UI (User Interface) module, for example: the terminal equipment can classify and put the application icons of all the application programs into different pages for display according to the requirements of users. If the target application that the user needs to find is not the current page displayed in the display screen, the user needs to switch the multiple pages on the home screen.
Generally, there are two ways to switch pages, one way is that a user directly performs a leftward sliding operation or a rightward sliding operation on a home screen interface of a terminal device, and one page is switched and displayed on the home screen every time the operation is performed. Another way is for the user to perform gesture operations on the home screen interface of the terminal device, such as: the double fingers are slid close to the operation, so that the terminal device enters a home screen editing mode and displays a home screen editing interface. Wherein, under the main screen editing mode, all pages in the main screen all can carry out the shrink of certain degree and transversely arrange. At this time, the user may perform a leftward sliding operation or a rightward sliding operation on the home screen editing interface, and each time the operation is performed, the user may sequentially slide through a plurality of pages on the display screen of the terminal device according to the difference in the hands-off speed of the operation, and display the page at the time of the final stop on the display screen.
Along with the increase of the memory of the terminal equipment, the stored applications are gradually increased, and further, the number of the pages which are transversely arranged is greatly increased. By adopting the current page switching mode, when the page where the target application to be searched by the user is far away from the current page, the user needs to execute a plurality of sliding operations to switch to the page where the target application is located, so that the searching efficiency of the target application is low, and the user experience is influenced.
Disclosure of Invention
The application provides a page switching method, a page switching device and terminal equipment, which can be used for solving the technical problems that in the existing page switching mode, when a page where a target application to be searched by a user is located is far away from a current page, the user needs to perform multiple sliding operations to switch to the page where the target application is located, so that the searching efficiency of the target application is low, and the user experience is influenced.
In a first aspect, an embodiment of the present application provides a page switching method, which is applied to a terminal device, and the method includes:
displaying a second user interface in response to a first gesture operation performed by a user on the first user interface; wherein: the first user interface comprises a plurality of pages, and one of the pages is used as a current page to be displayed; the second user interface comprises a thumbnail of the current page which is completely displayed and thumbnails of a plurality of first pages which are distributed on the periphery of the thumbnail of the current page and are partially displayed, and the first pages are other pages except the current page in the plurality of pages;
responding to a second gesture operation executed by a user on the second user interface, determining a target page from the plurality of pages, and displaying a third user interface; wherein: the third user interface comprises a thumbnail of the target page which is completely displayed and thumbnails of a plurality of second pages which are distributed at the periphery of the thumbnail of the target page and are partially displayed, wherein the second pages are other pages except the target page;
and responding to a third gesture operation executed by a user on the third user interface, updating the current page in the first user interface to the target page, and displaying the updated first user interface.
According to the technical scheme, in the second user interface, all the first pages are distributed around the current page instead of being distributed on two sides of the current page, even if the target page where the target application needs to be searched by the user is far away from the current page under the main screen, the distance between the target page and the current page under the second user interface can be shortened through the arrangement mode, and therefore the user can switch to the target page through a small amount of operation, the searching efficiency of the target application can be greatly improved, and the user experience is good.
In one implementation, in the second user interface, the thumbnails of the plurality of first pages are distributed in a ring shape on the periphery of the thumbnail of the current page. Therefore, a plurality of first pages are annularly arranged around the current page, so that the arrangement of the pages is more compact, the efficiency of searching the target application by the user is improved by peripheral vision, and the user experience is better.
In one implementation manner, in the second user interface, the periphery of the thumbnail of the current page includes a plurality of annular areas, the plurality of annular areas are sequentially distributed from inside to outside, and the thumbnails of the plurality of first pages are distributed in at least one of the annular areas. Like this, a plurality of annular regions distribute from inside to outside in proper order, turn into the horizontal distance of each first page and current page under the main screen the radial distance of first page place annular region and current page, can greatly shorten the distance of first page and current page.
In one implementation, each of the ring-shaped regions includes a plurality of sub-regions, each of which is used to display a thumbnail of one of the first pages.
In one implementation, the second user interface includes a first page area and a second page area, and each of the ring areas includes at least one first sub-area located in the first page area and at least one second sub-area located in the second page area; the plurality of first pages comprise at least one preceding page positioned before the current page and/or at least one following page positioned after the current page; thumbnails of the at least one preamble page are distributed in at least one first sub-area of at least one annular area; thumbnails of the at least one subsequent page are distributed in at least one of the second sub-regions in at least one of the annular regions. Therefore, the thumbnails of the preorder pages of the current page are distributed in the first sub-area, and the thumbnails of the subsequent pages of the current page are distributed in the second sub-area, so that the arrangement is more regular, the user does not need to try in all directions in the searching process, the target page can be quickly positioned, and the user experience is better.
In one implementation, the distance between the preamble pages distributed in the ith annular area and the current page is less than the distance between the preamble pages distributed in the i +1 annular areas and the current page; the distance between the subsequent pages distributed in the ith annular area and the current page is smaller than the distance between the subsequent pages distributed in the i +1 annular areas and the current page; wherein i is greater than or equal to 1, i +1 is less than or equal to N, N is the number of the annular regions, the ith annular region and the (i + 1) th annular region are adjacent annular regions, and the (i + 1) th annular region is positioned at the outer side of the ith annular region. In this way, the pages which are closer to the current page in the home screen, that is, the pages which are more strongly related to the current page, are annularly arranged in the annular area which is closer to the current page in the second user interface, so that the user can switch to the page where the target application is located more quickly by using the relevance between the pages.
In one implementation, when a plurality of the preceding pages are distributed in the ith annular region, if i is an odd number, the plurality of the preceding pages are distributed clockwise according to the sequence from far to near of the distance between the preceding pages and the current page, and if i is an even number, the plurality of the preceding pages are distributed counterclockwise according to the sequence from far to near of the distance between the preceding pages and the current page. Therefore, the preamble pages are arranged more regularly, so that a user can search according to the rules when searching, and the searching efficiency is further improved.
In one implementation manner, when a plurality of the subsequent pages are distributed in the ith annular region, if i is an odd number, the plurality of the subsequent pages are distributed clockwise according to the sequence from near to far from the distance between the plurality of the subsequent pages and the current page, and if i is an even number, the plurality of the subsequent pages are distributed counterclockwise according to the sequence from near to far from the distance between the plurality of the subsequent pages and the current page. Therefore, the subsequent pages are arranged more regularly, so that the user can search according to the rules when searching, and the searching efficiency is further improved.
In one implementation, the determining a target page from the plurality of pages and displaying a third user interface in response to a second gesture operation performed by the user on the second user interface includes: and responding to a second gesture operation executed by a user on the second user interface, translating the second user interface to obtain a third user interface, and determining the completely displayed page in the third user interface as a target page. Therefore, the user can search through translation in various directions, and the display space of the terminal equipment can be fully utilized.
In one implementation, the first gesture operation includes: the method comprises the following steps that three-finger sliding and approaching operation is performed on the first user interface by a user, and/or double-finger sliding and approaching operation is performed on the first user interface by the user, and/or operation of long pressing of a first finger and sliding of a second finger on a preset track is performed on the first user interface by the user. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the second gesture operation includes: and the single-finger sliding operation is executed on the second user interface by the user, and/or the single-finger clicking operation is executed on the second user interface by the user, and/or the operation of long pressing of the first finger and sliding of the second finger according to a preset track is executed on the second user interface by the user. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the third gesture operation includes: and the user performs three-finger sliding away operation on the third user interface, and/or performs single-finger clicking operation on the blank of the third user interface, and/or performs double-finger sliding away operation on the third user interface. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the first user interface includes a home screen interface of the terminal device, or a home screen editing interface.
In a second aspect, an embodiment of the present application provides a page switching apparatus, which is applied to a terminal device, and the apparatus includes:
the second user interface display module is used for responding to the first gesture operation executed by the user on the first user interface and displaying the second user interface; wherein: the first user interface comprises a plurality of pages, and one of the pages is used as a current page to be displayed; the second user interface comprises a thumbnail of the completely displayed current page and thumbnails of a plurality of first pages which are distributed on the periphery of the thumbnail of the current page and are partially displayed, and the first pages are other pages except the current page in the plurality of pages;
the target page determining module is used for responding to a second gesture operation executed by the user on the second user interface, determining a target page from the plurality of pages and displaying a third user interface; wherein: the third user interface comprises a thumbnail of the target page which is completely displayed and thumbnails of a plurality of second pages which are distributed on the periphery of the thumbnail of the target page and are partially displayed, and the second pages are other pages except the target page in the plurality of pages;
and the first user interface updating module is used for responding to a third gesture operation executed by the user on the third user interface, updating the current page in the first user interface to the target page and displaying the updated first user interface.
According to the technical scheme, in the second user interface, all the first pages are distributed around the current page instead of being distributed on two sides of the current page, even if the target page where the target application needs to be searched by the user is far away from the current page under the main screen, the distance between the target page and the current page under the second user interface can be shortened through the arrangement mode, and therefore the user can switch to the target page through a small amount of operation, the searching efficiency of the target application can be greatly improved, and the user experience is good.
In one implementation, in the second user interface, the thumbnails of the plurality of first pages are distributed in a ring shape on the periphery of the thumbnail of the current page.
In one implementation manner, in the second user interface, the periphery of the thumbnail of the current page includes a plurality of annular areas, the plurality of annular areas are sequentially distributed from inside to outside, and the thumbnails of the plurality of first pages are distributed in at least one of the annular areas.
In one implementation, each of the annular regions includes a plurality of sub-regions, each of which is used to display a thumbnail of one of the first pages.
In one implementation, the second user interface includes a first page area and a second page area, and each of the ring areas includes at least one first sub-area located in the first page area and at least one second sub-area located in the second page area;
the plurality of first pages comprise at least one preceding page positioned before the current page and/or at least one following page positioned after the current page;
thumbnails of the at least one preamble page are distributed in at least one first sub-area in at least one annular area;
thumbnails of the at least one subsequent page are distributed in at least one of the second sub-regions in at least one of the annular regions.
In one implementation, the distance between the current page and the preamble pages distributed in the ith annular area is less than the distance between the current page and the preamble pages distributed in the i +1 annular areas;
the distance between the subsequent pages distributed in the ith annular area and the current page is smaller than the distance between the subsequent pages distributed in the i +1 annular areas and the current page;
wherein i is greater than or equal to 1, i +1 is less than or equal to N, N is the number of the annular regions, the ith annular region and the (i + 1) th annular region are adjacent annular regions, and the (i + 1) th annular region is positioned at the outer side of the ith annular region.
In one implementation, when a plurality of the preceding pages are distributed in the ith annular region, if i is an odd number, the plurality of the preceding pages are distributed clockwise according to the sequence from far to near of the distance between the preceding pages and the current page, and if i is an even number, the plurality of the preceding pages are distributed counterclockwise according to the sequence from far to near of the distance between the preceding pages and the current page.
In one implementation manner, when a plurality of the subsequent pages are distributed in the ith annular region, if i is an odd number, the plurality of the subsequent pages are distributed clockwise according to the sequence from near to far from the distance between the plurality of the subsequent pages and the current page, and if i is an even number, the plurality of the subsequent pages are distributed counterclockwise according to the sequence from near to far from the distance between the plurality of the subsequent pages and the current page.
In an implementation manner, the target page determining module is specifically configured to perform translation on the second user interface in response to a second gesture operation performed by the user on the second user interface to obtain the third user interface, and determine the completely displayed page in the third user interface as the target page.
In one implementation, the first gesture operation includes:
the method comprises the following steps that three-finger sliding and approaching operation is performed on the first user interface by a user, and/or double-finger sliding and approaching operation is performed on the first user interface by the user, and/or operation of long pressing of a first finger and sliding of a second finger on a preset track is performed on the first user interface by the user.
In one implementation, the second gesture operation includes:
and the single-finger sliding operation is executed on the second user interface by the user, and/or the single-finger clicking operation is executed on the second user interface by the user, and/or the operation of long pressing of the first finger and sliding of the second finger according to a preset track is executed on the second user interface by the user.
In one implementation, the third gesture operation includes:
and the user performs three-finger sliding away operation on the third user interface, and/or performs single-finger clicking operation on the blank of the third user interface, and/or performs double-finger sliding away operation on the third user interface.
In one implementation, the first user interface includes a home screen interface of the terminal device, or a home screen editing interface.
In a third aspect, an embodiment of the present application provides a terminal device, including: the touch screen is used for displaying a user interface and acquiring gesture operations used for the user interface, and the memory stores computer program instructions which, when executed by the processor, enable the terminal device to execute the method in the first aspect and the implementation manners thereof.
In a fourth aspect, embodiments of the present application further provide a computer-readable storage medium, where instructions are stored, and when the instructions are executed on a computer, the computer is caused to execute the method in the first aspect and its implementation manners.
In a fifth aspect, embodiments of the present application further provide a computer program product containing instructions, which when run on a computer, cause the computer to perform the method in the first aspect and its implementation manners.
In a sixth aspect, an embodiment of the present application further provides a chip system, where the chip system includes a memory and a processor, where the memory stores computer program instructions, and when the computer program instructions are executed by the processor, the chip system is enabled to implement the method in the first aspect and the implementation manners thereof.
Drawings
FIG. 1 is a schematic diagram of a home screen interface of a terminal device;
FIG. 2 is a schematic diagram illustrating a current process for performing page switching on a home screen;
fig. 3 is a schematic diagram of a hardware structure of a terminal device according to an embodiment of the present application;
fig. 4 is a schematic view of a work flow of a page switching method according to an embodiment of the present application;
FIG. 5 is a schematic diagram illustrating a user performing a first gesture operation on a first user interface according to an embodiment of the present application;
fig. 6 is a schematic diagram of generating a second user interface by a terminal device according to an embodiment of the present application;
FIG. 7 is a schematic diagram of a second user interface provided by an embodiment of the present application;
FIG. 8 is another schematic view of a second user interface provided by an embodiment of the present application;
fig. 9 is a schematic diagram illustrating a specific arrangement of all pages in the second user interface when the number of pages in the home screen is greater than three according to the embodiment of the present application;
FIG. 10 is a schematic diagram illustrating a user performing a second gesture operation on a second user interface according to an embodiment of the present application;
fig. 11 is a schematic diagram illustrating that the terminal device generates a third user interface in response to a single-finger sliding operation performed by a user on the second user interface according to the embodiment of the present application;
fig. 12 is a schematic diagram illustrating that the terminal device generates a third user interface in response to a single-finger click operation performed by a user on the second user interface according to the embodiment of the present application;
fig. 13 is another schematic diagram illustrating that the terminal device generates a third user interface in response to a single-finger click operation performed by a user on the second user interface according to the embodiment of the present application;
fig. 14 is a schematic diagram illustrating that the terminal device generates a third user interface in response to the first finger long-pressing operation and the second finger sliding operation performed by the user on the second user interface according to the preset track according to the embodiment of the present application;
FIG. 15 is a schematic diagram illustrating a terminal device generating an updated first user interface in response to a third gesture operation performed by a user on a third user interface according to an embodiment of the present application;
fig. 16 is a schematic structural diagram of a page switching apparatus according to an embodiment of the present application;
fig. 17 is a schematic structural diagram of another page switching apparatus according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application.
The terminology used in the following examples is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in the specification of this application and the appended claims, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, such as "one or more", unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of the present application, "at least one", "one or more" means one, two or more. The term "and/or" is used to describe an association relationship that associates objects, meaning that three relationships may exist; for example, a and/or B, may represent: a alone, both A and B, and B alone, where A, B may be singular or plural. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
Reference throughout this specification to "one embodiment" or "some embodiments," or the like, means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the present application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," or the like, in various places throughout this specification are not necessarily all referring to the same embodiment, but rather "one or more but not all embodiments" unless specifically stated otherwise. The terms "comprising," "including," "having," and variations thereof mean "including, but not limited to," unless expressly specified otherwise.
The terminal devices include mobile phones, tablet computers, notebook computers, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, Personal Digital Assistants (PDAs), intelligent wearable devices, virtual reality devices, and the like. A desktop UI (User Interface) module in the terminal device is one of main program components in the terminal device system, and is mainly used for starting or managing an application program. In a terminal device running an Android system, the desktop UI module may be, for example, a launcher (Android system desktop launcher) component. The launcher component includes a home screen. The home screen may be composed of a Dock area and at least one page. The home screen is used to display one of the pages on the display screen, and the displayed page may be referred to as a current page, and other pages than the current page are not displayed on the display screen. The pages are used for displaying desktop elements, each page comprises at least one desktop element, and the desktop elements can comprise application icons corresponding to the application programs. Generally, the number of pages may be determined according to the total number of application icons, the number of application icons that can be displayed on a page, and personalized settings of a user, for example, the total number of application icons is 5, the number of application icons that can be displayed on a page is 12, and if 5 application icons are all set on one page, the number of pages may be only one; or, the total number of the application icons is 23, the number of the application icons that can be displayed on the page is 12, and if the user sets 12 of the application icons on one page and sets the other 11 icons on another page, the number of the pages can be two. When the number of the pages is multiple, if the application that the user needs to find is not on the current page, the user may perform a preset touch operation on the home screen interface, for example, a left-right sliding operation of a finger, so as to switch the display among the multiple pages on the home screen. The Dock area is a shortcut window for task display and switching, and is usually located at the lowermost part of the home screen interface, and when the display is switched among a plurality of pages on the home screen, the Dock area is always displayed on the home screen, and the position remains unchanged.
Taking a mobile phone as an example, fig. 1 is a schematic diagram of a home screen interface of a terminal device, as shown in fig. 1, the home screen interface includes a Dock area located at the lowest position, and a current page displayed in a full screen in a display screen. The Dock area may include common tasks such as a camera, an address book, a telephone, and information. The page boxes shown in dotted lines represent pages on the home screen that are not displayed in the display screen.
Fig. 2 is a schematic flow chart illustrating a current page switching performed on the home screen, and as shown in fig. 2, the terminal device enters the home screen editing mode in response to a gesture operation performed by the user on the home screen interface 10, and displays the home screen editing interface 20. In the home screen editing mode, all pages are reduced in a certain proportion and are transversely arranged. The home screen editing interface 20 displayed at this time includes a thumbnail of a current page displayed in its entirety, a thumbnail of a partially displayed preamble page located before and adjacent to the current page, a thumbnail of a partially displayed subsequent page located after and adjacent to the current page, and a toolbar for editing the home screen editing interface. Wherein, the user can modify main screen wall paper, add the window gadget, change page switching effect etc. through the toolbar, and then can be more accorded with individual use habit with what main screen interface set up. Among other things, the gesture operation performed by the user on home screen interface 10 may include a two-finger slide-close operation 11. The two-finger slide approach operation 11 is an operation in which the user touches the displayed interface with two fingers and slides toward the centers of the two fingers. In a specific implementation, the two-finger sliding approach operation 11 may be a sliding operation performed by two fingers of a single hand of the user, or may also be a sliding operation performed by two fingers of two hands of the user, which is not specifically limited in this embodiment of the application.
Next, the terminal device switches the page displayed in full in the home screen editing interface 20 from the current page 100 to the other page 200 in response to a gesture operation performed by the user on the home screen editing interface 20. The gesture operation performed by the user on the home screen editing interface 20 may be a leftward sliding operation 21 to switch to any page located after the current page, or may also be a rightward sliding operation to switch to any page located before the current page. Here, the leftward sliding operation 21 is an operation in which the user touches the displayed interface with a single finger and slides to the left.
Finally, the terminal device exits the home screen editing mode and returns to the home screen interface 10 in response to a gesture operation performed by the user on the home screen editing interface 20. At this time, the home screen interface 10 displays the switched page. The gesture operations performed by the user on the home screen editing interface 20 may include a two-finger swipe away operation 31, or a single-finger click operation performed in the blank. The two-finger slide away operation 31 is an operation in which the user touches the displayed interface with two fingers and slides the two fingers to both sides. In a specific implementation, the two-finger sliding away operation 31 may be a sliding operation performed by two fingers of a single hand of the user, or may be a sliding operation performed by two fingers of two hands of the user, which is not specifically limited in this embodiment of the application.
With the increase of the memory of the terminal equipment, the stored applications are gradually increased, and the number of pages is greatly increased. By adopting the page switching mode, when the page where the target application to be searched by the user is far away from the current page, the user needs to execute a plurality of sliding operations to switch to the page where the target application is located, so that the searching efficiency of the target application is low, and the user experience is influenced.
In order to improve the search efficiency of a target application, the embodiment of the application provides a page switching method. The page switching method provided by the embodiment of the application is applied to terminal equipment, and the terminal equipment includes but is not limited to: mobile phones, notebook computers, tablet computers, personal desktop computers, all-in-one computers, large screen display devices, virtual/mixed/augmented reality devices, and the like.
Fig. 3 is a schematic diagram of a hardware structure of a terminal device according to an embodiment of the present application. As shown in fig. 3, the terminal device 100 may include a processor 110, a memory 120, a Universal Serial Bus (USB) interface 130, a radio frequency circuit 140, a mobile communication module 150, a wireless communication module 160, a camera 170, a display 180, a touch sensor 190, an air pressure sensor 210, keys 220, and the like.
Processor 110 may include one or more processing units, such as: the processor 110 may include an Application Processor (AP), a modem processor, a Graphics Processing Unit (GPU), an Image Signal Processor (ISP), a video codec, a Digital Signal Processor (DSP), a baseband processor, and/or a neural Network Processor (NPU), among others. The different processing units may be independent devices, or may be integrated into one or more processors, for example, a system on a chip (SoC). A memory may also be provided in processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that have just been used or recycled by the processor 110.
In some embodiments, processor 110 may include one or more interfaces. The interface may include an integrated circuit (I2C) interface, an integrated circuit built-in audio (I2S) interface, a Pulse Code Modulation (PCM) interface, a universal asynchronous receiver/transmitter (UART) interface, a Mobile Industry Processor Interface (MIPI), a general-purpose input/output (GPIO) interface, a Subscriber Identity Module (SIM) interface, and/or a Universal Serial Bus (USB) interface, etc.
The memory 120 may be used to store computer-executable program code, which includes instructions. The memory 120 may include a program storage area and a data storage area. The storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required by at least one function, and the like. The storage data area may store data (such as audio data, a phonebook, etc.) created during use of the terminal device 100, and the like. Further, the memory 120 may include one or more memory units, for example, may include a volatile memory (volatile memory), such as: dynamic Random Access Memory (DRAM), Static Random Access Memory (SRAM), and the like; non-volatile memory (NVM) may also be included, such as: read-only memory (ROM), flash memory (flash memory), and the like. The processor 110 executes various functional applications of the terminal device 100 and data processing by executing instructions stored in the memory 120 and/or instructions stored in a memory provided in the processor.
The wireless communication function of the terminal device 100 may be implemented by the radio frequency circuit 140, the mobile communication module 150, the wireless communication module 160, a modem processor, a baseband processor, and the like.
The radio frequency circuit 140 may include at least one antenna 141 for transmitting and receiving electromagnetic wave signals. Each antenna in terminal device 100 may be used to cover a single or multiple communication bands. In some embodiments, the antenna may be used in conjunction with a tuning switch.
The mobile communication module 150 may provide a solution including 2G/3G/4G/5G wireless communication applied on the terminal device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a Low Noise Amplifier (LNA), and the like. The mobile communication module 150 may receive electromagnetic waves from the antenna 141, filter, amplify, etc. the received electromagnetic waves, and transmit the electromagnetic waves to the modem processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modem processor, and convert the signal into electromagnetic wave through the antenna 141 to radiate the electromagnetic wave. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the same device as at least some of the modules of the processor 110.
The modem processor may include a modulator and a demodulator. The modulator is used for modulating a low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used for demodulating the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then passes the demodulated low frequency baseband signal to a baseband processor for processing. The low frequency baseband signal is processed by the baseband processor and then transferred to the application processor. The application processor outputs sound signals through audio devices (including but not limited to speakers, headphones, etc.) or displays images or video through the display screen 180. In some embodiments, the modem processor may be a stand-alone device. In other embodiments, the modem processor may be provided in the same device as the mobile communication module 150 or other functional modules, independent of the processor 110.
The wireless communication module 160 may include a wireless fidelity (Wi-Fi) module, a Bluetooth (BT) module, a GNSS module, a Near Field Communication (NFC) module, an Infrared (IR) module, and the like. The wireless communication module 160 may be one or more devices integrating at least one of the modules described above. The wireless communication module 160 receives electromagnetic waves via the antenna 141, performs frequency modulation and filtering processing on electromagnetic wave signals, and transmits the processed signals to the processor 110. The wireless communication module 160 can also receive a signal to be transmitted from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves via the antenna 141 to radiate it.
In the embodiment of the present application, the wireless communication function of the terminal device 100 may include, for example, global system for mobile communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), Long Term Evolution (LTE), new radio interface (5G NR), GNSS, WLAN, FM, BT, and/or NFC IR. GNSS may include Global Positioning System (GPS), global navigation satellite system (GLONASS), beidou satellite navigation system (BDS), quasi-zenith satellite system (QZSS), and/or Satellite Based Augmentation System (SBAS).
The camera 170 is used to capture still images or video. The camera 170 includes a lens and a photosensitive element, and an object generates an optical image through the lens and is projected onto the photosensitive element. The photosensitive element may be a Charge Coupled Device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The light sensing element converts the optical signal into an electrical signal, which is then passed to the ISP where it is converted into a digital image signal. And the ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signals into image signals in standard RGB, YUV, RYYB and other formats. In some embodiments, the terminal device 100 may include 1 or M cameras 170, M being a positive integer greater than 1.
The NPU is a neural-network (NN) computing processor that processes input information quickly by using a biological neural network structure, for example, by using a transfer mode between neurons of a human brain, and can also learn by itself continuously. The NPU can implement applications such as intelligent recognition of the terminal device 100, for example: image recognition, face recognition, speech recognition, text understanding, and the like.
The display screen 180 is used to display images, videos, and the like. The display screen 180 includes a display panel. The display panel may be a Liquid Crystal Display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED) or an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode), a flexible light-emitting diode (FLED), a MiniLED, a Micro led, a Micro-OLED, a quantum dot light-emitting diode (QLED), or the like. In some embodiments, the terminal device 100 may include 1 or M display screens 180, M being a positive integer greater than 1.
The touch sensor 190 is also referred to as a "touch device". The touch sensor 190 may be disposed on the display screen 180, and the touch sensor 190 and the display screen 180 form a touch screen, which is also called a "touch screen". The touch sensor 190 is used to detect a touch operation applied thereto or nearby. The touch sensor can communicate the detected touch operation to the application processor to determine the touch event type. Visual output associated with the touch operation may be provided through the display screen 180. In other embodiments, the touch sensor 190 may be disposed on the surface of the terminal device 100 at a different position than the display screen 180.
The air pressure sensor 210 is used to measure air pressure. In some embodiments, the terminal device 100 calculates an altitude from the barometric pressure measured by the barometric pressure sensor 210 to assist in positioning and navigation.
The keys 220 include a power-on key, a volume key, and the like. The keys 220 may be mechanical keys. Or may be touch keys. The terminal device 100 may receive a key input, and generate a key signal input related to user setting and function control of the terminal device 100.
It is to be understood that the illustrated structure of the embodiment of the present application does not constitute a specific limitation to the terminal device 100. In other embodiments of the present application, a terminal device may include more or fewer components than shown, or some components may be combined, some components may be split, or a different arrangement of components may be used. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.
Specifically, the method provided by the embodiment of the present application may be applied to a launcher component in a terminal device, and thus, each embodiment of the present application may be implemented under a launcher mechanism.
The scheme provided by the application is described through various embodiments by taking a mobile phone as an example and combining the drawings. For convenience of description, the embodiments of the present application are described with reference to the user side as a reference when the user faces the display screen when the direction description is related.
An embodiment of the present application provides a page switching method, which refers to a workflow diagram shown in fig. 4, and specifically includes the following steps:
step S401: and displaying the second user interface in response to the first gesture operation performed by the user on the first user interface.
The first user interface comprises a plurality of pages, and one of the pages is displayed as a current page. In particular, the first user interface may include a home screen interface of the terminal device, or a home screen editing interface.
Fig. 5 is a schematic diagram illustrating a user performing a first gesture operation on a first user interface according to an embodiment of the present application. In one example, as shown in fig. 5, if the first user interface is the home screen interface 10, the first gesture operation may include a three-finger swipe-close operation 41 performed by the user on the first user interface, and/or a first finger long-press and a second finger swipe operation 51 performed by the user on the first user interface along a preset trajectory. If the first user interface is the home screen editing interface 20, the first gesture operation may include a two-finger swipe-close operation 11 performed by the user at the first user interface. The first gesture operation is not specifically limited in the embodiment of the application, and the first gesture operation may be performed as long as the operation of displaying the second user interface by the terminal device can be responded.
The three-finger sliding approach operation 41 is an operation in which the user touches the first user interface with three fingers and slides to the centers of the three fingers. In a specific implementation, the three-finger sliding approach operation 41 may be a sliding operation performed by three fingers of a single hand of the user, or may be a sliding operation performed by three fingers of two hands of the user, which is not specifically limited in this embodiment of the application. The operation 51 of long-pressing the first finger and sliding the second finger according to the preset trajectory, which is performed by the user on the first user interface, may be long-pressing one finger of the user on the first user interface and sliding another finger of the same hand on the first user interface in an arc-shaped trajectory; or one finger of the user may be pressed on the first user interface for a long time, and the other finger of the other hand may be slid on the first user interface in an arc-shaped trajectory, which is not specifically limited in this embodiment of the present application.
Through the scheme, the operation gesture is simple and easy to implement, the operation habits of the user can be well matched, and the user experience is favorably improved.
Fig. 6 is a schematic diagram of generating a second user interface by a terminal device according to an embodiment of the present application.
The second user interface is described below in conjunction with fig. 6.
It should be noted that the number of pages included in the home screen is at least one, and may be specifically determined according to the total number of application icons, the number of application icons that can be displayed on the page, and the personalized settings of the user. For example, the total number of the application icons is 5, the number of the application icons that can be displayed on the page is 12, and if the 5 application icons are all arranged on one page, the number of the pages can be only one; or, the total number of the application icons is 23, the number of the application icons that can be displayed on the page is 12, the user sets 12 of the application icons on one page, and sets the other 11 icons on another page, and then the number of the pages can be two.
The second user interface may have different implementations depending on the number of pages included in the home screen.
In one example, as shown in fig. 6, if the number of pages is less than or equal to three and the first user interface is a home screen editing interface, as shown in interface a, the second user interface 50 may include a thumbnail of the current page displayed in its entirety, and/or a thumbnail of a preceding page displayed in a portion adjacent to the current page and/or a thumbnail of a succeeding page displayed in a portion adjacent to the current page and subsequent to the current page, and a toolbar for editing the second user interface 50. The thumbnail of the current page, the thumbnail of the preamble page which is positioned in front of the current page and adjacent to the current page and/or the thumbnail of the subsequent page which is positioned behind the current page and adjacent to the current page are the same in size. The thumbnail of the current page is located in the center of the interface and is completely displayed, and the thumbnail of the preamble page located before and adjacent to the current page is located on one side (for example, the left side) of the thumbnail of the current page and is only partially displayed. Thumbnails for subsequent pages that follow and are adjacent to the current page are located on the other side (e.g., the right side) of the current page, for only a portion of the display. Illustratively, if the number of pages is two and the current page is the first page contained in the home screen, the second user interface includes a thumbnail of the current page, thumbnails of partially displayed subsequent pages that are located after and adjacent to the current page, and a toolbar.
In another example, as shown in fig. 6, if the number of pages is less than or equal to three and the first user interface is a home screen interface, as shown in interface B, the second user interface 50 may include a thumbnail of the current page displayed in its entirety, and/or a thumbnail of a preceding page displayed in a portion adjacent to the current page and preceding the current page, and/or a thumbnail of a succeeding page displayed in a portion adjacent to the current page and following the current page, and a Dock area located at the lowermost position. The thumbnail of the current page, the thumbnail of the preamble page which is positioned in front of the current page and adjacent to the current page and/or the thumbnail of the subsequent page which is positioned behind the current page and adjacent to the current page are the same in size. The thumbnail of the current page is located in the center of the interface and is completely displayed, and the thumbnail of the preamble page located before and adjacent to the current page is located on one side (for example, the left side) of the thumbnail of the current page and is only partially displayed. Thumbnails for subsequent pages that follow and are adjacent to the current page are located on the other side (e.g., the right side) of the current page, for only a portion of the display. Illustratively, if the number of pages is two and the current page is the first page contained in the home screen, the second user interface includes a thumbnail of the current page, thumbnails of partially displayed subsequent pages that are located after and adjacent to the current page, and a Dock area.
In yet another example, as shown in fig. 6, if the number of pages is greater than three and the first user interface is a home screen editing interface, referring to interface C, the second user interface 50 includes thumbnails of the current page displayed in its entirety, and thumbnails of a plurality of first pages distributed in the periphery of the thumbnails of the current page and displayed in part. The second user interface 50 may also include a toolbar for editing the second user interface 50. The first page is other pages except the current page in the multiple pages. The number of thumbnails of the first page distributed on the periphery of the thumbnails of the current page and partially displayed is at least three. The thumbnail of each first page is the same size as the thumbnail of the current page.
In yet another example, as shown in fig. 6, if the number of pages is greater than three and the first user interface is a home screen interface, as shown in interface D, the second user interface 50 includes thumbnails of the current page displayed in its entirety, and thumbnails of a plurality of first pages distributed in the periphery of the thumbnails of the current page and displayed in part. The second user interface 50 may also include a Dock section located lowermost. The first page is other pages except the current page in the multiple pages. The number of thumbnails of the first page distributed on the periphery of the thumbnails of the current page and partially displayed is at least three. The thumbnail of each first page is the same size as the thumbnail of the current page.
Fig. 7 is a schematic diagram of a second user interface provided in an embodiment of the present application. In the following, referring to fig. 7, taking the number of pages of the home screen as three as an example, a further description is made on an implementation manner of the second user interface when the number of pages of the home screen is less than or equal to three. For convenience of description, the three pages of the home screen will be referred to herein as page 1, page 2, and page 3, respectively, in sequence. Wherein, the page 2 is a current page of the home screen, the page 1 is a preamble page adjacent to the current page, and the page 3 is a subsequent page adjacent to the current page. As shown in fig. 7, the thumbnail obtained by scaling down the page 2 is located at the center of the interface. After the page 1 is reduced in the same proportion to obtain the thumbnail, the thumbnail of the page 1 is arranged on the left side of the thumbnail of the page 2, and only the part located in the display screen area is displayed. After the page 3 is reduced in the same proportion to obtain the thumbnail, the thumbnail of the page 3 is arranged on the right side of the thumbnail of the page 2, and only the part in the display screen area is displayed. It should be noted that, for the sake of clarity, page 1, page 2, and page 3 do not show specific interfaces, and only reference numbers are used instead. It should be further noted that, in fig. 7 provided in the embodiment of the present application, only the page area inside the display screen is visible to the user, and the page area outside the display screen is invisible to the user.
Fig. 8 is another schematic diagram of a second user interface provided in an embodiment of the present application. The implementation of the second user interface when the number of pages in the home screen is greater than three will be further described below with reference to fig. 8. As shown in fig. 8, the second user interface includes thumbnails of the current page displayed in its entirety and thumbnails of a plurality of first pages distributed on the periphery of the thumbnails of the current page and displayed in part. And in the second user interface, the thumbnail of the current page is positioned in the center of the interface. The thumbnails of the plurality of first pages are distributed in a ring shape on the periphery of the thumbnail of the current page. Wherein, the periphery of the thumbnail of the current page includes a plurality of annular areas, and a plurality of annular areas distribute from inside to outside in proper order, for example: the first region, the second region, the third region, the Nth region and the like are arranged from inside to outside in sequence. The first area is an annular area which is adjacent to the thumbnail of the current page and is positioned at the periphery of the current page. The second region is an annular region adjacent to and peripheral to the first region. The third region is an annular region adjacent to and peripheral to the second region. The Nth region is an annular region adjacent to the N-1 th region and located at the periphery of the N-1 th region. It should be noted that the total number of the ring-shaped areas is not fixed, and is specifically determined according to the number of pages and the number of pages that can be accommodated in each ring-shaped area. Therefore, in the second user interface, the arrangement of the pages is more compact, the efficiency of searching the target application by the user can be improved through peripheral vision, the user experience is improved, the transverse distance between each first page and the current page under the main screen can be converted into the radial distance between the annular region where the first page is located and the current page, and the distance between the first page and the current page can be greatly shortened.
Further, each annular region includes a plurality of sub-regions, each for displaying a thumbnail of one first page. The size of each sub-area is the same as the size of the thumbnail of the current page. Each sub-area in the first area is distributed annularly around the thumbnail of the current page; each sub-area in the second area is distributed annularly around the first area; each sub-area in the third area is distributed annularly around the second area; the sub-regions within the nth region are distributed annularly around the nth-1 region. It should be noted that the thumbnail of the current page is located in the center of the interface and is completely displayed, each sub-area in the first area is partially displayed, and each sub-area in the second (third, nth) area is not displayed.
Still further, as shown in FIG. 8, the second user interface includes a first page area and a second page area, each annular area including at least one first sub-area located in the first page area and at least one second sub-area located in the second page area. The second user interface may be divided in a variety of ways. In one implementation, as shown in FIG. 8, the second user interface may be divided equally into an upper half area and a lower half area. The upper half area is referred to as a first page area, and the lower half area is referred to as a second page area. The upper half of the thumbnail of the current page is located in the first page area and the lower half is located in the second page area. A part of the sub-area in the first (second, third and N) area is positioned in the first page area, and the other part of the sub-area is positioned in the second page area. Specifically, the number of first sub-areas located in the first page area in the first (second, third, and nth) areas may be the same as or different from the number of second sub-areas located in the second page area, which is not limited in this embodiment of the application.
In other implementation manners, the second user interface may be divided into a left half area and a right half area on average, or may be divided into a left upper half area and a right lower half area on average, or may be divided unevenly for the second user interface, that is, the number of sub-areas included in the first page area may be different from the number of sub-areas included in the second page area, which is not limited in this embodiment of the present application.
Illustratively, as shown in fig. 8, the number of the sub-regions in the first region is six, wherein the number of the first sub-regions in the first page region is three, and the number of the second sub-regions in the second page region is three. A first sub-area is arranged in parallel right above the thumbnail of the current page; a first sub-area is arranged on the left side of the thumbnail of the current page in parallel, and the lower half part of the first sub-area is adjacent to the upper half part of the thumbnail of the current page; a first sub-area is arranged on the right side of the thumbnail of the current page in parallel, and the lower half part of the first sub-area is adjacent to the upper half part of the thumbnail of the current page. A second sub-area is arranged in parallel under the thumbnail of the current page; a second sub-area is arranged on the left side of the thumbnail of the current page in parallel, and the upper half part of the second sub-area is adjacent to the lower half part of the thumbnail of the current page; a second sub-area is arranged in parallel on the right side of the thumbnail of the current page, and the upper half of the second sub-area is adjacent to the lower half of the thumbnail of the current page. The number of the sub-areas in the second area is twelve, wherein the number of the first sub-areas in the first page area is six, and the number of the second sub-areas in the second page area is six. One first sub-area is arranged right above the thumbnail of the current page in parallel; a first sub-area is arranged on the right left side of the thumbnail of the current page in parallel; a second sub-area is arranged in parallel under the thumbnail of the current page; a second sub-area is arranged right side of the thumbnail of the current page in parallel; the remaining eight sub-regions are evenly distributed between the four sub-regions. In this example, the thumbnail of the current page is centered in the interface and is fully displayed, the sub-regions within the first region are partially displayed, and the sub-regions within the second region are not displayed. In addition, if the size of the thumbnail of the current page is smaller, the first region may also include a greater number of sub-regions. For example, the first region includes eight sub-regions, which is not specifically limited in this embodiment of the present application.
The plurality of first pages may include at least one preceding page located before the current page and/or at least one following page located after the current page according to a relative positional relationship of each first page with the current page under the home screen. Thumbnails of at least one preamble page are distributed in at least one first sub-area in at least one annular area; thumbnails for at least one subsequent page are distributed in at least one second sub-region of the at least one annular region. In one implementation, the plurality of preamble pages may determine a particular distributed ring area based on the distance from the current page under the home screen and the number of first sub-areas in each ring area. The plurality of subsequent pages may determine a specific distributed ring area according to a distance from the current page under the home screen and the number of second sub-areas in each ring area. That is, the distance between the preamble pages and the current page distributed in the i-th ring area is smaller than the distance between the preamble pages and the current page distributed in the i +1 ring areas. The distance between the current page and the subsequent pages distributed in the ith annular area is smaller than the distance between the current page and the subsequent pages distributed in the i +1 annular areas. Wherein i is greater than or equal to 1, i +1 is less than or equal to N, N is the number of annular regions, the ith annular region and the (i + 1) th annular region are adjacent annular regions, and the (i + 1) th annular region is positioned at the outer side of the ith annular region.
Illustratively, as shown in fig. 8, the number of sub-regions in the first region is six, wherein the number of the first sub-regions is three, and the number of the second sub-regions is three. The number of sub-regions in the second region is twelve, wherein the number of first sub-regions is six and the number of second sub-regions is six. In this example, the preamble pages and the following pages are sorted in order of distance from the current page from near to far, the thumbnails of the first three preamble pages may be distributed in three first sub-regions within the first region, and the thumbnails of the fourth to ninth preamble pages may be distributed in six first sub-regions within the second region. The thumbnails of the first three subsequent pages may be distributed in three second sub-areas within the first area, and the thumbnails of the fourth to ninth subsequent pages may be distributed in six second sub-areas within the second area. It should be noted that the thumbnail of the current page is located in the center of the interface and is completely displayed, the thumbnails of the preceding pages and the thumbnails of the following pages distributed in each sub-area in the first area are partially displayed, and the thumbnails of the preceding pages and the thumbnails of the following pages distributed in each sub-area in the second (third, nth) area are not displayed.
Fig. 9 is a schematic diagram illustrating a specific arrangement of all pages in the second user interface when the number of pages in the home screen is greater than three according to the embodiment of the present application. The specific arrangement of all pages in the second user interface when the number of pages in the home screen is greater than three will be further described with reference to fig. 9. As shown in FIG. 9, in one implementation, when multiple preceding pages are distributed in the ith ring region, if i is odd, the multiple preceding pages are distributed clockwise according to the distance from far to near between the multiple preceding pages and if i is even, the multiple preceding pages are distributed counterclockwise according to the distance from far to near between the multiple preceding pages. When a plurality of subsequent pages are distributed in the ith annular area, if i is an odd number, the subsequent pages are distributed clockwise according to the sequence of the distance between the subsequent pages and the current page from near to far, and if i is an even number, the subsequent pages are distributed anticlockwise according to the sequence of the distance between the subsequent pages and the current page from near to far.
Exemplarily, as shown in fig. 9, the first region includes six sub-regions, specifically, three first sub-regions located in the first page region and three second sub-regions located in the second page region. The second area comprises twelve sub-areas, specifically comprises six first sub-areas located in the first page area and six second sub-areas located in the second page area. For ease of description, the pages of the home screen will be referred to herein as page 1, page 2, page 3, … …, page 11, and page 12, respectively, in sequence. In example a, page 5 is the current page of the home screen. Page 1, page 2, page 3, and page 4 are preceding pages before page 5, and page 2, page 3, and page 4 may be arranged clockwise in the first region in three first sub-regions of the first page region according to the order from far to near from the page 5. Page 1 may be arranged in a first sub-area of the first page area within the second area. Specifically, page 1 may be arranged in a first sub-area directly above page 2. Pages 6 to 12 are subsequent pages located after page 5, and according to the order of the intervals from near to far from page 5, pages 6, 7 and 8 may be arranged clockwise in the first region and located in three second sub-regions of the second page region. Page 9, page 10, page 11, and page 12 may be arranged counterclockwise within the second area within four second sub-areas of the second page area. Where the page 9, which is the least spaced from the page 5, may be arranged in a second sub-area directly below the page 8. In example b, page 4 is the current page of the home screen. Page 1, page 2, and page 3 are preceding pages before page 4, and page 1, page 2, and page 3 may be arranged clockwise in the first region in three first sub-regions of the first page region according to the order from far to near from page 4. Since page 4 is the last page included in the home screen, pages that are not arranged in the three second subsections of the second page area within the first area. It should be noted that, for the sake of clarity, no specific interface is shown in each page in fig. 9, and only reference numbers are used instead.
By the scheme, the pre-sequence page and the post-sequence page are arranged more regularly, so that a user can search according to the rules when searching, and the searching efficiency is further improved.
In other implementations, when multiple preceding pages are distributed in the ith ring region, if i is an odd number, the multiple preceding pages are distributed counterclockwise according to the order from far to near according to the distance between the multiple preceding pages and the current page, and if i is an even number, the multiple preceding pages are distributed clockwise according to the order from far to near according to the distance between the multiple preceding pages and the current page. When a plurality of subsequent pages are distributed in the ith annular area, if i is an odd number, the plurality of subsequent pages are distributed anticlockwise according to the sequence of the distance between the subsequent pages and the current page from near to far, and if i is an even number, the plurality of subsequent pages are distributed clockwise according to the sequence of the distance between the subsequent pages and the current page from near to far. The plurality of preamble pages distributed in the ith annular region may also be randomly distributed in each first sub-region, and the plurality of subsequent pages distributed in the ith annular region may also be randomly distributed in each second sub-region, which is not limited in this embodiment of the present application.
Step S402: and in response to a second gesture operation performed by the user on the second user interface, determining a target page from the plurality of pages, and displaying a third user interface.
Specifically, the terminal device responds to a second gesture operation executed by the user on the second user interface, translates the second user interface to obtain a third user interface, and determines a completely displayed page in the third user interface as a target page.
Fig. 10 is a schematic diagram illustrating a user performing a second gesture operation on a second user interface according to an embodiment of the present application. As shown in fig. 10, in the embodiment of the present application, the second gesture operation may include a single-finger sliding operation 61 performed by the user on the second user interface 50, and/or a single-finger clicking operation 71 performed by the user on the second user interface 50, and/or a first finger long-pressing operation and a second finger sliding operation 81 performed by the user on the second user interface 50 according to a preset track.
In a specific implementation, the single-finger sliding operation 61 performed by the user on the second user interface 50 may be an operation in which the user touches the second user interface 50 with one finger and slides to any side of the second user interface 50 (for example, left, right, up, down, left up, left down, right up, right down, etc.). The single-finger click operation 71 performed by the user on the second user interface 50 is an operation in which the user clicks at an arbitrary position on the second user interface 50 with one finger. The operation 81 performed by the user on the second user interface 50 by pressing the first finger long and sliding the second finger along the preset track may be performed by one or both fingers of the user, or may be performed by both fingers of the user, which is not specifically limited in this embodiment of the application. In a specific implementation, the operation performed by the user with one finger and two fingers is an operation in which one finger of the user long presses on any application icon on the current page displayed on the second user interface 50, another finger of the same hand touches the second user interface 50, and slides linearly to any side of the second user interface 50 (for example, to the left, to the right, upwards, downwards, upwards to the left, downwards to the left, upwards to the right, downwards to the right, etc.), and after the sliding, the two fingers leave the display screen. The operation performed by the user with both fingers in both hands is an operation in which one finger of the user is long-pressed on any application icon on the current page displayed on the second user interface 50, the other finger of the other hand touches the second user interface 50, and slides straight to any side of the second user interface 50 (for example, left, right, up, down, left up, left down, right up, right down, etc.), and the two fingers leave the display screen after the sliding.
The following describes a third user interface.
In one example, if the number of pages of the home screen is less than or equal to three and the first user interface is a home screen editing interface, the third user interface may include a thumbnail of a target page that is displayed in its entirety, and/or a thumbnail of a preceding page that is displayed in a portion that is located before and adjacent to the target page, and/or a thumbnail of a succeeding page that is displayed in a portion that is located after and adjacent to the target page, and a toolbar for editing the third user interface. The thumbnail of the target page, the thumbnail of the preorder page which is positioned in front of the target page and adjacent to the target page, and the thumbnail of the subsequent page which is positioned behind the target page and adjacent to the target page are the same in size. The thumbnail of the target page is positioned in the center of the interface and is completely displayed, and the thumbnail of the preamble page positioned in front of the target page and adjacent to the target page is positioned on one side (such as the left side) of the target page and is only partially displayed. Thumbnails of subsequent pages that are located after and adjacent to the current page are located on the other side (e.g., right side) of the target page, for only partial display. Illustratively, if the number of pages is two and the current page displayed on the second user interface is the first page included in the home screen, the user performs a single-finger sliding operation on the second user interface, such as: and after the second user interface is touched by one finger and slides to the left side of the second user interface, the third user interface comprises a thumbnail of the target page, a thumbnail of the partially displayed current page and a toolbar. Wherein, the target page is the last page contained in the main screen.
In another example, if the number of pages of the home screen is less than or equal to three and the first user interface is the home screen interface, the third user interface may include a thumbnail of the target page that is displayed in its entirety, and/or a thumbnail of a preceding page that is displayed in a portion that is located before and adjacent to the target page, and/or a thumbnail of a succeeding page that is displayed in a portion that is located after and adjacent to the target page, and a Dock area that is located at the lowermost position. The thumbnail of the target page, the thumbnail of the preorder page which is positioned in front of the target page and adjacent to the target page, and the thumbnail of the subsequent page which is positioned behind the target page and adjacent to the target page are the same in size. The thumbnail of the target page is positioned in the center of the interface and is completely displayed, and the thumbnail of the preamble page positioned in front of the target page and adjacent to the target page is positioned on one side (such as the left side) of the target page and is only partially displayed. Thumbnails of subsequent pages that are located after and adjacent to the current page are located on the other side (e.g., right side) of the target page, for only partial display. The Dock area is located at the lowest part of the interface.
In yet another example, if the number of pages of the home screen is greater than three and the first user interface is a home screen editing interface, the third user interface may include thumbnails of the target page displayed in its entirety and thumbnails of a plurality of second pages distributed in the periphery of the thumbnails of the target page and displayed in part. The third user interface may also include a toolbar for editing the third user interface. And the second page is other pages except the target page in the multiple pages. The thumbnail of the second page is the same size as the thumbnail of the destination page. The thumbnail of the target page is located in the center of the interface and is fully displayed. It should be noted that, when the number of pages of the home screen is greater than three, all the pages are arranged according to the specific arrangement manner on the second user interface, which may specifically refer to the discussion of fig. 8 and 9, and details are not repeated here.
In yet another example, if the number of pages of the home screen is greater than three and the first user interface is a home screen interface, the third user interface may include thumbnails of the target page displayed in its entirety and thumbnails of a plurality of second pages distributed around the thumbnails of the target page and displayed in part. The third user interface may also include a Dock section located lowermost. And the second page is other pages except the target page in the multiple pages. The thumbnail of the second page is the same size as the thumbnail of the destination page. The thumbnail of the target page is located in the center of the interface and is fully displayed. It should be noted that, when the number of pages of the home screen is greater than three, all the pages are arranged according to the specific arrangement manner on the second user interface, which may specifically refer to the discussion of fig. 8 and 9, and details are not repeated here.
Fig. 11 is a schematic diagram illustrating that the terminal device generates a third user interface in response to a single-finger sliding operation performed by a user on the second user interface according to the embodiment of the present application. In the embodiment of the present application, the hand-off speed and the sliding direction of the single-finger sliding operation 61 may determine the target page displayed on the third user interface 60. Specifically, the faster the user slides away from the hand from the second user interface 50, the more pages are translated in the direction of the slide, and the further away the target page displayed on the third user interface 60 is from the current page displayed on the second user interface 50 below the home screen. The slower the user slides away from the hand from the second user interface 50, the fewer pages are translated in the direction of the slide, and the closer the target page displayed on the third user interface 60 is to the current page displayed on the second user interface 50 below the home screen.
In conjunction with fig. 11, the third user interface 60 will be further described when the number of pages in the home screen is greater than three, taking the number of pages in the home screen as 12 as an example. For ease of description, the pages of the home screen will be referred to herein as page 1, page 2, page 3, … …, page 11, and page 12, respectively, in sequence. Where page 5 is the current page of the home screen.
In one example, as shown in fig. 11, the single-finger sliding operation 61 performed by the user on the second user interface 50 may be: the user touches the second user interface 50 with one finger and slides to the upper left side of the second user interface 50 and then quickly leaves the hand. The terminal device quickly translates through the pages 6 and 12 in the sliding direction and finally determines the page 12 as the target page, generating the third user interface 60. In another example, as shown in fig. 11, the single-finger sliding operation 61 performed by the user on the second user interface 50 may be: the user touches the second user interface 50 with one finger and slides to the upper right side of the second user interface 50 and then slowly leaves the hand. The terminal device slowly translates across the page 8 in the sliding direction and finally determines the page 8 as the target page, generating the third user interface 60. It should be noted that, for the sake of better clarity, fig. 11 does not show the specific layout of the second user interface 50 and the third user interface 60, and only shows the outline of the display screen and the number of each page on the interface for illustration.
Through the scheme, the user can slide to the page far away from the current page quickly, the gesture operation can be well matched with the conventional operation habits of the user, and the user experience is good.
Fig. 12 is a schematic diagram illustrating that the terminal device generates the third user interface in response to the single-finger click operation performed by the user on the second user interface according to the embodiment of the present application. In the embodiment of the present application, the position of the single-finger click operation 71 performed by the user on the second user interface 50 may determine the target page displayed on the third user interface 60. Wherein, in the third user interface 60 generated by the terminal device in response to the single-finger click operation 71 executed by the user on the second user interface 50, the target page is a page adjacent to the current page displayed in the second user interface 50. Referring to fig. 12, the third user interface 60 will be further described when the number of pages in the home screen is greater than three, taking the number of pages in the home screen as 12 as an example. For ease of description, the pages of the home screen will be referred to herein as page 1, page 2, page 3, … …, page 11, and page 12, respectively, in sequence. Where page 5 is the current page of the home screen.
In one example, as shown in fig. 12, the single-finger click operation 71 performed by the user on the second user interface 50 may be: the user clicks with one finger at a position directly above the page 5 on the second user interface 50. The terminal device determines the page 3 corresponding to the user click position as a target page, and translates the target page to the middle of the display screen for displaying, so as to generate a third user interface 60. It should be noted that, for the sake of better clarity, the specific layout of the second user interface 50 and the third user interface 60 is not shown in fig. 12, and only the outline of the display screen and the number of each page on the interface are shown for illustration.
Fig. 13 is another schematic diagram of the terminal device generating a third user interface in response to a single-finger click operation performed by a user on the second user interface according to the embodiment of the present application. In another example, as shown in fig. 13, the single-finger click operation 71 performed by the user on the second user interface 50 may be: the user clicks with one finger at a lower right position of the second user interface 50. The terminal device determines the lower right page corresponding to the user click position as the target page, and moves the target page to the middle of the display screen for display, so as to generate a third user interface 60. Wherein the page currently located in the upper left sub-area of the target page is the current page displayed on the second user interface 50.
By the scheme, the adjacent page of the current page can be positioned quickly, and the efficiency is higher.
Fig. 14 is a schematic diagram illustrating that the terminal device generates a third user interface in response to the first finger long-pressing and the second finger sliding along the preset trajectory performed by the user on the second user interface according to the embodiment of the present application. In the embodiment of the present application, the speed and direction of the second finger sliding on the second user interface 50 may determine the target page displayed on the third user interface 60. Specifically, the faster the user slides away from the hand from the second user interface 50, the more pages are translated in the direction of the slide, and the further away the target page displayed on the third user interface 60 is from the current page displayed on the second user interface 50 below the home screen. The slower the user slides away from the hand from the second user interface 50, the fewer pages are translated in the direction of the slide, and the closer the target page displayed on the third user interface 60 is to the current page displayed on the second user interface 50 below the home screen. After the second finger sliding operation leaves the hand, the terminal device determines the page when the page translation is stopped as the target page, and after the user presses the first finger of the target application icon for a long time to leave the hand, the target application icon is moved to the target page, and finally the third user interface 60 is generated. The target page comprises an original application icon and a moved target application icon which are displayed in the target page. The third user interface 60 will be further described below with reference to fig. 14, taking the number of pages of the home screen as 12 as an example, when the number of pages of the home screen is greater than three. For ease of description, the pages of the home screen will be referred to herein as page 1, page 2, page 3, … …, page 11, and page 12, respectively, in sequence. Where page 5 is the current page of the home screen. The operation 81 of the user performing the long pressing of the first finger and the sliding of the second finger along the preset track on the second user interface 50 may be: the first finger presses any application icon on the page 5 for a long time, the second finger touches the second user interface 50, the second user interface slides to the lower side of the second user interface 50, then the user slowly leaves the hand, and then the first finger of the application icon is pressed and leaves the hand. The terminal device slowly translates through the page 3 along the sliding direction, finally determines the page 3 as a target page, moves the application icon pressed by the first finger of the user into the page 3, and finally generates a third user interface 60. It should be noted that, for clarity, the specific layout of the second user interface 50 and the third user interface 60 is not shown in fig. 14, and only the outline of the display screen and the number of each page on the interface are shown for illustration.
Through the scheme, the target page can be focused, meanwhile, the application icons can be moved, the operation is more convenient, the functions are more flexible and changeable, and the operation efficiency of a user can be further improved.
It should be noted that, in step S402, in the process that the terminal device determines the target page from the multiple pages, the toolbar or Dock area may be hidden and redisplayed after determining the target page; the toolbar or Dock area can also be converted from the original form to any reduced form, such as a hover ball form, displayed at any position of the interface, and converted back to the original form for display after the target page is determined. Therefore, in the switching process of the page, the terminal equipment can hide or change the form of the toolbar or Dock area which is not high in relevance with the page, so that the interface is simpler and cleaner and is clear at a glance, and the user experience is favorably improved.
In addition, after the step S402 is executed and before the step S403 is executed, the page switching method provided in the embodiment of the present application further includes:
and the terminal equipment responds to a fourth gesture operation executed by the user on the third user interface, opens the application in the target page or exchanges the sequence of the application icons in the target page.
Optionally, the fourth gesture operation includes, but is not limited to, a single-finger click operation performed by the user on the third user interface, a single-finger-length slide-after-application icon operation, and the like.
Step S403: and responding to a third gesture operation executed by the user on the third user interface, updating the current page in the first user interface to be a target page, and displaying the updated first user interface.
Wherein the updated first user interface may comprise a home screen interface of the terminal device, or a home screen editing interface.
Fig. 15 is a schematic diagram of a terminal device generating an updated first user interface in response to a third gesture operation performed by a user on a third user interface according to the embodiment of the present application. In one example, as shown in FIG. 15, if the first user interface is a home screen interface, the third gestural operation may include a three-finger swipe away operation 91 performed by the user at the third user interface 60, and/or a single-finger click operation (not shown) performed by the user at a blank space of the third user interface 60. Wherein the blank of the third user interface 60 indicates a position where no desktop element is set. The updated first user interface generated at this time is the home screen interface 10. At this time, the home screen interface 10 displays a target page. The home screen interface 10 may include, among other things, a lower most Dock region and a target page displayed full screen in the display screen, the target page including the moved target application icon. In another example, if the first user interface is a home screen editing interface, the third gestural operation may include a two-finger swipe away operation 31 performed by the user at the third user interface 60, and/or a single-finger click operation (not shown) performed by the user in the blank space of the third user interface 60. The updated first user interface generated at this time is the home screen editing interface 20. The home screen editing interface 20 may include, among other things, thumbnails of the target page, thumbnails of partially displayed preceding pages that precede and are adjacent to the target page, thumbnails of partially displayed succeeding pages that follow and are adjacent to the target page, and a toolbar for editing the home screen editing interface.
In the embodiment of the present application, the three-finger sliding away operation 91 is an operation in which the user touches the third user interface 60 with three fingers and slides around the three fingers. In a specific implementation, the three-finger sliding away operation 91 may be a sliding operation performed by three fingers of a single hand of the user, or may be a sliding operation performed by three fingers of two hands of the user, which is not specifically limited in this embodiment of the application. The single-finger click operation performed by the user in the blank of the third user interface 60 is an operation in which the user clicks in the blank of the third user interface 60 with one finger. The third gesture operation is not specifically limited in the embodiment of the application, and the third gesture operation may be performed as long as the operation of displaying the fourth user interface in response to the terminal device is performed.
As shown in fig. 15, in this embodiment of the present application, if the updated first user interface is the home screen editing interface 20, the page switching method provided in this embodiment of the present application further includes:
and the terminal equipment responds to a fifth gesture operation executed by the user on the updated first user interface and displays a fourth user interface. The fifth gesture operation may include a two-finger swipe away operation 31 performed by the user at the updated first user interface (i.e., the home screen editing interface 20), or a single-finger click operation (not shown) performed by the user at a blank space at the updated first user interface. The fourth user interface generated at this time is the home screen interface 10. The home screen interface 10 may include, among other things, a Dock area located lowermost, and a target page displayed full screen in the display screen.
Through the scheme, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
According to the method provided by the embodiment of the application, in the second user interface, all the first pages are distributed around the current page instead of being distributed on two sides of the current page, even if the target page where the target application to be searched by the user is far away from the current page under the main screen, the distance between the target page and the current page under the second user interface can be shortened through the arrangement mode, and then the user can switch to the target page through a small amount of operation, so that the searching efficiency of the target application can be greatly improved, and the user experience is better.
The embodiments provided in the present application introduce various aspects of the page switching method provided in the present application from the perspective of the terminal device itself and the interaction between the terminal device and the user. It is understood that, in order to implement the above functions, the terminal device includes a hardware structure and/or a software module for performing each function. Those of skill in the art would readily appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as hardware or combinations of hardware and computer software. Whether a function is performed as hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
Fig. 16 is a schematic structural diagram of a page switching apparatus according to an embodiment of the present application. In one embodiment, the terminal device may implement the corresponding functions by the software means shown in fig. 16. As shown in fig. 16, the page switching device may include: a display module 1601, configured to display a second user interface in response to a first gesture operation performed by a user on a first user interface; wherein: the first user interface comprises a plurality of pages, and one of the pages is used as a current page to be displayed; the second user interface comprises a thumbnail of a completely displayed current page and thumbnails of a plurality of first pages which are distributed on the periphery of the thumbnail of the current page and are partially displayed, and the first pages are other pages except the current page in the plurality of pages; a determining module 1602, configured to determine a target page from the multiple pages in response to a second gesture operation performed by the user on the second user interface, and display a third user interface; wherein: the third user interface comprises a thumbnail of a completely displayed target page and thumbnails of a plurality of second pages which are distributed on the periphery of the thumbnail of the target page and are partially displayed, and the second pages are other pages except the target page in the plurality of pages; an updating module 1603, configured to update the current page in the first user interface to the target page in response to a third gesture operation performed by the user on the third user interface, and display the updated first user interface.
According to the technical scheme, in the second user interface, all the first pages are distributed around the current page instead of being distributed on two sides of the current page, even if the target page where the target application needs to be searched by the user is far away from the current page under the main screen, the distance between the target page and the current page under the second user interface can be shortened through the arrangement mode, and therefore the user can switch to the target page through a small amount of operation, the searching efficiency of the target application can be greatly improved, and the user experience is good.
In one implementation, in the second user interface, thumbnails of the plurality of first pages are distributed in a ring shape on the periphery of the thumbnail of the current page. Therefore, a plurality of first pages are annularly arranged around the current page, so that the arrangement of the pages is more compact, the efficiency of searching the target application by the user is improved by peripheral vision, and the user experience is better.
In one implementation manner, in the second user interface, the periphery of the thumbnail of the current page includes a plurality of annular areas, the plurality of annular areas are sequentially distributed from inside to outside, and the thumbnails of the plurality of first pages are distributed in at least one annular area. Like this, a plurality of annular regions distribute from inside to outside in proper order, turn into the horizontal distance of each first page and current page under the main screen the radial distance of first page place annular region and current page, can greatly shorten the distance of first page and current page.
In one implementation, each annular region includes a plurality of sub-regions, each for displaying a thumbnail of one first page.
In one implementation, the second user interface includes a first page area and a second page area, each annular area including at least one first sub-area located in the first page area and at least one second sub-area located in the second page area; the plurality of first pages comprise at least one preceding page positioned before the current page and/or at least one following page positioned after the current page; the thumbnails of at least one preamble page are distributed in at least one first sub-area in at least one annular area; thumbnails for at least one subsequent page are distributed in at least one second sub-region of the at least one annular region. Therefore, the thumbnails of the preorder pages of the current page are distributed in the first sub-area, and the thumbnails of the subsequent pages of the current page are distributed in the second sub-area, so that the arrangement is more regular, the user does not need to try in all directions in the searching process, the target page can be quickly positioned, and the user experience is better.
In one implementation mode, the distance between the preamble pages distributed in the ith annular area and the current page is smaller than the distance between the preamble pages distributed in the i +1 annular areas and the current page; the distance between the current page and the subsequent pages distributed in the ith annular area is smaller than the distance between the current page and the subsequent pages distributed in the i +1 annular areas; wherein i is greater than or equal to 1, i +1 is less than or equal to N, N is the number of annular regions, the ith annular region and the (i + 1) th annular region are adjacent annular regions, and the (i + 1) th annular region is positioned at the outer side of the ith annular region. In this way, the pages which are closer to the current page in the home screen, that is, the pages which are more strongly related to the current page, are annularly arranged in the annular area which is closer to the current page in the second user interface, so that the user can switch to the page where the target application is located more quickly by using the relevance between the pages.
In one implementation, when multiple preceding pages are distributed in the ith annular region, if i is an odd number, the multiple preceding pages are distributed clockwise according to the distance between the multiple preceding pages and the current page, and if i is an even number, the multiple preceding pages are distributed counterclockwise according to the distance between the multiple preceding pages and the current page. Therefore, the preamble pages are arranged more regularly, so that a user can search according to the rules when searching, and the searching efficiency is further improved.
In one implementation, when a plurality of subsequent pages are distributed in the ith annular region, if i is an odd number, the subsequent pages are distributed clockwise according to the sequence from near to far from the current page, and if i is an even number, the subsequent pages are distributed anticlockwise according to the sequence from near to far from the current page. Therefore, the subsequent pages are arranged more regularly, so that the user can search according to the rules when searching, and the searching efficiency is further improved.
In an implementation manner, the determining module 1602 is specifically configured to, in response to a second gesture operation performed by a user on the second user interface, translate the second user interface to obtain a third user interface, and determine a completely displayed page in the third user interface as a target page. Therefore, the user can search through translation in various directions, and the display space of the terminal equipment can be fully utilized.
In one implementation, the first gesture operation includes: the method comprises the following steps that three-finger sliding and approaching operation is performed on a first user interface by a user, and/or double-finger sliding and approaching operation is performed on the first user interface by the user, and/or operation that a first finger is pressed for a long time and a second finger is pressed for a preset track is performed on the first user interface by the user. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the second gesture operation includes: and/or the first finger long-pressing and the second finger sliding operations executed by the user on the second user interface. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the third gesture operation includes: the three-finger slide-away operation performed by the user on the third user interface, and/or the single-finger click operation performed by the user on a blank of the third user interface, and/or the two-finger slide-away operation performed by the user on the third user interface. Therefore, the operation gesture is simple and easy to implement, the operation habit of the user can be well matched, and the user experience is favorably improved.
In one implementation, the first user interface includes a home screen interface, or a home screen editing interface, of the terminal device.
Fig. 17 is a schematic structural diagram of another page switching apparatus according to an embodiment of the present application. In one embodiment, the terminal device may implement the corresponding functions by the hardware means shown in fig. 17. As shown in fig. 17, the page switching apparatus includes: memory 302, processor 303, and touch screen 301. The touch screen 301 is used for displaying a user interface and obtaining gesture operations for the user interface, and the memory 302 stores computer program instructions, and when the computer program instructions are executed by the processor 303, the terminal device is enabled to execute the page switching method and the method in each implementation manner thereof provided by the embodiment of the application.
An embodiment of the present application further provides a computer-readable storage medium, where instructions are stored in the computer-readable storage medium, and when the instructions are run on a computer, the computer is enabled to execute the page switching method and the methods in the implementation manners of the page switching method provided in the embodiment of the present application.
The embodiment of the present application further provides a computer program product including instructions, which when run on a computer, causes the computer to execute the page switching method and the methods in the implementation manners thereof provided by the embodiment of the present application.
Embodiments of the present application further provide a chip system, which includes a processor, and is configured to enable the apparatus to implement the functions referred to in the foregoing aspects, for example, to generate or process information referred to in the foregoing methods. In a possible design, the chip system further includes a memory, where the memory stores computer program instructions, and when the computer program instructions are executed by the processor, the chip system is enabled to implement the page switching method provided in the embodiment of the present application and the method in each implementation manner thereof. The chip system may be constituted by a chip, or may include a chip and other discrete devices.
The above embodiments are only intended to be specific embodiments of the present application, and are not intended to limit the scope of the embodiments of the present application, and any modifications, equivalent substitutions, improvements, and the like made on the basis of the technical solutions of the embodiments of the present application should be included in the scope of the embodiments of the present application.

Claims (16)

1. A page switching method is characterized by being applied to terminal equipment and comprising the following steps:
displaying a second user interface in response to a first gesture operation performed by a user on the first user interface; wherein: the first user interface comprises a plurality of pages, and one of the pages is used as a current page to be displayed; the second user interface comprises a thumbnail of the current page which is completely displayed and thumbnails of a plurality of first pages which are distributed on the periphery of the thumbnail of the current page and are partially displayed, and the first pages are other pages except the current page in the plurality of pages;
responding to a second gesture operation executed by a user on the second user interface, determining a target page from the plurality of pages, and displaying a third user interface; wherein: the third user interface comprises a thumbnail of the target page which is completely displayed and thumbnails of a plurality of second pages which are distributed on the periphery of the thumbnail of the target page and are partially displayed, and the second pages are other pages except the target page in the plurality of pages;
and responding to a third gesture operation executed by a user on the third user interface, updating the current page in the first user interface to the target page, and displaying the updated first user interface.
2. The method of claim 1, wherein in the second user interface, the thumbnails of the plurality of first pages are distributed annularly about the periphery of the thumbnail of the current page.
3. The method according to claim 2, wherein in the second user interface, the periphery of the thumbnail of the current page comprises a plurality of annular areas, the plurality of annular areas are distributed from inside to outside, and the thumbnails of the plurality of first pages are distributed in at least one annular area.
4. The method of claim 3, wherein each of the annular regions comprises a plurality of sub-regions, each sub-region for displaying a thumbnail of one of the first pages.
5. The method of claim 4,
the second user interface comprises a first page area and a second page area, and each annular area comprises at least one first sub-area located in the first page area and at least one second sub-area located in the second page area;
the plurality of first pages comprise at least one preceding page positioned before the current page and/or at least one following page positioned after the current page;
thumbnails of the at least one preamble page are distributed in at least one first sub-area of at least one annular area;
thumbnails of the at least one subsequent page are distributed in at least one of the second sub-regions in at least one of the annular regions.
6. The method of claim 5,
the distance between the preamble pages distributed in the ith annular area and the current page is smaller than the distance between the preamble pages distributed in the i +1 annular areas and the current page;
the distance between the subsequent pages distributed in the ith annular area and the current page is smaller than the distance between the subsequent pages distributed in the i +1 annular areas and the current page;
wherein i is greater than or equal to 1, i +1 is less than or equal to N, N is the number of the annular regions, the ith annular region and the (i + 1) th annular region are adjacent annular regions, and the (i + 1) th annular region is positioned at the outer side of the ith annular region.
7. The method of claim 6,
when a plurality of the preamble pages are distributed in the ith annular area, if the i is an odd number, the preamble pages are distributed clockwise according to the sequence from far to near of the distance between the preamble pages and the current page, and if the i is an even number, the preamble pages are distributed anticlockwise according to the sequence from far to near of the distance between the preamble pages and the current page.
8. The method of claim 6,
when a plurality of the subsequent pages are distributed in the ith annular region, if the i is an odd number, the subsequent pages are distributed clockwise according to the sequence from near to far from the distance between the i and the current page, and if the i is an even number, the subsequent pages are distributed anticlockwise according to the sequence from near to far from the distance between the i and the current page.
9. The method of any of claims 1-8, wherein determining a target page from the plurality of pages and displaying a third user interface in response to a second gesture operation performed by the user at the second user interface comprises:
and responding to a second gesture operation executed by a user on the second user interface, translating the second user interface to obtain a third user interface, and determining the completely displayed page in the third user interface as a target page.
10. The method of any of claims 1-8, wherein the first gesture operation comprises:
the method comprises the following steps that three-finger sliding and approaching operation is performed on the first user interface by a user, and/or double-finger sliding and approaching operation is performed on the first user interface by the user, and/or operation of long pressing of a first finger and sliding of a second finger on a preset track is performed on the first user interface by the user.
11. The method of any of claims 1-8, wherein the second gesture operation comprises:
and the single-finger sliding operation is executed on the second user interface by the user, and/or the single-finger clicking operation is executed on the second user interface by the user, and/or the operation of long pressing of the first finger and sliding of the second finger according to a preset track is executed on the second user interface by the user.
12. The method according to any one of claims 1-8, wherein the third gestural operation includes:
the third user interface comprises a third finger sliding and far-away operation executed by a user on the third user interface, and/or a single-finger clicking operation executed by the user on a blank of the third user interface, and/or a double-finger sliding and far-away operation executed by the user on the third user interface.
13. The method according to any one of claims 1 to 11,
the first user interface includes a home screen interface of the terminal device, or a home screen editing interface.
14. A page switching device is applied to a terminal device, and comprises:
the display module is used for responding to a first gesture operation executed by a user on the first user interface and displaying a second user interface; wherein: the first user interface comprises a plurality of pages, and one of the pages is used as a current page to be displayed; the second user interface comprises a thumbnail of the current page which is completely displayed and thumbnails of a plurality of first pages which are distributed on the periphery of the thumbnail of the current page and are partially displayed, and the first pages are other pages except the current page in the plurality of pages;
the determining module is used for responding to a second gesture operation executed by the user on the second user interface, determining a target page from the plurality of pages, and displaying a third user interface; wherein: the third user interface comprises a thumbnail of the target page which is completely displayed and thumbnails of a plurality of second pages which are distributed on the periphery of the thumbnail of the target page and are partially displayed, and the second pages are other pages except the target page in the plurality of pages;
and the updating module is used for responding to a third gesture operation executed by the user on the third user interface, updating the current page in the first user interface into the target page and displaying the updated first user interface.
15. A terminal device comprising a memory, a processor and a touch screen for displaying a user interface and for obtaining gesture operations for, the memory storing computer program instructions which, when executed by the processor, cause the terminal device to perform the method of any of claims 1-13.
16. A chip system, comprising: a memory and a processor, the memory storing computer program instructions that, when executed by the processor, cause the system-on-chip to implement the method of any one of claims 1-13.
CN202210678315.6A 2022-06-13 2022-06-13 Page switching method and device and terminal equipment Active CN115113780B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210678315.6A CN115113780B (en) 2022-06-13 2022-06-13 Page switching method and device and terminal equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210678315.6A CN115113780B (en) 2022-06-13 2022-06-13 Page switching method and device and terminal equipment

Publications (2)

Publication Number Publication Date
CN115113780A true CN115113780A (en) 2022-09-27
CN115113780B CN115113780B (en) 2023-05-12

Family

ID=83327911

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210678315.6A Active CN115113780B (en) 2022-06-13 2022-06-13 Page switching method and device and terminal equipment

Country Status (1)

Country Link
CN (1) CN115113780B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115291771A (en) * 2022-09-28 2022-11-04 荣耀终端有限公司 Method and device for realizing icon movement

Citations (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103034408A (en) * 2012-12-21 2013-04-10 广东欧珀移动通信有限公司 Page-switching method for user interface and mobile terminal
CN103412923A (en) * 2013-08-12 2013-11-27 网际傲游(北京)科技有限公司 Web browser state switching method and web browser
CN103984494A (en) * 2013-02-07 2014-08-13 上海帛茂信息科技有限公司 System and method for intuitive user interaction among multiple pieces of equipment
CN104021129A (en) * 2013-02-28 2014-09-03 腾讯科技(深圳)有限公司 Picture group display method and terminal
CN104965668A (en) * 2015-06-19 2015-10-07 北京奇虎科技有限公司 Interface operating method and device
CN105843491A (en) * 2016-03-18 2016-08-10 华为技术有限公司 Quick navigation switching method and device of page, and terminal
CN106126032A (en) * 2016-06-29 2016-11-16 乐视控股(北京)有限公司 The display packing of a kind of interactive interface and device
CN107704157A (en) * 2017-10-26 2018-02-16 咪咕数字传媒有限公司 A kind of multi-screen interface operation method, device and storage medium
CN107783701A (en) * 2016-08-26 2018-03-09 阿里巴巴集团控股有限公司 A kind of displaying method of terminal, device and intelligent terminal
CN108156318A (en) * 2017-12-22 2018-06-12 维沃移动通信有限公司 A kind of method for displaying image and mobile terminal
CN108733276A (en) * 2018-05-22 2018-11-02 珠海格力电器股份有限公司 page switching method, device and system
CN108845737A (en) * 2018-06-29 2018-11-20 掌阅科技股份有限公司 Picture staggered floor display methods, electronic equipment and storage medium
CN109960445A (en) * 2017-12-25 2019-07-02 阿里巴巴集团控股有限公司 Icon moving method, apparatus and system
CN110339556A (en) * 2019-07-12 2019-10-18 网易(杭州)网络有限公司 Display control method and device in a kind of game
CN110928461A (en) * 2019-10-31 2020-03-27 维沃移动通信有限公司 Icon moving method and electronic equipment
CN111026476A (en) * 2019-11-25 2020-04-17 深圳传音控股股份有限公司 Lock screen display control method, terminal and computer readable storage medium
CN111124224A (en) * 2019-12-12 2020-05-08 维沃移动通信有限公司 Application program control method and electronic equipment
CN112230835A (en) * 2020-10-30 2021-01-15 Oppo广东移动通信有限公司 Picture operation method and device, terminal equipment and storage medium
CN112558831A (en) * 2020-12-09 2021-03-26 维沃移动通信(杭州)有限公司 Desktop sorting method and device and electronic equipment
CN114442872A (en) * 2020-10-19 2022-05-06 聚好看科技股份有限公司 Layout and interaction method of virtual user interface and three-dimensional display equipment

Patent Citations (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103034408A (en) * 2012-12-21 2013-04-10 广东欧珀移动通信有限公司 Page-switching method for user interface and mobile terminal
CN103984494A (en) * 2013-02-07 2014-08-13 上海帛茂信息科技有限公司 System and method for intuitive user interaction among multiple pieces of equipment
CN104021129A (en) * 2013-02-28 2014-09-03 腾讯科技(深圳)有限公司 Picture group display method and terminal
CN103412923A (en) * 2013-08-12 2013-11-27 网际傲游(北京)科技有限公司 Web browser state switching method and web browser
CN104965668A (en) * 2015-06-19 2015-10-07 北京奇虎科技有限公司 Interface operating method and device
CN105843491A (en) * 2016-03-18 2016-08-10 华为技术有限公司 Quick navigation switching method and device of page, and terminal
CN106126032A (en) * 2016-06-29 2016-11-16 乐视控股(北京)有限公司 The display packing of a kind of interactive interface and device
CN107783701A (en) * 2016-08-26 2018-03-09 阿里巴巴集团控股有限公司 A kind of displaying method of terminal, device and intelligent terminal
CN107704157A (en) * 2017-10-26 2018-02-16 咪咕数字传媒有限公司 A kind of multi-screen interface operation method, device and storage medium
CN108156318A (en) * 2017-12-22 2018-06-12 维沃移动通信有限公司 A kind of method for displaying image and mobile terminal
CN109960445A (en) * 2017-12-25 2019-07-02 阿里巴巴集团控股有限公司 Icon moving method, apparatus and system
CN108733276A (en) * 2018-05-22 2018-11-02 珠海格力电器股份有限公司 page switching method, device and system
CN108845737A (en) * 2018-06-29 2018-11-20 掌阅科技股份有限公司 Picture staggered floor display methods, electronic equipment and storage medium
CN110339556A (en) * 2019-07-12 2019-10-18 网易(杭州)网络有限公司 Display control method and device in a kind of game
CN110928461A (en) * 2019-10-31 2020-03-27 维沃移动通信有限公司 Icon moving method and electronic equipment
CN111026476A (en) * 2019-11-25 2020-04-17 深圳传音控股股份有限公司 Lock screen display control method, terminal and computer readable storage medium
CN111124224A (en) * 2019-12-12 2020-05-08 维沃移动通信有限公司 Application program control method and electronic equipment
CN114442872A (en) * 2020-10-19 2022-05-06 聚好看科技股份有限公司 Layout and interaction method of virtual user interface and three-dimensional display equipment
CN112230835A (en) * 2020-10-30 2021-01-15 Oppo广东移动通信有限公司 Picture operation method and device, terminal equipment and storage medium
CN112558831A (en) * 2020-12-09 2021-03-26 维沃移动通信(杭州)有限公司 Desktop sorting method and device and electronic equipment

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115291771A (en) * 2022-09-28 2022-11-04 荣耀终端有限公司 Method and device for realizing icon movement
CN115291771B (en) * 2022-09-28 2023-03-10 荣耀终端有限公司 Method and device for realizing icon movement

Also Published As

Publication number Publication date
CN115113780B (en) 2023-05-12

Similar Documents

Publication Publication Date Title
WO2020238774A1 (en) Notification message preview method and electronic device
US9952681B2 (en) Method and device for switching tasks using fingerprint information
EP3454196B1 (en) Method and apparatus for editing object
CN112394811B (en) Interaction method of air-separation gestures and electronic equipment
CN108958580B (en) Display control method and terminal equipment
EP4187378A1 (en) Application interface switching method and apparatus, and terminal and storage medium
CN113325988B (en) Multitask management method and terminal equipment
WO2022062898A1 (en) Window display method and device
EP2800025B1 (en) Portable terminal and method for protecting a displayed object
EP3454226B1 (en) Method and apparatus for displaying a user interface
CN110069181B (en) File processing method, device, equipment and storage medium crossing folders
WO2020221073A1 (en) Method for content translation and terminal
US20160196284A1 (en) Mobile terminal and method for searching for image
EP3716029A1 (en) Interface display method, device and storage medium
WO2021057699A1 (en) Method for controlling electronic device with flexible screen, and electronic device
CN115113780B (en) Page switching method and device and terminal equipment
CN111857506B (en) Control method of mobile terminal, mobile terminal and computer storage medium
WO2023061085A1 (en) Card information display method, electronic device, and graphical user interface
CN109614483B (en) Information classification method and terminal equipment
CN115291771B (en) Method and device for realizing icon movement
WO2023045774A1 (en) Display method and electronic device
WO2023103902A1 (en) Split-screen display method and electronic device
CN111201507B (en) Information display method and terminal
CN117631847A (en) Display method of candidate content of input method and electronic equipment
KR20160055022A (en) Mobile terminal

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant