WO2023036168A1 - 页面切换方法、装置、设备及存储介质 - Google Patents

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

Info

Publication number
WO2023036168A1
WO2023036168A1 PCT/CN2022/117490 CN2022117490W WO2023036168A1 WO 2023036168 A1 WO2023036168 A1 WO 2023036168A1 CN 2022117490 W CN2022117490 W CN 2022117490W WO 2023036168 A1 WO2023036168 A1 WO 2023036168A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
preset
area
type
preset area
Prior art date
Application number
PCT/CN2022/117490
Other languages
English (en)
French (fr)
Inventor
李昭莹
Original Assignee
北京字跳网络技术有限公司
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 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023036168A1 publication Critical patent/WO2023036168A1/zh

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
    • 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/0483Interaction with page-structured environments, e.g. book metaphor
    • 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/0485Scrolling or panning

Definitions

  • Embodiments of the present disclosure relate to the field of computer technology, for example, to a page switching method, device, device, and storage medium.
  • Embodiments of the present disclosure provide a page switching method, device, storage medium and equipment, which can improve the page switching solution in the related art.
  • an embodiment of the present disclosure provides a page switching method, including:
  • the first page In response to determining that the first page is currently displayed in the preset application program, receiving a sliding operation for the first page and determining a target action area corresponding to the sliding operation, wherein the page type of the first page is the first type , the first page includes a first preset area and a second preset area;
  • the target page In response to the sliding operation, switch to displaying the target page, wherein, in response to determining that the target action area is the first preset area, the target page is the second page, and in response to determining that the target action area is the second preset area.
  • the target page In the preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, the first type and the second type different.
  • an embodiment of the present disclosure provides a page switching device, including:
  • the active area determination module is configured to receive a sliding operation for the first page and determine a target active area corresponding to the sliding operation in response to determining that the first page is currently displayed in the preset application program, wherein the first page
  • the page type is the first type, and the first page includes a first preset area and a second preset area;
  • the page switching module is configured to switch to display a target page in response to the sliding operation, wherein, in response to determining that the target action area is the first preset area, the target page is the second page, and in response to determining the The target action area is the second preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, and the first type different from the second type.
  • the embodiments of the present disclosure provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the page switching method provided in the embodiments of the present disclosure is implemented.
  • an embodiment of the present disclosure provides an electronic device, including a memory, a processor, and a computer program stored on the memory and operable on the processor.
  • the processor executes the computer program, the computer program according to the present disclosure is implemented.
  • the page switching method provided by the embodiment.
  • FIG. 1 is a schematic flowchart of a page switching method provided by an embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of page switching in the related art
  • FIG. 3 is a schematic flowchart of another page switching method provided by an embodiment of the present disclosure.
  • FIG. 4 is a schematic diagram of page area division provided by an embodiment of the present disclosure.
  • FIG. 5 is a schematic diagram of a page provided by an embodiment of the present disclosure.
  • FIG. 6 is another schematic diagram of a page provided by an embodiment of the present disclosure.
  • FIG. 7 is a schematic diagram of page switching provided by an embodiment of the present disclosure.
  • FIG. 8 is another schematic diagram of page switching provided by an embodiment of the present disclosure.
  • FIG. 9 is a structural block diagram of a page switching device provided by an embodiment of the present disclosure.
  • Fig. 10 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “comprise” and its variations are open-ended, ie “including but not limited to”.
  • the term “based on” is “based at least in part on”.
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
  • each embodiment provides example features and examples at the same time, multiple features recorded in the embodiments can be combined to form multiple example solutions, and each numbered embodiment should not be regarded as only as a technical solution.
  • FIG. 1 is a schematic flow chart of a page switching method provided by an embodiment of the present disclosure.
  • the method can be executed by a page switching device, wherein the device can be implemented by software and/or hardware, and generally can be integrated in an electronic device.
  • the electronic device can be a mobile device such as a mobile phone, a smart watch, a tablet computer, and a personal digital assistant; it can also be other devices such as a desktop computer.
  • the method includes:
  • Step 101 In the case that the first page is currently displayed in the preset application program, receive a sliding operation for the first page and determine the target action area corresponding to the sliding operation, wherein the page type of the first page is For the first type, the first page includes a first preset area and a second preset area.
  • the type of the preset application program is not specifically limited, for example, it may be a short video application program, an instant messaging application program, or a live broadcast application program, or other types of application programs.
  • the page type of the first page is the first type.
  • the division method of the page type and the specific type of the first type are not limited, and can be set according to the actual needs of the preset application program.
  • the first type includes pages that can be switched in sequence by sliding operations Multiple pages at the same level, such as multiple tab pages included in the homepage of the application, such as tab pages such as recommendation pages and attention pages, the preset application program can contain at least two pages of the first type, and the specific number is not limited.
  • the content to be displayed on the first page is not limited, and the source and push mechanism of the content to be displayed can be designed by the developer.
  • the first page may be any page of the first type, or a specified page in the first type, and the conditions or timings for triggering the display of the first page are not limited.
  • different pages of the first type can be distinguished by page identifiers (for the type of tabbed pages, for example, page tags), and the page identifiers can also be used to indicate the content displayed in the first type of pages
  • the source and push mechanism of the page, the page identification can be a specific icon or text, etc.
  • the page identifier may be displayed in a designated area of the first type of page.
  • the designated area may be, for example, a tab bar set at the top area of the page.
  • the first preset area and the second preset area are set. Generally, there is no intersection between the first preset area and the second preset area, that is, there is generally no overlapping area.
  • the first preset area The partial boundary of the area may be connected to the partial boundary of the second preset area.
  • the first preset area and the second preset area generally do not include the tab bar at the top of the page and the navigation bar at the bottom of the page. For example, the area of the first preset area is larger than the area of the second preset area.
  • the manner in which the user inputs the sliding operation may be related to the type of the electronic device.
  • the sliding operation may be input by pressing and sliding on the screen with a finger or a stylus; for
  • the sliding operation can also be input by means of an input device such as a mouse.
  • the electronic device can receive the sliding operation for the first page according to the input mode of the supported touch operation.
  • the electronic devices supporting the touch operation are relatively popular. illustrate.
  • the target action area corresponding to the sliding operation may include the area where the action starting point of the sliding operation is located, and may also include the area where the action track of the sliding operation is located.
  • the sliding gesture can be disassembled into three stages: touching the screen or pressing the screen, holding and dragging, and leaving the screen.
  • the finger position when touching the screen or pressing the screen can be regarded as the starting point of the action.
  • the corresponding drag track during the dragging process can be regarded as the action track
  • the position of the finger when leaving the screen can be regarded as the end point of the action
  • the starting point of the action is also the starting point of the action track
  • the end point of the action is also the end point of the action track.
  • the direction of the sliding operation is generally horizontal or vertical, which can be set according to actual needs.
  • the page tabs are generally displayed in the tab bar in a horizontal arrangement, and the direction of the sliding operation can be horizontal, which is consistent with the arrangement direction of the page tabs, which is more in line with the user's visual habits.
  • Step 102 In response to the sliding operation, switch to displaying the target page, where, in the case where the target action area is the first preset area, the target page is the second page, and in the case where the target action area is In the case of the second preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, the first type and The second type is different.
  • the second type of page may be associated with the preset first type of page, and the specific association relationship may be based on the content being displayed on the first type of page and the content contained in the second type of page content to be determined.
  • the second type of page is the page to which at least one first type of page is switched to when the target action area corresponding to the sliding operation is the first preset area, that is, a part of the first type of page in the present disclosure.
  • the target action area corresponding to the sliding operation is the first preset area or the second preset area
  • all types of pages are switched to the second type of page, while the other part of the first type of page can only be accessed through the corresponding target action area.
  • a sliding operation in which the area is the second preset area switches to the second type of page.
  • the second type of page may be a page associated with the content displayed on the first type of page, such as the personal homepage of the content author, or the content associated with the content of the work, etc.
  • the homepage includes multiple tags Certain pages in Pages, such as the leftmost or rightmost tabs, can be swiped into a profile, but other tabs in the homepage cannot be swiped into a profile.
  • Certain pages in Pages such as the leftmost or rightmost tabs, can be swiped into a profile, but other tabs in the homepage cannot be swiped into a profile.
  • the target action area corresponding to the sliding operation it may first be determined whether the target action area is the first preset area or the second preset area. If the target action area is the first preset area, after the sliding operation ends, respond to the sliding operation, switch to display the second page, that is, switch between pages of the same type, specifically switch to the first type Which page can be determined according to the first preset switching rule.
  • the first preset switching rule can be set according to actual needs, for example, it can be determined according to the position of the page identifier corresponding to the first page, or it can be any page of the first type except the first page.
  • the page corresponding to the next page tab in the tab bar may be determined as the second page in an order opposite to the sliding direction. For example, if the sliding direction is from right to left, the page corresponding to the next page label is determined as the second page in the order from left to right. If the page label of the first page is in the opposite order of the sliding direction in the tab bar The last page tab of the tab bar, the page corresponding to the first page tab in the order opposite to the sliding direction in the tab bar may be determined as the second page. If the target action area is the second preset area, after the sliding operation is finished, the sliding operation may be responded to to switch to display the third page, that is, switch between different types of pages.
  • the number of pages of the second type is one or more, and if there are more than one, it can be determined which page of the pages of the second type to switch to according to the second preset switching rule, and the second preset switching rule can be based on Actual demand setting.
  • the specific switching process is not limited, it can be a transition from one page to another, that is, there are two pages with some page content being displayed at the same time It can also be a direct change from one page to another.
  • the target action area is neither the first preset area nor the second preset area, other response modes may be preset or no response to the sliding operation may be set.
  • the preset application program includes at least two pages of the first type, and the first page includes a first preset area and a second preset area.
  • the target action area is the first preset area
  • the target page is the second page
  • the target action area is the second preset area
  • the target page is the third page
  • the page type of the second page is the second page.
  • the page type of the third page is the second type.
  • the sliding operation can be used to switch pages in different forms, and the switching between pages of the same type or switching between different types of pages can be determined according to the target action area corresponding to the sliding operation, so as to ensure the convenience of operation At the same time, it meets different switching requirements, improves page switching efficiency, and improves application performance.
  • the third page before switching to displaying the third page, it may further include: displaying sliding prompt information within the first preset range corresponding to the second preset area, the sliding prompt information including sliding direction information and /or sliding result indication information, where the sliding result indication information is used to indicate that the display of the third page is about to be switched.
  • the sliding operation is mostly used for switching between pages of the same type. Users are generally not familiar with switching between different types of pages. You can remind users by displaying sliding prompt information to help users quickly grasp new switching methods.
  • the display method and display timing of the sliding prompt information are not limited, for example, it can be displayed in the form of a legend or text, it can be displayed when entering the first page, or it can be switched to the third page when the presence of the user is recognized. Displayed when required by the page.
  • the first preset range can be designed according to actual conditions, for example, it can be included in the second preset area, or include the second preset area, or be a set range adjacent to the second preset area, and the like.
  • the displaying the sliding prompt information within the first preset range of the second preset area includes: after detecting a touch operation acting on the second preset area, displaying the sliding prompt information in the second preset area
  • the sliding prompt information is displayed within the preset range of the area.
  • the touch operation can be understood as the operation of pressing the screen without lifting it up.
  • the user has the conditions to input the sliding operation for switching to the third page, and the user is reminded in time. If the user wants to enter the third page, there is no need to Lift your finger and slide your finger directly according to the sliding prompt information to switch and display the third page, which improves the reminder effect and improves the page switching efficiency.
  • the first preset control on the first page is displayed in the second preset area, wherein when the target action area is the second preset area, the sliding The action starting point of the operation falls within the associated range of the display area corresponding to the first preset control, and the associated range includes the display area.
  • the first preset control on the first page can be reused to effectively identify the second preset area, which is convenient for the user to quickly locate the second preset area.
  • the first page may generally include some controls for user input for interactive operations. These controls are generally triggered by a click operation, that is, an operation that the user presses and then lifts with a finger, and does not conflict with a slide operation.
  • a click operation that is, an operation that the user presses and then lifts with a finger
  • the associated range can be the range obtained after the display area is expanded to a preset distance around, and the specific expansion method can be determined according to the shape of the first preset control. If the first preset control is a circle, the associated range can be a radius The range where the larger concentric circles lie.
  • before switching to displaying the third page it further includes: controlling the first preset control to follow the sliding operation to move and display within the second preset range corresponding to the second preset area . This can enhance the fun of page switching.
  • the first preset control follows the sliding operation within the second preset range corresponding to the second preset area
  • the mobile display can visually present the effect of the first preset control being dragged, which enhances the interest.
  • the specific manner of moving and displaying the first preset control following the sliding operation is not limited, for example, the sliding direction and the sliding speed of the sliding operation may be determined, and the moving display is performed in the sliding direction according to the sliding speed. It should be noted that the sliding direction may be consistent with the user's finger movement direction, or there may be a small included angle.
  • the sliding direction is parallel to the edge of the screen; the moving speed of the first preset control may be proportional to the sliding speed.
  • the first preset control can be selected according to actual needs, and generally a control associated with the third page can be selected.
  • the second preset range can be designed according to actual conditions, for example, it can be included in the second preset area, or include the second preset area, or be a set range adjacent to the second preset area, and the like.
  • the display of the sliding prompt information may be combined with the movement display of the first preset control, and at this time, the first preset range may be the same as the second preset range.
  • the first preset control contains the first preset control
  • the sliding prompt information and the first preset control can be displayed simultaneously in the first preset range.
  • the sliding prompt information can adaptively adjust the display position and/or display content.
  • the preset application program is installed in the mobile terminal, and the second preset area is associated with the way the user holds the mobile terminal. This facilitates users to quickly and accurately input swipes for different types of page switching.
  • the second preset area can be located in the easy-to-operate area corresponding to the holding mode. There can be many ways to determine the easy-to-operate area. For example, the user group can investigate the holding mode and posture of mobile terminals of different models or shapes, etc.
  • set the screen area that is easy for most users to operate as the easy-to-operate area for another example, when the user starts to use the preset application program, the user can enter the grip mode input function according to the user's choice, and the user can enter the area that is easy to operate by the user , set the area as an easy-to-operate area.
  • the easy-to-operate area can also be referred to, and the first preset control can be selected from the controls in the easy-to-operate area.
  • the method further includes: determining the corresponding second preset area according to the way the user holds the mobile terminal, wherein the way of holding includes left-hand holding and/or right-hand holding .
  • the easy-to-operate area may also change, and the second preset area is dynamically and flexibly determined according to the holding method, which is convenient for the user to operate.
  • the method further includes: displaying a second preset control in the determined second preset area on the first page, wherein the target action area is the second preset control In the case of an area, the starting point of the sliding operation falls within the display area corresponding to the second preset control, and the second preset control is determined based on the way the user holds the mobile terminal.
  • the second preset control to identify the dynamically determined second preset area can facilitate the user to quickly locate the dynamically changing second preset area, and flexibly determine the second preset control based on the way the user holds the mobile terminal. , which can avoid a large change in the position of the second preset control, and facilitate the user to quickly find the second preset control.
  • the second preset control may be the same as or different from the above-mentioned first preset control.
  • the corresponding easy-to-operate area may be determined based on how the user holds the mobile terminal, and the control closest to the center point of the easy-to-operate area is determined as the second preset control.
  • the short video application has been favored by more and more users, and the user can browse various short video contents in the short video application.
  • the first type may be a tab page type
  • the second type may be a type other than the tab page type, or may be an independent page type.
  • the first type of pages may include recommendation pages and attention pages, and may also include regional pages, etc.
  • the recommendation pages short videos are recommended to users according to preset rules
  • the attention pages short videos released by authors of short videos that users follow
  • the short video is recommended to the user, and the short video released by the short video author in the user's area is recommended to the user in the region page, and the user can switch between multiple first-type pages according to actual needs.
  • the second type of page may be associated with the content displayed on the first type of page, for example, it may be the personal homepage of the author of the short video.
  • the personal homepage may contain the short video published by the author of the short video, and the recommendation page Or the relationship between the short video being displayed on the follow page and its corresponding personal homepage is that the author of the short video being displayed is the same as the short video contained in the personal homepage.
  • Fig. 2 is a schematic diagram of page switching in the related art.
  • the user when the concerned page is currently displayed, the user can switch to the recommended page by inputting a sliding operation from right to left.
  • the user can switch to the personal homepage of the author BB of the short video being played on the recommendation page by inputting a sliding operation from right to left.
  • the attention page if the user wants to switch to the personal homepage of the author AA of the short video being played on the attention page, he cannot switch by inputting a sliding operation, and can only design other forms of operation , unable to satisfy the user's sliding operation habits.
  • Fig. 3 is a schematic flow diagram of another page switching method provided by the embodiment of the present disclosure.
  • the embodiment of the present disclosure is based on multiple example solutions in the above embodiments for refinement, and the default application program is a short video application program as an example. , for example, the method includes the following steps:
  • Step 301 When the first page is currently displayed in the default application program, receive a sliding operation on the first page and determine the target action area corresponding to the sliding operation, wherein the page type of the first page is the first type, and the first page type is the first page type.
  • a page includes a first preset area and a second preset area.
  • the first type may be a tab page type
  • the first type of page may include a recommendation page and a follow page
  • the corresponding page tags may be respectively recommend and follow.
  • the second type of page is the personal homepage of the author of the short video, that is, the author of the short video being displayed on the first type of page is the same as the author of the second type of page.
  • FIG. 4 is a schematic diagram of page area division provided by an embodiment of the present disclosure. As shown in the figure, the first page includes a first preset area 401 and a second preset area 402.
  • first preset control 403 is displayed in the second preset area 402.
  • first preset control 403 is an avatar control
  • the first preset control 403 is displayed in the avatar control.
  • the short video application program is installed in a mobile terminal such as a mobile phone. Before this step, it may also include: acquiring the gripping method of the user holding the mobile terminal, determining the corresponding second preset area according to the gripping method, and The first preset control is displayed in the determined second preset area on the first page. For example, when the user holds it with the right hand, the easy-to-operate area includes the left area of the screen, and when the user holds it with the left hand, the easy-to-operate area includes the right area of the screen. What is shown in FIG. 4 may be the position of the corresponding second preset area when the left hand holds it. If the user holds it with the right hand, the first preset area 401 and the first preset control 403 therein can be displayed on the left side of the screen.
  • the target action area corresponding to the sliding operation may include the area where the action starting point of the sliding operation is located.
  • Step 302 Determine whether the target action area is the second preset area, and execute step 304 based on the judgment result that the target area is the second preset area; and execute step 303 based on the judgment result that the target area is not the second preset area.
  • first determine whether it is the first preset area or first determine whether it is an area other than the first preset area and the second preset area, which is not specifically limited.
  • FIG. 5 is a schematic diagram of a page provided by an embodiment of the present disclosure. As shown in Fig. 5, when the user touches the avatar control and does not lift the finger, a label bar 501 can be displayed, and the display area corresponding to the label bar 501 can be regarded as the first preview.
  • slide prompt information is displayed in the tab bar 501, wherein the slide prompt information includes slide direction information, which is represented by an arrow in the figure, and the slide prompt information also includes the slide result indication information "slide into the home page", which is used to indicate that the user is about to switch To the personal homepage of the author of the short video corresponding to the avatar, which is the third page.
  • the method may further include: controlling the first preset control to move and display within the second preset range corresponding to the second preset area following the sliding operation.
  • FIG. 6 is another schematic diagram of a page provided by an embodiment of the present disclosure. As shown in FIG. 6 , as the user slides the finger, the avatar control can follow the sliding operation in the display area corresponding to the label bar (at this time, the first preset range can be In addition, the content and display position of the sliding prompt information can also be adjusted accordingly. For example, when the avatar moves to the left side of the label bar, the sliding result indication information is adjusted to "release Enter".
  • Step 303 Determine whether the target action area is the first preset area, and execute step 305 based on the judgment result that the target action area is the first preset area; and end the process based on the judgment result that the target action area is not the first preset area .
  • the process may end without responding to the sliding operation.
  • other strategies may also be used to respond to the sliding operation, which is not specifically limited.
  • Step 304 in response to the sliding operation, switch to displaying a third page, wherein the page type of the third page is the second type, and the first type is different from the second type.
  • the sliding operation when the user releases the finger and the sliding distance corresponding to the sliding operation reaches a preset distance threshold, the sliding operation may be considered valid, and a response may be made to the sliding operation.
  • FIG. 7 is a schematic diagram of page switching provided by an embodiment of the present disclosure. As shown in FIG. 7 , since the corresponding target action area is the second preset area, it is possible to switch to the personal homepage of the author AA of the short video being played on the concerned page.
  • Step 305 in response to the sliding operation, switch to displaying the second page, wherein the page type of the second page is the first type.
  • FIG. 8 is another schematic diagram of page switching provided by an embodiment of the present disclosure. As shown in FIG. 8 , since the corresponding target action area is the first preset area, it is possible to switch to the next tab page, that is, the recommended page.
  • the page switching method provided by the embodiments of the present disclosure can use sliding operations acting on different areas to switch between tabs and between tabs and personal homepages, solving gestures Conflict, in line with the user's sliding operation habits, improve the efficiency of page switching.
  • the multiplexed avatar control can effectively identify the second preset area, which is convenient for the user to quickly locate the second preset area, and can further improve page switching efficiency.
  • the design of the tab bar can help users quickly understand how to switch between different types of pages, and the avatar can be moved and displayed following the sliding gesture, which enhances the fun of page switching.
  • FIG. 9 is a structural block diagram of a page switching device provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, and generally can be integrated in an electronic device, and can perform page switching by executing a page switching method. As shown in Figure 9, the device includes:
  • the active area determination module 901 is configured to receive a sliding operation on the first page and determine a target active area corresponding to the sliding operation when the first page is currently displayed in the preset application program, wherein the first page
  • the page type of a page is the first type, and the first page includes a first preset area and a second preset area;
  • the page switching module 902 is configured to switch to display a target page in response to the sliding operation, wherein, in the case where the target action area is the first preset area, the target page is the second page, and the target page is the second page in the When the target action area is the second preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, and the The first type is different from said second type.
  • the page switching device in the case that the first page is currently displayed in the preset application program, receives the sliding operation for the first page and determines the target action area corresponding to the sliding operation, and switches the page in response to the sliding operation.
  • the first page contains the first preset area and the second preset area, and when the target action area is the first preset area, the target The page is the second page, and when the target action area is the second preset area, the target page is the third page, the page type of the second page is the first type, and the page type of the third page is the second type.
  • the sliding operation can be used to switch pages in different forms, and the switching between pages of the same type or switching between different types of pages can be determined according to the target action area corresponding to the sliding operation, so as to ensure the convenience of operation At the same time, it meets different switching requirements, improves page switching efficiency, and improves application performance.
  • the device also includes:
  • the sliding prompt information display module is configured to display sliding prompt information within the first preset range corresponding to the second preset area before switching to displaying the third page, the sliding prompt information including sliding direction information and/or Sliding result indication information, the sliding result indication information is used to indicate that the display of the third page is about to be switched.
  • the slide prompt information display module is configured to display slide prompt information within a preset range of the second preset area after detecting a touch operation on the second preset area.
  • the first preset control on the first page is displayed in the second preset area, and if the target action area is the second preset area, the action starting point of the sliding operation falls into Within the associated range of the display area corresponding to the first preset control, the associated range includes the display area.
  • the device also includes:
  • the mobile display control module is configured to control the first preset control to move and display within the second preset range corresponding to the second preset area following the sliding operation before switching to displaying the third page.
  • the preset application program is installed in the mobile terminal, and the second preset area is associated with the way the user holds the mobile terminal.
  • the device also includes:
  • the second preset area determining module is configured to determine the corresponding second preset area according to the way the user holds the mobile terminal, wherein the holding way includes left-hand holding and/or right-hand holding.
  • the device also includes:
  • the second preset control display module is configured to display the second preset control in the determined second preset area on the first page, wherein the target action area is the second preset area.
  • the starting point of the sliding operation falls within the display area corresponding to the second preset control, and the second preset control is determined based on the way the user holds the mobile terminal.
  • the preset application program includes at least two pages of the first type, and the at least two pages of the first type can be switched sequentially through the sliding operation, wherein at least one page of the first type corresponds to In a case where the target action area of is the first preset area, switch to displaying the second type of page.
  • the first type includes a tab page type.
  • FIG. 10 it shows a schematic structural diagram of an electronic device 1000 suitable for implementing the embodiments of the present disclosure.
  • Electronic devices in the embodiments of the present disclosure may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), tablet computers (PAD), portable multimedia players (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital TVs, desktop computers, and the like.
  • PDA Personal Digital Assistant
  • PMP portable multimedia players
  • mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals)
  • fixed terminals such as digital TVs, desktop computers, and the like.
  • the electronic device shown in FIG. 10 is only an example, and should not limit the functions and application scope of the embodiments of the present disclosure.
  • an electronic device 1000 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) 1001, which may be randomly accessed according to a program stored in a read-only memory (ROM) 1002 or loaded from a storage device 1008.
  • a processing device such as a central processing unit, a graphics processing unit, etc.
  • RAM memory
  • various appropriate actions and processes are executed by programs in the memory (RAM) 1003 .
  • RAM 1003 In the RAM 1003, various programs and data necessary for the operation of the electronic device 1000 are also stored.
  • the processing device 1001, ROM 1002, and RAM 1003 are connected to each other through a bus 1004.
  • An input/output (I/O) interface 1005 is also connected to the bus 1004 .
  • an input device 1006 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; including, for example, a liquid crystal display (Liquid Crystal Display, LCD) , an output device 1007 such as a speaker, a vibrator, etc.; a storage device 1008 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1009.
  • the communication means 1009 may allow the electronic device 1000 to perform wireless or wired communication with other devices to exchange data. While FIG. 10 shows electronic device 1000 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer readable medium, the computer program including program code configured to execute the method shown in the flowchart.
  • the computer program may be downloaded and installed from a network via the communication means 1009, or from the storage means 1008, or from the ROM 1002.
  • the processing device 1001 the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • a computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, 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 that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to electrical wires, optical fiber cables, radio frequency (RF), etc., or any suitable combination of the foregoing.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
  • the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the electronic device, the electronic device: under the condition that the first page is currently displayed in the preset application program, receives the The slide operation of the first page and determine the target action area corresponding to the slide operation, wherein the page type of the first page is the first type, and the first page includes a first preset area and a second preset area Set an area; in response to the sliding operation, switch to display the target page, wherein, in the case of the target action area being the first preset area, the target page is the second page, and the target action area is In the case of the second preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, the first type and The second type is different.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user 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 (such as through an Internet service provider). Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
  • each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the modules involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the module does not constitute a limitation on the module itself under certain circumstances.
  • the action area determination module can also be described as "under the condition that the first page is currently displayed in the preset application program, receive the The sliding operation of the first page and the module for determining the target action area corresponding to the sliding operation, wherein the page type of the first page is the first type, and the first page includes the first preset area and the second Two preset areas".
  • exemplary types of hardware logic components include: Field Programmable Gate Arrays (Field Programmable Gate Arrays, FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (Application Specific Standard Parts, ASSP), System-on-a-chip (SOC), Complex Programmable Logic Device (Complex Programmable Logic Device, CPLD) and so on.
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, 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 or any suitable combination of the foregoing.
  • a page switching method including:
  • the first page In the case that the first page is currently displayed in the preset application program, receiving a sliding operation for the first page and determining the target action area corresponding to the sliding operation, wherein the page type of the first page is the first type, the first page includes a first preset area and a second preset area;
  • the target page In response to the sliding operation, switch to display the target page, wherein, in the case that the target action area is the first preset area, the target page is the second page, and the target action area is the second preset area.
  • the target page In the case of an area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, the first type and the second page The two types are different.
  • the first preset control on the first page is displayed in the second preset area, and if the target action area is the second preset area, the action starting point of the sliding operation falls into Within the associated range of the display area corresponding to the first preset control, the associated range includes the display area.
  • the first preset control is controlled to move and display within a second preset range corresponding to the second preset area following the sliding operation.
  • the preset application program is installed in the mobile terminal, and the second preset area is associated with the way the user holds the mobile terminal.
  • the method also includes:
  • the corresponding second preset area is determined according to a holding manner of the user holding the mobile terminal, wherein the holding manner includes holding with a left hand and/or holding with a right hand.
  • the method also includes:
  • the second preset control Displaying the second preset control in the determined second preset area on the first page, wherein, in the case that the target action area is the second preset area, the action starting point of the sliding operation Falling into the display area corresponding to the second preset control, the second preset control is determined based on the way the user holds the mobile terminal.
  • the first type includes a tab page type.
  • the preset application program includes at least two pages of the first type, and the at least two pages of the first type can be switched sequentially through the sliding operation, wherein at least one page of the first type corresponds to In a case where the target action area of is the first preset area, switch to displaying the second type of page.
  • Slide prompt information is displayed within the first preset range corresponding to the second preset area, the slide prompt information includes slide direction information and/or slide result indication information, and the slide result indication information is used to indicate that the user is about to switch to The third page is displayed.
  • the displaying sliding prompt information within the first preset range of the second preset area includes:
  • sliding prompt information is displayed within a preset range of the second preset area.
  • a page switching device including:
  • the active area determination module is configured to receive a sliding operation on the first page and determine a target active area corresponding to the sliding operation when the first page is currently displayed in the preset application program, wherein the first The page type of the page is the first type, and the first page includes a first preset area and a second preset area;
  • a page switching module configured to switch to display a target page in response to the sliding operation, wherein, when the target action area is the first preset area, the target page is the second page, and the target page When the active area is the second preset area, the target page is a third page, the page type of the second page is the first type, the page type of the third page is the second type, and the page type of the second page is the second type.
  • a type is different from said second type.

Landscapes

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

Abstract

本公开实施例公开了页面切换方法、装置、设备及存储介质。该方法包括:响应于确定预设应用程序中当前显示第一页面,接收针对第一页面的滑动操作并确定滑动操作对应的目标作用区域,响应于滑动操作,切换至显示目标页面,其中,第一页面的页面类型为第一类型,第一页面中包含第一预设区域和第二预设区域,响应于确定目标作用区域为第一预设区域,目标页面为第二页面,响应于确定目标作用区域为第二预设区域,目标页面为第三页面,第二页面的页面类型为第一类型,第三页面的页面类型为第二类型。

Description

页面切换方法、装置、设备及存储介质
本申请要求在2021年9月9日提交中国专利局、申请号为202111057312.2的中国专利申请的优先权,该申请的全部内容通过引用结合在本申请中。
技术领域
本公开实施例涉及计算机技术领域,例如涉及页面切换方法、装置、设备及存储介质。
背景技术
随着计算机技术的快速发展,应用程序(Application,APP)中的功能越来越丰富,所包含的页面也越来越多,不同页面可以供用户查看不同的内容,用户可以根据自身需求通过多种手势操作实现不同页面之间的切换。
目前,在同一应用程序中,可能会存在不同类型的页面,相同类型的页面之间以及不同类型的页面之间均可能存在切换需求,然而,相关技术中的页面切换方案难以在保证操作便捷性的同时很好地兼顾两种切换需求,需要改进。
发明内容
本公开实施例提供了页面切换方法、装置、存储介质及设备,可以改善相关技术中的页面切换方案。
第一方面,本公开实施例提供了一种页面切换方法,包括:
响应于确定预设应用程序中当前显示第一页面,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
响应于所述滑动操作,切换至显示目标页面,其中,响应于确定所述目标作用区域为第一预设区域,所述目标页面为第二页面,响应于确定所述目标作用区域为第二预设区域,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
第二方面,本公开实施例提供了一种页面切换装置,包括:
作用区域确定模块,设置为响应于确定预设应用程序中当前显示第一页面,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
页面切换模块,设置为响应于所述滑动操作,切换至显示目标页面,其中,响应于确定所述目标作用区域为第一预设区域,所述目标页面为第二页面,响应于确定所述目标作用区域为第二预设区域,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
第三方面,本公开实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例提供的页面切换方法。
第四方面,本公开实施例提供了一种电子设备,包括存储器、处理器及存储在存储器上 并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如本公开实施例提供的页面切换方法。
附图说明
图1为本公开实施例提供的一种页面切换方法的流程示意图;
图2为相关技术中的一种页面切换示意图;
图3为本公开实施例提供的另一种页面切换方法的流程示意图;
图4为本公开实施例提供的一种页面区域划分示意图;
图5为本公开实施例提供的一种页面示意图;
图6为本公开实施例提供的又一种页面示意图;
图7为本公开实施例提供的一种页面切换示意图;
图8为本公开实施例提供的又一种页面切换示意图;
图9为本公开实施例提供的一种页面切换装置的结构框图;
图10为本公开实施例提供的一种电子设备的结构框图。
具体实施方式
应当理解,本公开的方法实施方式中记载的多个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下述多各实施例中,每个实施例中同时提供了示例特征和示例,实施例中记载的多个特征可进行组合,形成多个示例方案,不应将每个编号的实施例仅视为一个技术方案。
图1为本公开实施例提供的一种页面切换方法的流程示意图,该方法可以由页面切换装置执行,其中该装置可由软件和/或硬件实现,一般可集成在电子设备中。所述电子设备可以为手机、智能手表、平板电脑以及个人数字助理等移动设备;也可为台式计算机等其他设备。如图1所示,该方法包括:
步骤101、在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域。
本公开实施例中,预设应用程序的类型等具体不做限定,如可以是短视频应用程序、即 时通信应用程序或直播应用程序等,还可以是其他类型的应用程序。第一页面的页面类型为第一类型,页面类型的划分方式以及第一类型的具体类型不做限定,可以根据预设应用程序的实际需求设置,例如第一类型包括可以通过滑动操作依次切换的同一级的多个页面,例如应用程序首页包括的多个标签页,例如推荐页和关注页等标签页,预设应用程序中可包含至少两个第一类型的页面,具体数量不做限定。其中,第一页面中所要显示的内容不做限定,可以由开发人员设计所要显示的内容的来源和推送机制等。第一页面可以是任意一个第一类型的页面,也可以是第一类型中的指定页面,触发显示第一页面的条件或时机等不做限定。一般的,可以以页面标识(对于标签页类型来说,例如可以是页面标签)来对不同的第一类型的页面进行区分,页面标识还可以用于指示第一类型的页面中所显示的内容的来源和推送机制,页面标识可以为特定图标或文字等。页面标识可以显示在第一类型的页面的指定区域,对于标签页类型来说,该指定区域例如可以是设置在页面顶部区域的标签栏。
对于第一类型的页面来说,设置第一预设区域和第二预设区域,第一预设区域和第二预设区域一般不存在交集,也即一般不存在重合区域,第一预设区域部分边界可以与第二预设区域的部分边界相接。对于标签页类型来说,第一预设区域和第二预设区域一般不包含页面顶部区域的标签栏和页面底部的导航栏。例如,第一预设区域的面积大于第二预设区域的面积。
示例性的,用户输入滑动操作的方式可以与电子设备的类型相关,对于支持触控操作的电子设备来说,可以利用手指或触控笔等在屏幕上以按压滑动的方式输入滑动操作;对于其他电子设备来说,还可以借助如鼠标等输入设备来输入滑动操作。电子设备可以根据所支持的触摸操作的输入方式来接收针对第一页面的滑动操作,目前,支持触控操作的电子设备已比较普及,为了便于说明,以手指触摸屏幕的滑动操作为例进行后续说明。滑动操作对应的目标作用区域可以包括滑动操作的作用起点所处区域,也可包括滑动操作的作用轨迹所处区域。以手指滑动操作为例,可将滑动手势拆解为触摸屏幕或按下屏幕、按住拖动以及离开屏幕三个阶段,触摸屏幕或按下屏幕时的手指位置可认为是作用起点,按住拖动过程中对应的拖动轨迹可认为是作用轨迹,离开屏幕时的手指位置可认为作用终点,作用起点也即作用轨迹的起点,作用终点也即作用轨迹的终点。滑动操作的方向一般是横向或纵向的,可以根据实际需求设置。例如,对于标签页类型来说,页面标签一般以横向排布的方式显示在标签栏中,滑动操作的方向可以是横向的,与页面标签的排布方向一致,更加符合用户的视觉习惯。
步骤102、响应于所述滑动操作,切换至显示目标页面,其中,在所述目标作用区域为第一预设区域的情况下,所述目标页面为第二页面,在所述目标作用区域为第二预设区域的情况下,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
本公开实施例中,第二类型的页面可以与预设的第一类型的页面存在关联,具体的关联关系可以根据第一类型的页面中正在显示的内容和第二类型的页面中所包含的内容来确定。
例如,第二类型的页面为,至少一个第一类型的页面在所述滑动操作对应的目标作用区域为第一预设区域的情况下切换至的页面,也即,本公开中一部分的第一类型的页面在滑动操作对应的目标作用区域为第一预设区域或第二预设区域的情况下均切换至第二类型的页面,而另一部分第一类型的页面仅可以通过对应的目标作用区域为第二预设区域的滑动操作切换至第二类型的页面。示例性的,第二类型的页面可以为与第一类型的页面展示的内容关联的 页面,例如内容作者的个人主页,或者,作品内容的关联内容等,相关技术中,首页包括的多个标签页中的某些页面,例如最左侧或最右侧的标签页,可以通过滑动操作进入个人主页,但是,首页中的其他标签页不能通过滑动操作进入个人主页。通过本公开的方案,通过在首页的其他标签页区分第一预设区域和第二预设区域的滑动操作,可以使得其他标签页也能方便地通过滑动操作进入个人主页。
示例性的,在确定滑动操作对应的目标作用区域后,可以先确定目标作用区域是否为第一预设区域或第二预设区域。若目标作用区域为第一预设区域,则可在滑动操作结束后,对滑动操作进行响应,切换至显示第二页面,也即进行同类型页面之间的切换,具体切换至第一类型中的哪个页面可以根据第一预设切换规则确定。第一预设切换规则可以根据实际需求设置,例如可以根据第一页面对应的页面标识所处位置确定,也可以是任意一个除第一页面以外的第一类型的页面。仍以第一类型为标签页类型为例,可以按照与滑动方向相反的顺序将标签栏中下一个页面标签对应的页面确定为第二页面。例如,滑动方向为从右向左,则按照从左至右的顺序将下一个页面标签对应的页面确定为第二页面,若第一页面的页面标签为标签栏中与滑动方向相反的顺序中的最后一个页面标签,可以将标签栏中与滑动方向相反的顺序中第一个页面标签对应的页面确定为第二页面。若目标作用区域为第二预设区域,则可在滑动操作结束后,对滑动操作进行响应,切换至显示第三页面,也即进行不同类型页面之间的切换。其中,第二类型的页面的数量为一个或多个,若为多个,则可以按照第二预设切换规则确定切换至第二类型的页面中的哪个页面,第二预设切换规则可以根据实际需求设置。
需要说明的是,在进行两个页面之间的切换显示时,具体的切换过程不做限定,可以是从一个页面过渡至另一个页面,也即存在两个页面同时有部分页面内容处于显示状态的时刻,也可以是从一个页面直接变更为另一个页面。
例如,若目标作用区域不是第一预设区域,也不是第二预设区域,可以预先设置其他响应方式或者不对滑动操作进行响应。
本公开实施例中提供的页面切换方法,在预设应用程序中当前显示第一页面的情况下,接收针对第一页面的滑动操作并确定滑动操作对应的目标作用区域,响应于滑动操作,切换至显示目标页面,其中,第一页面的页面类型为第一类型,预设应用程序中包含至少两个第一类型的页面,第一页面中包含第一预设区域和第二预设区域。在目标作用区域为第一预设区域的情况下,目标页面为第二页面,在目标作用区域为第二预设区域的情况下,目标页面为第三页面,第二页面的页面类型为第一类型,第三页面的页面类型为第二类型。通过采用上述技术方案,可以利用滑动操作进行不同形式的页面切换,根据滑动操作对应的目标作用区域来确定进行同类型页面之间的切换或者进行不同类型页面之间的切换,在保证操作便捷性的同时,满足不同的切换需求,提高页面切换效率,提升应用程序性能。
在一些实施例中,在切换至显示第三页面之前,还可包括:在所述第二预设区域对应的第一预设范围内显示滑动提示信息,所述滑动提示信息包括滑动方向信息和/或滑动结果指示信息,所述滑动结果指示信息用于表示即将切换至显示第三页面。目前滑动操作多用于同类型页面之间的切换,对于不同类型页面之间的切换来说用户一般并不熟悉,可以通过显示滑动提示信息的方式来提醒用户,帮助用户快速掌握新的切换方式。
示例性的,滑动提示信息的显示方式以及显示时机等不做限定,例如可以以图例方式或文字方式等进行显示,可以在进入第一页面时显示,也可以在识别到用户存在切换至第三页 面的需求时进行显示。第一预设范围可以根据实际情况设计,例如可以包含于第二预设区域内、或者包含第二预设区域、又或者是与第二预设区域相邻的设定范围等。
例如,所述在所述第二预设区域的第一预设范围内显示滑动提示信息,包括:在检测到作用于所述第二预设区域的触摸操作后,在所述第二预设区域的预设范围内显示滑动提示信息。触摸操作可理解为按下屏幕且未抬起的操作,此时,用户具备输入用于切换至第三页面的滑动操作的条件,及时对用户进行提醒,用户若想进入第三页面,则无需抬起手指,直接根据滑动提示信息顺势滑动手指即可实现切换显示第三页面,提升提醒效果,提高页面切换效率。
在一些实施例中,所述第一页面中的第一预设控件显示于所述第二预设区域中,其中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第一预设控件对应的显示区域的关联范围内,所述关联范围包括所述显示区域。这样可以复用第一页面中的第一预设控件对第二预设区域进行有效标识,方便用户快速定位第二预设区域。
示例性的,第一页面中一般可以包含一些供用户输入交互操作的控件,这些控件的触发方式一般是点击操作,也即用户手指按下后再抬起的操作,与滑动操作不冲突。当滑动操作的作用起点落入第一预设控件对应的显示区域的关联范围内后,可认为滑动操作对应的目标作用区域为第二预设区域。关联范围可以是在所述显示区域向四周扩展预设距离后得到的范围,具体扩展方式可以根据第一预设控件的形状确定,如第一预设控件为圆形,则关联范围可以是半径更大的同心圆所在范围。
在一些实施例中,在切换至显示第三页面之前,还包括:控制所述第一预设控件跟随所述滑动操作在所述第二预设区域对应的第二预设范围内进行移动显示。这样可以增强页面切换的趣味性。
示例性的,当滑动操作的作用起点落入第一预设控件对应的显示区域内后再继续滑动,第一预设控件跟随滑动操作在第二预设区域对应的第二预设范围内进行移动显示,在视觉上可以呈现出第一预设控件被拖动的效果,增强趣味性。其中,第一预设控件跟随滑动操作进行移动显示的具体方式不做限定,例如可以是确定滑动操作的滑动方向和滑动速度,根据所述滑动速度在所述滑动方向上进行移动显示。需要说明的是,滑动方向可以与用户手指运动方向一致,也可能存在小范围的夹角,一般滑动方向与屏幕边缘平行;第一预设控件的移动速度可以与滑动速度成正比例关系。第一预设控件可以根据实际需求进行选择,一般可以选取与第三页面存在关联关系的控件。第二预设范围可以根据实际情况设计,例如可以包含于第二预设区域内、或者包含第二预设区域、又或者是与第二预设区域相邻的设定范围等。
例如,滑动提示信息的显示和第一预设控件的移动显示可以进行结合,此时,第一预设范围可以与第二预设范围相同。示例性的,第一预设范围内包含第一预设控件,在第一预设范围内中可以同时显示滑动提示信息和第一预设控件,在第一预设控件的移动显示过程中,滑动提示信息可以适应性地调整显示位置和/或显示内容。
在一些实施例中,所述预设应用程序安装于移动终端内,所述第二预设区域与用户握持所述移动终端时的握持方式相关联。这样方便用户快速准确地输入用于不同类型页面切换的滑动操作。第二预设区域例如可以位于握持方式对应的易操作区域内,易操作区域的确定方式可以有很多种,例如,可调研用户群体对不同型号或外形的移动终端的握持方式及姿势等情况,将多数用户容易操作的屏幕区域设置为易操作区域;又如,用户在开始使用预设应用 程序时,根据用户的选择可进入握持方式录入功能,由用户自行录入自己容易操作的区域,将该区域设定为易操作区域。例如,在进行第一预设控件的选取时,也可参考易操作区域,可从处于易操作区域的控件中选择第一预设控件。
在一些实施例中,所述方法还包括:根据用户握持所述移动终端的握持方式确定对应的第二预设区域,其中,所述握持方式包括左手握持和/或右手握持。当用户的握持方式不同时,易操作区域可能也会发生变化,根据握持方式动态灵活地确定第二预设区域,方便用户操作。
在一些实施例中,所述方法还包括:在所述第一页面中将第二预设控件显示于所确定的第二预设区域中,其中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第二预设控件对应的显示区域内,所述第二预设控件基于用户握持所述移动终端的握持方式确定。采用第二预设控件对动态确定的第二预设区域进行标识,可以方便用户快速定位动态变化的第二预设区域,基于用户握持移动终端的握持方式灵活地确定第二预设控件,可避免第二预设控件的位置发生较大变化,方便用户快速查找到第二预设控件。此时第二预设控件可以与上述第一预设控件相同,也可不同。示例性的,可基于用户握持所述移动终端的握持方式确定对应的易操作区域,并将距离易操作区域中心点最近的控件确定为第二预设控件。
目前,短视频应用程序已受到越来越多用户的喜爱,用户可以在短视频应用程序中浏览多种短视频内容。以短视频应用程序为例,第一类型可以是标签页类型,第二类型可以是标签页类型之外的类型,可以是独立的页面类型。例如,第一类型的页面可以包括推荐页和关注页,还可以包括地区页等,在推荐页内根据预设规则将短视频推荐给用户,在关注页内将用户关注的短视频作者发布的短视频推荐给用户,在地区页内将用户所在区域的短视频作者发布的短视频推荐给用户,用户可以根据实际需求在多个第一类型的页面之间进行切换。第二类型的页面可以与第一类型的页面中显示的内容存在关联,例如可以是短视频作者的个人主页,示例性的,个人主页内可以包含该短视频作者已发布的短视频,推荐页或关注页正在显示的短视频与其对应的个人主页之间的关联关系是正在显示的短视频与个人主页中包含的短视频的作者相同。当用户在推荐页或关注页查看某个短视频作者的短视频时,若希望进一步查看该短视频作者发布的其他短视频,可以切换至该短视频作者的个人主页进行查看。
图2为相关技术中的一种页面切换示意图,如图2所示,在当前显示关注页的情况下,用户通过输入从右至左的滑动操作可以切换至推荐页,在当前显示推荐页的情况下,用户通过输入从右至左的滑动操作可以切换至推荐页中正在播放的短视频的作者BB的个人主页。然而,在当前显示关注页的情况下,用户若想要切换至关注页中正在播放的短视频的作者AA的个人主页,却无法通过输入滑动操作的方式实现切换,只能设计其他形式的操作,无法满足用户的滑动操作习惯。
图3为本公开实施例提供的另一种页面切换方法的流程示意图,本公开实施例以上述实施例中多个示例方案为基础进行细化,以预设应用程序为短视频应用程序为例,例如,该方法包括如下步骤:
步骤301、在预设应用程序中当前显示第一页面的情况下,接收针对第一页面的滑动操作并确定滑动操作对应的目标作用区域,其中,第一页面的页面类型为第一类型,第一页面中包含第一预设区域和第二预设区域。
示例性的,对于短视频应用程序来说,第一类型可以是标签页类型,第一类型的页面可 以包括推荐页和关注页,对应的页面标签可以分别为推荐和关注。第二类型的页面是短视频作者的个人主页,也即第一类型的页面中正在显示的短视频的作者与第二类型的页面中的作者相同。以第一页面为关注页为例,图4为本公开实施例提供的一种页面区域划分示意图,如图所示,第一页面中包含第一预设区域401和第二预设区域402,第一预设区域401和第二预设区域402不存在交集,第二预设区域402中显示有第一预设控件403,例如,第一预设控件403为头像控件,头像控件中显示第一页面中正在播放的短视频的作者的头像。
示例性的,短视频应用程序安装于手机等移动终端内,在本步骤之前,还可包括:获取用户握持移动终端的握持方式,根据握持方式确定对应的第二预设区域,在第一页面中将第一预设控件显示于所确定的第二预设区域中。例如,用户右手握持时,易操作区域包括屏幕左侧区域,用户左手握持时,易操作区域包括屏幕右侧区域。图4中所示的可以是左手握持时对应的第二预设区域的位置。若用户右手握持,则可将第一预设区域401和其中的第一预设控件403显示于屏幕左侧。
示例性的,滑动操作对应的目标作用区域可以包括滑动操作的作用起点所处区域。
步骤302、判断目标作用区域是否为第二预设区域,基于目标区域为第二预设区域的判断结果,执行步骤304;基于目标区域不为第二预设区域的判断结果,执行步骤303。
需要说明的是,也可以先判断是否为第一预设区域,或先判断是否为第一预设区域和第二预设区域以外的区域,具体不做限定。
例如,若检测到作用于第二预设区域的触摸操作,在第二预设区域的第一预设范围内显示滑动提示信息。图5为本公开实施例提供的一种页面示意图,如图5所示,当用户触摸头像控件且未抬起手指,可显示标签条501,标签条501对应的显示区域可认为是第一预设范围,在标签条501中显示滑动提示信息,其中,滑动提示信息包括滑动方向信息,用图中箭头表示,滑动提示信息中还包括滑动结果指示信息“滑动进主页”,用于表示即将切换至头像对应的短视频作者的个人主页,也即第三页面。
例如,该方法还可包括:控制第一预设控件跟随滑动操作在第二预设区域对应的第二预设范围内进行移动显示。图6为本公开实施例提供的又一种页面示意图,如图6所示,随着用户手指的滑动,头像控件可以跟随滑动操作在标签条对应的显示区域(此时第一预设范围可以与第二预设范围相同)内进行移动显示,此外,滑动提示信息的内容和显示位置也可随之进行调整,如当头像移动至标签条左侧时,滑动结果指示信息调整为“松开进入”。
步骤303、判断目标作用区域是否为第一预设区域,基于目标作用区域为第一预设区域的判断结果,执行步骤305;基于目标作用区域不为第一预设区域的判断结果,结束流程。
示例性的,若目标作用区域不是第二预设区域,也不是第一预设区域,可结束流程,不对滑动操作进行响应。当然,也可按照其他策略对滑动操作进行响应,具体不做限定。
步骤304、响应于滑动操作,切换至显示第三页面,其中,第三页面的页面类型为第二类型,第一类型和第二类型不同。
示例性的,当用户松开手指时,滑动操作对应的滑动距离达到预设距离阈值的情况下,可以认为滑动操作有效,可以对滑动操作进行响应。
图7为本公开实施例提供的一种页面切换示意图。如图7所述,由于对应的目标作用区域为第二预设区域,因此,可以切换至关注页中正在播放的短视频的作者AA的个人主页。
步骤305、响应于滑动操作,切换至显示第二页面,其中,第二页面的页面类型为第一 类型。
图8为本公开实施例提供的又一种页面切换示意图,如图8所述,由于对应的目标作用区域为第一预设区域,因此,可以切换至下一个标签页面,也即推荐页。
本公开实施例提供的页面切换方法,对于短视频应用程序来说,可以利用作用于不同区域的滑动操作实现标签页和标签页之间的切换、以及标签页与个人主页之间切换,解决手势冲突,符合用户的滑动操作习惯,提高页面切换效率。另外,由于头像与个人主页之间存在一定的关联,因此,复用头像控件对第二预设区域进行有效标识,方便用户快速定位第二预设区域,可进一步提升页面切换效率。标签条的设计可以帮助用户快速了解不同类型页面之间的切换方式,且头像可以跟随滑动手势进行移动显示,增强页面切换的趣味性。
图9为本公开实施例提供的一种页面切换装置的结构框图,该装置可由软件和/或硬件实现,一般可集成在电子设备中,可通过执行页面切换方法来进行页面切换。如图9所示,该装置包括:
作用区域确定模块901,设置为在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
页面切换模块902,设置为响应于所述滑动操作,切换至显示目标页面,其中,在所述目标作用区域为第一预设区域的情况下,所述目标页面为第二页面,在所述目标作用区域为第二预设区域的情况下,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
本公开实施例中提供的页面切换装置,在预设应用程序中当前显示第一页面的情况下,接收针对第一页面的滑动操作并确定滑动操作对应的目标作用区域,响应于滑动操作,切换至显示目标页面,其中,第一页面的页面类型为第一类型,第一页面中包含第一预设区域和第二预设区域,在目标作用区域为第一预设区域的情况下,目标页面为第二页面,在目标作用区域为第二预设区域的情况下,目标页面为第三页面,第二页面的页面类型为第一类型,第三页面的页面类型为第二类型。通过采用上述技术方案,可以利用滑动操作进行不同形式的页面切换,根据滑动操作对应的目标作用区域来确定进行同类型页面之间的切换或者进行不同类型页面之间的切换,在保证操作便捷性的同时,满足不同的切换需求,提高页面切换效率,提升应用程序性能。
例如,所述装置还包括:
滑动提示信息显示模块,设置为在切换至显示第三页面之前,在所述第二预设区域对应的第一预设范围内显示滑动提示信息,所述滑动提示信息包括滑动方向信息和/或滑动结果指示信息,所述滑动结果指示信息用于表示即将切换至显示第三页面。
例如,滑动提示信息显示模块,设置为在检测到作用于所述第二预设区域的触摸操作后,在所述第二预设区域的预设范围内显示滑动提示信息。
例如,所述第一页面中的第一预设控件显示于所述第二预设区域中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第一预设控件对应的显示区域的关联范围内,所述关联范围包括所述显示区域。
例如,该装置还包括:
移动显示控制模块,设置为在切换至显示第三页面之前,控制所述第一预设控件跟随所 述滑动操作在所述第二预设区域对应的第二预设范围内进行移动显示。
例如,所述预设应用程序安装于移动终端内,所述第二预设区域与用户握持所述移动终端时的握持方式相关联。
例如,所述装置还包括:
第二预设区域确定模块,设置为根据用户握持所述移动终端的握持方式确定对应的第二预设区域,其中,所述握持方式包括左手握持和/或右手握持。
例如,所述装置还包括:
第二预设控件显示模块,设置为在所述第一页面中将第二预设控件显示于所确定的第二预设区域中,其中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第二预设控件对应的显示区域内,所述第二预设控件基于用户握持所述移动终端的握持方式确定。
例如,预设应用程序包括至少两个第一类型的页面,所述至少两个第一类型的页面能够通过所述滑动操作依次切换,其中,至少一个第一类型的页面在所述滑动操作对应的目标作用区域为所述第一预设区域的情况下,切换至显示第二类型的页面。
例如,所述第一类型包括标签页类型。
下面参考图10,其示出了适于用来实现本公开实施例的电子设备1000的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,PDA)、平板电脑(PAD)、便携式多媒体播放器(Portable Media Player,PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图10示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示,电子设备1000可以包括处理装置(例如中央处理器、图形处理器等)1001,其可以根据存储在只读存储器(ROM)1002中的程序或者从存储装置1008加载到随机访问存储器(RAM)1003中的程序而执行多种适当的动作和处理。在RAM 1003中,还存储有电子设备1000操作所需的多种程序和数据。处理装置1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出(I/O)接口1005也连接至总线1004。
通常,以下装置可以连接至I/O接口1005:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1006;包括例如液晶显示器(Liquid Crystal Display,LCD)、扬声器、振动器等的输出装置1007;包括例如磁带、硬盘等的存储装置1008;以及通信装置1009。通信装置1009可以允许电子设备1000与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有多种装置的电子设备1000,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含设置为执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置1009从网络上被下载和安装,或者从存储装置1008被安装,或者从ROM 1002被安装。在该计算机程序被处理装置1001执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可 读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、射频(RF)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;响应于所述滑动操作,切换至显示目标页面,其中,在所述目标作用区域为第一预设区域的情况下,所述目标页面为第二页面,在所述目标作用区域为第二预设区域的情况下,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开多种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功 能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,作用区域确定模块还可以被描述为“在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域的模块,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(Field Programmable Gate Array,FPGA)、专用集成电路(Application Specific Integrated Circuit,ASIC)、专用标准产品(Application Specific Standard Parts,ASSP)、片上系统(System-on-a-chip,SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device,CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,提供了一种页面切换方法,包括:
在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
响应于所述滑动操作,切换至显示目标页面,其中,在所述目标作用区域为第一预设区域的情况下,所述目标页面为第二页面,在所述目标作用区域为第二预设区域的情况下,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
例如,所述第一页面中的第一预设控件显示于所述第二预设区域中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第一预设控件对应的显示区域的关联范围内,所述关联范围包括所述显示区域。
例如,在切换至显示第三页面之前,还包括:
控制所述第一预设控件跟随所述滑动操作在所述第二预设区域对应的第二预设范围内进行移动显示。
例如,所述预设应用程序安装于移动终端内,所述第二预设区域与用户握持所述移动终端时的握持方式相关联。
例如,所述方法还包括:
根据用户握持所述移动终端的握持方式确定对应的第二预设区域,其中,所述握持方式包括左手握持和/或右手握持。
例如,所述方法还包括:
在所述第一页面中将第二预设控件显示于所确定的第二预设区域中,其中,在所述目标作用区域为第二预设区域的情况下,所述滑动操作的作用起点落入所述第二预设控件对应的显示区域内,所述第二预设控件基于用户握持所述移动终端的握持方式确定。
例如,所述第一类型包括标签页类型。
例如,预设应用程序包括至少两个第一类型的页面,所述至少两个第一类型的页面能够通过所述滑动操作依次切换,其中,至少一个第一类型的页面在所述滑动操作对应的目标作用区域为所述第一预设区域的情况下,切换至显示第二类型的页面。
例如,在切换至显示第三页面之前,还包括:
在所述第二预设区域对应的第一预设范围内显示滑动提示信息,所述滑动提示信息包括滑动方向信息和/或滑动结果指示信息,所述滑动结果指示信息用于表示即将切换至显示第三页面。
例如,所述在所述第二预设区域的第一预设范围内显示滑动提示信息,包括:
在检测到作用于所述第二预设区域的触摸操作后,在所述第二预设区域的预设范围内显示滑动提示信息。
根据本公开的一个或多个实施例,提供了一种页面切换装置,包括:
作用区域确定模块,设置为在预设应用程序中当前显示第一页面的情况下,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
页面切换模块,设置为响应于所述滑动操作,切换至显示目标页面,其中,在所述目标作用区域为第一预设区域的情况下,所述目标页面为第二页面,在所述目标作用区域为第二预设区域的情况下,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
此外,虽然采用特定次序描绘了多种操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的多种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (13)

  1. 一种页面切换方法,包括:
    响应于确定预设应用程序中当前显示第一页面,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
    响应于所述滑动操作,切换至显示目标页面,其中,响应于确定所述目标作用区域为第一预设区域,所述目标页面为第二页面,响应于确定所述目标作用区域为第二预设区域,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
  2. 根据权利要求1所述的方法,其中,所述第一页面中的第一预设控件显示于所述第二预设区域中,响应于确定所述目标作用区域为第二预设区域,所述滑动操作的作用起点落入所述第一预设控件对应的显示区域的关联范围内,所述关联范围包括所述显示区域。
  3. 根据权利要求2所述的方法,在切换至显示第三页面之前,还包括:
    控制所述第一预设控件跟随所述滑动操作在所述第二预设区域对应的第二预设范围内进行移动显示。
  4. 根据权利要求1所述的方法,其中,所述预设应用程序安装于移动终端内,所述第二预设区域与用户握持所述移动终端时的握持方式相关联。
  5. 根据权利要求4所述的方法,还包括:
    根据用户握持所述移动终端的握持方式确定对应的第二预设区域,其中,所述握持方式包括左手握持和右手握持中的至少之一。
  6. 根据权利要求5所述的方法,还包括:
    在所述第一页面中将第二预设控件显示于所确定的第二预设区域中,其中,响应于确定所述目标作用区域为第二预设区域,所述滑动操作的作用起点落入所述第二预设控件对应的显示区域内,所述第二预设控件基于用户握持所述移动终端的握持方式确定。
  7. 根据权利要求1所述的方法,其中,所述预设应用程序包括至少两个第一类型的页面,所述至少两个第一类型的页面可通过所述滑动操作依次切换,其中,至少一个第一类型的页面响应于确定所述滑动操作对应的目标作用区域为所述第一预设区域,切换至显示所述第二类型的页面。
  8. 根据权利要求1所述的方法,在切换至显示第三页面之前,还包括:
    在所述第二预设区域对应的第一预设范围内显示滑动提示信息,其中,所述滑动提示信息包括滑动方向信息和滑动结果指示信息中的至少之一,所述滑动结果指示信息用于表示即将切换至显示第三页面。
  9. 根据权利要求8所述的方法,其中,所述在所述第二预设区域的第一预设范围内显示滑动提示信息,包括:
    响应于确定检测到作用于所述第二预设区域的触摸操作后,在所述第二预设区域的预设范围内显示滑动提示信息。
  10. 一种页面切换装置,包括:
    作用区域确定模块,设置为响应于确定预设应用程序中当前显示第一页面,接收针对所述第一页面的滑动操作并确定所述滑动操作对应的目标作用区域,其中,所述第一页面的页面类型为第一类型,所述第一页面中包含第一预设区域和第二预设区域;
    页面切换模块,设置为响应于所述滑动操作,切换至显示目标页面,其中,响应于确定所述目标作用区域为第一预设区域,所述目标页面为第二页面,响应于确定所述目标作用区域为第二预设区域,所述目标页面为第三页面,所述第二页面的页面类型为第一类型,所述第三页面的页面类型为第二类型,所述第一类型和所述第二类型不同。
  11. 根据权利要求10所述的页面切换装置,还包括:设置为执行如权利要求2-9任一项所述的方法的模块。
  12. 一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1-9任一项所述的方法。
  13. 一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-9任一项所述的方法。
PCT/CN2022/117490 2021-09-09 2022-09-07 页面切换方法、装置、设备及存储介质 WO2023036168A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111057312.2A CN115793928A (zh) 2021-09-09 2021-09-09 页面切换方法、装置、设备及存储介质
CN202111057312.2 2021-09-09

Publications (1)

Publication Number Publication Date
WO2023036168A1 true WO2023036168A1 (zh) 2023-03-16

Family

ID=85473257

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/117490 WO2023036168A1 (zh) 2021-09-09 2022-09-07 页面切换方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN115793928A (zh)
WO (1) WO2023036168A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115981518A (zh) * 2023-03-22 2023-04-18 北京同创蓝天云科技有限公司 Vr展示用户操作方法及相关设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2184671A1 (en) * 2008-10-29 2010-05-12 Giga-Byte Communications, Inc. Method and apparatus for switching touch screen of handheld electronic apparatus
CN105867813A (zh) * 2016-03-25 2016-08-17 乐视控股(北京)有限公司 一种页面切换的方法和终端
CN109857296A (zh) * 2019-01-04 2019-06-07 上海上湖信息技术有限公司 一种电子设备的页面切换方法及系统
CN112148171A (zh) * 2020-09-29 2020-12-29 维沃移动通信有限公司 一种界面切换方法、装置及电子设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP2184671A1 (en) * 2008-10-29 2010-05-12 Giga-Byte Communications, Inc. Method and apparatus for switching touch screen of handheld electronic apparatus
CN105867813A (zh) * 2016-03-25 2016-08-17 乐视控股(北京)有限公司 一种页面切换的方法和终端
CN109857296A (zh) * 2019-01-04 2019-06-07 上海上湖信息技术有限公司 一种电子设备的页面切换方法及系统
CN112148171A (zh) * 2020-09-29 2020-12-29 维沃移动通信有限公司 一种界面切换方法、装置及电子设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115981518A (zh) * 2023-03-22 2023-04-18 北京同创蓝天云科技有限公司 Vr展示用户操作方法及相关设备

Also Published As

Publication number Publication date
CN115793928A (zh) 2023-03-14

Similar Documents

Publication Publication Date Title
JP7438254B2 (ja) 同時に開いているソフトウェアアプリケーションを管理するためのデバイス、方法、及びグラフィカルユーザインタフェース
WO2021232930A1 (zh) 应用分屏方法、装置、存储介质及电子设备
US9207838B2 (en) Device, method, and graphical user interface for managing and interacting with concurrently open software applications
EP4012541B1 (en) Mobile terminal and object change support method for the same
US9436381B2 (en) Device, method, and graphical user interface for navigating and annotating an electronic document
US10394441B2 (en) Device, method, and graphical user interface for controlling display of application windows
US8633909B2 (en) Information processing apparatus, input operation determination method, and input operation determination program
US20140267130A1 (en) Hover gestures for touch-enabled devices
WO2014196760A1 (en) Electronic device and method for controlling applications in the electronic device
US20130113737A1 (en) Information processing device, information processing method, and computer program
CN106201166A (zh) 一种分屏显示方法及终端
US20150339018A1 (en) User terminal device and method for providing information thereof
US20140055398A1 (en) Touch sensitive device and method of touch-based manipulation for contents
CN102207825A (zh) 在便携式多功能设备上进行多应用切换的方法与用户图形界面
BR112013031809B1 (pt) método e equipamento para fornecer interface de entrada de caracteres.
JP2011150413A (ja) 情報処理装置、操作入力方法及び操作入力プログラム
WO2022194004A1 (zh) 应用图标整理方法、装置和电子设备
WO2023045783A1 (zh) 页面处理方法、装置、设备及存储介质
JP2015513149A (ja) 端末複数選択操作方法及び端末
WO2023005575A1 (zh) 基于兴趣标签的处理方法、装置、设备及存储介质
US9747002B2 (en) Display apparatus and image representation method using the same
KR20160004590A (ko) 전자 장치의 화면 표시 방법 및 전자 장치
US9830056B1 (en) Indicating relationships between windows on a computing device
WO2023036168A1 (zh) 页面切换方法、装置、设备及存储介质
US20220279064A1 (en) Interface display method 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: 22866631

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 18571317

Country of ref document: US

NENP Non-entry into the national phase

Ref country code: DE