WO2021218519A1 - 应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质 - Google Patents
应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质 Download PDFInfo
- Publication number
- WO2021218519A1 WO2021218519A1 PCT/CN2021/083408 CN2021083408W WO2021218519A1 WO 2021218519 A1 WO2021218519 A1 WO 2021218519A1 CN 2021083408 W CN2021083408 W CN 2021083408W WO 2021218519 A1 WO2021218519 A1 WO 2021218519A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- page
- switching
- sliding
- current
- pages
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Definitions
- the present disclosure relates to the field of computer technology. Specifically, the present disclosure relates to a page switching method, device, electronic device, and non-transitory readable storage medium of an application program.
- APP content-providing applications
- an embodiment of the present disclosure provides a page switching method of an application program, including:
- the sliding operation is the first sliding switching operation
- the current page in the display interface is switched to the next page, and the position of each page identifier in the preset area is adjusted.
- the next page is at least two of the first pages except the current page. The first page outside.
- an embodiment of the present disclosure provides a page switching device for an application program, including:
- the page display module is configured to display the current page in the display interface of the application program, and display page identifiers of at least two first pages of the application program in a preset area of the display interface, wherein the current page is at least two first pages Any first page in;
- the sliding operation acquisition module is used to acquire the sliding operation for the current page
- the page switching module is used to switch the current page in the display interface to the next page if the sliding operation is the first sliding switching operation, and adjust the position of each page identifier in the preset area, the next page is at least two first The first page in the page except the current page.
- an embodiment of the present disclosure provides an electronic device, including a memory and a processor
- a program is stored in the memory
- the processor is configured to execute a program to implement the method provided in the embodiment of the first aspect.
- the embodiments of the present disclosure provide a non-transitory readable storage medium with a program stored on the non-transitory readable storage medium, and when the program is executed by a processor, the method provided in the embodiment of the first aspect is implemented.
- FIG. 1 is a schematic flowchart of a method for page switching of an application provided by an embodiment of the present disclosure
- FIG. 2a is a schematic diagram of switching from a recommended page to a focused page in an example of an embodiment of the present disclosure
- Fig. 2b is a schematic diagram of switching from a focus page to a personal page in an example of an embodiment of the present disclosure
- FIG. 2c is a schematic diagram of switching from a recommendation page to a personal page in an example of an embodiment of the disclosure
- FIG. 3 is a schematic diagram of the cyclic switching of three first pages in an example of an embodiment of the disclosure
- FIG. 4 is a schematic diagram of a page switching animation in an example of an embodiment of the disclosure.
- FIG. 5 is a structural block diagram of a page switching device of an application program provided by an embodiment of the disclosure
- FIG. 6 is a schematic structural diagram of an electronic device provided by an embodiment of the disclosure.
- FIG. 1 is a schematic flowchart of a method for switching pages of an application provided by an embodiment of the present disclosure.
- the execution subject of the method may be a terminal device. As shown in FIG. 1, the method may include:
- Step S101 Display the current page on the display interface of the application program, and display page identifiers of at least two first pages of the application program in a preset area of the display interface, where the current page is any of the at least two first pages. A first page.
- the APP developer can pre-set the number of first pages of the APP according to actual needs, and pre-set the source of the content to be displayed in each first page and the push mechanism. If there are at least two first pages included in the APP, the user can switch between the at least two first pages through a sliding operation when there is a need to view different first pages.
- the current page is any first page in the APP that the user is viewing through the display interface. When the user needs to view other first pages in the APP, he can switch from the current page to other first pages through one or more swipe operations. One page.
- the page identifier is used to indicate the source and push mechanism of the content displayed on the corresponding first page, and the page identifier may be a specific icon or text.
- Each page identifier is displayed in a preset area of the display interface.
- the preset area can be preset by the developer.
- the preset area can generally be a navigation bar set at the top area of the display interface, and each page identifier is displayed in the The corresponding preset position in the navigation bar.
- the user can distinguish at least two first pages in the APP according to each page identifier and the position of each page identifier, and determine the specific first page displayed on the display interface.
- a short video APP you can set two first pages, a recommendation page and a follow page. Specifically, the latest short video is recommended to the user in the recommendation page according to preset rules, and the user is listed in the follow page The latest short video released by the following short video author is recommended to the user.
- the user can switch between the recommended page and the following page by sliding operation.
- the navigation bar of the display interface there are corresponding page identifications of the recommended page and the following page.
- the user can check the page identification in the navigation bar to confirm that the first page displayed on the display interface is the recommended page
- the user can also determine that the first page displayed on the display interface is the following page through the page identifier in the navigation bar.
- Step S102 Obtain a sliding operation for the current page.
- the terminal device when a user uses a terminal device (such as a mobile phone, a tablet computer, etc.) to view content through the display interface of the APP, the terminal device receives a sliding operation for the current page through the display interface, and determines the instruction corresponding to the received sliding operation to follow the instruction Respond to the sliding operation.
- a terminal device such as a mobile phone, a tablet computer, etc.
- Step S103 If the sliding operation is the first sliding switching operation, switch the current page in the display interface to the next page, and adjust the position of each page identifier in the preset area.
- the next page is at least two of the first pages. The first page other than the current page.
- the terminal device receives the user's sliding operation as the first sliding switching operation, it is determined that the user has issued an instruction to switch from the current page to the next page, and execute the switch from the current page to the next page.
- the switching action of the next page, and the next page is displayed on the display interface.
- the user can determine the specific first page displayed on the display interface according to the page identifier of the navigation bar and the position of the page identifier.
- the colleague of the page switching adjusts the position of each page identifier in the preset area after the switching. It should be noted that after switching to the next page, that is, after the next page is displayed on the display interface, the user can also switch to the next page of the next page through the first sliding switch operation (ie, other first pages in the APP) ).
- the display interface receives the first sliding switch operation sent by the user, it will switch from the recommended page to the following page, and at the same time, the navigation bar will be swapped.
- the position of the page identifiers of the recommended pages and the following pages.
- the user when the user is viewing the follower, he can also switch to the recommended page through the first sliding switch operation.
- the solution provided by the present disclosure realizes switching from the currently displayed first page to displaying other first pages through the first sliding switching operation issued by the user on any first page of the APP, so that the APP switches from each first page to
- the sliding operations corresponding to the switching actions of other first pages are the same.
- the sliding operation of the user is smoother when switching pages.
- the position of the page identifier of each first page in the preset area of the display interface is adjusted synchronously when the page switching is performed. This allows the user to quickly identify the first page displayed on the display interface after the page is switched.
- the method may further include:
- If the sliding operation is the second sliding switching operation, switch from the current page to the second page corresponding to the current page.
- the second page can be understood as a different type of page from the first page.
- the second page corresponding to the current page is associated with the content being displayed on the current page, that is, the corresponding first page can be determined by the content being displayed on the current page.
- the second page can be the personal page of a short video author.
- the personal page contains all the short videos posted by the short video author, that is, the recommendation page or the follow page is displaying the short video
- the association relationship between the corresponding personal page is that the short video being displayed on the recommended page or the following page has the same author as the short video contained in the personal page.
- the terminal device receives the user's sliding operation as the second sliding switching operation, it is determined that the user has issued a switching instruction to switch from the current page to the corresponding second page, and execute the switch from the current page
- the switching action of switching to the corresponding second page displays the corresponding second page on the display interface. It should be noted that after switching to a second page corresponding to a certain first page, the user can return to the first page through a return operation.
- the display interface receives the user's second sliding switch operation, it will switch from the recommended page to the individual of the short video author that the user is viewing. Page. On the following page, the user can also switch to the corresponding second page by issuing a second sliding switch operation.
- the beneficial effect of this embodiment is that the sliding operations corresponding to switching from the current page to the second page in each first page in the APP are further unified, so that the sliding operation is smoother when the user switches pages.
- the method may further include:
- the sliding direction of the sliding operation is the first lateral direction and the corresponding sliding distance is not less than the set distance, it is determined that the sliding operation is the first sliding switching operation
- the sliding direction of the sliding operation is the second lateral direction and the corresponding sliding distance is not less than the set distance, it is determined that the sliding operation is the second sliding switching operation
- first lateral direction and the second lateral direction are opposite directions.
- the validity of the sliding operation is determined by the sliding distance corresponding to the sliding operation, that is, if the sliding distance corresponding to the sliding operation is greater than the set distance, it is considered that the user has issued a valid instruction.
- the specific type of the sliding operation is determined by the sliding direction corresponding to the sliding operation, that is, the specific content of the instruction corresponding to the sliding operation is determined.
- the sliding operation is determined to be the first sliding switching operation, that is, it is determined that the corresponding instruction is to switch from the current page to the next page, and when the sliding direction corresponding to the sliding operation is the second horizontal direction
- the type of the sliding operation is the second sliding switching operation, that is, it is determined that the corresponding instruction is to switch from the current first page to the corresponding second page.
- the first and second horizontal directions are opposite directions, and the sliding directions corresponding to the two types of sliding operations are exactly opposite, which can make the sliding operation easier for the user to switch between pages using the APP.
- the sliding direction corresponding to the first lateral direction may be set to the right, and the sliding direction corresponding to the second lateral direction is set to the left.
- FIG. 2a-2c a schematic diagram of page switching of a short video APP, where the recommended page and the follow page are the first page in the disclosure, and the personal page is the second page in the disclosure.
- the current page in 2a is the recommended page.
- the user swipes to the right on the recommended page 201 that is, the first sliding switch operation is issued
- switch to the following page 202 in the right picture that is, two pages are realized by sliding to the right. Switch between the first page.
- the page identification "recommendation" of the recommendation bar and the page identification "following" of the concerned page are swapped, so that the user can determine the position of the page identification and page identification in the navigation bar 204 after switching.
- the first page displayed on the display interface is the follow page.
- the current page is the focus page
- the current page is a recommended page
- the user in the left picture slides to the left on the recommended page 201 to switch to the personal page 203 in the right picture.
- the authors of the short video displayed to the user on the current page in FIGS. 2b and 2c are generally different, so the personal page 203 in the two figures may correspond to the personal pages of different authors.
- the user can switch between the first pages by swiping to the right on the first page, and the user can switch from the first page to the second page by swiping to the left on the first page, namely
- the sliding operation corresponding to the user switching between the first page on the recommended page and the following page is the same, and the sliding operation corresponding to the user switching from the first page to the second page on the recommended page and the following page is also the same, so that the user is performing the page When switching, the sliding operation is smoother and the user experience is better.
- the at least two first pages are sorted in a predetermined order, and switching the current page in the display interface to the next page includes:
- the purpose of sorting the first page of the APP is to determine the next page to be switched from the current page when the first page is switched, that is, to enable orderly switching when the first page is switched based on a predetermined sequence.
- the current page is not the first page ranked last, switch from the current page to the first page ranked after the current page and adjacent to the current page. If the page is the first page in the sort order, it will switch from the current first page to the first page in the sort order. Orderly switching for the cycle.
- a certain APP includes three first pages, namely page 1 (shown in 301 in the figure), page 2 (shown in 302 in the figure), and page 3 (shown in 303 in the figure) , And page 1, page 2, and page 3 are arranged in order.
- Figure 3 shows a cyclic switching process from left to right. Specifically, in the first picture from left to right, the current page is page 1, and the user swipes to the right to switch to the second picture. Page 2 after 1; in the second picture, the current page is page 2, and the user continues to slide to the right to switch to page 3, which is sorted after page 2 in the third picture.
- the current page is page 3
- Page 3 is the last page sorted
- the user continues to swipe right to switch to the first page 1 in the fourth picture. From the above description, the user can swipe to the right three times to cycle to the first swipe display The first page displayed on the interface.
- each page identifier is displayed in a preset area in a horizontal queue, and adjusting the position of each page identifier in the preset area includes:
- the page identifier of the next page is displayed at the end of the horizontal queue, and the page identifier of the current page is displayed at the head of the horizontal queue.
- the preset area can be a navigation bar.
- the position of each page identifier in the preset area is adjusted so that the user can use the page identifier and page in the navigation bar after the page is switched.
- the location of the identifier determines the specific first page displayed on the display interface.
- the page identifier of the next page is displayed at the end of the horizontal queue
- the page identifier of the current page is displayed at the head of the horizontal queue, that is, the first page (ie, the next page) displayed in the interface is displayed after switching.
- the page identifier of is displayed at the end of the horizontal queue of the navigation bar, so that the page identifier of the first page (that is, the current page) displayed in the display interface before switching is displayed at the head of the horizontal queue of the navigation bar.
- the user can determine that the first page displayed on the display interface is the first page corresponding to the page identifier at the end of the horizontal queue in the navigation bar. It can be understood that when the user performs the first page switching through the continuous first sliding switching operation, the position of the page identifier in the navigation bar is cyclically switched.
- the short video APP contains two first pages, namely the recommended page and the following page.
- the page identification of the recommended page in the navigation bar 204 is "recommended"
- the position of the page is transferred from the tail to the head of the horizontal queue, and the position of the page identification "following" of the attention page is transferred from the head to the tail of the horizontal queue.
- the position of the page identification of the recommended page and the attention page in the horizontal queue is exchanged.
- the user can determine that the first page displayed on the display interface is the first page corresponding to the page identifier "Follow" at the end of the horizontal queue in the navigation bar 204, that is, the follow page.
- the APP contains three first pages, namely page 1 (the page is identified as “page 1"), page 2 (the page is identified as “page 2”), and page 3 (the page is identified as “page 3") "), the three page identifiers in the navigation bar 304 are as shown in the figure. While the user's three first sliding switching operations switch the first page, the positions of the three page identifiers in the navigation bar 304 are simultaneously switched.
- the user issues the first first sliding switching operation, switching from page 1 in the first picture to page 2 in the second picture, and the page identification of page 1 in the navigation bar 304 is switched from the end of the horizontal queue to At the head of the horizontal queue, the page identifier of page 2 is switched to the end of the horizontal queue, indicating that the first page displayed on the display interface after switching is page 2.
- the user sends out the second first sliding switch operation to switch from page 2 in the second picture to page 3 in the third picture.
- the page logo of page 2 in the navigation bar 304 is switched to the head of the horizontal queue,
- the page identifier is switched to the end of the horizontal queue, indicating that the first page displayed on the display interface after switching is page 3.
- the user issues the third first sliding switch operation, switching from page 3 in the third picture to page 1 in the fourth picture, and the page logo of page 3 in the navigation bar 304 is switched to the head of the horizontal queue, The page logo is switched to the end of the horizontal queue.
- the page identifier is the page name corresponding to the first page, and the method may further include at least one of the following:
- the page identifier may be the corresponding first page name.
- the page name of the recommended page may be "recommended”
- the page name of the follow page may be "follow”.
- the page name of the first page displayed on the display interface can be highlighted, that is, the horizontal queue in the navigation bar The page name at the end is highlighted.
- Specific highlighting methods include at least one of the following methods: enlarge the font size of the page name at the end of the horizontal queue, that is, enlarge the font size of the page name at the end to be larger than other page names; change the page at the end of the horizontal queue
- the font color of the name that is, the font color of the page name at the end is set to distinguish it from other page names; the page name at the end of the horizontal queue is underlined, that is, the page name at the end is underlined and other page names are not underlined .
- the font size of the page name "Recommended” of the current page recommendation page in the short video APP is larger than the font size of the page name "Follow” of the following page, that is, the page name of the recommended page is highlighted, and the user can be more intuitive
- the first page displayed on the confirmation display interface is the recommended page.
- the page logo in the navigation bar also switches to the end of the horizontal queue, and the font size of the page name "Follow” is larger than the recommended page name "Recommended", that is, the page with the following page is highlighted Name, the user can more intuitively determine that the first page displayed on the display interface is the concerned page.
- the method may further include:
- a corresponding page switching animation may be added at the same time as the page switching.
- the corresponding page switching animation is displayed, including:
- the page switching animation of the page near the big and far small can be that the size of the next page is getting bigger and bigger, and the size of the current page is getting smaller and smaller; the page is gradually covering Page switching animation can gradually cover the current page for the next page.
- FIG 4 it is a schematic diagram of the switching animation of a short video APP.
- the short video APP includes two first pages, namely the recommended page 401 and the following page 402.
- the user switches from the recommended page by swiping to the right.
- the current page is shown as the recommended page 401 in the left figure.
- the following page 402 gradually covers the recommended page 401, and the display size of the recommended page 401 gradually becomes smaller.
- the switching is completed until the following page completely covers the recommended page 401 in the picture on the right.
- the font size of the page name in the navigation bar 403 is gradually changed according to the size of the font size.
- the page name "Follow” of the following page gradually becomes larger during the switching process.
- the page name "recommended” of the recommended page gradually becomes smaller, until the switching is completed, each becomes the default size. It can be seen from the above description that during the first page switching process, the page coverage effect, page size change, and font size change are used to enhance the user's visual perception of the first page switching process and improve user experience.
- FIG. 5 is a structural block diagram of an application page switching apparatus provided by an embodiment of the present disclosure.
- the apparatus 500 may include: a page display module 501, a sliding operation acquisition module 502, and a page switching module 503. :
- the page display module 501 is configured to display the current page in the display interface of the application program, and display page identifiers of at least two first pages of the application program in a preset area of the display interface, wherein the current page is at least two first pages Any first page in;
- the sliding operation obtaining module 502 is used to obtain the sliding operation for the current page
- the page switching module 503 is configured to, if the sliding operation is the first sliding switching operation, switch the current page in the display interface to the next page, and adjust the position of each page identifier in the preset area, and the next page is at least two first The first page in the page except the current page.
- the solution provided by the present disclosure realizes switching from the currently displayed first page to displaying other first pages through the first sliding switching operation issued by the user on any first page of the APP, so that the APP switches from each first page to
- the sliding operations corresponding to the switching actions of other first pages are the same.
- the sliding operation of the user is smoother when switching pages.
- the position of the page identifier of each first page in the preset area of the display interface is adjusted synchronously when the page switching is performed. This allows the user to quickly identify the first page displayed on the display interface after the page is switched.
- the device may further include a second page switching module, configured to:
- If the sliding operation is the second sliding switching operation, switch from the current page to the second page corresponding to the current page.
- the device may further include a sliding operation type determining module for
- the sliding operation After obtaining the sliding operation for the current page, if the sliding direction of the sliding operation is the first horizontal and the corresponding sliding distance is not less than the set distance, the sliding operation is determined to be the first sliding switching operation; if the sliding direction of the sliding operation is In the second horizontal direction, and the corresponding sliding distance is not less than the set distance, it is determined that the sliding operation is the second sliding switching operation;
- first lateral direction and the second lateral direction are opposite directions.
- the page switching module is specifically used for:
- each page identifier is displayed in a preset area in the form of a horizontal queue, and the page switching module is specifically used for:
- the page identifier of the next page is displayed at the end of the horizontal queue, and the page identifier of the current page is displayed at the head of the horizontal queue.
- the device may further include a highlight display module, specifically configured to perform at least one of the following:
- the device may further include a switching animation display module for:
- the switching animation display module is specifically used for:
- FIG. 6 shows a schematic structural diagram of an electronic device (for example, a terminal device or a server that executes the method shown in FIG. 1) 600 suitable for implementing the embodiments of the present disclosure.
- Terminal devices in the embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablets), PMPs (portable multimedia players), vehicle-mounted terminals (e.g. Mobile terminals such as car navigation terminals) and fixed terminals such as digital TVs, desktop computers, etc.
- the electronic device shown in FIG. 6 is only an example, and should not bring any limitation to the function and scope of use of the embodiments of the present disclosure.
- the electronic equipment includes a memory and a processor, where the processor here may be referred to as the processing device 601 described below, and the memory may include a read-only memory (ROM) 602, a random access memory (RAM) 603, and a storage device below. At least one of 608, as follows:
- the electronic device 600 may include a processing device (such as a central processing unit, a graphics processor, etc.) 601, which can be loaded into a random access device according to a program stored in a read-only memory (ROM) 602 or from a storage device 608.
- the program in the memory (RAM) 603 executes various appropriate actions and processing.
- various programs and data required for the operation of the electronic device 600 are also stored.
- the processing device 601, the ROM 602, and the RAM 603 are connected to each other through a bus 604.
- An input/output (I/O) interface 605 is also connected to the bus 604.
- the following devices can be connected to the I/O interface 605: including input devices 606 such as touch screens, touch pads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; including, for example, liquid crystal displays (LCD), speakers, vibration An output device 607 such as a device; a storage device 608 such as a magnetic tape, a hard disk, etc.; and a communication device 609.
- the communication device 609 may allow the electronic device 600 to perform wireless or wired communication with other devices to exchange data.
- FIG. 6 shows an electronic device having various devices, it should be understood that it is not required to implement or have all of the illustrated devices. It may be implemented alternatively or provided with more or fewer devices.
- an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer readable medium, and the computer program contains program code for executing the method shown in the flowchart.
- the computer program may be downloaded and installed from the network through the communication device 609, or installed from the storage device 608, or installed from the ROM602.
- the processing device 601 the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.
- the aforementioned computer-readable storage medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two.
- the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections with one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
- a computer-readable storage medium may be any tangible medium that contains or stores a program, and the program may be used by or in combination with an instruction execution system, apparatus, or device.
- a computer-readable signal medium may include a data signal propagated in a baseband or as a part of a carrier wave, and a computer-readable program code is carried therein. This propagated data signal can take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
- the computer-readable signal medium may also be any computer-readable medium other than the computer-readable storage medium.
- the computer-readable signal medium may send, propagate or transmit the program for use by or in combination with the instruction execution system, apparatus, or device .
- the program code contained on the computer-readable medium can be transmitted by any suitable medium, including but not limited to: wire, optical cable, RF (Radio Frequency), etc., or any suitable combination of the above.
- the client and server can communicate with any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and can communicate with digital data in any form or medium.
- Communication e.g., communication network
- Examples of communication networks include local area networks (“LAN”), wide area networks (“WAN”), the Internet (for example, the Internet), and end-to-end networks (for example, ad hoc end-to-end networks), as well as any currently known or future research and development network of.
- the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; or it may exist alone without being assembled into the electronic device.
- the aforementioned computer-readable medium carries one or more programs, and when the aforementioned one or more programs are executed by the electronic device, the electronic device:
- the computer program code used to perform the operations of the present disclosure can be written in one or more programming languages or a combination thereof.
- the above-mentioned programming languages include but are not limited to object-oriented programming languages such as Java, Smalltalk, C++, and Including conventional procedural programming languages-such as "C" language or similar programming languages.
- the program code can be executed entirely on the user's computer, partly on the user's computer, executed as an independent software package, partly on the user's computer and partly executed on a remote computer, or entirely executed on the remote computer or server.
- the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (for example, using an Internet service provider to pass Internet connection).
- LAN local area network
- WAN wide area network
- each block in the flowchart or block diagram can represent a module, program segment, or part of code, and the module, program segment, or part of code contains one or more for realizing the specified logic function.
- Executable instructions can also occur in a different order from the order marked in the drawings. For example, two blocks shown one after another can actually be executed substantially in parallel, and they can sometimes be executed in the reverse order, depending on the functions involved.
- each block in the block diagram and/or flowchart, and the combination of the blocks in the block diagram and/or flowchart can be implemented by a dedicated hardware-based system that performs the specified functions or operations Or it can be realized by a combination of dedicated hardware and computer instructions.
- the modules or units involved in the embodiments described in the present disclosure can be implemented in software or hardware. Among them, the name of the module or unit does not constitute a limitation on the unit itself under certain circumstances.
- the page display module can also be described as a "module for displaying a page”.
- exemplary types of hardware logic components include: Field Programmable Gate Array (FPGA), Application Specific Integrated Circuit (ASIC), Application Specific Standard Product (ASSP), System on Chip (SOC), Complex Programmable Logical device (CPLD) and so on.
- FPGA Field Programmable Gate Array
- ASIC Application Specific Integrated Circuit
- ASSP Application Specific Standard Product
- SOC System on Chip
- CPLD Complex Programmable Logical device
- a machine-readable medium may be a tangible medium, which may contain or store a program for use by the instruction execution system, apparatus, or device or in combination with the instruction execution system, apparatus, or device.
- the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
- the machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any suitable combination of the foregoing.
- machine-readable storage media would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the foregoing.
- RAM random access memory
- ROM read-only memory
- EPROM or flash memory erasable programmable read-only memory
- CD-ROM compact disk read only memory
- magnetic storage device or any suitable combination of the foregoing.
- the present disclosure provides a page switching method of an application program, including:
- the current page is displayed in the display interface of the application, and the page identifiers of at least two first pages of the application are displayed in a preset area of the display interface, wherein the current page is the at least two Any one of the first pages;
- the sliding operation is the first sliding switching operation
- the current page in the display interface is switched to the next page, and the position of each page identifier in the preset area is adjusted, and the next page is the next page.
- the method further includes:
- the sliding operation is a second sliding switching operation, switching from the current page to the second page corresponding to the current page.
- the method further includes:
- the sliding direction of the sliding operation is the first lateral direction and the corresponding sliding distance is not less than the set distance, it is determined that the sliding operation is the first sliding switching operation
- the sliding direction of the sliding operation is the second lateral direction and the corresponding sliding distance is not less than the set distance, it is determined that the sliding operation is the second sliding switching operation
- first lateral direction and the second lateral direction are opposite directions.
- the at least two first pages are sorted in a predetermined order, and the switching the current page in the display interface to the next page includes:
- the current page is not the first page in the sort order, switch from the current page to the first page sorted after the current page and adjacent to the current page sort, if the current page is the last page sorted The first page is switched from the current page to the first page ranked first.
- each page identifier is displayed in the preset area in a horizontal queue, and the adjusting the position of each page identifier in the preset area includes:
- the page identifier of the next page is displayed at the end of the horizontal queue, and the page identifier of the current page is displayed at the head of the horizontal queue.
- the page identifier is a page name corresponding to the first page
- the method further includes at least one of the following:
- the method further includes:
- the displaying the corresponding page switching animation includes:
- the present disclosure implements a page switching device for an application program, including:
- the page display module is configured to display the current page in the display interface of the application program, and display the page identifiers of at least two first pages of the application program in a preset area of the display interface, wherein the current The page is any one of the at least two first pages;
- a sliding operation obtaining module configured to obtain a sliding operation for the current page
- the page switching module is configured to, if the sliding operation is the first sliding switching operation, switch the current page in the display interface to the next page, and adjust the position of each page identifier in the preset area, so The next page is the first page other than the current page among the at least two first pages.
- the present disclosure provides an electronic device including a memory and a processor
- a program is stored in the memory
- the processor is configured to execute a program to implement the method in one or more of the foregoing embodiments.
- the present disclosure provides a non-transitory readable and readable storage medium.
- the non-transitory readable and readable storage medium stores a program, and when the program is executed by a processor, the above one is realized. Or methods in multiple embodiments.
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供了一种应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质,包括:在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面;获取针对当前页面的滑动操作;若滑动操作为第一滑动切换操作,将显示界面中的当前页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。在APP的任一第一页面通过用户发出的第一滑动切换操作实现从当前页面切换至显示其他第一页面,使得APP中从每一第一页面切换至其他第一页面的切换动作对应的滑动操作都相同,用户在进行页面切换时滑动操作更流畅。
Description
相关申请的交叉引用
本申请要求2020年4月30日提交到中国国家知识产权局的申请号为202010364405.9的优先权,其全部内容通过引用并入本文,用于所有目的。
本公开涉及计算机技术领域,具体而言,本公开涉及一种应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质。
随着移动互联网的发展,内容提供类应用程序(Application,APP)越来越多,这类APP会为用户提供多个不同页面供用户查看不同内容,用户可以根据需求通过滑动操作在多个页面之间进行切换并进行内容查看。
现有技术中,在不同页面中实现相同切换动作所对应的滑动操作并不统一,使得用户在进行页面切换时滑动操作不流畅,体验较差。
发明内容
第一方面,本公开实施例提供了一种应用程序的页面切换方法,包括:
在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面;
获取针对当前页面的滑动操作;
若滑动操作为第一滑动切换操作,将显示界面中的当前页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。
第二方面,本公开实施例提供了一种应用程序的页面切换装置,包括:
页面显示模块,用于在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面;
滑动操作获取模块,用于获取针对当前页面的滑动操作;
页面切换模块,用于若滑动操作为第一滑动切换操作,将显示界面中的当前页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。
第三方面,本公开实施例提供了一种电子设备,包括存储器和处理器;
存储器中存储有程序;
处理器,用于执行程序以实现第一方面实施例中所提供的方法。
第四方面,本公开实施例提供了一种非暂时性可读存储介质,非暂时性可读存储介质上存储有程序,程序被处理器执行时实现第一方面实施例中所提供的方法。
本公开至少可以提供如下技术效果:
在APP的任一第一页面通过用户发出的第一滑动切换操作实现从当前显示的第一页面切换至显示其他第一页面,使得APP中从每一第一页面切换至其他第一页面的切换动作对应的滑动操作都相同,用户在进行页面切换时滑动操作更流畅,同时,在进行页面切换时同步调整显示界面预设区域内各第一页面的页面标识的位置,使得在页面切换后,用户能够快速识别显示界面所显示的第一页面。
为了更清楚地说明本公开实施例中的技术方案,下面将对本公开实施例描述中所需要使用的附图作简单地介绍。
图1为本公开实施例提供的一种应用程序的页面切换方法的流程示意图;
图2a为本公开实施例的一个示例中从推荐页切换至关注页的示意图;
图2b为本公开实施例的一个示例中从关注页切换至个人页的示意 图;
图2c为本公开实施例的一个示例中从推荐页切换至个人页的示意图;
图3为本公开实施例的一个示例中三个第一页面循环切换的示意图;
图4为本公开实施例的一个示例中页面切换动画的示意图;
图5为本公开实施例提供的一种应用程序的页面切换装置的结构框图
图6为本公开实施例提供的一种电子设备的结构示意图。
下面详细描述本公开的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本公开,而不能解释为对本发明的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本公开的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
为使本公开的目的、技术方案和优点更加清楚,下面将结合附图对本公开实施方式作进一步地详细描述。
图1为本公开实施例提供的一种应用程序的页面切换方法的流程示意图,该方法的执行主体可以为终端设备,如图1所示,该方法可以包括:
步骤S101,在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面。
其中,APP开发人员可以根据实际需求预先设置APP的第一页面的数量,并预先设置每一第一页面中所要显示的内容的来源和推送机制。若APP中包含的至少两个第一页面,用户在有查看不同第一页面的需求时,即可通过滑动操作在至少两个第一页面之间进行切换。其中,当前页面为用户通过显示界面正在查看的APP中的任一第一页面,当用户需要查看APP中的其他第一页面时,即可通过一次或多次滑动操作从当前页面切换至其他第一页面。
其中,页面标识用于指示其所对应的第一页面所显示的内容的来源和推送机制,页面标识可以为特定图标或文字等。各页面标识显示在显示界面的预设区域,该预设区域可以有开发人员预先设定,例如,预设区域一般可以是设置在显示界面顶部区域的导航栏,而各页面标识分别显示在该导航栏中对应的预设位置。用户可以通过各页面标识和各页面标识所处的位置对APP中的至少两个第一页面进行区分,并确定显示界面所显示的第一页面具体为何种第一页面。
例如,在某一短视频APP中,可以设置两个第一页面,推荐页和关注页,具体来说,在推荐页内根据预设规则将最新短视频推荐给用户,在关注页内将用户关注的短视频作者发布的最新短视频推荐给用户,为了分别查看两个第一页面中的内容,用户可以通过滑动操作在推荐页和关注页之间进行切换。同时,在显示界面的导航栏中对应显示有推荐页和关注页的页面标识,在显示界面显示推荐页时,用户可以通过查看导航栏中的页面标识确定显示界面显示的第一页面为推荐页,在显示界面显示关注页时,用户同样可以通过导航栏中的页面标识确定显示界面显示的第一页面是关注页。
步骤S102,获取针对当前页面的滑动操作。
其中,用户使用终端设备(如手机、平板电脑等)通过APP的显示界面查看内容时,终端设备通过显示界面接收针对当前页面的滑动操作,并确定接收到的滑动操作对应的指令,以根据指令对该滑动操作进行响应。
步骤S103,若滑动操作为第一滑动切换操作,将显示界面中的当前 页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。
具体来说,在用户查看当前页面时,若终端设备接收到用户的滑动操作为第一滑动切换操作,即确定用户发出了从当前页面切换至显示下一页面的指令,执行从当前页面切换至下一页面的切换动作,并在显示界面中显示下一页面。同时,为了在显示界面从当前页面切换至下一页面后,用户可以根据导航栏的页面标识和页面标识所处的位置确定显示界面显示的第一页面具体为何种第一页面,在进行第一页面切换的同事调整切换后预设区域内各页面标识的位置。需要说明的是,在切换至下一页面后,即在显示界面显示下一页面后,用户同样可以通过第一滑动切换操作切换至下一页面的下一页面(即APP中的其他第一页面)。
接上举例,用户在使用该短视频APP时,正在查看的当前页面为推荐页,若显示界面接收到用户发出的第一滑动切换操作,则从推荐页切换至关注页,同时,交换导航栏中推荐页和关注页的页面标识的位置。您一步地,用户在查看关注也时,也可以进一步通过第一滑动切换操作切换至推荐页。
本公开提供的方案,在APP的任一第一页面通过用户发出的第一滑动切换操作实现从当前显示的第一页面切换至显示其他第一页面,使得APP中从每一第一页面切换至其他第一页面的切换动作对应的滑动操作都相同,用户在进行页面切换时滑动操作更流畅,同时,在进行页面切换时同步调整显示界面预设区域内各第一页面的页面标识的位置,使得在页面切换后,用户能够快速识别显示界面所显示的第一页面。
在本公开的一种可选实施例中,该方法还可以包括:
若滑动操作为第二滑动切换操作,从当前页面切换至当前页面对应的第二页面。
其中,第二页面可以理解为与第一页面不同类型的页面,当前页面对应的第二页面与该当前页面正在显示的内容有关联关系,即可以通过当前页面正在显示的内容来确定对应的第二页面。在一些情况下,用户也需要切换至第二页面进行内容查看。
接上举例,在该短视频APP中,第二页面可以是某个短视频作者的个人页,个人页内包含了该短视频作者发布的全部短视频,即推荐页或关注页正在显示短视频与其对应的个人页之间的关联关系是推荐页或关注页正在显示短视频与个人页中包含的短视频的作者相同。当用户在推荐页或关注页查看某个短视频作者的短视频时,若希望进一步查看该短视频作者发布的其他短视频,则可以切换至该短视频作者的个人页进行查看。
具体来说,在用户查看当前页面时,若终端设备接收到用户的滑动操作为第二滑动切换操作,即确定用户发出了从当前页面切换至对应的第二页面的切换指令,执行从当前页面切换至对应的第二页面的切换动作,在显示界面显示对应的第二页面。需要说明的是,在切换至某一第一页面对应的第二页面后,用户可通过返回操作返回该第一页面。
接上举例,用户在使用该短视频APP时,正在查看的当前页面为推荐页,若显示界面接收到用户发出第二滑动切换操作,则从推荐页切换至用户正在查看的短视频作者的个人页。用户在关注页同样可以通过发出第二滑动切换操作切换至对应的第二页面。
本实施例的有益效果在于,进一步统一了APP中各第一页面中从当前页面切换至第二页面对应的滑动操作,是的用户在进行页面切换时滑动操作更流畅。
在本公开的一种可选实施例中,在获取针对所述当前页面的滑动操作之后,该方法还可以包括:
若滑动操作的滑动方向为第一横向,且对应的滑动距离不小于设定距离,则确定滑动操作为第一滑动切换操作;
若滑动操作的滑动方向为第二横向,且对应的滑动距离不小于设定距离,则确定滑动操作为第二滑动切换操作;
其中,第一横向和第二横向为相反方向。
其中,终端设备在接收到用户的滑动操作时,通过滑动操作对应的滑动距离来确定滑动操作的有效性,即滑动操作对应的滑动距离大于设定距离则认为用户发出了有效的指令。进一步地,通过滑动操作对应的滑动方向来确定滑动操作的具体类型,即确定滑动操作对应的指令的具体内容。 当滑动操作对应的滑动方向为第一横向时,确定该滑动操作为第一滑动切换操作,即确定对应的指令为从当前页面切换至下一页面,当滑动操作对应的滑动方向为第二横向时,确定该滑动操作的类型为第二滑动切换操作,即确定对应的指令为从当前第一页面切换至对应的第二页面。其中第一横向和第二横向为相反的方向,两种类型的滑动操作对应的滑动方向正好相反可以使得用户在使用APP进行页面切换时滑动操作更加简单易用。
在实际应用中,可以设置第一横向对应的滑动方向为向右,第二横向对应的滑动方向为向左。
举例来说,如图2a-2c所示为某一短视频APP的页面切换示意图,其中推荐页和关注页为本公开中的第一页面,个人页为本公开中的第二页面,在图2a中当前页面为推荐页,左图中用户在推荐页201向右滑动(即发出第一滑动切换操作)切换至右图中关注页202,即通过向右滑动实现推荐页和关注页两个第一页面之间的切换。同时,在显示界面的导航栏204中,推荐栏的页面标识“推荐”和关注页的页面标识“关注”的位置对调,以使用户通过导航栏204中页面标识和页面标识的位置确定切换后,显示界面显示的第一页面为关注页。在图2b中当前页面为关注页,左图中用户在关注页202向左滑动(即发出第二滑动切换操作)切换至右图中个人页203。在图2c中当前页面为推荐页,左图中用户在推荐页201左滑切换至右图中个人页203。需要说明的是,图2b和2c中当前页面展示给用户的短视频的作者一般不同,故两图中个人页203可以分别对应不同作者的个人页。从上述举例可以看出,用户在第一页面通过向右滑动即可实现第一页面之间的切换,用户在第一页面通过向左滑动可实现从第一页面向第二页面的切换,即用户在推荐页和关注页实现第一页面之间的切换对应的滑动操作相同,用户在推荐页和关注页实现从第一页面向第二页面切换对应的滑动操作也相同,使得用户在进行页面切换时滑动操作更流畅,用户体验佳。
在本公开的一种可选实施例中,至少两个第一页面按预定顺序进行排序,将所述显示界面中的当前页面切换为下一页面,包括:
若当前页面不为排序最后的第一页面,则从当前页面切换至排序在当 前页面之后且与当前页面排序相邻的第一页面,若当前页面为排序最后的第一页面,则从当前页面切换至排序最前的第一页面。
其中,对APP的第一页面进行排序是为了在第一页面切换时确定当前页面要切换的下一页面,即基于预定顺序使得第一页面切换时能够有序切换。
具体地,在接收到第一滑动切换操作时,若当前页面不为排序最后的第一页面,则从当前页面切换至排序在当前页面之后且与当前页面排序相邻的第一页面,若当前页面为排序最后的第一页面,则从当前第一页面切换至排序最前的第一页面,换言之,在用户连续多次通过第一滑动切换操作进行第一页面切换时,第一页面的切换顺序为循环有序切换。
举例来说,如图3所示,某一APP包括三个第一页面分别为页面1(图中301所示)、页面2(图中302所示)以及页面3(图中303所示),且页面1、页面2和页面3按先后顺序依次排列。图3中从左至右示出了一个循环切换过程,具体来说,在从左至右的第一幅图中当前页面为页面1,用户向右滑动切换至第二幅图中排序在页面1后的页面2;在第二幅图中当前页面为页面2,用户继续向右滑动切换至第三幅图中排序在页面2后的页面3,在第三幅图中当前页面为页面3,页面3为排序最后的页面,用户继续向右滑动切换至第四幅图中的排序最前的页面1,由以上描述可知,用户通过三次向右滑动即可循环切换至第一次滑动时显示界面所显示的第一页面。
在本公开的一种可选实施例中,各页面标识以横向队列形式显示在预设区域,调整预设区域内各页面标识的位置,包括:
将下一页面的页面标识显示在横向队列的尾部,并将当前页面的页面标识显示在横向队列的头部。
其中,预设区域可以为导航栏,在每次进行第一页面的切换的同时,通过调整预设区域内各页面标识的位置,来使得用户在页面切换后通过导航栏中的页面标识和页面标识所处的位置确定显示界面所显示的第一页面具体为何种第一页面。
具体地,将下一页面的页面标识显示在横向队列的尾部,并将当前页 面的页面标识显示在横向队列的头部,即使得切换后显示界面中显示的第一页面(即下一页面)的页面标识显示在导航栏的横向队列的尾部,使得切换前显示界面中显示的第一页面(即当前页面)的页面标识显示在导航栏的横向队列的头部。那么,在完成第一页面切换后,用户可以确定显示界面显示的第一页面为导航栏中横向队列尾部的页面标识所对应的第一页面。可以理解的是,在用户通过连续第一滑动切换操作进行第一页面切换时,导航栏中页面标识的位置是循环切换的。
再次参考图2a,在该短视频APP中包含两个第一页面分别为推荐页和关注页,当从推荐页201切换至关注页202的同时,导航栏204中推荐页的页面标识“推荐”的位置从横向队列的尾部转移至头部,关注页的页面标识“关注”的位置从横向队列的头部转移至尾部,换言之,调换推荐页和关注页的页面标识在横向队列中的位置。在完成第一页面切换后,用户可以确定显示界面显示的第一页面为导航栏204中横向队列尾部的页面标识“关注”对应的第一页面,即关注页。
再次参考图3,在该APP中包含三个第一页面分别为页面1(页面标识为“页面1”)、页面2(页面标识为“页面2”)和页面3(页面标识为“页面3”),导航栏304中三个页面标识如图所示,用户的三次第一滑动切换操作切换了第一页面的同时,导航栏304中三个页面标识所处的位置也同步进行了切换。具体来说,用户发出第一次第一滑动切换操作,从第一幅图中页面1切换至第二幅图中的页面2,导航栏304中页面1的页面标识从横向队列尾部切换显示至横向队列头部,页面2的页面标识切换显示至横向队列尾部,指示切换后显示界面显示的第一页面为页面2。用户发出第二次第一滑动切换操作,从第二幅图中页面2切换至第三幅图中页面3,导航栏304中页面2的页面标识切换显示至横向队列的头部,页面3的页面标识切换显示至横向队列的尾部,指示切换后显示界面显示的第一页面为页面3。用户发出第三次第一滑动切换操作,从第三幅图中页面3切换至第四幅图中页面1,导航栏304中页面3的页面标识切换显示至横向队列的头部,页面1的页面标识切换显示至横向队列的尾部。由以上描述可知,在APP包含三个第一页面时,三个第一页面的页面标识 的位置在导航栏中是循环切换显示的。
在本公开的一种实施例中,页面标识为对应第一页面的页面名称,该方法还可以包括以下中的至少一项:
放大所述横向队列的尾部中的页面名称的字体大小;
改变所述横向队列的尾部中的页面名称的字体颜色;
为所述横向队列的尾部中的页面名称添加下划线。
其中,页面标识可以为对应的第一页面名称,例如,推荐页的页面名称可以为“推荐”,关注页的页面名称可以为“关注”。
具体地,为了便于用户通过页面标识和页面标识所处的位置确定当前第一页面具体为何种第一页面,可以将显示界面所显示的第一页面的页面名称突出显示,即将导航栏中横向队列尾部的页面名称突出显示。具体的突出显示方式包括以下方式中的至少一种:放大横向队列的尾部中的页面名称的字体大小,即将尾部的页面名称的字体大小放大至大于其他页面名称;改变横向队列的尾部中的页面名称的字体颜色,即将尾部的页面名称的字体颜色设置为区别与其他页面名称;为横向队列的尾部中的页面名称添加下划线,即为尾部的页面名称添加下户线而其他页面名称不添加下划线。
再次参考图2a,在该短视频APP中当前页面推荐页的页面名称“推荐”的字体大小大于关注页的页面名称“关注”的字体大小,即突出显示推荐页的页面名称,用户可以更直观的确定显示界面显示的第一页面为推荐页。当用户向右滑动切换至关注页后,导航栏中页面标识也切换显示至横向队列尾部,且页面名称“关注”的字体大小大于推荐页的页面名称“推荐”,即突出显示关注页的页面名称,用户可以更直观的确定显示界面显示的第一页面为关注页。
在本公开的一种可选实施例中,该方法还可以包括:
在将显示界面中的当前页面切换为下一页面的同时,显示相应的页面切换动画。
具体地,为了增加用户对第一页面切换动作的感知度,可在页面切换的同时增加相应的页面切换动画。
具体地,显示相应的页面切换动画,包括:
显示页面近大远小的页面切换动画和/或页面逐渐覆盖的页面切换动画。
具体地,当从当前页面切换至下一页面的过程中,页面近大远小的页面切换动画可以为下一页面的尺寸越来越大,当前页面的尺寸越来越小;页面逐渐覆盖的页面切换动画可以为下一页面逐渐覆盖当前页面。
举例来说,如图4所示,为某短视频APP的切换动画示意图,该短视频APP包括两个第一页面分别为推荐页401和关注页402,在用户通过向右滑动从推荐页切换至关注页的过程中,左图中显示了当前页面为推荐页401,在切换过程中,如中间图所示,关注页402逐渐覆盖推荐页401,且推荐页401的显示尺寸逐渐变小,直至右图中关注页完全覆盖推荐页401完成切换。需要说明的是,页面切换的同时,导航栏403中页面名称的字体大小也按近大远小的逐渐变换字体大小,具体来说,切换过程中关注页的页面名称“关注”逐渐变大,推荐页的页面名称“推荐”逐渐变小,直至切换完成时各自变为预设大小。由上述描述可知,在第一页面切换过程中,通过页面逐渐覆盖效果、页面尺寸变化以及字体大小变化,增强用户对第一页面切换过程的视觉感知度,提高用户体验。
图5为本公开实施例提供的一种应用程序的页面切换装置的结构框图,如图5所示,该装置500可以包括:页面显示模块501、滑动操作获取模块502以及页面切换模块503,其中:
页面显示模块501用于在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面;
滑动操作获取模块502用于获取针对当前页面的滑动操作;
页面切换模块503用于若滑动操作为第一滑动切换操作,将显示界面中的当前页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。
本公开提供的方案,在APP的任一第一页面通过用户发出的第一滑 动切换操作实现从当前显示的第一页面切换至显示其他第一页面,使得APP中从每一第一页面切换至其他第一页面的切换动作对应的滑动操作都相同,用户在进行页面切换时滑动操作更流畅,同时,在进行页面切换时同步调整显示界面预设区域内各第一页面的页面标识的位置,使得在页面切换后,用户能够快速识别显示界面所显示的第一页面。
在本公开的一种可选实施例中,该装置还可以包括第二页面切换模块,用于:
若滑动操作为第二滑动切换操作,从当前页面切换至当前页面对应的第二页面。
在本公开的一种可选实施例中,该装置还可以包括滑动操作类型确定模块,用于
在获取针对当前页面的滑动操作之后,若滑动操作的滑动方向为第一横向,且对应的滑动距离不小于设定距离,则确定滑动操作为第一滑动切换操作;若滑动操作的滑动方向为第二横向,且对应的滑动距离不小于设定距离,则确定滑动操作为第二滑动切换操作;
其中,第一横向和第二横向为相反方向。
在本公开的一种可选实施例中,页面切换模块具体用于:
若当前页面不为排序最后的第一页面,则从当前页面切换至排序在当前页面之后且与当前页面排序相邻的第一页面,若当前页面为排序最后的第一页面,则从当前页面切换至排序最前的第一页面。
在本公开的一种可选实施例中,各页面标识以横向队列形式显示在预设区域,页面切换模块具体用于:
将下一页面的页面标识显示在横向队列的尾部,并将当前页面的页面标识显示在横向队列的头部。
在本公开的一种可选实施例中,该装置还可以包括突出显示模块,具体用于执行以下中的至少一项:
放大横向队列的尾部中的页面名称的字体大小;
改变横向队列的尾部中的页面名称的字体颜色;
为横向队列的尾部中的页面名称添加下划线。
在本公开的一种可选实施例中,该装置还可以包括切换动画显示模块,用于:
在将显示界面中的当前页面切换为下一页面的同时,显示相应的页面切换动画。
在本公开的一种可选实施例中,切换动画显示模块具体用于:
显示页面近大远小的页面切换动画和/或页面逐渐覆盖的页面切换动画。
下面参考图6,其示出了适于用来实现本公开实施例的电子设备(例如执行图1所示方法的终端设备或服务器)600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
电子设备包括:存储器以及处理器,其中,这里的处理器可以称为下文所述的处理装置601,存储器可以包括下文中的只读存储器(ROM)602、随机访问存储器(RAM)603以及存储装置608中的至少一项,具体如下所示:
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6 示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读存储介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网 络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:
在应用程序的显示界面中显示当前页面,并在显示界面的预设区域显示应用程序的至少两个第一页面的页面标识,其中,当前页面为至少两个第一页面中的任一第一页面;获取针对当前页面的滑动操作;若滑动操作为第一滑动切换操作,将显示界面中的当前页面切换为下一页面,并调整预设区域内各页面标识的位置,下一页面为至少两个第一页面中除当前页面之外的第一页面。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的 功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块或单元的名称在某种情况下并不构成对该单元本身的限定,例如,页面显示模块还可以被描述为“显示页面的模块”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,本公开提供了一种应用程序的页面切换方法,包括:
在所述应用程序的显示界面中显示当前页面,并在所述显示界面的预设区域显示所述应用程序的至少两个第一页面的页面标识,其中,所述当前页面为所述至少两个第一页面中的任一第一页面;
获取针对所述当前页面的滑动操作;
若所述滑动操作为第一滑动切换操作,将所述显示界面中的所述当前页面切换为下一页面,并调整所述预设区域内各页面标识的位置,所述下一页面为所述至少两个第一页面中除所述当前页面之外的第一页面。
根据本公开的一个或多个实施例,所述方法还包括:
若所述滑动操作为第二滑动切换操作,从所述当前页面切换至所述当前页面对应的第二页面。
根据本公开的一个或多个实施例,在所述获取针对所述当前页面的滑动操作之后,所述方法还包括:
若所述滑动操作的滑动方向为第一横向,且对应的滑动距离不小于设定距离,则确定所述滑动操作为所述第一滑动切换操作;
若所述滑动操作的滑动方向为第二横向,且对应的滑动距离不小于设定距离,则确定所述滑动操作为所述第二滑动切换操作;
其中,所述第一横向和所述第二横向为相反方向。
根据本公开的一个或多个实施例,
所述至少两个第一页面按预定顺序进行排序,所述将所述显示界面中的所述当前页面切换为下一页面,包括:
若所述当前页面不为排序最后的第一页面,则从所述当前页面切换至排序在所述当前页面之后且与所述当前页面排序相邻的第一页面,若当前页面为排序最后的第一页面,则从所述当前页面切换至排序最前的第一页面。
根据本公开的一个或多个实施例,各页面标识以横向队列形式显示在所述预设区域,所述调整所述预设区域内各页面标识的位置,包括:
将所述下一页面的页面标识显示在所述横向队列的尾部,并将所述当前页面的页面标识显示在所述横向队列的头部。
根据本公开的一个或多个实施例,所述页面标识为对应第一页面的页面名称,所述方法还包括以下中的至少一项:
放大所述横向队列的尾部中的页面名称的字体大小;
改变所述横向队列的尾部中的页面名称的字体颜色;
为所述横向队列的尾部中的页面名称添加下划线。
根据本公开的一个或多个实施例,所述方法还包括:
在将所述显示界面中的所述当前页面切换为下一页面的同时,显示相应的页面切换动画。
根据本公开的一个或多个实施例,所述显示相应的页面切换动画,包括:
显示页面近大远小的页面切换动画和/或页面逐渐覆盖的页面切换动画。
根据本公开的一个或多个实施例,本公开实施了一种应用程序的页面切换装置,包括:
页面显示模块,用于在所述应用程序的显示界面中显示当前页面,并在所述显示界面的预设区域显示所述应用程序的至少两个第一页面的页面标识,其中,所述当前页面为所述至少两个第一页面中的任一第一页面;
滑动操作获取模块,用于获取针对所述当前页面的滑动操作;
页面切换模块,用于若所述滑动操作为第一滑动切换操作,将所述显示界面中的所述当前页面切换为下一页面,并调整所述预设区域内各页面标识的位置,所述下一页面为所述至少两个第一页面中除所述当前页面之外的第一页面。
根据本公开的一个或多个实施例,本公开提供了一种电子设备,包括存储器和处理器;
存储器中存储有程序;
处理器,用于执行程序以实现上述一个或多个实施例中的方法。
根据本公开的一个或多个实施例,本公开提供了一种非暂时性可读可读存储介质,非暂时性可读可读存储介质上存储有程序,程序被处理器执行时实现上述一个或多个实施例中的方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方 案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (11)
- 一种应用程序的页面切换方法,所述方法包括:在所述应用程序的显示界面中显示当前页面,并在所述显示界面的预设区域显示所述应用程序的至少两个第一页面的页面标识,其中,所述当前页面为所述至少两个第一页面中的任一第一页面;获取针对所述当前页面的滑动操作;若所述滑动操作为第一滑动切换操作,将所述显示界面中的所述当前页面切换为下一页面,并调整所述预设区域内各页面标识的位置,所述下一页面为所述至少两个第一页面中除所述当前页面之外的第一页面。
- 根据权利要求1所述的方法,所述方法还包括:若所述滑动操作为第二滑动切换操作,从所述当前页面切换至所述当前页面对应的第二页面。
- 根据权利要求2所述的方法,所述方法还包括:在获取针对所述当前页面的滑动操作之后,若所述滑动操作的滑动方向为第一横向,且对应的滑动距离不小于设定距离,则确定所述滑动操作为所述第一滑动切换操作;若所述滑动操作的滑动方向为第二横向,且对应的滑动距离不小于设定距离,则确定所述滑动操作为所述第二滑动切换操作;其中,所述第一横向和所述第二横向为相反方向。
- 根据权利要求1所述的方法,其中,所述至少两个第一页面按预定顺序进行排序,将所述显示界面中的所述当前页面切换为下一页面,包括:若所述当前页面不为排序最后的第一页面,则从所述当前页面切换至排序在所述当前页面之后且与所述当前页面排序相邻的第一页面,若当前页面为排序最后的第一页面,则从所述当前页面切换至排序最前的第一页 面。
- 根据权利要求1所述的方法,其中,各页面标识以横向队列形式显示在所述预设区域,调整所述预设区域内各页面标识的位置,包括:将所述下一页面的页面标识显示在所述横向队列的尾部,并将所述当前页面的页面标识显示在所述横向队列的头部。
- 根据权利要求5所述的方法,其中,所述页面标识为对应第一页面的页面名称,所述方法还包括以下中的至少一项:放大所述横向队列的尾部中的页面名称的字体大小;改变所述横向队列的尾部中的页面名称的字体颜色;为所述横向队列的尾部中的页面名称添加下划线。
- 根据权利要求1所述的方法,所述方法还包括:在将所述显示界面中的所述当前页面切换为下一页面的同时,显示相应的页面切换动画。
- 根据权利要求7所述的方法,其中,显示相应的页面切换动画,包括:显示页面近大远小的页面切换动画和/或页面逐渐覆盖的页面切换动画。
- 一种应用程序的页面切换装置,所述装置包括:页面显示模块,用于在所述应用程序的显示界面中显示当前页面,并在所述显示界面的预设区域显示所述应用程序的至少两个第一页面的页面标识,其中,所述当前页面为所述至少两个第一页面中的任一第一页面;滑动操作获取模块,用于获取针对所述当前页面的滑动操作;页面切换模块,用于若所述滑动操作为第一滑动切换操作,将所述显示界面中的所述当前页面切换为下一页面,并调整所述预设区域内各页面标识的位置,所述下一页面为所述至少两个第一页面中除所述当前页面之外的第一页面。
- 一种电子设备,所述电子设备:存储器,所述存储器中存储有程序;以及处理器,所述处理器用于执行所述程序以实现权利要求1至8中任一项所述的方法。
- 一种非暂时性可读存储介质,所述非暂时性可读存储介质上存储有程序,所述程序被处理器执行时实现权利要求1至8中任一项所述的方法。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2022548430A JP7511657B2 (ja) | 2020-04-30 | 2021-03-26 | アプリケーションのページ切り替え方法、装置、電子機器及び非一時的な可読記憶媒体 |
EP21796187.9A EP4089517A4 (en) | 2020-04-30 | 2021-03-26 | PAGE CHANGE METHOD AND DEVICE, AND ELECTRONIC DEVICE AND NON-VOLATILE READABLE STORAGE MEDIA |
US17/885,845 US20230004268A1 (en) | 2020-04-30 | 2022-08-11 | Page switching method and apparatus for application, electronic device and non-transitory readable storage medium |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010364405.9 | 2020-04-30 | ||
CN202010364405.9A CN111580718A (zh) | 2020-04-30 | 2020-04-30 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
US17/885,845 Continuation US20230004268A1 (en) | 2020-04-30 | 2022-08-11 | Page switching method and apparatus for application, electronic device and non-transitory readable storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2021218519A1 true WO2021218519A1 (zh) | 2021-11-04 |
Family
ID=72113302
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2021/083408 WO2021218519A1 (zh) | 2020-04-30 | 2021-03-26 | 应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质 |
Country Status (5)
Country | Link |
---|---|
US (1) | US20230004268A1 (zh) |
EP (1) | EP4089517A4 (zh) |
JP (1) | JP7511657B2 (zh) |
CN (1) | CN111580718A (zh) |
WO (1) | WO2021218519A1 (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115119040A (zh) * | 2022-07-19 | 2022-09-27 | 北京字跳网络技术有限公司 | 视频处理方法、装置、电子设备以及存储介质 |
Families Citing this family (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
CN112083859B (zh) * | 2020-09-02 | 2021-10-15 | 北京金堤征信服务有限公司 | 多页面数据聚合处理方法和装置 |
CN112162677B (zh) * | 2020-09-11 | 2022-04-22 | 北京浪潮数据技术有限公司 | 一种菜单页签定位方法、装置、设备及存储介质 |
CN112256167A (zh) * | 2020-09-30 | 2021-01-22 | 北京达佳互联信息技术有限公司 | 多媒体资源切换方法、装置、电子设备及存储介质 |
CN112836156A (zh) * | 2021-01-27 | 2021-05-25 | 网易传媒科技(北京)有限公司 | 页面切换方法、装置、电子设备及计算机可读存储介质 |
CN113127779B (zh) * | 2021-03-22 | 2024-06-21 | 北京达佳互联信息技术有限公司 | 一种数据查看方法、装置、电子设备和存储介质 |
CN113204299B (zh) * | 2021-05-21 | 2023-05-05 | 北京字跳网络技术有限公司 | 显示方法、装置、电子设备和存储介质 |
CN113760150B (zh) * | 2021-09-22 | 2023-05-30 | 北京字跳网络技术有限公司 | 页面处理方法、装置、设备及存储介质 |
CN113918073A (zh) * | 2021-10-29 | 2022-01-11 | 北京达佳互联信息技术有限公司 | 界面处理方法、装置、电子设备及计算机可读存储介质 |
CN113986102A (zh) * | 2021-11-08 | 2022-01-28 | 北京字跳网络技术有限公司 | 显示控制方法、装置、电子设备和存储介质 |
KR20230110023A (ko) * | 2022-01-14 | 2023-07-21 | 라인플러스 주식회사 | 소셜 플랫폼의 랜딩 페이지를 동적으로 제공하는 방법, 컴퓨터 장치, 및 컴퓨터 프로그램 |
CN114491349B (zh) * | 2022-02-15 | 2023-09-19 | 北京字跳网络技术有限公司 | 页面显示方法、装置、电子设备、存储介质和程序产品 |
CN114756315A (zh) * | 2022-03-23 | 2022-07-15 | 阿波罗智联(北京)科技有限公司 | 对话页面切换方法、装置、设备及存储介质 |
CN114756778A (zh) * | 2022-04-06 | 2022-07-15 | 北京字跳网络技术有限公司 | 用于页面交互的方法、装置、设备和存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013173968A1 (zh) * | 2012-05-21 | 2013-11-28 | 宇龙计算机通信科技(深圳)有限公司 | 终端和应用功能界面的切换方法 |
CN103488398A (zh) * | 2013-09-16 | 2014-01-01 | 深圳市同洲电子股份有限公司 | 一种页面显示方法、装置和智能终端 |
CN105843491A (zh) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | 页面快速导航切换方法、装置及终端 |
US9471201B1 (en) * | 2014-05-20 | 2016-10-18 | Google Inc. | Laptop-to-tablet mode adaptation |
CN108491124A (zh) * | 2018-03-08 | 2018-09-04 | 腾讯科技(深圳)有限公司 | 一种界面处理方法及其设备、存储介质、终端 |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
Family Cites Families (38)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2001184042A (ja) | 1999-12-22 | 2001-07-06 | Nec Information Service Ltd | イメージ表示装置 |
EP1469375B1 (en) * | 2002-01-22 | 2011-07-13 | Fujitsu Limited | Menu element selecting device and method |
US8769408B2 (en) * | 2005-10-07 | 2014-07-01 | Apple Inc. | Intelligent media navigation |
US7966577B2 (en) * | 2005-10-11 | 2011-06-21 | Apple Inc. | Multimedia control center |
US20070186173A1 (en) * | 2006-02-03 | 2007-08-09 | Yahoo! Inc. | Instant messenger alerts and organization systems |
TWI360775B (en) | 2008-04-22 | 2012-03-21 | Htc Corp | Method and apparatus for operating user interface |
CN101546248B (zh) * | 2009-05-05 | 2014-04-09 | 阿里巴巴集团控股有限公司 | 一种级联式选择菜单的呈现方法及装置 |
JP2011041222A (ja) | 2009-08-18 | 2011-02-24 | Sony Corp | 遠隔操作装置、遠隔操作方法、表示装置及び表示方法 |
US20130067366A1 (en) * | 2011-09-14 | 2013-03-14 | Microsoft Corporation | Establishing content navigation direction based on directional user gestures |
US20130198677A1 (en) * | 2012-02-01 | 2013-08-01 | Cisco Technology, Inc. | Touchscreen Display and Navigation |
US20130239062A1 (en) | 2012-03-06 | 2013-09-12 | Apple Inc. | Operations affecting multiple images |
US9696879B2 (en) * | 2012-09-07 | 2017-07-04 | Google Inc. | Tab scrubbing using navigation gestures |
US9448694B2 (en) * | 2012-11-09 | 2016-09-20 | Intel Corporation | Graphical user interface for navigating applications |
CN103809896B (zh) * | 2012-11-15 | 2018-11-09 | 腾讯科技(深圳)有限公司 | 一种页面切换方法及装置 |
JP2013149299A (ja) | 2013-05-09 | 2013-08-01 | Toshiba Corp | 電子機器及び表示制御方法 |
KR20150006235A (ko) * | 2013-07-08 | 2015-01-16 | 삼성전자주식회사 | 결합된 ui 구성 요소를 제공하는 휴대 장치 및 그 제어 방법 |
JP6331534B2 (ja) | 2014-03-18 | 2018-05-30 | カシオ計算機株式会社 | 画像表示装置、画像表示方法、及び画像表示装置のプログラム |
US10599292B2 (en) | 2015-01-27 | 2020-03-24 | Ntt Docomo, Inc. | Display control device and program |
US9891811B2 (en) * | 2015-06-07 | 2018-02-13 | Apple Inc. | Devices and methods for navigating between user interfaces |
EP3278207B1 (en) * | 2016-05-17 | 2022-08-31 | Huawei Technologies Co., Ltd. | Electronic device and method for the electronic device |
DK201670609A1 (en) | 2016-06-12 | 2018-01-02 | Apple Inc | User interfaces for retrieving contextually relevant media content |
KR20180058445A (ko) * | 2016-11-24 | 2018-06-01 | 엘지전자 주식회사 | 이동 단말기 및 그의 동작 방법 |
CN106775708A (zh) * | 2016-12-13 | 2017-05-31 | 北京小米移动软件有限公司 | 移动终端的页面切换控制方法及装置 |
US11036387B2 (en) * | 2017-05-16 | 2021-06-15 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
US10203866B2 (en) * | 2017-05-16 | 2019-02-12 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces and interacting with control objects |
WO2019000232A1 (en) * | 2017-06-27 | 2019-01-03 | Microsoft Technology Licensing, Llc | NAVIGATING BETWEEN PAGES IN AN OFFICE LAUNCHER |
EP3617861A4 (en) * | 2017-06-30 | 2020-05-13 | Huawei Technologies Co., Ltd. | METHOD FOR DISPLAYING A GRAPHIC USER INTERFACE AND ELECTRONIC DEVICE |
WO2019073813A1 (ja) | 2017-10-12 | 2019-04-18 | ソニー株式会社 | 情報処理端末、情報処理方法、およびプログラム |
US11561679B2 (en) * | 2017-11-09 | 2023-01-24 | Rakuten Group Inc. | Display control system, display control method, and program for page arrangement of information items |
US11797150B2 (en) * | 2018-05-07 | 2023-10-24 | Apple Inc. | Devices, methods, and graphical user interfaces for navigating between user interfaces, displaying a dock, and displaying system user interface elements |
DK180316B1 (en) * | 2018-06-03 | 2020-11-06 | Apple Inc | Devices and methods for interacting with an application switching user interface |
US11893228B2 (en) * | 2018-06-03 | 2024-02-06 | Apple Inc. | Devices and methods for interacting with an application switching user interface |
CN108881994B (zh) * | 2018-06-29 | 2020-01-14 | 北京微播视界科技有限公司 | 视频访问方法、客户端、装置、终端、服务器和存储介质 |
CN114397981A (zh) * | 2018-11-26 | 2022-04-26 | 华为技术有限公司 | 一种应用显示方法及电子设备 |
CN109542296A (zh) * | 2018-11-30 | 2019-03-29 | 北京字节跳动网络技术有限公司 | 一种标题的切换方法、装置、电子设备及可读介质 |
CN109947521B (zh) * | 2019-03-28 | 2022-12-27 | 北京小米移动软件有限公司 | 界面切换方法、装置以及存储介质 |
KR102276048B1 (ko) * | 2019-05-13 | 2021-07-12 | 네이버 주식회사 | 새로운 사용자 경험의 정보 제공 인터페이스 방법 및 그 시스템 |
CN110868626B (zh) * | 2019-11-06 | 2021-06-11 | 北京达佳互联信息技术有限公司 | 一种内容数据预加载的方法及装置 |
-
2020
- 2020-04-30 CN CN202010364405.9A patent/CN111580718A/zh active Pending
-
2021
- 2021-03-26 EP EP21796187.9A patent/EP4089517A4/en active Pending
- 2021-03-26 JP JP2022548430A patent/JP7511657B2/ja active Active
- 2021-03-26 WO PCT/CN2021/083408 patent/WO2021218519A1/zh unknown
-
2022
- 2022-08-11 US US17/885,845 patent/US20230004268A1/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2013173968A1 (zh) * | 2012-05-21 | 2013-11-28 | 宇龙计算机通信科技(深圳)有限公司 | 终端和应用功能界面的切换方法 |
CN103488398A (zh) * | 2013-09-16 | 2014-01-01 | 深圳市同洲电子股份有限公司 | 一种页面显示方法、装置和智能终端 |
US9471201B1 (en) * | 2014-05-20 | 2016-10-18 | Google Inc. | Laptop-to-tablet mode adaptation |
CN105843491A (zh) * | 2016-03-18 | 2016-08-10 | 华为技术有限公司 | 页面快速导航切换方法、装置及终端 |
CN108491124A (zh) * | 2018-03-08 | 2018-09-04 | 腾讯科技(深圳)有限公司 | 一种界面处理方法及其设备、存储介质、终端 |
CN111580718A (zh) * | 2020-04-30 | 2020-08-25 | 北京字节跳动网络技术有限公司 | 应用程序的页面切换方法、装置、电子设备及存储介质 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115119040A (zh) * | 2022-07-19 | 2022-09-27 | 北京字跳网络技术有限公司 | 视频处理方法、装置、电子设备以及存储介质 |
CN115119040B (zh) * | 2022-07-19 | 2024-01-30 | 北京字跳网络技术有限公司 | 视频处理方法、装置、电子设备以及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111580718A (zh) | 2020-08-25 |
EP4089517A1 (en) | 2022-11-16 |
EP4089517A4 (en) | 2023-07-05 |
JP7511657B2 (ja) | 2024-07-05 |
US20230004268A1 (en) | 2023-01-05 |
JP2023513246A (ja) | 2023-03-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2021218519A1 (zh) | 应用程序的页面切换方法、装置、电子设备及非暂时性可读存储介质 | |
WO2021088798A1 (zh) | 信息展示方法、装置、电子设备和计算机可读介质 | |
WO2020133373A1 (zh) | 视频处理方法、装置、电子设备及计算机可读存储介质 | |
WO2021135626A1 (zh) | 菜单项选择方法、装置、可读介质及电子设备 | |
WO2020253453A1 (zh) | 图像切换方法、装置、电子设备及存储介质 | |
CN112015314B (zh) | 信息展示方法、装置、电子设备和介质 | |
WO2023045872A1 (zh) | 页面跳转方法、装置、设备、存储介质和程序产品 | |
WO2021228234A1 (zh) | 应用程序的互动消息展示方法、装置及可读存储介质 | |
WO2021197024A1 (zh) | 视频特效配置文件生成方法、视频渲染方法及装置 | |
WO2021073327A1 (zh) | 窗口显示方法、装置、终端及存储介质 | |
EP4343513A1 (en) | Information presentation method and apparatus, and electronic device and storage medium | |
WO2023155728A1 (zh) | 页面显示方法、装置、电子设备、存储介质和程序产品 | |
EP4439287A1 (en) | Prompt method and apparatus based on document sharing, device, and medium | |
WO2021244480A1 (zh) | 主题视频生成方法、装置、电子设备及可读存储介质 | |
WO2022218034A1 (zh) | 交互方法、装置和电子设备 | |
WO2023125161A1 (zh) | 直播间控制方法、装置、电子设备、介质及程序产品 | |
US12074926B2 (en) | Information switching and sharing method, device, electronic apparatus, and storage medium | |
WO2023104006A1 (zh) | 图像特效包的生成方法、装置、设备及存储介质 | |
WO2023011176A1 (zh) | 背景图的生成方法、装置、电子设备和存储介质 | |
CN112000267A (zh) | 信息显示方法、装置、设备及存储介质 | |
CN110070592A (zh) | 特效包的生成方法、装置和硬件装置 | |
WO2021244651A1 (zh) | 信息显示方法、装置、终端及存储介质 | |
US20230409813A1 (en) | Document processing method, apparatus and device, and medium | |
WO2021057738A1 (zh) | 用户界面展示方法、装置、计算机可读介质及电子设备 | |
US20230421623A1 (en) | Presentation method and apparatus, and electronic device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 21796187 Country of ref document: EP Kind code of ref document: A1 |
|
ENP | Entry into the national phase |
Ref document number: 2022548430 Country of ref document: JP Kind code of ref document: A |
|
ENP | Entry into the national phase |
Ref document number: 2021796187 Country of ref document: EP Effective date: 20220811 |
|
NENP | Non-entry into the national phase |
Ref country code: DE |