WO2021036870A1 - 侧边工具栏的显示方法、装置、终端及存储介质 - Google Patents

侧边工具栏的显示方法、装置、终端及存储介质 Download PDF

Info

Publication number
WO2021036870A1
WO2021036870A1 PCT/CN2020/109854 CN2020109854W WO2021036870A1 WO 2021036870 A1 WO2021036870 A1 WO 2021036870A1 CN 2020109854 W CN2020109854 W CN 2020109854W WO 2021036870 A1 WO2021036870 A1 WO 2021036870A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
screen
area
side toolbar
sliding signal
Prior art date
Application number
PCT/CN2020/109854
Other languages
English (en)
French (fr)
Inventor
宋方
陆宛茹
Original Assignee
Oppo广东移动通信有限公司
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 Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Priority to EP20858466.4A priority Critical patent/EP4016273A4/en
Publication of WO2021036870A1 publication Critical patent/WO2021036870A1/zh
Priority to US17/591,310 priority patent/US20220155922A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • 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/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • 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
    • 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/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2200/00Indexing scheme relating to G06F1/04 - G06F1/32
    • G06F2200/16Indexing scheme relating to G06F1/16 - G06F1/18
    • G06F2200/161Indexing scheme relating to constructional details of the monitor
    • G06F2200/1614Image rotation following screen orientation, e.g. switching from landscape to portrait mode
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048Indexing scheme relating to G06F3/048
    • G06F2203/04803Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • the embodiments of the present application relate to the field of human-computer interaction, and in particular, to a display method, device, terminal, and storage medium of a side toolbar.
  • the terminal generally provides a status bar, a navigation bar, and a side toolbar.
  • the status bar displays the operator name, signal strength, battery level, and clock information, etc.;
  • the navigation bar displays the return button, menu button, and home button, etc. ,
  • the terminal will provide corresponding outgoing operations for each function bar.
  • the embodiments of the present application provide a method, device, terminal, and storage medium for displaying a side toolbar.
  • the technical solution is as follows:
  • an embodiment of the present application provides a method for displaying a side toolbar, and the method includes:
  • the user interface is displayed
  • the first sliding signal and the second sliding signal triggered on the touch display screen are received, and the sliding direction of the first sliding signal and the second sliding signal is directed from the corner area of the screen to the middle area of the screen, and the first sliding signal
  • the sliding starting point of is located in the corner area of the first screen
  • the second sliding signal is located in the corner area of the second screen
  • the corner area of the first screen is different from the corner area of the second screen
  • the side toolbar is displayed on the upper layer of the user interface according to the first sliding signal and the second sliding signal, and at least one shortcut tool control is displayed in the side toolbar.
  • an embodiment of the present application provides a display device for a side toolbar, and the device includes:
  • the first display module is used to display the user interface in the immersive display mode
  • the first receiving module is configured to receive the first sliding signal and the second sliding signal triggered on the touch display screen, and the sliding direction of the first sliding signal and the second sliding signal is directed from the corner area of the screen to the middle area of the screen, And the sliding starting point of the first sliding signal is located in the corner area of the first screen, the second sliding signal is located in the corner area of the second screen, and the corner area of the first screen is different from the corner area of the second screen ;
  • the second display module is configured to display the side toolbar on the upper layer of the user interface according to the first sliding signal and the second sliding signal, and at least one shortcut tool control is displayed in the side toolbar.
  • an embodiment of the present application provides a terminal, the terminal includes a processor and a memory; the memory stores at least one instruction, and the at least one instruction is used to be executed by the processor to implement the above-mentioned aspects.
  • a computer-readable storage medium stores at least one instruction, and the at least one instruction is used to be executed by a processor to implement the side toolbar display method as described in the above aspect .
  • a computer program product stores at least one instruction, and the at least one instruction is loaded and executed by a processor to implement the side toolbar display method described in the above aspect.
  • Figure 1 shows a schematic diagram of the display mode of the status bar and the side toolbar in the related technology
  • Fig. 2 is a schematic diagram of a display process of a side toolbar provided by an exemplary embodiment of the present application
  • Fig. 3 is a flowchart of a method for displaying a side toolbar according to an exemplary embodiment of the present application
  • Fig. 4 is a schematic diagram showing a first sliding signal and a second sliding signal generating area according to an exemplary embodiment of the present application
  • Fig. 5 is a display interface diagram of a side toolbar shown in an exemplary embodiment of the present application.
  • Fig. 6 is a flowchart of a method for displaying a side toolbar according to another exemplary embodiment of the present application.
  • Fig. 7 is a flowchart of a method for displaying a side toolbar according to another exemplary embodiment of the present application.
  • FIG. 8 is a schematic diagram showing display conditions of the side toolbar in different display states according to another exemplary embodiment of the present application.
  • FIG. 9 is a schematic diagram of corresponding target display areas in different display states.
  • Figure 10 is a schematic diagram of the display area of the shortcut tool control and terminal status information in the side toolbar in different display states
  • FIG. 11 is a schematic diagram of the process of displaying the secondary tool menu in the horizontal screen display state
  • Figure 12 is a schematic diagram of the process of displaying the editing menu in a horizontal screen display state
  • Figure 13 is a schematic diagram of the process of exchanging the position of the shortcut tool control in the horizontal screen display state
  • Figure 14 is a schematic diagram of the relationship between the frequency of use of shortcut tools and the display position
  • FIG. 15 shows a structural block diagram of a display device for a side toolbar provided by an exemplary embodiment of the present application
  • FIG. 16 shows a structural block diagram of a terminal provided by an exemplary embodiment of the present application.
  • the "plurality” mentioned herein means two or more.
  • “And/or” describes the association relationship of the associated objects, indicating that there can be three types of relationships, for example, A and/or B, which can mean: A alone exists, A and B exist at the same time, and B exists alone.
  • the character “/” generally indicates that the associated objects before and after are in an "or” relationship.
  • a terminal When a terminal displays a user interface, it usually displays a status bar, a navigation bar, and a side toolbar on the upper layer of the user interface.
  • the status bar displays the name of the operator, signal strength, battery power, and clock information
  • the navigation bar displays the return button, the menu button, and the home button, etc.
  • the side toolbar displays the shortcut control switch and quickly opens the application. , Brightness and volume adjustment controls, etc.
  • the terminal will provide a corresponding display mode for each function bar.
  • the display mode and display position of the unused function bar are different.
  • the status bar, navigation bar, and side toolbar are not displayed, and the user needs to call out the status bar, navigation bar, and side toolbar through different sliding gestures.
  • the user may not be able to accurately make inward and downward gestures, so that the target function bar cannot be called out accurately, and the problem of misoperation may occur.
  • the sliding gesture of calling out the side toolbar is adjusted so that it can be clearly distinguished from the sliding gestures of other function bars.
  • the side toolbar 220 can be called out by sliding inward at the top two corner areas of the touch screen.
  • Using the first sliding signal and the second sliding signal to call out the side toolbar can be distinguished from the call-out method of other function bars, such as the sliding call-out method of the status bar, thereby reducing the probability of misoperation and improving the touch operation accuracy.
  • FIG. 3 shows a flowchart of a method for displaying a side toolbar according to an exemplary embodiment of the present application.
  • the method is applied to a terminal with a touch display screen as an example for description.
  • the method includes:
  • Step 301 In the immersive display mode, display the user interface.
  • the immersive display mode refers to a full-screen display mode of the application program interface, in which the status bar, navigation bar, and side toolbar are not displayed.
  • the user interface may be the interface on which the current application program is running.
  • the interface of the current application program is displayed.
  • the user interface when the terminal is in non-immersive display mode, that is, the user interface displays a status bar, the user interface can be the main interface of the terminal, that is, an interface that displays various application controls; it can also be displayed with a status bar.
  • Application program interface In a possible implementation manner, in the non-immersive display mode, the display method of the side toolbar shown in each embodiment of the present application may also be used.
  • Step 302 Receive the first sliding signal and the second sliding signal triggered on the touch display screen.
  • the sliding direction of the first sliding signal and the second sliding signal is from the corner area of the screen to the middle area of the screen, and the sliding starting point of the first sliding signal Located in the corner area of the first screen, the second sliding signal is located in the corner area of the second screen, and the corner area of the first screen is different from the corner area of the second screen.
  • the terminal receives The first swipe signal and the second swipe signal triggered on the touch screen, where the first swipe signal is the signal generated by sliding the corner area of the first screen to the middle area of the screen, and the second swipe signal is the signal generated by the corner of the second screen.
  • the corner area of the first screen and the corner area of the second screen may be two corner areas on either side of the touch display screen.
  • the user can use the upper left corner area 402 and the upper right corner area 403 to slide in the direction shown by the arrows, or the lower left corner area 404 and the lower right corner area 405. Slide in the directions indicated by the arrows.
  • the upper left corner area 402 and the lower left corner area 404 can also be slid in the directions indicated by the arrows respectively, or the upper right corner area 403 and the lower right corner area 405 can be slid in the directions shown by the arrows respectively.
  • Step 303 According to the first sliding signal and the second sliding signal, a side toolbar is displayed on the upper layer of the user interface, and at least one shortcut tool control is displayed in the side toolbar.
  • the shortcut tool control can be a shortcut manipulation switch, such as Bluetooth, mobile network, etc., can also be a quick start application, such as games, music, camera, etc., or a brightness and volume adjustment control.
  • the embodiment of the present application does not limit the specific type of the shortcut tool control.
  • the display is displayed on the touch screen.
  • the side toolbar 513 is expanded down from the top to display the side toolbar 513, wherein a plurality of shortcut tool controls 515 are displayed in the side toolbar 513.
  • a status bar is displayed on the user interface, at this time, when the terminal receives the first sliding signal and the second sliding signal triggered on the touch screen, it can also be based on the first sliding signal.
  • the first sliding signal and the second sliding signal display a side toolbar on the upper layer of the user interface, and the side toolbar includes at least one shortcut tool control.
  • a status bar 525 is displayed on the user interface 520.
  • the bottom of the touch screen is displayed.
  • the side toolbar 523 is expanded from the end upward to display the side toolbar 523, wherein a plurality of shortcut tool controls 524 are displayed in the side toolbar 523.
  • the terminal when the terminal displays the user interface in the immersive display mode, when the first sliding signal and the second sliding signal triggered on the touch screen are received, and the first sliding signal and the second sliding signal are When the sliding signal points to the central area of the screen from different corner areas of the screen, the side toolbar is displayed on the upper layer of the user interface according to the first sliding signal and the second sliding signal.
  • the first sliding signal and the second sliding signal to call out the side toolbar can be distinguished from the call-out method of other function bars, such as the sliding call-out method of the status bar, thereby reducing the probability of misoperation and improving the touch operation accuracy.
  • displaying a side toolbar on the upper layer of the user interface according to the first sliding signal and the second sliding signal including:
  • the current display state includes the horizontal screen display state and the vertical screen display state
  • the method further includes:
  • the corner area of the first screen and the corner area of the second screen are the corner areas corresponding to the long side of the same screen, determine the corner area of the first screen and the corner area of the second screen Meet the display conditions of the side toolbar corresponding to the current display status;
  • the corner area of the first screen and the corner area of the second screen are the corner areas corresponding to the short sides of the same screen, determine the corner area of the first screen and the corner area of the second screen Meet the display conditions of the side toolbar corresponding to the current display state.
  • determining the target display area of the side toolbar according to the first sliding signal and the second sliding signal includes:
  • the display area on the edge of the target screen is determined as the target display area.
  • the side toolbar also includes terminal status information
  • the side toolbar includes a first display area, a second display area, and a third display area.
  • the first display area and the third display area are used to display shortcut tool controls, and the second display area is used to display Terminal status information, the second display area is located between the first display area and the third display area;
  • the side toolbar includes a fourth display area and a fifth display area.
  • the fourth display area is used to display shortcut tool controls, and the fifth display area is used to display terminal status information.
  • a first-level tool menu is displayed on the side toolbar;
  • the method further includes:
  • the second-level tool menu is displayed in the side toolbar according to the third sliding signal, and the number of shortcut tool controls included in the second-level tool menu is greater than the number of shortcut tool controls included in the first-level tool menu.
  • the method further includes:
  • an editing menu is displayed in the side toolbar, and the editing menu contains at least one candidate shortcut tool control;
  • the positions of the candidate shortcut tool control and the target shortcut tool control are exchanged according to the drag operation, and the target shortcut tool control is the shortcut tool control at the end of the drag operation corresponding to the drag operation.
  • the method also includes:
  • the first sliding signal and the second sliding signal that trigger the display of the side toolbar may be different. Therefore, when the terminal receives the first sliding signal and the second sliding signal, it needs to be combined with the current display state Determine whether you need to call out the side toolbar.
  • FIG. 6 shows a flowchart of a method for displaying a side toolbar according to another exemplary embodiment of the present application.
  • the method includes:
  • Step 601 In an immersive display mode, display a user interface.
  • Step 602 Receive the first sliding signal and the second sliding signal triggered on the touch display screen.
  • the sliding direction of the first sliding signal and the second sliding signal is from the corner area of the screen to the middle area of the screen, and the sliding starting point of the first sliding signal Located in the corner area of the first screen, the second sliding signal is located in the corner area of the second screen, and the corner area of the first screen is different from the corner area of the second screen.
  • steps 601 to 602 For the implementation of the above steps 601 to 602, reference may be made to steps 301 to 302, which are not described in detail in this embodiment.
  • Step 603 Acquire the current display state, and the current display state includes a horizontal screen display state and a vertical screen display state.
  • the screen content on the user interface when in the horizontal screen display state, the screen content on the user interface is displayed horizontally; when in the vertical screen display state, the screen content on the user interface is displayed vertically.
  • Step 604 If the first screen corner area and the second screen corner area meet the display conditions of the side toolbar corresponding to the current display state, determine the target display area of the side toolbar according to the first sliding signal and the second sliding signal .
  • the display condition of the side toolbar may be: the first screen corner area and the second screen corner area correspond to the long side of the same screen Corner area; if the current display state is the portrait display state, the display condition of the side toolbar can be: the corner area of the first screen and the corner area of the second screen are the corner areas corresponding to the short sides of the same screen.
  • the display condition of the side toolbar can be set by the system default or set by the user.
  • step 604 may include steps 604A, 604B, 604C, and 604D.
  • Step 604A if the current display state is the horizontal display state, and the corner area of the first screen and the corner area of the second screen are the corner areas corresponding to the long side of the same screen, determine the corner area of the first screen and the second screen The corner area meets the display conditions of the side toolbar corresponding to the current display state.
  • the terminal determines that the current display state is the landscape display state, and detects the first screen corner area used by the first slide information and the second screen corner area used by the second slide signal If the area is the corner area corresponding to the long side of the same screen, it is determined that the screen corner area currently generating the sliding signal meets the corresponding side toolbar display condition in the horizontal screen display state.
  • the current display state is the horizontal display state
  • the corner area corresponding to the long side 801 of the touch screen can be swiped inward, that is, from the upper left corner area 802 and the upper right corner area.
  • the corner area 803 slides inward, or slides inward from the lower left corner area 804 and the lower right corner area 805.
  • the current display state is the horizontal display state
  • the first screen corner area and the second screen corner area are corner areas corresponding to the short sides of the same screen
  • the first screen corner area and the second screen corner area are determined 2.
  • the corner area of the screen does not meet the display conditions of the side toolbar corresponding to the current display state.
  • the current display state is the horizontal display state
  • the first screen corner area and the second screen corner area are the corner areas corresponding to the long sides of the different screens
  • the first screen corner area and the second screen corner area are determined 2.
  • the corner area of the screen does not meet the display conditions of the side toolbar corresponding to the current display state.
  • Step 604B if the current display state is the portrait display state, and the corner area of the first screen and the corner area of the second screen are corner areas corresponding to the short sides of the same screen, determine the corner area of the first screen and the second screen The corner area meets the display conditions of the side toolbar corresponding to the current display state.
  • the terminal determines that the current display state is the vertical display state, and detects the first sliding signal and the second sliding signal on both sides of the same short side of the touch screen, the first sliding signal is generated.
  • the first screen corner area of the sliding signal and the second screen corner area that generates the second sliding signal are the same short side of the touch screen, it is determined that the first screen corner area and the second screen corner area conform to the vertical display
  • the display conditions of the side toolbar in the status is the vertical display state.
  • the current display state is the vertical display state
  • the corner area corresponding to the short side 806 of the touch screen can be swiped inward, that is, from the upper left corner area 807 and the upper right corner area.
  • the corner area 808 slides inward, or slides inward from the lower left corner area 809 and the lower right corner area 810.
  • the current display state is the portrait display state
  • the first screen corner area and the second screen corner area are the corner areas corresponding to the long side of the same screen
  • the first screen corner area and the second screen corner area are determined 2.
  • the corner area of the screen does not meet the display conditions of the side toolbar corresponding to the current display state.
  • the current display state is the portrait display state
  • the first screen corner area and the second screen corner area are the corner areas corresponding to the short sides of the different screens
  • the first screen corner area and the second screen corner area are determined. 2.
  • the corner area of the screen does not meet the display conditions of the side toolbar corresponding to the current display state.
  • Step 604C Determine the edge of the target screen corresponding to the corner area of the first screen and the corner area of the second screen.
  • the terminal when the terminal is in the landscape display state and receives a sliding signal that matches the corner area of the first screen and the corner area of the second screen in the current display state, the first screen The corner area and the long side corresponding to the second screen corner area are determined as the target screen edge; when the terminal is in the vertical screen display state, and receive the first screen corner area and the second screen corner area in the current display state
  • the sliding signal of the area determines the short side corresponding to the corner area of the first screen and the corner area of the second screen as the target screen edge.
  • step 604D the display area on the edge of the target screen is determined as the target display area.
  • the target display area can be determined according to the target screen edge of the touch display screen operated by the user, that is, the first screen corner area (The display area adjacent to the long side or the short side corresponding to the first sliding signal (generating the first sliding signal) and the second screen corner area (generating the second sliding signal) is used as the target display area for displaying the side work bar.
  • the terminal determines that the edge of the target screen is the long side 901 of the screen, the display area 903 on the side of the long side 901 of the screen is determined as the target display area; The terminal determines that the edge of the target screen is the long side 902 of the screen, and then determines the display area 904 on the side of the long side 902 of the screen as the target display area.
  • the display area 908 on the side of the short side 906 of the screen is determined as the target display area. If the terminal determines that the edge of the target screen is the short side of the screen 907, the display area 909 on the short side 907 of the screen is determined as the target display area.
  • Step 605 Display a side toolbar on the upper layer of the user interface according to the target display area.
  • the terminal displays a side toolbar on the upper layer of the user interface according to the determined target display area.
  • the side toolbar may also include terminal status information.
  • the terminal status information may include the current terminal central processing unit (Central Processing Unit, CPU) usage, graphics processing unit (Graphics Processing Unit, GPU) operating status, network speed, network delay, and frame rate (Frame Per Second, FPS) Wait.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • FPS Frame Per Second
  • the side toolbar in the same display state, can be displayed above or below the same screen, and the user can call out the side toolbar through corresponding sliding gestures according to operating habits.
  • the side toolbars in different display states can be divided into areas to display shortcut tool controls in areas that are convenient for users to operate, and display terminal status information that does not involve operations in the user's touch blind area .
  • the side toolbar in the horizontal screen display state, includes a first display area, a second display area, and a third display area, where the first display area and the third display area are used to display shortcut tool controls ,
  • the second display area is used to display terminal status information, and the second display area is located between the first display area and the third display area.
  • the side toolbar 1004 is displayed on the upper layer of the user interface.
  • the side toolbar 1004 includes a first display area 1001, a second display area 1002, and a third display area. 1003, wherein terminal status information is displayed in the second display area 1002, and shortcut tool controls are displayed in the first display area 1001 and the third display area 1003.
  • the side toolbar includes a fourth display area and a fifth display area, where the fourth display area is used to display shortcut tool controls, and the fifth display area is used to display terminal status information .
  • the terminal status information and shortcut tool controls are divided into two areas for display, so that more shortcut controls can be performed in the side toolbar of the call, and you can understand at the same time More terminal status information.
  • the side toolbar 1005 is displayed on the upper layer of the user interface.
  • the side toolbar 1005 includes a fourth display area 1006 and a fifth display area 1007, where the fourth Terminal status information is displayed in the display area 1006, and shortcut tool controls are displayed in the fifth display area 1007.
  • the terminal displays the side toolbar on the upper layer of the user interface according to the first sliding signal and the second sliding signal.
  • the first-level tool menu in the side toolbar is displayed.
  • the terminal status information and shortcut tool controls displayed in the tool menu cannot meet the user's operation requirements.
  • the user can use the corresponding outgoing gesture to call up the secondary tool menu, so as to perform more shortcut operations.
  • the method of calling and displaying the secondary tool menu on the side toolbar may include step 606 and step 607.
  • the user when the user needs to change the display position of the shortcut tool in the side toolbar, or change the display position of the terminal status information, the user can use the corresponding editing operation to make the side toolbar enter the editing mode.
  • the process of entering the editing mode of the side toolbar may include step 608, step 609, and step 610.
  • Step 606 Receive a third sliding signal for the side toolbar.
  • the generation area of the third sliding signal can be any position on the side toolbar, and the sliding direction of the third sliding signal can be determined by the display area of the side toolbar.
  • Table 1 the relationship between the display area of the side toolbar and the sliding direction of the third sliding signal is shown in Table 1:
  • the sliding direction of the third sliding signal is determined by Table 1:
  • the third sliding signal should be determined by the side Slide down the side toolbar area.
  • step 607 the second-level tool menu is displayed in the side toolbar according to the third sliding signal, and the number of shortcut tool controls included in the second-level tool menu is greater than the number of shortcut tool controls included in the first-level tool menu.
  • the terminal may display the secondary tool menu below (the third sliding direction is sliding downward) or above (the third sliding direction is sliding upward) of the side toolbar according to the third sliding direction.
  • the side toolbar may include a first-level tool menu, a second-level tool menu, a third-level tool menu, an N-level tool menu, etc.
  • the user can use a gesture similar to the second-level tool menu to call out the display.
  • the three-level tool menu, the N-level tool menu, etc., are not limited in this embodiment.
  • the user can use the opposite sliding direction when calling out the secondary tool menu to retract the side toolbar.
  • Step 608 Receive an editing operation on the shortcut tool control in the side toolbar.
  • the editing operation is different from the click operation when using the shortcut tool control.
  • the editing operation can be a long press operation or a pressing operation on the shortcut tool control.
  • the editing operation may also be a long press operation or a pressing operation on the terminal status information.
  • Step 609 Enter the editing mode according to the editing operation.
  • an editing menu is displayed in the side toolbar, and the editing menu includes at least one candidate shortcut tool control.
  • the terminal when the user long presses any terminal status information or shortcut tool control, the terminal receives an editing operation on the side toolbar, that is, enters the editing mode, and in the side toolbar in the editing mode Provide multiple candidate shortcut tool controls for users to choose.
  • the user can perform editing operations when the first-level tool menu is displayed in the side toolbar, and can also perform editing operations when the second-level tool menu is displayed in the side toolbar.
  • Step 610 When a drag operation on the candidate shortcut tool control is received, the positions of the candidate shortcut tool control and the target shortcut tool control are exchanged according to the drag operation.
  • the target shortcut tool control is the shortcut tool at the end of the drag operation corresponding to the drag operation. Control.
  • the user can exchange the candidate shortcut tool control and the target shortcut tool control.
  • the candidate shortcut tool control can be the shortcut tool control displayed in the edit menu, and the target tool control can be displayed in the first-level tool menu.
  • the shortcut tool control can also be the shortcut tool control displayed in the secondary tool menu.
  • the user can also exchange the shortcut tool controls displayed in the first-level tool menu and the second-level tool menu, or the user can also exchange the terminal status information displayed in the first-level tool menu and the second-level tool menu.
  • the user's finger long presses the candidate shortcut tool control 1301 and drags it to the position of the target shortcut tool control 1303 in the direction shown by the arrow 1302, and stops long pressing the shortcut tool control 1301, then the shortcut tool The position exchange is completed between the control 1301 and the shortcut tool control 1303.
  • the corresponding side toolbar display conditions for different display states, it is possible to more accurately call out the side toolbar that meets the current display state, and then divide the area for different side toolbars so that The quick operation control is displayed in the area that is convenient for the user to operate, and the terminal status information that does not involve operation is displayed in the user's touch blind zone, thereby improving the user's efficiency in using the shortcut tool control in different application scenarios.
  • the second-level tool menu can be called out so that the user can perform more quick manipulations.
  • the editing menu can be called up. In the editing mode, the user can customize the display position of the shortcut tool control and terminal status information in the side toolbar, thereby improving The user's use efficiency of shortcut tool controls in different application scenarios.
  • the shortcut tool controls used by the user in different applications are different, or the use frequency of each shortcut tool control in the same application is different, so each shortcut tool control needs to be determined according to the application. Display position.
  • the terminal can determine the display position of the shortcut tool control in the side toolbar through the following steps.
  • the terminal automatically obtains the usage frequency of each shortcut tool control in the side toolbar when running different applications. For example, when running application A, the usage frequency of shortcut tool controls in the side toolbar is from high to low: shortcut tool control A> shortcut tool control B> shortcut tool control C> shortcut tool control D.
  • the terminal determines the display position of each shortcut tool control in the side toolbar according to the current application and the frequency of use of each shortcut tool control under the current application, where the one-handed operation of the display position Convenience has a positive relationship with frequency of use, that is, shortcut tool controls that are used more frequently should be displayed in an area that is more conducive to one-handed operation, and shortcut tool controls that are used frequently are first displayed in the first-level tool menu.
  • the user in the landscape display state, the user generally holds the terminal with both hands. Therefore, the first area 1401 and the second area 1402 are the user's one-hand operation area, and the third area 1403 is The user’s operating blind zone, and the closer to the short-side area of the screen, is more conducive to the user’s one-handed operation.
  • shortcut tool control A the use frequency of shortcut tool control A, shortcut tool control B, and shortcut tool control C are in order: shortcut tool control B> shortcut tool control C> shortcut tool control A, then the display position of shortcut tool control B is The area that is most conducive to one-handed operation, and is first displayed in the first-level tool menu, so that you can click on the shortcut tool control B when the first-level tool menu is called, the shortcut tool control C is second, and the shortcut tool control A is last .
  • the display position of each shortcut tool control in the side toolbar is determined according to the current application and the frequency of use of each shortcut tool control under the current application, so that the shortcut tool control with high usage rate is located more beneficial to the user.
  • the shortcut tool control with high usage rate is located more beneficial to the user.
  • priority is displayed in the first-level tool menu, thereby improving the user's efficiency in using tools under different applications.
  • FIG. 15 shows a structural block diagram of a display device for a side toolbar provided by an exemplary embodiment of the present application.
  • the device can be implemented as all or a part of the terminal through software, hardware or a combination of the two.
  • the device includes:
  • the first display module 1501 is used for displaying a user interface in an immersive display mode
  • the first receiving module 1502 is configured to receive a first sliding signal and a second sliding signal triggered on the touch display screen.
  • the sliding direction of the first sliding signal and the second sliding signal is directed from the corner area of the screen to the middle area of the screen , And the sliding starting point of the first sliding signal is located in the corner area of the first screen, the second sliding signal is located in the corner area of the second screen, the corner area of the first screen and the corner area of the second screen different;
  • the second display module 1503 is configured to display the side toolbar on the upper layer of the user interface according to the first sliding signal and the second sliding signal, and at least one shortcut tool control is displayed in the side toolbar .
  • the second display module 1503 includes:
  • An acquiring unit configured to acquire a current display state, the current display state including a horizontal screen display state and a vertical screen display state;
  • the first determining unit is configured to, if the corner area of the first screen and the corner area of the second screen meet the display conditions of the side toolbar corresponding to the current display state, according to the first sliding signal and the all The second sliding signal determines the target display area of the side toolbar;
  • the first display unit is configured to display the side toolbar on the upper layer of the user interface according to the target display area.
  • the first determining unit is configured to:
  • the current display state is the horizontal screen display state
  • the first screen corner area and the second screen corner area are corner areas corresponding to the long side of the same screen
  • the current display state is the portrait display state
  • the first screen corner area and the second screen corner area are corner areas corresponding to the short sides of the same screen
  • the first determining unit is further configured to:
  • the display area on one side of the edge of the target screen is determined as the target display area.
  • the side toolbar also includes terminal status information
  • the side toolbar includes a first display area, a second display area, and a third display area, and the first display area and the third display area are used to display the shortcut tool control,
  • the second display area is used to display the terminal state information, and the second display area is located between the first display area and the third display area;
  • the side toolbar includes a fourth display area and a fifth display area, the fourth display area is used to display the shortcut tool control, and the fifth display area is used to display the Terminal status information.
  • the side toolbar displays a first-level tool menu
  • the device further includes:
  • the second receiving module is configured to receive the third sliding signal to the side toolbar;
  • the third display module is configured to display a second-level tool menu in the side toolbar according to the third sliding signal, and the number of the shortcut tool controls contained in the second-level tool menu is greater than the number of the first-level tools The number of the shortcut tool controls included in the menu.
  • the device further includes:
  • the third receiving module is configured to receive an editing operation on the shortcut tool control in the side toolbar;
  • a control module configured to enter an editing mode according to the editing operation, in the editing mode, an editing menu is displayed in the side toolbar, and the editing menu includes at least one candidate shortcut tool control;
  • the editing module is configured to exchange the positions of the candidate shortcut tool control and the target shortcut tool control according to the drag operation when a drag operation on the candidate shortcut tool control is received, and the target shortcut tool control is the target shortcut tool control.
  • the drag operation described corresponds to the shortcut tool control at the end of the drag.
  • the device further includes:
  • the obtaining module is used to obtain the usage frequency of each shortcut tool control in the side toolbar when running different applications;
  • the determining module is used to determine the display position of each shortcut tool control in the side toolbar according to the current application and the use frequency of each shortcut tool control under the current application, wherein the one-handed operation of the display position Convenience has a positive correlation with the frequency of use.
  • the terminal when the terminal displays the user interface in the immersive display mode, when the first sliding signal and the second sliding signal triggered on the touch screen are received, and the first sliding signal and the second sliding signal are When the sliding signal points to the central area of the screen from different corner areas of the screen, the side toolbar is displayed on the upper layer of the user interface according to the first sliding signal and the second sliding signal.
  • the first sliding signal and the second sliding signal to call out the side toolbar can be distinguished from the call-out method of other function bars, such as the sliding call-out method of the status bar, thereby reducing the probability of misoperation and improving the touch operation accuracy.
  • FIG. 16 shows a structural block diagram of a terminal 1600 provided by an exemplary embodiment of the present application.
  • the terminal 1600 may be an electronic device with an application installed and running, such as a smart phone, a tablet computer, an e-book, or a portable personal computer.
  • the terminal 1600 in this application may include one or more of the following components: a processor 1602, a memory 1601, and a touch screen 1603.
  • the processor 1602 may include one or more processing cores.
  • the processor 1602 uses various interfaces and lines to connect various parts of the entire terminal 1600, and executes the terminal by running or executing instructions, programs, code sets, or instruction sets stored in the memory 1601, and calling data stored in the memory 1601. 1600's various functions and processing data.
  • the processor 1602 may adopt at least one of digital signal processing (Digital Signal Processing, DSP), Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and Programmable Logic Array (Programmable Logic Array, PLA).
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA Programmable Logic Array
  • the processor 1602 may integrate one or a combination of a CPU, a GPU, a modem, and the like.
  • the CPU mainly processes the operating system, user interface, and application programs; the GPU is used for rendering and drawing the content that needs to be displayed on the touch screen 1603; the modem is used for processing wireless communication. It can be understood that the above-mentioned modem may not be integrated into the processor 1602, but may be implemented by a communication chip alone.
  • the memory 1601 may include random access memory (RAM) or read-only memory (ROM).
  • the memory 1601 includes a non-transitory computer-readable storage medium.
  • the memory 1601 may be used to store instructions, programs, codes, code sets or instruction sets.
  • the memory 1601 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing the operating system and instructions for implementing at least one function (such as touch function, sound playback function, image playback function, etc.) ,
  • the instructions used to implement the foregoing various method embodiments, etc., the operating system may be the Android system (including the system based on the in-depth development of the Android system), the IOS system developed by Apple (including the system based on the in-depth development of the IOS system) Or other systems.
  • the data storage area can also store data (such as phone book, audio and video data, chat record data) created by the terminal 1600 during use.
  • the touch display screen 1603 is used to receive a user's touch operation on or near any suitable object such as a finger, a touch pen, etc., and to display a user interface of various application programs.
  • the touch screen is usually set on the front panel of the terminal 1600.
  • the touch screen can be designed as a full screen, curved screen or special-shaped screen.
  • the touch display screen can also be designed as a combination of a full screen and a curved screen, or a combination of a special-shaped screen and a curved screen, which is not limited in the embodiments of the present application.
  • the structure of the terminal 1600 shown in the above drawings does not constitute a limitation on the terminal 1600, and the terminal may include more or less components than those shown in the figure, or a combination of certain components. Components, or different component arrangements.
  • the terminal 1600 also includes components such as a radio frequency circuit, a photographing component, a sensor, an audio circuit, a wireless fidelity (Wireless Fidelity, WiFi) component, a power supply, a Bluetooth component, etc., which will not be repeated here.
  • the embodiments of the present application also provide a computer-readable medium that stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement the side tool described in each of the above embodiments.
  • the display method of the column is not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, and the at least one instruction is loaded and executed by the processor to implement the side tool described in each of the above embodiments.
  • the embodiments of the present application also provide a computer program product, the computer program product stores at least one instruction, and the at least one instruction is loaded and executed by the processor to realize the operation of the side toolbar as described in each of the above embodiments. Display method.
  • Computer-readable media include computer storage media and communication media, where communication media includes any media that facilitates the transfer of computer programs from one place to another.
  • the storage medium may be any available medium that can be accessed by a general-purpose or special-purpose computer.

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

本申请实施例公开了一种侧边工具栏的显示方法、装置、终端及存储介质,属于人机交互领域。所述方法包括:沉浸式显示模式下,显示用户界面;接收触摸显示屏上触发的第一滑动信号和第二滑动信号,第一滑动信号和第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且第一滑动信号的滑动起点位于第一屏幕边角区域,第二滑动信号位于第二屏幕边角区域,第一屏幕边角区域与第二屏幕边角区域不同;根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏,侧边工具栏中显示有至少一个快捷工具控件。本申请实施例中,通过第一滑动信号和第二滑动信号来呼出显示侧边工具栏,可以区别于其他功能栏的呼出方式,从而降低误操作的概率。

Description

侧边工具栏的显示方法、装置、终端及存储介质
本申请要求于2019年08月29日提交的申请号为201910820583.5、发明名称为“侧边工具栏的显示方法、装置、终端及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及人机交互领域,特别涉及一种侧边工具栏的显示方法、装置、终端及存储介质。
背景技术
终端一般提供有状态栏、导航栏以及侧边工具栏,其中,状态栏上显示有运营商名称、信号强度、电池电量以及时钟信息等;导航栏上显示有返回键、菜单键以及主页键等,侧边工具栏上显示有快捷操控开关、快捷开启应用、亮度音量调节控件等。同时终端会针对每一种功能栏提供相应的呼出操作。
当用户在玩游戏或看视频的过程中,通常需要呼出侧边工具栏进行一些快捷操作,比如,截屏、切换网络等,此时用户可以从触摸屏四个顶角中的任意一个向内滑动呼出侧边工具栏;由于状态栏可以由触摸屏顶端向下滑动呼出,而向内滑动与向下滑动不易区分,如果用户需要呼出侧边工具栏,可能会产生误触操作,呼出状态栏。
发明内容
本申请实施例提供了一种侧边工具栏的显示方法、装置、终端及存储介质。所述技术方案如下:
一方面,本申请实施例提供了一种侧边工具栏的显示方法,所述方法包括:
沉浸式显示模式下,显示用户界面;
接收触摸显示屏上触发的第一滑动信号和第二滑动信号,所述第一滑动信号和所述第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且所述第一滑动信号的滑动起点位于第一屏幕边角区域,所述第二滑动信号位于第二屏幕边角区域,所述第一屏幕边角区域与所述第二屏幕边角区域不同;
根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,所述侧边工具栏中显示有至少一个快捷工具控件。
另一方面,本申请实施例提供了一种侧边工具栏的显示装置,所述装置包括:
第一显示模块,用于沉浸式显示模式下,显示用户界面;
第一接收模块,用于接收触摸显示屏上触发的第一滑动信号和第二滑动信号,所述第一滑动信号和所述第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且所述第一滑动信号的滑动起点位于第一屏幕边角区域,所述第二滑动信号位于第二屏幕边角区域,所述第一屏幕边角区域与所述第二屏幕边角区域不同;
第二显示模块,用于根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,所述侧边工具栏中显示有至少一个快捷工具控件。
另一方面,本申请实施例提供了一种终端,所述终端包括处理器和存储器;所述存储器存储有至少一条指令,所述至少一条指令用于被所述处理器执行以实现如上述方面所述的侧边工具栏的显示方法。
另一方面,提供了一种计算机可读存储介质,所述存储介质存储有至少一条指令,所述至少一条指令用于被处理器执行以实现如上述方面所述的侧边工具栏的显示方法。
另一方面,还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由处理器加载并执行以实现上述方面所述的侧边工具栏的显示方法。
附图说明
图1示出了相关技术中状态栏和侧边工具栏的显示方式示意图;
图2是本申请一个示例性实施例提供的侧边工具栏显示过程的示意图;
图3是本申请一个示例性实施例示出的侧边工具栏的显示方法的流程图;
图4是本申请一个示例性实施例示出的第一滑动信号和第二滑动信号产生区域的示意图;
图5是本申请一个示例性实施例示出的侧边工具栏的显示界面图;
图6是本申请另一个示例性实施例示出的侧边工具栏的显示方法的流程图;
图7是本申请另一个示例性实施例示出的侧边工具栏的显示方法的流程图;
图8是本申请另一个示例性实施例示出的不同显示状态下侧边工具栏显示条件的示意图;
图9是不同显示状态下对应的目标显示区域的示意图;
图10是不同显示状态下侧边工具栏中快捷工具控件和终端状态信息的显示区域示意图;
图11是横屏显示状态下显示二级工具菜单过程的示意图;
图12是横屏显示状态下显示编辑菜单过程的示意图;
图13是横屏显示状态下交换快捷工具控件位置过程的示意图;
图14是快捷工具使用频率与显示位置之间关系的示意图;
图15示出了本申请一个示例性实施例提供的侧边工具栏的显示装置的结构框图;
图16示出了本申请一个示例性实施例提供的终端的结构方框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
在本文中提及的“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
终端在显示用户界面时,通常在用户界面上层显示有状态栏、导航栏以及侧边工具栏。其中,状态栏上显示有运营商名称、信号强度、电池电量以及时钟信息等;导航栏上显示有返回键、菜单键以及主页键等,侧边工具栏上显示有快捷操控开关、快捷开启应用、亮度音量调节控件等。同时终端会针对每一种功能栏提供相应的显示方式。
在不同的用户界面上,不用功能栏的显示方式以及显示位置不同。示意性的,如图1所示,在应用程序界面110上,状态栏、导航栏以及侧边工具栏均不显示,用户需通过不同的滑动手势来呼出状态栏、导航栏以及侧边工具栏,如图1中的(A)所示,可以通过触摸显示屏顶端向下滑动以呼出状态栏120,如图1中的(B)所示,可以通过触摸显示屏右上角向内滑动呼出侧边工具栏130。但是实际情况下,用户可能无法准确地做出向内滑动与向下滑动的手势,使得无法准确地呼出目标功能栏,从而出现误操作的问题。
为了解决误操作的问题,本申请实施例中,对呼出侧边工具栏的滑动手势进行调整,使其可以明确区分于其他功能栏的滑动手势,示意性的,如图2所示,在应用程序界面210上,可以通过在该触摸显示屏顶端两个边角区域向内滑动呼出侧边工具栏220。通过第一滑动信号和第二滑动信号来呼出显示侧边工具栏,可以区别于其他功能栏的呼出方式,比如状态栏的下滑呼出方式,从而降低误操作的概率,进而提高了触控操作的准确性。
请参考图3,其示出了本申请一个示例性实施例示出的侧边工具栏的显示方法的流程图。本申请实施例以该方法应用于具备触控显示屏的终端为例进行说明,该方法包括:
步骤301,沉浸式显示模式下,显示用户界面。
其中,沉浸式显示模式指全屏显示应用程序界面的模式,在该显示模式下状态栏、导航栏、侧边工具栏不显示。比如,游戏、观看视频等应用全屏显示。其中,用户界面可以是当前应用程序运行的界面。在一种可能的实施方式中,当终端处于应用全屏显示模式下,显示当前应用程序运行的界面。
可选的,当终端在非沉浸式显示模式下,即用户界面显示有状态栏,用户界面可以是终端的主界面,即显示有各种应用程序控件的界面;也可以是显示有状态栏的应用程序界面。在一种可能的实施方式中,在非沉浸式显示模式下,也可以采用本申请各个实施例示出的侧边工具栏的显示方法。
步骤302,接收触摸显示屏上触发的第一滑动信号和第二滑动信号,第一滑动信号和第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且第一滑动信号的滑动起点位于第一屏幕边角区域,第二滑动信号位于第二屏幕边角区域,第一屏幕边角区域与第二屏幕边角区域不同。
在一种可能的实施方式中,在当前用户界面上,用户需要呼出侧边工具栏,可以分别由第一屏幕边角区域和第二屏幕边角区域向屏幕中部区域滑动,此时终端接收到触摸显示屏上触发的第一滑动信号和第二滑动信号,其中,第一滑动信号即由第一屏幕边角区域向屏幕中部区域滑动产生的信号,第二滑动信号即由第二屏幕边角区域向屏幕中部区域滑动产生的信号。
可选的,第一屏幕边角区域与第二屏幕边角区域可以是触摸显示屏上任意一边的两个边角区域。
示意性的,如图4所示,在当前用户界面401上,用户可以由左上角区域402和右上角区域403分别沿箭头所示的方向滑动,也可以由左下角区域404和右下角区域405分别沿箭头所示的方向滑动。也可以由左上角区域402和左下角区域404分别沿箭头所示的方向滑动,也可以由右上角区域403和右下角区域405分别沿箭头所示的方向滑动。
步骤303,根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏,侧边工具栏中显示有至少一个快捷工具控件。
其中,快捷工具控件可以是快捷操纵开关,比如蓝牙、移动网络等,也可以是快捷开启应用,比如游戏、音乐、相机等,也可以是亮度音量调节控件。本申请实施例并不对快捷工具控件的具体类型进行限定。
在沉浸式显示模式下,示意性的,如图5中的(A)所示,在用户界面510上,当接收到第一滑动信号511和第二滑动信号512时,则在触摸显示屏的顶端向下展开显示侧边工具栏513,其中,侧边工具栏513中显示有多个快捷工具控件515。
可选的,在某些非沉浸式显示模式下,即用户界面上显示有状态栏,此时,当终端接收到触摸显示屏上触发的第一滑动信号和第二滑动信号,也可以根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏,侧边工具栏中包括至少一个快捷工具控件。
示意性的,如图5中的(B)所示,在用户界面520上,显示有状态栏525,当接收到第一滑动信号521和第二滑动信号522时,则在触摸显示屏的底端向上展开显示侧边工具栏523,其中,侧边工具栏523中显示有多个快捷工具控件524。
综上所述,本申请实施例中,终端在沉浸式显示模式下显示用户界面时,当接收到触摸显示屏上触发的第一滑动信号和第二滑动信号,且第一滑动信号和第二滑动信号是由不同屏幕边角区域指向屏幕中部区域时,则根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏。通过第一滑动信号和第二滑动信号来呼出显示侧边工具栏,可以区别于其他功能栏的呼出方式,比如状态栏的下滑呼出方式,从而降低误操作的概率,进而提高了触控操作的准确性。
可选的,根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏,包括:
获取当前显示状态,当前显示状态包括横屏显示状态和竖屏显示状态;
若第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件,则根据第一滑动信号和第二滑动信号确定侧边工具栏的目标显示区域;
根据目标显示区域在用户界面上层显示侧边工具栏。
可选的,获取当前显示状态之后,方法还包括:
若当前显示状态为横屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件;
若当前显示状态为竖屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件。
可选的,根据第一滑动信号和第二滑动信号确定侧边工具栏的目标显示区域,包括:
确定第一屏幕边角区域和第二屏幕边角区域对应的目标屏幕边缘;
将目标屏幕边缘一侧的显示区域确定为目标显示区域。
可选的,侧边工具栏中还包括终端状态信息;
横屏显示状态下,侧边工具栏包括第一显示区域、第二显示区域和第三显示区域,第一显示区域和第三显示区域用于显示快捷工具控件,第二显示区域用于显示有终端状态信息,第二显示区域位于第一显示区域和第三显示区域之间;
竖屏显示状态下,侧边工具栏包括第四显示区域和第五显示区域,第四显示区域用于显示快捷工具控件,第五显示区域用于显示有终端状态信息。
可选的,侧边工具栏显示有一级工具菜单;
根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏之后,方法还包括:
接收对侧边工具栏的第三滑动信号;
根据第三滑动信号在侧边工具栏中显示二级工具菜单,二级工具菜单中包含的快捷工具控件的数量大于一级工具菜单中包含的快捷工具控件的数量。
可选的,根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏之后,方法还包括:
接收对侧边工具栏中快捷工具控件的编辑操作;
根据编辑操作进入编辑模式,编辑模式下,侧边工具栏中显示有编辑菜单,编辑菜单中包含至少一个候选快捷工具控件;
当接收到对候选快捷工具控件的拖动操作时,根据拖动操作交换候选快捷工具控件与目标快捷工具控件的位置,目标快捷工具控件为拖动操作对应拖动终点处的快捷工具控件。
可选的,方法还包括:
获取运行不同应用程序时,侧边工具栏中各个快捷工具控件的使用频率;
根据当前应用程序以及当前应用程序下各个快捷工具控件的使用频率,确定侧边工具栏中各个快捷工具控件的显示位置,其中,显示位置的单手操作便捷性与使用频率呈正相关关系。
由于在不同的显示状态下,触发显示侧边工具栏的第一滑动信号和第二滑动信号可能不同,因此,当终端接收到第一滑动信号和第二滑动信号之后,需要结合当前的显示状态确定是否需要呼出侧边工具栏。
请参考图6,其示出了本申请另一个示例性实施例示出的侧边工具栏的显示方法的流程图。该方法包括:
步骤601,沉浸式显示模式下,显示用户界面。
步骤602,接收触摸显示屏上触发的第一滑动信号和第二滑动信号,第一滑动信号和第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且第一滑动信号的滑动起点位于第一屏幕边角区域,第二滑动信号位于第二屏幕边角区域,第一屏幕边角区域与第二屏幕边角区域不同。
上述步骤601至602的实施方式可以参考步骤301至302,本实施例在此不做赘述。
步骤603,获取当前显示状态,当前显示状态包括横屏显示状态和竖屏显示状态。
其中,处于横屏显示状态时,用户界面上的画面内容横向显示;处于竖屏显示状态时用户界面上的画 面内容纵向显示。
步骤604,若第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件,则根据第一滑动信号和第二滑动信号确定侧边工具栏的目标显示区域。
在一种可能的实施方式中,若当前显示状态为横屏显示状态,则侧边工具栏的显示条件可以是:第一屏幕边角区域和第二屏幕边角区域为同一屏幕长边对应的边角区域;若当前显示状态为竖屏显示状态,则侧边工具栏的显示条件可以是:第一屏幕边角区域和第二屏幕边角区域为同一屏幕短边对应的边角区域。其中,侧边工具栏的显示条件可以为系统默认设置,或者由用户自定义设置。
可选的,在图6的基础上,如图7所示,步骤604可以包括步骤604A、604B、604C和604D。
步骤604A,若当前显示状态为横屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件。
在一种可能的实施方式中,当终端确定出当前显示状态为横屏显示状态时,并且检测到第一滑动信息作用的第一屏幕边角区域和第二滑动信号作用的第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定当前产生滑动信号的屏幕边角区域符合横屏显示状态下对应的侧边工具栏显示条件。
示意性的,如图8中的(A)所示,当前显示状态为横屏显示状态,可以由触摸显示屏的长边801对应的边角区域向内滑动,即由左上角区域802和右上角区域803向内滑动,或由左下角区域804和右下角区域805向内滑动,当终端接收到上述滑动信号,则确定该第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件。
可选的,若当前显示状态为横屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
示意性的,如图8中的(A)所示,在横屏显示状态下,当终端接收到左上角区域802和左下角区域804的滑动信号,或终端接收到右上角区域803和右下角区域805的滑动信号,则判断该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
可选的,若当前显示状态为横屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为不同屏幕长边对应的边角区域,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
示意性的,如图8中的(A)所示,在横屏显示状态下,当终端接收到左上角区域802和右下角区域805的滑动信号,或终端接收到右上角区域803和左下角区域804的滑动信号,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
步骤604B,若当前显示状态为竖屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件。
在一种可能的实施方式中,当终端确定出当前显示状态为竖屏显示状态,并在触摸显示屏同一短边的两侧分别检测到第一滑动信号和第二滑动信号,即产生第一滑动信号的第一屏幕边角区域和产生第二滑动信号的第二屏幕边角区域为触摸显示屏的同一短边,则确定第一屏幕边角区域和第二屏幕边角区域符合竖屏显示状态下侧边工具栏的显示条件。
示意性的,如图8中的(B)所示,当前显示状态为竖屏显示状态,可以由触摸显示屏的短边806对应的边角区域向内滑动,即由左上角区域807和右上角区域808向内滑动,或由左下角区域809和右下角区域810向内滑动,当终端接收到上述滑动信号,则确定该第一屏幕边角区域和第二屏幕边角区域符合当前显示状态对应的侧边工具栏显示条件。
可选的,若当前显示状态为竖屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为同一屏幕长边 对应的边角区域,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
示意性的,如图8中的(B)所示,在竖屏显示状态下,当终端接收到左上角区域807和左下角区域809的滑动信号,或终端接收到右上角区域808和右下角区域810的滑动信号,则判断该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
可选的,若当前显示状态为竖屏显示状态,且第一屏幕边角区域和第二屏幕边角区域为不同屏幕短边对应的边角区域,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
示意性的,如图8中的(B)所示,在竖屏显示状态下,当终端接收到左上角区域807和右下角区域810的滑动信号,或终端接收到右上角区域808和左下角区域809的滑动信号,则确定该第一屏幕边角区域和第二屏幕边角区域不符合当前显示状态对应的侧边工具栏显示条件。
步骤604C,确定第一屏幕边角区域和第二屏幕边角区域对应的目标屏幕边缘。
在一种可能的实施方式中,当终端处于横屏显示状态下,并接收到符合当前显示状态下的第一屏幕边角区域和第二屏幕边角区域的滑动信号,则将该第一屏幕边角区域和第二屏幕边角区域对应的长边确定为目标屏幕边缘;当终端处于竖屏显示状态下,并接收到符合当前显示状态下的第一屏幕边角区域和第二屏幕边角区域的滑动信号,则将该第一屏幕边角区域和第二屏幕边角区域对应的短边确定为目标屏幕边缘。
步骤604D,将目标屏幕边缘一侧的显示区域确定为目标显示区域。
为了使得侧边工具栏的显示区域符合用户的操作习惯,在一种可能的实施方式中,可以根据用户操作的触摸显示屏的目标屏幕边缘来确定目标显示区域,即将第一屏幕边角区域(产生第一滑动信号)和第二屏幕边角区域(产生第二滑动信号)对应的长边或短边所邻近的显示区域,作为显示侧边工作栏的目标显示区域。
示意性的,如图9所示,在横屏显示状态下,若终端确定出目标屏幕边缘为屏幕长边901,则将该屏幕长边901一侧的显示区域903确定为目标显示区域;若终端确定出目标屏幕边缘为屏幕长边902,则将该屏幕长边902一侧的显示区域904确定为目标显示区域。在竖屏显示状态下,若终端确定出目标屏幕边缘为屏幕短边906,则将该屏幕短边906一侧的显示区域908确定为目标显示区域,若终端确定出目标屏幕边缘为屏幕短边907,则将该屏幕短边907一侧的显示区域909确定为目标显示区域。
步骤605,根据目标显示区域在用户界面上层显示侧边工具栏。
在一种可能的实施方式中,终端根据确定出的目标显示区域在用户界面上层显示侧边工具栏,其中,侧边工具栏除了显示有至少一个快捷工具控件,还可以包括终端状态信息。终端状态信息可以包括当前终端中央处理器(Central Processing Unit,CPU)的使用情况、图形处理器(Graphics Processing Unit,GPU)的运行情况、网速、网络延迟以及帧率(Frame Per Second,FPS)等。
本实施例中,在同一显示状态下,侧边工具栏可以在同一屏幕的上方显示,也可以在该屏幕的下方显示,用户可以根据操作习惯通过相应的滑动手势呼出侧边工具栏。
为了提高用户的操作便捷性,可以对不同显示状态下的侧边工具栏进行区域划分,以便在用户便于操作的区域显示快捷工具控件,在用户的触控盲区内显示不涉及操作的终端状态信息。
可选的,在横屏显示状态下,该侧边工具栏中包括第一显示区域、第二显示区域和第三显示区域,其中,第一显示区域和第三显示区域用于显示快捷工具控件,第二显示区域用于显示终端状态信息,且第二显示区域位于第一显示区域和第三显示区域之间。通过将快捷工具控件分布在侧边工具栏的两端区域,有利于用户在便于操作的区域进行触控操作,同时可以在点击盲区内了解到终端状态信息。
示意性的,如图10所示,横屏显示状态下,在用户界面上层显示侧边工具栏1004,侧边工具栏1004中包括第一显示区域1001、第二显示区域1002以及第三显示区域1003,其中,第二显示区域1002中显示有终端状态信息,第一显示区域1001和第三显示区域1003中显示有快捷工具控件。
可选的,在竖屏显示状态下,侧边工具栏中包括第四显示区域和第五显示区域,其中,第四显示区域用于显示快捷工具控件,第五显示区域用于显示终端状态信息。由于考虑到竖屏显示状态下的显示区域比较窄,因此将终端状态信息与快捷工具控件分两个区域进行显示,以便在呼出的侧边工具栏中可以进行更多的快捷操控,同时可以了解更多的终端状态信息。
示意性的,如图10所示,竖屏显示状态下,在用户界面上层显示侧边工具栏1005,侧边工具栏1005中包括第四显示区域1006和第五显示区域1007,其中,第四显示区域1006中显示有终端状态信息,第五显示区域1007中显示有快捷工具控件。
在一种可能的实施方式中,终端根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏,此时显示的是侧边工具栏中的一级工具菜单,若该一级工具菜单中显示的终端状态信息以及快捷工具控件无法满足用户的操作需求,此时用户可以采用相应的呼出手势以呼出二级工具菜单,从而进行更多的快捷操控。其中,在侧边工具栏上呼出显示二级工具菜单的方法可以包括步骤606和步骤607。
在一种可能的实施方式中,当用户需要更改侧边工具栏中快捷工具的显示位置,或更改终端状态信息的显示位置,此时用户可以采用相应的编辑操作,使得侧边工具栏进入编辑模式。其中,侧边工具栏进入编辑模式的过程可以包括步骤608、步骤609以及步骤610。
步骤606,接收对侧边工具栏的第三滑动信号。
其中,第三滑动信号的产生区域可以是侧边工具栏上的任意位置,第三滑动信号的滑动方向可以由侧边工具栏的显示区域决定。示意性的,侧边工具栏的显示区域与第三滑动信号的滑动方向之间的关系如表一所示:
表一
显示区域 滑动方向
横屏显示状态下,在触摸显示屏顶端区域 由侧边工具栏区域向下滑动
横屏显示状态下,在触摸显示屏底端区域 由侧边工具栏区域向上滑动
竖屏显示状态下,在触摸显示屏顶端区域 由侧边工具栏区域向下滑动
竖屏显示状态下,在触摸显示屏底端区域 由侧边工具栏区域向上滑动
示意性的,在横屏显示状态下,当侧边工具栏的显示区域为该触摸显示屏的顶端区域,则第三滑动信号的滑动方向由表一确定出:第三滑动信号应该由该侧边工具栏区域向下滑动。
步骤607,根据第三滑动信号在侧边工具栏中显示二级工具菜单,二级工具菜单中包含的快捷工具控件的数量大于一级工具菜单中包含的快捷工具控件的数量。
在一种可能的实施方式中,终端可以根据第三滑动方向,在侧边工具栏的下方(第三滑动方向为向下滑动)或上方(第三滑动方向为向上滑动)显示二级工具菜单。
示意性的,如图11所示,在横屏显示状态下,当终端接收到在侧边工具栏1101上触发的第三滑动信号1102时,则由侧边工具栏1101向下展开显示二级工具菜单1103。当终端接收到在侧边工具栏1104上触发的第三滑动信号1105时,则由侧边工具栏1104向上展开显示二级工具菜单1106。在竖屏显示状态下显示二级工具菜单的方式与横屏显示状态下类似,本实施例在此不做赘述。
在一种可能的实施方式中,侧边工具栏可以包括一级工具菜单、二级工具菜单、三级工具菜单、N级工具菜单等,用户可以采用类似二级工具菜单的呼出手势以呼出显示三级工具菜单、N级工具菜单等,本实施例对此不做限定。
可选的,用户可以采用与呼出二级工具菜单时相反的滑动方向来收起侧边工具栏。
步骤608,接收对侧边工具栏中快捷工具控件的编辑操作。
其中,编辑操作不同于使用快捷工具控件时的点击操作,编辑操作可以是对快捷工具控件的长按操作 或按压操作。可选的,当侧边工具栏中显示有终端状态信息时,编辑操作也可以是对终端状态信息的长按操作或按压操作。
步骤609,根据编辑操作进入编辑模式,编辑模式下,侧边工具栏中显示有编辑菜单,编辑菜单中包含至少一个候选快捷工具控件。
在一种可能的实施方式中,当用户长按任意终端状态信息或快捷工具控件时,终端接收到对侧边工具栏的编辑操作,即进入编辑模式,在编辑模式下的侧边工具栏中提供有多个候选快捷工具控件供用户选择。
以横屏显示状态为例,如图12中的(A)所示,当侧边工具栏中显示有一级工具菜单1201时,用户手指长按快捷工具控件1204,此时终端接收到该编辑操作,则由侧边工具栏向下展开显示二级工具菜单1202以及编辑菜单1203;可选的,如图12中的(B)所示,当侧边工具栏中显示有一级工具菜单1201时,用户手指长按终端状态信息图标1205,此时终端接收到该编辑操作,则由侧边工具栏向下展开显示二级工具菜单1202以及编辑菜单1203。
在一种可能的实施方式中,用户可以在侧边工具栏中显示有一级工具菜单时进行编辑操作,也可以在侧边工具栏中显示有二级工具菜单时进行编辑操作。
步骤610,当接收到对候选快捷工具控件的拖动操作时,根据拖动操作交换候选快捷工具控件与目标快捷工具控件的位置,目标快捷工具控件为拖动操作对应拖动终点处的快捷工具控件。
侧边工具栏在编辑模式下,用户可以交换候选快捷工具控件与目标快捷工具控件,其中候选快捷工具控件可以是编辑菜单中显示的快捷工具控件,目标工具控件可以是一级工具菜单中显示的快捷工具控件,也可以是二级工具菜单中显示的快捷工具控件。可选的,用户也可以交换一级工具菜单与二级工具菜单中显示的快捷工具控件,或用户也可以交换一级工具菜单与二级工具菜单中显示的终端状态信息。
示意性的,如图13所示,用户手指长按候选快捷工具控件1301,并沿箭头1302所示的方向拖动至目标快捷工具控件1303的位置,停止长按快捷工具控件1301,则快捷工具控件1301与快捷工具控件1303之间完成位置交换。当编辑完成后,可以点击完成按键1304,以保存编辑结果,并退出编辑模式。
本实施例中,通过对不同的显示状态采用相应的侧边工具栏显示条件,可以更准确地呼出符合当前显示状态的侧边工具栏,进而针对不同的侧边工具栏进行区域划分,使得在便于用户操作的区域显示快捷操作控件,在用户触控盲区显示不涉及操作的终端状态信息,从而提高了用户在不同应用场景下对快捷工具控件的使用效率。此外,通过在呼出的一级工具菜单上进行相应的滑动操作,可以呼出二级工具菜单,以便用户进行更多的快捷操控。另外,本实施例中,通过长按快捷工具控件的编辑操作,可以呼出编辑菜单,在编辑模式下,用户可以自定义侧边工具栏中快捷工具控件和终端状态信息的显示位置,从而提高了用户在不同应用场景下对快捷工具控件的使用效率。
在一种可能的实施方式中,用户在不同的应用程序中所使用的快捷工具控件不同,或在同一应用程序中各个快捷工具控件的使用频率不同,因此需要根据应用程序来确定各个快捷工具控件的显示位置。
可选的,终端可以通过下述步骤确定侧边工具栏中快捷工具控件的显示位置。
1、获取运行不同应用程序时,侧边工具栏中各个快捷工具控件的使用频率。
在一种可能的实施方式中,终端自动获取运行不同的应用程序时,侧边工具栏中各个快捷工具控件的使用频率。比如,在运行应用程序A时,侧边工具栏中快捷工具控件的使用频率从高到低依次是:快捷工具控件A>快捷工具控件B>快捷工具控件C>快捷工具控件D。
2、根据当前应用程序以及当前应用程序下各个快捷工具控件的使用频率,确定侧边工具栏中各个快捷工具控件的显示位置,其中,显示位置的单手操作便捷性与使用频率呈正相关关系。
在一种可能的实施方式中,终端根据当前应用程序以及当前应用程序下各个快捷工具控件的使用频率,来确定侧边工具栏中各个快捷工具控件的显示位置,其中,显示位置的单手操作便捷性与使用频率呈正相关关系,即使用频率越高的快捷工具控件应该显示在越利于单手操作的区域范围内,且将使用频率高 的快捷工具控件优先显示在一级工具菜单中。
示意性的,如图14所示,在横屏显示状态下,用户一般双手持握终端,因此第一区域1401和第二区域1402即为用户的单手操作区域,而第三区域1403即为用户的操作盲区,且越接近屏幕短边区域,越有利于用户单手操作。在当前应用程序界面,快捷工具控件A、快捷工具控件B、快捷工具控件C的使用频率依次为:快捷工具控件B>快捷工具控件C>快捷工具控件A,则快捷工具控件B的显示位置为最有利于单手操作的区域,且优先显示在一级工具菜单中,以便在呼出一级工具菜单的情况下也可以点击快捷工具控件B,快捷工具控件C次之,最后是快捷工具控件A。
本实施例中,通过根据当前应用程序以及当前应用程序下各个快捷工具控件的使用频率,来确定侧边工具栏中各个快捷工具控件的显示位置,使得使用率高的快捷工具控件位于更利于用户单手操作的区域范围内,且优先显示在一级工具菜单中,从而提高用户在不同应用程序下的工具使用效率。
请参考图15,其示出了本申请一个示例性实施例提供的侧边工具栏的显示装置的结构框图。该装置可以通过软件、硬件或者两者的结合实现成为终端的全部或一部分。该装置包括:
第一显示模块1501,用于沉浸式显示模式下,显示用户界面;
第一接收模块1502,用于接收触摸显示屏上触发的第一滑动信号和第二滑动信号,所述第一滑动信号和所述第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且所述第一滑动信号的滑动起点位于第一屏幕边角区域,所述第二滑动信号位于第二屏幕边角区域,所述第一屏幕边角区域与所述第二屏幕边角区域不同;
第二显示模块1503,用于根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,所述侧边工具栏中显示有至少一个快捷工具控件。
可选的,所述第二显示模块1503,包括:
获取单元,用于获取当前显示状态,所述当前显示状态包括横屏显示状态和竖屏显示状态;
第一确定单元,用于若所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件,则根据所述第一滑动信号和所述第二滑动信号确定所述侧边工具栏的目标显示区域;
第一显示单元,用于根据所述目标显示区域在所述用户界面上层显示所述侧边工具栏。
可选的,所述第一确定单元,用于:
若所述当前显示状态为所述横屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件;
若所述当前显示状态为所述竖屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件。
可选的,所述第一确定单元还用于:
确定所述第一屏幕边角区域和所述第二屏幕边角区域对应的目标屏幕边缘;
将所述目标屏幕边缘一侧的显示区域确定为所述目标显示区域。
可选的,所述侧边工具栏中还包括终端状态信息;
横屏显示状态下,所述侧边工具栏包括第一显示区域、第二显示区域和第三显示区域,所述第一显示区域和所述第三显示区域用于显示所述快捷工具控件,所述第二显示区域用于显示有所述终端状态信息,所述第二显示区域位于所述第一显示区域和所述第三显示区域之间;
竖屏显示状态下,所述侧边工具栏包括第四显示区域和第五显示区域,所述第四显示区域用于显示所述快捷工具控件,所述第五显示区域用于显示有所述终端状态信息。
可选的,所述侧边工具栏显示有一级工具菜单,所述装置还包括:
第二接收模块,用于接收对所述侧边工具栏的第三滑动信号;
第三显示模块,用于根据所述第三滑动信号在所述侧边工具栏中显示二级工具菜单,所述二级工具菜单中包含的所述快捷工具控件的数量大于所述一级工具菜单中包含的所述快捷工具控件的数量。
可选的,所述装置还包括:
第三接收模块,用于接收对所述侧边工具栏中所述快捷工具控件的编辑操作;
控制模块,用于根据所述编辑操作进入编辑模式,所述编辑模式下,所述侧边工具栏中显示有编辑菜单,所述编辑菜单中包含至少一个候选快捷工具控件;
编辑模块,用于当接收到对所述候选快捷工具控件的拖动操作时,根据所述拖动操作交换所述候选快捷工具控件与目标快捷工具控件的位置,所述目标快捷工具控件为所述拖动操作对应拖动终点处的快捷工具控件。
可选的,所述装置还包括:
获取模块,用于获取运行不同应用程序时,所述侧边工具栏中各个快捷工具控件的使用频率;
确定模块,用于根据当前应用程序以及所述当前应用程序下各个快捷工具控件的使用频率,确定所述侧边工具栏中各个快捷工具控件的显示位置,其中,所述显示位置的单手操作便捷性与所述使用频率呈正相关关系。
综上所述,本申请实施例中,终端在沉浸式显示模式下显示用户界面时,当接收到触摸显示屏上触发的第一滑动信号和第二滑动信号,且第一滑动信号和第二滑动信号是由不同屏幕边角区域指向屏幕中部区域时,则根据第一滑动信号和第二滑动信号在用户界面上层显示侧边工具栏。通过第一滑动信号和第二滑动信号来呼出显示侧边工具栏,可以区别于其他功能栏的呼出方式,比如状态栏的下滑呼出方式,从而降低误操作的概率,进而提高了触控操作的准确性。
请参考图16,其示出了本申请一个示例性实施例提供的终端1600的结构方框图。该终端1600可以是智能手机、平板电脑、电子书、便携式个人计算机等安装并运行有应用程序的电子设备。本申请中的终端1600可以包括一个或多个如下部件:处理器1602、存储器1601和触摸显示屏1603。
处理器1602可以包括一个或者多个处理核心。处理器1602利用各种接口和线路连接整个终端1600内的各个部分,通过运行或执行存储在存储器1601内的指令、程序、代码集或指令集,以及调用存储在存储器1601内的数据,执行终端1600的各种功能和处理数据。可选地,处理器1602可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器1602可集成CPU、GPU和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责触摸显示屏1603所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器1602中,单独通过一块通信芯片进行实现。
存储器1601可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory,ROM)。可选地,该存储器1601包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1601可用于存储指令、程序、代码、代码集或指令集。存储器1601可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等,该操作系统可以是安卓(Android)系统(包括基于Android系统深度开发的系统)、苹果公司开发的IOS系统(包括基于IOS系统深度开发的系统)或其它系统。存储数据区还可以存储终端1600在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。
触摸显示屏1603用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作,以及 显示各个应用程序的用户界面。触摸显示屏通常设置在终端1600的前面板。触摸显示屏可被设计成为全面屏、曲面屏或异型屏。触摸显示屏还可被设计成为全面屏与曲面屏的结合,异型屏与曲面屏的结合,本申请实施例对此不加以限定。
除此之外,本领域技术人员可以理解,上述附图所示出的终端1600的结构并不构成对终端1600的限定,终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。比如,终端1600中还包括射频电路、拍摄组件、传感器、音频电路、无线保真(Wireless Fidelity,WiFi)组件、电源、蓝牙组件等部件,在此不再赘述。
本申请实施例还提供了一种计算机可读介质,该计算机可读介质存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的侧边工具栏的显示方法。
本申请实施例还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的侧边工具栏的显示方法。
本领域技术人员应该可以意识到,在上述一个或多个示例中,本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时,可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质,其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

Claims (18)

  1. 一种侧边工具栏的显示方法,所述方法包括:
    沉浸式显示模式下,显示用户界面;
    接收触摸显示屏上触发的第一滑动信号和第二滑动信号,所述第一滑动信号和所述第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且所述第一滑动信号的滑动起点位于第一屏幕边角区域,所述第二滑动信号位于第二屏幕边角区域,所述第一屏幕边角区域与所述第二屏幕边角区域不同;
    根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,所述侧边工具栏中显示有至少一个快捷工具控件。
  2. 根据权利要求1所述的方法,其中,所述根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,包括:
    获取当前显示状态,所述当前显示状态包括横屏显示状态和竖屏显示状态;
    若所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件,则根据所述第一滑动信号和所述第二滑动信号确定所述侧边工具栏的目标显示区域;
    根据所述目标显示区域在所述用户界面上层显示所述侧边工具栏。
  3. 根据权利要求2所述的方法,其中,所述获取当前显示状态之后,所述方法还包括:
    若所述当前显示状态为所述横屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件;
    若所述当前显示状态为所述竖屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件。
  4. 根据权利要求3所述的方法,其中,所述根据所述第一滑动信号和所述第二滑动信号确定所述侧边工具栏的目标显示区域,包括:
    确定所述第一屏幕边角区域和所述第二屏幕边角区域对应的目标屏幕边缘;
    将所述目标屏幕边缘一侧的显示区域确定为所述目标显示区域。
  5. 根据权利要求1至4任一所述的方法,其中,所述侧边工具栏中还包括终端状态信息;
    横屏显示状态下,所述侧边工具栏包括第一显示区域、第二显示区域和第三显示区域,所述第一显示区域和所述第三显示区域用于显示所述快捷工具控件,所述第二显示区域用于显示有所述终端状态信息,所述第二显示区域位于所述第一显示区域和所述第三显示区域之间;
    竖屏显示状态下,所述侧边工具栏包括第四显示区域和第五显示区域,所述第四显示区域用于显示所述快捷工具控件,所述第五显示区域用于显示有所述终端状态信息。
  6. 根据权利要求1至4任一所述的方法,其中,所述侧边工具栏显示有一级工具菜单;
    所述根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏之后,所述方法还包括:
    接收对所述侧边工具栏的第三滑动信号;
    根据所述第三滑动信号在所述侧边工具栏中显示二级工具菜单,所述二级工具菜单中包含的所述快捷工具控件的数量大于所述一级工具菜单中包含的所述快捷工具控件的数量。
  7. 根据权利要求1至4任一所述的方法,其中,所述根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏之后,所述方法还包括:
    接收对所述侧边工具栏中所述快捷工具控件的编辑操作;
    根据所述编辑操作进入编辑模式,所述编辑模式下,所述侧边工具栏中显示有编辑菜单,所述编辑菜单中包含至少一个候选快捷工具控件;
    当接收到对所述候选快捷工具控件的拖动操作时,根据所述拖动操作交换所述候选快捷工具控件与目标快捷工具控件的位置,所述目标快捷工具控件为所述拖动操作对应拖动终点处的快捷工具控件。
  8. 根据权利要求1至4任一所述的方法,其中,所述方法还包括:
    获取运行不同应用程序时,所述侧边工具栏中各个快捷工具控件的使用频率;
    根据当前应用程序以及所述当前应用程序下各个快捷工具控件的使用频率,确定所述侧边工具栏中各个快捷工具控件的显示位置,其中,所述显示位置的单手操作便捷性与所述使用频率呈正相关关系。
  9. 一种侧边工具栏的显示装置,所述装置包括:
    第一显示模块,用于沉浸式显示模式下,显示用户界面;
    第一接收模块,用于接收触摸显示屏上触发的第一滑动信号和第二滑动信号,所述第一滑动信号和所述第二滑动信号的滑动方向由屏幕边角区域指向屏幕中部区域,且所述第一滑动信号的滑动起点位于第一屏幕边角区域,所述第二滑动信号位于第二屏幕边角区域,所述第一屏幕边角区域与所述第二屏幕边角区域不同;
    第二显示模块,用于根据所述第一滑动信号和所述第二滑动信号在所述用户界面上层显示所述侧边工具栏,所述侧边工具栏中显示有至少一个快捷工具控件。
  10. 根据权利要求9所述的装置,其中,所述第二显示模块,包括:
    获取单元,用于获取当前显示状态,所述当前显示状态包括横屏显示状态和竖屏显示状态;
    第一确定单元,用于若所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件,则根据所述第一滑动信号和所述第二滑动信号确定所述侧边工具栏的目标显示区域;
    第一显示单元,用于根据所述目标显示区域在所述用户界面上层显示所述侧边工具栏。
  11. 根据权利要求10所述的装置,其中,所述第一确定单元还用于:
    若所述当前显示状态为所述横屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕长边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件;
    若所述当前显示状态为所述竖屏显示状态,且所述第一屏幕边角区域和所述第二屏幕边角区域为同一屏幕短边对应的边角区域,则确定所述第一屏幕边角区域和所述第二屏幕边角区域符合所述当前显示状态对应的侧边工具栏显示条件。
  12. 根据权利要求11所述的装置,其中,所述第一确定单元还用于:
    确定所述第一屏幕边角区域和所述第二屏幕边角区域对应的目标屏幕边缘;
    将所述目标屏幕边缘一侧的显示区域确定为所述目标显示区域。
  13. 根据权利要求9至12任一所述的装置,其中,所述侧边工具栏中还包括终端状态信息;
    横屏显示状态下,所述侧边工具栏包括第一显示区域、第二显示区域和第三显示区域,所述第一显示区域和所述第三显示区域用于显示所述快捷工具控件,所述第二显示区域用于显示有所述终端状态信息,所述第二显示区域位于所述第一显示区域和所述第三显示区域之间;
    竖屏显示状态下,所述侧边工具栏包括第四显示区域和第五显示区域,所述第四显示区域用于显示所述快捷工具控件,所述第五显示区域用于显示有所述终端状态信息。
  14. 根据权利要求9至12任一所述的装置,其中,所述侧边工具栏显示有一级工具菜单;
    所述装置还包括:
    第二接收模块,用于接收对所述侧边工具栏的第三滑动信号;
    第三显示模块,用于根据所述第三滑动信号在所述侧边工具栏中显示二级工具菜单,所述二级工具菜单中包含的所述快捷工具控件的数量大于所述一级工具菜单中包含的所述快捷工具控件的数量。
  15. 根据权利要求9至12任一所述的装置,其中,所述装置还包括:
    第三接收模块,用于接收对所述侧边工具栏中所述快捷工具控件的编辑操作;
    控制模块,用于根据所述编辑操作进入编辑模式,所述编辑模式下,所述侧边工具栏中显示有编辑菜单,所述编辑菜单中包含至少一个候选快捷工具控件;
    编辑模块,用于当接收到对所述候选快捷工具控件的拖动操作时,根据所述拖动操作交换所述候选快捷工具控件与目标快捷工具控件的位置,所述目标快捷工具控件为所述拖动操作对应拖动终点处的快捷工具控件。
  16. 根据权利要求9至12任一所述的装置,其中,所述装置还包括:
    获取模块,用于获取运行不同应用程序时,所述侧边工具栏中各个快捷工具控件的使用频率;
    确定模块,用于根据当前应用程序以及所述当前应用程序下各个快捷工具控件的使用频率,确定所述侧边工具栏中各个快捷工具控件的显示位置,其中,所述显示位置的单手操作便捷性与所述使用频率呈正相关关系。
  17. 一种终端,所述终端包括处理器和存储器;所述存储器存储有至少一条指令,所述至少一条指令用于被所述处理器执行以实现如权利要求1至8任一所述的侧边工具栏的显示方法。
  18. 一种计算机可读存储介质,所述存储介质存储有至少一条指令,所述至少一条指令用于被处理器执行以实现如权利要求1至8任一所述的侧边工具栏的显示方法。
PCT/CN2020/109854 2019-08-29 2020-08-18 侧边工具栏的显示方法、装置、终端及存储介质 WO2021036870A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP20858466.4A EP4016273A4 (en) 2019-08-29 2020-08-18 METHOD AND DEVICE FOR DISPLAYING SIDE TOOLBAR, TERMINAL AND STORAGE MEDIA
US17/591,310 US20220155922A1 (en) 2019-08-29 2022-02-02 Side-toolbar-display method, terminal, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910820583.5A CN110531920B (zh) 2019-08-29 2019-08-29 侧边工具栏的显示方法、装置、终端及存储介质
CN201910820583.5 2019-08-29

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/591,310 Continuation US20220155922A1 (en) 2019-08-29 2022-02-02 Side-toolbar-display method, terminal, and storage medium

Publications (1)

Publication Number Publication Date
WO2021036870A1 true WO2021036870A1 (zh) 2021-03-04

Family

ID=68665891

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/109854 WO2021036870A1 (zh) 2019-08-29 2020-08-18 侧边工具栏的显示方法、装置、终端及存储介质

Country Status (4)

Country Link
US (1) US20220155922A1 (zh)
EP (1) EP4016273A4 (zh)
CN (1) CN110531920B (zh)
WO (1) WO2021036870A1 (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110531920B (zh) * 2019-08-29 2021-05-14 Oppo广东移动通信有限公司 侧边工具栏的显示方法、装置、终端及存储介质
CN111190678B (zh) * 2019-12-25 2024-03-12 上海传英信息技术有限公司 终端显示方法、移动终端及计算机可读存储介质
CN111338730A (zh) * 2020-02-21 2020-06-26 北京字节跳动网络技术有限公司 生成显示界面的方法、装置及电子设备
CN111880705B (zh) * 2020-07-23 2021-11-26 卡莱特云科技股份有限公司 一种隐藏页面显示控制方法及装置
CN114077302A (zh) * 2020-08-21 2022-02-22 华为技术有限公司 一种智能眼镜及其交互方法和交互装置
CN112306334B (zh) * 2020-11-16 2022-07-19 Oppo(重庆)智能科技有限公司 一种应用助手调用方法、装置、存储介质及电子设备
CN112685122B (zh) * 2020-12-31 2022-05-31 联想(北京)有限公司 一种信息处理方法、电子设备和计算机可读存储介质
CN113360048A (zh) * 2021-06-22 2021-09-07 展讯通信(天津)有限公司 一种快捷启动方法及设备
CN114780193A (zh) * 2022-04-24 2022-07-22 Oppo广东移动通信有限公司 工具栏的显示方法、装置、电子设备以及存储介质
CN115291788B (zh) * 2022-06-30 2023-11-17 青岛海尔科技有限公司 用于移动终端交互的方法及装置、移动终端、存储介质
CN118079382A (zh) * 2022-11-28 2024-05-28 荣耀终端有限公司 游戏服务的管理方法和电子设备
CN118113388A (zh) * 2022-11-30 2024-05-31 Oppo广东移动通信有限公司 应用界面的显示方法、装置、终端、存储介质及程序产品

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103475784A (zh) * 2013-09-18 2013-12-25 广东欧珀移动通信有限公司 一种手机应用程序窗口模式显示和操作方法
CN106888319A (zh) * 2017-01-22 2017-06-23 维沃移动通信有限公司 一种快捷栏的显示方法及移动终端
CN107526509A (zh) * 2017-09-05 2017-12-29 广东欧珀移动通信有限公司 消息显示方法、装置及移动终端
US20180275868A1 (en) * 2014-06-17 2018-09-27 Vmware, Inc. User interface control based on pinch gestures
CN109062475A (zh) * 2018-08-22 2018-12-21 Oppo广东移动通信有限公司 图标显示方法、装置、终端及存储介质
CN109101157A (zh) * 2018-08-22 2018-12-28 Oppo广东移动通信有限公司 侧边栏图标设置方法、装置、终端及存储介质
CN110531920A (zh) * 2019-08-29 2019-12-03 Oppo广东移动通信有限公司 侧边工具栏的显示方法、装置、终端及存储介质

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101012300B1 (ko) * 2008-03-07 2011-02-08 삼성전자주식회사 터치스크린을 구비한 휴대 단말기의 사용자 인터페이스장치 및 그 방법
US8826178B1 (en) * 2012-11-06 2014-09-02 Google Inc. Element repositioning-based input assistance for presence-sensitive input devices
EP2966554A4 (en) * 2013-03-07 2017-01-04 Dongguan Yulong Telecommunication Tech Co. Ltd. Terminal and terminal operating method
US20140298241A1 (en) * 2013-03-29 2014-10-02 Deere & Company Retracting shortcut bars, status shortcuts and edit run page sets
CN105589698B (zh) * 2014-10-20 2019-01-22 阿里巴巴集团控股有限公司 一种快速启动系统功能的方法和系统
WO2017107155A1 (zh) * 2015-12-24 2017-06-29 华为技术有限公司 一种移动终端显示多个应用窗口的方法及移动终端
CN105653190B (zh) * 2015-12-25 2018-06-05 珠海格力电器股份有限公司 移动通讯终端及其单手操作模式控制方法和装置
KR102553558B1 (ko) * 2016-08-01 2023-07-10 삼성전자 주식회사 전자 장치 및 전자 장치의 터치 이벤트 처리 방법
CN108255404B (zh) * 2018-01-19 2021-07-16 Oppo广东移动通信有限公司 用户界面显示方法、装置及终端
KR102519800B1 (ko) * 2018-07-17 2023-04-10 삼성디스플레이 주식회사 전자 장치
CN109144649B (zh) * 2018-08-22 2020-12-29 Oppo广东移动通信有限公司 图标的显示方法、装置、终端及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103475784A (zh) * 2013-09-18 2013-12-25 广东欧珀移动通信有限公司 一种手机应用程序窗口模式显示和操作方法
US20180275868A1 (en) * 2014-06-17 2018-09-27 Vmware, Inc. User interface control based on pinch gestures
CN106888319A (zh) * 2017-01-22 2017-06-23 维沃移动通信有限公司 一种快捷栏的显示方法及移动终端
CN107526509A (zh) * 2017-09-05 2017-12-29 广东欧珀移动通信有限公司 消息显示方法、装置及移动终端
CN109062475A (zh) * 2018-08-22 2018-12-21 Oppo广东移动通信有限公司 图标显示方法、装置、终端及存储介质
CN109101157A (zh) * 2018-08-22 2018-12-28 Oppo广东移动通信有限公司 侧边栏图标设置方法、装置、终端及存储介质
CN110531920A (zh) * 2019-08-29 2019-12-03 Oppo广东移动通信有限公司 侧边工具栏的显示方法、装置、终端及存储介质

Non-Patent Citations (1)

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

Also Published As

Publication number Publication date
CN110531920B (zh) 2021-05-14
US20220155922A1 (en) 2022-05-19
EP4016273A1 (en) 2022-06-22
EP4016273A4 (en) 2022-09-14
CN110531920A (zh) 2019-12-03

Similar Documents

Publication Publication Date Title
WO2021036870A1 (zh) 侧边工具栏的显示方法、装置、终端及存储介质
US11054988B2 (en) Graphical user interface display method and electronic device
WO2021035884A1 (zh) 投屏方法、装置、终端及存储介质
JP7412572B2 (ja) ウィジェット処理方法及び関連する機器
JP6286599B2 (ja) 文字入力インターフェース提供方法及び装置
US11650716B2 (en) Operation methods of a smart interactive tablet, storage medium and related equipment
CN110515510B (zh) 数据处理方法、装置、设备及存储介质
US10996834B2 (en) Touchscreen apparatus user interface processing method and touchscreen apparatus
WO2022001472A1 (zh) 显示方法、装置、电子设备及存储介质
US11061545B2 (en) Electronic apparatus, adjustment method for display interface layout in electronic apparatus, and adjustment system for display interface layout
CN108549513B (zh) 应用显示方法、装置、存储介质及电子设备
EP3002664A1 (en) Text processing method and touchscreen device
EP3396513A1 (en) Method and device for switching screen interface, and terminal
US10133480B2 (en) Method for adjusting input-method keyboard and mobile terminal thereof
WO2023005920A1 (zh) 分屏方法、装置及电子设备
US20180173369A1 (en) Method and apparatus for controlling touch screen of terminal, and terminal
WO2022007934A1 (zh) 应用图标控制方法、装置及电子设备
CN108920070B (zh) 基于异形显示屏的分屏方法、装置、存储介质及移动终端
CN108536357B (zh) 应用显示方法、装置、存储介质及电子设备
WO2021164460A1 (zh) 触摸响应方法、装置、电子设备及存储介质
CN106775185B (zh) 一种桌面显示方法及终端
CN107533432B (zh) 一种压力触控方法及电子设备
WO2022242586A1 (zh) 应用界面显示方法、装置和电子设备
WO2022100275A1 (zh) 移动终端上的多窗口处理方法、装置、移动终端及介质
CN112817555A (zh) 音量控制方法及音量控制装置

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

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 2020858466

Country of ref document: EP

Effective date: 20220315