WO2017185327A1 - User interface display method and terminal - Google Patents

User interface display method and terminal Download PDF

Info

Publication number
WO2017185327A1
WO2017185327A1 PCT/CN2016/080661 CN2016080661W WO2017185327A1 WO 2017185327 A1 WO2017185327 A1 WO 2017185327A1 CN 2016080661 W CN2016080661 W CN 2016080661W WO 2017185327 A1 WO2017185327 A1 WO 2017185327A1
Authority
WO
WIPO (PCT)
Prior art keywords
user interface
terminal
user
area
setting item
Prior art date
Application number
PCT/CN2016/080661
Other languages
French (fr)
Chinese (zh)
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 华为技术有限公司
Priority to CN201680080572.2A priority Critical patent/CN108700999B/en
Priority to PCT/CN2016/080661 priority patent/WO2017185327A1/en
Publication of WO2017185327A1 publication Critical patent/WO2017185327A1/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]

Definitions

  • the present application relates to the field of computer technologies, and in particular, to a user interface display method and a terminal.
  • the existing terminal such as a mobile terminal device such as a mobile phone
  • a user interface English interface: UI
  • UI English interface
  • the terminal Will open another screen and move on. For example, entering the secondary user interface from the main user interface, and then entering the third-level user interface from the secondary user interface.
  • the user can operate the terminal through the user interface displayed by the terminal. For example, the user can set the font size, screen brightness, and the like of the terminal.
  • the user interface adopting the architecture in the form of a list, each time displaying the user interface selected by the user, the user cannot determine the previously displayed user interface through the currently displayed user interface, thereby causing lack of continuity between the displayed user interfaces.
  • the embodiment of the present application provides a user interface display method and a terminal, which are used to implement continuity of user interface display at different levels.
  • An embodiment of the present application provides a user interface display method, where the method includes:
  • the terminal displays a first user interface, where the first user interface includes a first setting item
  • the terminal After the terminal detects that the first setting item is triggered by the first gesture operation, the terminal acquires a second user interface associated with the first setting item;
  • the terminal superimposes and displays the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
  • the terminal when the terminal displays the second user interface in the hierarchy after the first user interface, the second user interface is superimposed and displayed on the first user in a hierarchical order. Above the interface, thereby realizing simultaneous display of multiple levels of user interfaces, so that the previously displayed user interface can be determined through the currently displayed user interface, thereby making the displayed user interfaces have continuity.
  • the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  • the preset direction is a direction from left to right.
  • the displaying the first user interface and the second user interface in a hierarchical order including:
  • the terminal divides an area displaying the first user interface into a first area and a second area;
  • the terminal keeps the interface displayed in the first area unchanged, and displays the second user interface in the second area.
  • the terminal when displaying, by the terminal, the first user interface and the second user interface in a hierarchical order, the terminal divides the area displaying the first user interface into two areas, and is in one of the areas.
  • the second user interface is displayed so that the second user interface can be displayed while retaining the first user interface.
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  • the second user interface includes a second setting item
  • the method further includes:
  • the terminal After the terminal detects that the second setting item is triggered by the second gesture operation, the terminal acquires a third user interface associated with the second setting item;
  • the terminal displays the third user interface in full screen.
  • the method before the displaying, by the terminal, the first user interface and the second user interface, the method further includes:
  • the terminal determines that the second user interface and the user interfaces of the N levels after the second user interface include at least one user interface, where N is greater than or equal to zero.
  • Each of the N levels of user interfaces includes only one user interface, and the N levels of user interfaces are acquired, and the first user interface, the second user interface, and the N are superimposed and displayed in a hierarchical order. A hierarchical user interface where the lowest level user interface is displayed at the top.
  • the method further includes:
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
  • the terminal returns to displaying the interface of the fourth user interface in a hierarchical order.
  • any one of the user interfaces may be triggered by a third gesture operation, thereby realizing returning to any one level of the user interface, thereby implementing the user.
  • the interface switches quickly between different levels, improving the efficiency of human-computer interaction.
  • the third gesture operation is a click operation.
  • An embodiment of the present application provides a terminal, including:
  • a display unit configured to display a first user interface, where the first user interface includes a first setting item
  • a processing unit configured to: after detecting that the first setting item is triggered by the first gesture operation, acquire a second user interface that is associated with the first setting item;
  • the display unit is configured to superimpose and display the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
  • the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  • the preset direction is a direction from left to right.
  • the display unit is specifically configured to:
  • the interface displayed in the first area is left unchanged, and the second user interface is displayed in the second area.
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  • the second user interface includes a second setting item
  • the processing unit is further configured to:
  • the third user interface associated with the second setting item is acquired;
  • the display unit is configured to display the third user interface in full screen.
  • the processing unit is further configured to:
  • Determining the second user interface and the N levels of user interfaces subsequent to the second user interface at least one of the levels includes two user interfaces, N being greater than or equal to zero.
  • each level includes only one user interface, acquiring the N levels User Interface;
  • the display unit displays the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein the user interface with the lowest level is displayed at the top.
  • the processing unit is further configured to:
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
  • the display unit returns to an interface that displays the fourth user interface in a hierarchical order.
  • the third gesture operation is a click operation.
  • An embodiment of the present application provides a terminal, including a memory, a processor, a speaker, a touch screen, and a bus, wherein the memory, the speaker, and the touch screen are connected to the processor through the bus, wherein
  • the memory is configured to store program code executed by the processor
  • the touch screen is configured to display a first user interface, where the first user interface includes a first setting item;
  • the processor is configured to: after detecting, by the touch screen, that the user triggers the first setting item by using a first gesture operation, acquiring a second user interface that is associated with the first setting item;
  • the processor is configured to superimpose and display the first user interface and the second user interface in a hierarchical order by using the touch screen, wherein the second user interface partially covers the first user interface.
  • the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  • the preset direction is a direction from left to right.
  • the processor is specifically configured to:
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  • the second user interface includes a second setting item
  • the processor is further configured to:
  • the third user interface is displayed in full screen through the touch screen.
  • the processor is further configured to:
  • Determining the second user interface and the N levels of user interfaces subsequent to the second user interface at least one of the levels includes two user interfaces, N being greater than or equal to zero.
  • each level includes only one user interface, acquiring the N levels a user interface, and displaying, by the touch screen, the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein a user interface with the lowest level is displayed at the top.
  • the processor is further configured to:
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
  • the third gesture operation is a click operation.
  • FIG. 1 is a schematic flowchart of a user interface display method according to an embodiment of the present application
  • FIG. 2 is a schematic diagram of a user interface display according to an embodiment of the present application.
  • FIG. 3 is a schematic diagram of a user interface display according to an embodiment of the present application.
  • FIG. 4 is a schematic diagram of a user interface display according to an embodiment of the present application.
  • FIG. 5 is a schematic diagram of a user interface display according to an embodiment of the present application.
  • FIG. 6 is a schematic diagram of a user interface display according to an embodiment of the present application.
  • FIG. 7 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • FIG. 8 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • the terminal may be a wireless terminal or a wired terminal, and may be, for example, a mobile phone, a computer, a tablet computer, a personal digital assistant (abbreviation: PDA), or a mobile internet device (English: mobile Internet device, abbreviation: MID), wearable device and e-book reader (English: e-book reader).
  • PDA personal digital assistant
  • MID mobile internet device
  • MID wearable device
  • e-book reader English: e-book reader
  • an operation flow is as follows: setting the home page to enter the list interface, the list interface enters the search interface, and the search interface enters the session interface; when in the session interface, if it wants to return to the set home page, it needs to be returned step by step, that is, by the session.
  • the interface returns to the search interface, and the search interface returns to the list interface, and then returns to the settings home page from the list interface.
  • the embodiment of the present application provides a user interface display method, which is described in detail below in conjunction with the embodiments.
  • FIG. 1 a schematic flowchart of a user interface display method provided by an embodiment of the present application is shown.
  • the method specifically includes the following steps:
  • Step 101 The terminal displays a first user interface, where the first user interface includes a first setting item.
  • Step 102 After the terminal detects that the first setting item is triggered by the first gesture operation, the terminal acquires a second user interface associated with the first setting item.
  • Step 103 The terminal superimposes and displays the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
  • the first user interface may be a user interface with the highest level of hierarchy, that is, a home page may be set, or may be a user interface of any level.
  • the first user interface displayed by the terminal may include a plurality of setting items, and each setting item may correspond to different setting contents.
  • Each setting item can be associated with a setting item identifier, which can make the user distinguish between different setting items and determine the setting content corresponding to each setting item.
  • the setting item identifier can be text and/or icon.
  • the user interface displayed by the terminal may be a first user interface, including multiple setting items, such as information, time, call history, WLAN (Wireless Local Area Network), etc., setting of each setting item.
  • the item ID consists of text and icons.
  • the user interface in the terminal may include three types of setting items, and one is a setting item associated with the user interface.
  • the terminal acquires the type.
  • the setting item corresponds to the user interface and displays the obtained user interface.
  • One is a switch setting item, and the setting item of this type is a switch button.
  • a pop-up window setting item, the setting item of the type corresponds to a pop-up window.
  • a pop-up window corresponding to the setting item of the type is popped up in the screen.
  • the first setting item in the first user interface is a setting item associated with the second user interface.
  • a setting item in the first user interface that is not associated with the user interface, such as a switch setting item.
  • the “flight mode” in FIG. 2 is a switch setting item, and the user can turn on or off the flight mode of the terminal by operating a button corresponding to the flight mode.
  • the first gesture operation may be performed on the screen area corresponding to the first setting item according to the preset direction.
  • the preset direction is from left to right.
  • the preset direction may also be other directions.
  • the preset direction may also be a right-to-left direction, which will not be repeated here.
  • the terminal may identify the operation of the user, and after determining that the user performs the first gesture operation, perform an operation corresponding to the first gesture operation.
  • the correspondence between the gesture operation and the operation instruction of the terminal may be stored in the terminal in advance, and after detecting the gesture operation, the terminal may determine an operation instruction corresponding to the detected gesture operation, and Execute the execution operation instruction.
  • the gesture operation includes, but is not limited to, operations such as clicking, sliding, feeling, and suspension.
  • the terminal displays the acquired second user interface.
  • the second user interface is not displayed in full screen, but is superimposed in a hierarchical order.
  • the first user interface and the second user interface may divide the area displaying the first user interface into the first area and the second area; then the terminal keeps the interface displayed in the first area unchanged, and The second user interface is displayed in the second area.
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side. Wherein, the first area may be smaller than the second area.
  • FIG. 3 a schematic diagram of a user interface display provided by an embodiment of the present application is shown.
  • the first user interface is displayed full screen.
  • the first user interface is 301 and the second user interface is 302.
  • the first user interface 301 and the second user interface 302 are superimposed in a hierarchical order, wherein the second user interface 302 is displayed on the first user interface 301.
  • the second user interface after the overlay display is overlaid on the first user interface, but does not completely cover the first user interface, and the relationship between the first user interface and the second user interface can be clearly determined.
  • the terminal may further perform a full screen display on the user interface associated with the setting item by using the second gesture operation.
  • the second user interface further includes a second setting item; after the terminal superimposes the displaying the first user interface and the second user interface, the terminal detects that the user triggers the operation by using the second gesture Determining the second setting item, acquiring a third user interface associated with the second setting item; then the terminal displaying the third user interface in full screen.
  • FIG. 4 a schematic diagram of a user interface display provided by an embodiment of the present application is shown.
  • the “configuration network” in the second user interface 302 is a second setting item.
  • the terminal may close the second setting item.
  • the connected third user interface is displayed in full screen, that is, displayed in the manner shown in FIG.
  • the terminal detects that the user triggers the first setting item by the second gesture operation in step 102, the second user interface is acquired and the second user interface is displayed in full screen.
  • the terminal may superimpose and display the user interface of each level after the first user interface in a hierarchical order.
  • the terminal may first determine whether the user interface associated with the target setting item and each level after the user interface associated with the target setting item include only one user interface. If yes, the user interface associated with the target setting item and the user interface in each level after the user interface associated with the target setting item may be obtained, and all the obtained user interfaces are superimposed and displayed in a hierarchical order.
  • the first user interface and the first user interface are superimposed and displayed in a hierarchical order.
  • each of the levels includes only one user interface, acquiring the second user interface and the N levels a user interface, and superimposing the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein each user interface portion is overlaid on a user interface of a previous level thereof, wherein the level The lowest level user interface is displayed at the top, and the user interface with the highest level is displayed at the bottom, N is greater than or equal to 0.
  • the first user interface displayed in the terminal is as shown in FIG. 2.
  • "general" is the first setting item.
  • the user interface of the "generic" association includes only one setting item: accessibility.
  • the user interface associated with Accessibility includes only one setting item: font size.
  • the user interface associated with Font Size is the last level and has only one user interface.
  • FIG. 5 a schematic diagram of a user interface display provided by an embodiment of the present application is provided.
  • the first user interface is 501, and "general" is the first setting item.
  • the second user interface of the "generic" association is 502.
  • the second user interface 502 includes only one setting item: an auxiliary function.
  • the user interface associated with Accessibility is 503 and includes only one setting item: font size.
  • the user interface associated with Font Size is 504.
  • the user may also trigger the terminal to return to the user interface of any level before the user interface currently displayed at the top by the third gesture operation.
  • the third gesture operation may be a click operation.
  • the third gesture operation can also be other types of operations, which will not be repeated here.
  • the terminal After superimposing the first user interface, the second user interface, and the N levels of user interfaces, the terminal receives a third gesture operation input by the user on the fourth user interface; Returning to the interface displaying the fourth user interface in hierarchical order.
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces.
  • the terminal displays the first user interface and the second user interface in a superimposed manner
  • the terminal detects a third gesture operation input by the user in the fifth user interface
  • the terminal returns to display in the hierarchical order.
  • FIG. 5 is a schematic diagram of a user interface display according to an embodiment of the present application. After the user inputs the third gesture operation in the second user interface 502, the terminal returns to the interface displaying the second user interface in a hierarchical order, that is, the interface as shown in FIG. 6.
  • the terminal can quickly return to any level of the user interface, thereby reducing the complexity of human-computer interaction and improving the user experience.
  • the embodiment of the present application further provides a terminal, which can be used to implement the user interface display method in the foregoing embodiments.
  • a terminal which can be used to implement the user interface display method in the foregoing embodiments.
  • the embodiment of the present application provides a terminal, including:
  • a display unit 701 configured to display a first user interface, where the first user interface includes a first setting item
  • the processing unit 702 is configured to: after detecting that the first setting item is triggered by the first gesture operation, acquire a second user interface that is associated with the first setting item;
  • the display unit 701 is configured to superimpose and display the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
  • the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  • the preset direction is a direction from left to right.
  • the display unit 701 is specifically configured to:
  • the interface displayed in the first area is left unchanged, and the second user interface is displayed in the second area.
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  • the second user interface includes a second setting item
  • the processing unit 702 is further configured to:
  • the third user interface associated with the second setting item is acquired;
  • the display unit 701 is configured to display the third user interface in full screen.
  • the processing unit 702 is further configured to:
  • Determining the second user interface and the N levels of user interfaces subsequent to the second user interface at least one of the levels includes two user interfaces, N being greater than or equal to zero.
  • each level includes only one user interface, acquiring the N levels User interface;
  • the display unit 701 superimposes and displays the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein the user interface with the lowest level is displayed at the top.
  • the processing unit 702 is further configured to:
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
  • the display unit 701 returns to the interface that displays the fourth user interface in a hierarchical order.
  • the third gesture operation is a click operation.
  • the embodiment of the present application further provides a terminal, which can be used to implement the user interface display method in the foregoing embodiments.
  • a terminal which can be used to implement the user interface display method in the foregoing embodiments.
  • a terminal of the present application includes a processor 801, a touch screen 802, a memory 803, a speaker 804, and a bus, wherein the memory 803, the speaker 804, and the touch screen 802 pass through The bus is connected to the processor 801.
  • the processor 801 can be a central processing unit (English: central processing unit, abbreviated: CPU), a network processor (English: network processor, abbreviated: NP) or a combination of a CPU and an NP.
  • the processor 801 may further include a hardware chip.
  • the hardware chip may be an application-specific integrated circuit (ASIC), a programmable logic device (abbreviated as PLD), or a combination thereof.
  • ASIC application-specific integrated circuit
  • PLD programmable logic device
  • the above PLD can be a complex programmable logic device (English: complex programmable logic device, abbreviation: CPLD), field-programmable gate array (English: field-programmable gate array, abbreviation: FPGA), general array logic (English: general array logic, abbreviation: GAL) or any combination thereof.
  • the memory 803 may include a volatile memory (English: volatile memory), such as a random access memory (English: random-access memory, abbreviation: RAM); the memory 803 may also include a non-volatile memory (English: non-volatile memory) ), such as read-only memory (English: read-only memory, abbreviation: ROM), flash memory (English: flash memory), hard disk (English: hard disk drive, abbreviation: HDD) or solid state drive (English: solid-state Drive, abbreviation: SSD); the memory 803 may also include a combination of the above types of memories.
  • ROM read-only memory
  • flash memory English: flash memory
  • HDD hard disk drive
  • SSD solid state drive
  • the memory 803 is configured to store program code executed by the processor 801;
  • the touch screen 802 is configured to display a first user interface, where the first user interface includes a first setting item;
  • the processor 801 is configured to: after detecting, by the touch screen 802, that the user triggers the first setting item by using a first gesture operation, acquiring a second user interface associated with the first setting item;
  • the processor 801 is configured to superimpose and display the first user interface and the second user interface in a hierarchical order by using the touch screen 802, wherein the second user interface partially covers the first user interface.
  • the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  • the preset direction is a direction from left to right.
  • the processor 801 is specifically configured to:
  • the interface displayed in the first area is left unchanged, and the second user interface is displayed on the second area through the touch screen 802.
  • the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  • the second user interface includes a second setting item
  • the processor 801 is further configured to:
  • the third user interface is displayed in full screen through the touch screen 802.
  • the processor 801 is further configured to:
  • Determining the second user interface and the N levels of user interfaces subsequent to the second user interface at least one of the levels includes two user interfaces, N being greater than or equal to zero.
  • each level includes only one user interface
  • acquiring the N levels The user interface is displayed by the touch screen 802 in a hierarchical order to display the first user interface, the second user interface, and the N levels of user interfaces, wherein the lowest level user interface is displayed at the top.
  • the processor 801 is further configured to:
  • the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
  • the third gesture operation is a click operation.
  • embodiments of the present application can be provided as a method, system, or computer program product.
  • the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware.
  • the application can take the form of a computer program product embodied on one or more computer usable memory channels (including but not limited to disk storage and optical storage, etc.) in which computer usable program code is embodied.
  • the present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the present application. It should be understood that the flow chart can be implemented by computer program instructions And/or a combination of the processes and/or blocks in the block diagrams, and the flowcharts and/or blocks in the flowcharts.
  • the computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine instruction for generating instructions executed by a processor of a computer or other programmable data processing device Means for implementing the functions specified in one or more flows of the flowchart or in a block or blocks of the flowchart.
  • the computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device.
  • the apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
  • These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device.
  • the instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.

Abstract

A user interface display method and a terminal. The method comprises: a terminal displays a first user interface, the first user interface comprising a first setting item; after it is detected that a user triggers the first setting item by means of a first gesture operation, the terminal obtains a second user interface associated with the first setting item; and the terminal displays the first user interface and the second user interface in an overlaid manner according to a hierarchical order, the second user interface partially covering on the first user interface.

Description

一种用户界面显示方法及终端User interface display method and terminal 技术领域Technical field
本申请涉及计算机技术领域,尤其涉及一种用户界面显示方法及终端。The present application relates to the field of computer technologies, and in particular, to a user interface display method and a terminal.
背景技术Background technique
现有的终端,如手机等便携式终端设备,其用户界面(英文:user interface,简称:UI)的架构都是采用传统的列表形式,即当选择某一层级用户界面的一个功能项后,终端会另开一屏,递进下去。如从主用户界面进入二级用户界面,从二级用户界面再进入三级用户界面。用户在使用终端时,可以通过终端所展示的用户界面对终端进行操作。例如,用户可以对终端的字体大小、屏幕亮度等进行设置。The existing terminal, such as a mobile terminal device such as a mobile phone, has a user interface (English interface: UI) that adopts a traditional list form, that is, when a function item of a certain level of user interface is selected, the terminal Will open another screen and move on. For example, entering the secondary user interface from the main user interface, and then entering the third-level user interface from the secondary user interface. When the user uses the terminal, the user can operate the terminal through the user interface displayed by the terminal. For example, the user can set the font size, screen brightness, and the like of the terminal.
采用列表形式的架构的用户界面,每次显示的是用户选择的用户界面,用户无法通过当前显示的用户界面确定之前显示过的用户界面,从而使得显示的用户界面之间缺乏连续性。The user interface adopting the architecture in the form of a list, each time displaying the user interface selected by the user, the user cannot determine the previously displayed user interface through the currently displayed user interface, thereby causing lack of continuity between the displayed user interfaces.
发明内容Summary of the invention
本申请实施例提供一种用户界面显示方法及终端,用以实现不同层级的用户界面显示的连续性。The embodiment of the present application provides a user interface display method and a terminal, which are used to implement continuity of user interface display at different levels.
本申请实施例提供一种用户界面显示方法,该方法包括:An embodiment of the present application provides a user interface display method, where the method includes:
终端显示第一用户界面,所述第一用户界面中包括第一设置项;The terminal displays a first user interface, where the first user interface includes a first setting item;
所述终端检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;After the terminal detects that the first setting item is triggered by the first gesture operation, the terminal acquires a second user interface associated with the first setting item;
所述终端按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The terminal superimposes and displays the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
根据本申请实施例提供的方法,终端在显示第一用户界面之后的层级中的第二用户界面时,将第二用户界面按照层级顺序叠加显示在所述第一用户 界面之上,从而实现同时显示多个层级的用户界面,从而能够通过当前显示的用户界面确定之前显示过的用户界面,从而使得显示的用户界面之间具有连续性。According to the method provided by the embodiment of the present application, when the terminal displays the second user interface in the hierarchy after the first user interface, the second user interface is superimposed and displayed on the first user in a hierarchical order. Above the interface, thereby realizing simultaneous display of multiple levels of user interfaces, so that the previously displayed user interface can be determined through the currently displayed user interface, thereby making the displayed user interfaces have continuity.
可选的,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。Optionally, the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
可选的,所述预设方向为从左至右的方向。Optionally, the preset direction is a direction from left to right.
可选的,所述按照层级顺序叠加显示所述第一用户界面以及第二用户界面,包括:Optionally, the displaying the first user interface and the second user interface in a hierarchical order, including:
所述终端将显示所述第一用户界面的区域划分为第一区域和第二区域;The terminal divides an area displaying the first user interface into a first area and a second area;
所述终端将所述第一区域中显示的界面保持不变,将所述第二用户界面显示在所述第二区域。The terminal keeps the interface displayed in the first area unchanged, and displays the second user interface in the second area.
根据本申请实施例提供的方法,终端在按照层级顺序叠加显示所述第一用户界面以及第二用户界面时,是将显示第一用户界面的区域划分为两个区域,并在其中的一个区域中显示第二用户界面,从而能够在保留第一用户界面的同时,显示第二用户界面。According to the method provided by the embodiment of the present application, when displaying, by the terminal, the first user interface and the second user interface in a hierarchical order, the terminal divides the area displaying the first user interface into two areas, and is in one of the areas. The second user interface is displayed so that the second user interface can be displayed while retaining the first user interface.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
可选的,所述第二用户界面中包括第二设置项;Optionally, the second user interface includes a second setting item;
所述终端叠加显示所述第一用户界面以及第二用户界面之后,还包括:After the terminal superimposes the display of the first user interface and the second user interface, the method further includes:
所述终端检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After the terminal detects that the second setting item is triggered by the second gesture operation, the terminal acquires a third user interface associated with the second setting item;
所述终端全屏显示所述第三用户界面。The terminal displays the third user interface in full screen.
可选的,所述终端叠加显示所述第一用户界面以及第二用户界面之前,还包括:Optionally, before the displaying, by the terminal, the first user interface and the second user interface, the method further includes:
所述终端确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,至少一个层级中包括两个用户界面,N大于或等于0。The terminal determines that the second user interface and the user interfaces of the N levels after the second user interface include at least one user interface, where N is greater than or equal to zero.
可选的,所述终端若确定所述第二用户界面以及所述第二用户界面之后 的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面,并按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中层级级别最低的用户界面显示在最上方。Optionally, if the terminal determines the second user interface and the second user interface Each of the N levels of user interfaces includes only one user interface, and the N levels of user interfaces are acquired, and the first user interface, the second user interface, and the N are superimposed and displayed in a hierarchical order. A hierarchical user interface where the lowest level user interface is displayed at the top.
可选的,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,还包括:Optionally, after the displaying, by the overlay, the first user interface, the second user interface, and the N levels of user interfaces, the method further includes:
所述终端接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving, by the terminal, a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
所述终端返回到按照层级顺序显示所述第四用户界面的界面。The terminal returns to displaying the interface of the fourth user interface in a hierarchical order.
根据本申请实施例提供的方法,在按照层级顺序显示多个层级的用户界面时,可以通过第三手势操作触发其中的任意一个用户界面,从而实现返回到任意一个层级的用户界面,从而实现用户界面在不同层级之间快速切换,提高了人机交互的效率。According to the method provided by the embodiment of the present application, when a plurality of hierarchical user interfaces are displayed in a hierarchical order, any one of the user interfaces may be triggered by a third gesture operation, thereby realizing returning to any one level of the user interface, thereby implementing the user. The interface switches quickly between different levels, improving the efficiency of human-computer interaction.
可选的,所述第三手势操作为点击操作。Optionally, the third gesture operation is a click operation.
本申请实施例提供一种终端,包括:An embodiment of the present application provides a terminal, including:
显示单元,用于显示第一用户界面,所述第一用户界面中包括第一设置项;a display unit, configured to display a first user interface, where the first user interface includes a first setting item;
处理单元,用于检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;a processing unit, configured to: after detecting that the first setting item is triggered by the first gesture operation, acquire a second user interface that is associated with the first setting item;
所述显示单元,用于按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The display unit is configured to superimpose and display the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
可选的,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。Optionally, the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
可选的,所述预设方向为从左至右的方向。Optionally, the preset direction is a direction from left to right.
可选的,其特征在于,所述显示单元具体用于:Optionally, the display unit is specifically configured to:
将显示所述第一用户界面的区域划分为第一区域和第二区域; Dividing the area displaying the first user interface into a first area and a second area;
将所述第一区域中显示的界面保持不变,将所述第二用户界面显示在所述第二区域。The interface displayed in the first area is left unchanged, and the second user interface is displayed in the second area.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
可选的,所述第二用户界面中包括第二设置项;Optionally, the second user interface includes a second setting item;
叠加显示所述第一用户界面以及第二用户界面之后,所述处理单元还用于:After superimposing the first user interface and the second user interface, the processing unit is further configured to:
检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After detecting that the second setting item is triggered by the second gesture operation, the third user interface associated with the second setting item is acquired;
所述显示单元,用于全屏显示所述第三用户界面。The display unit is configured to display the third user interface in full screen.
可选的,叠加显示所述第一用户界面以及第二用户界面之前,所述处理单元还用于:Optionally, before the displaying the first user interface and the second user interface, the processing unit is further configured to:
确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,至少一个层级中包括两个用户界面,N大于或等于0。Determining the second user interface and the N levels of user interfaces subsequent to the second user interface, at least one of the levels includes two user interfaces, N being greater than or equal to zero.
可选的,所述处理单元若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面;Optionally, if the processing unit determines that the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface, acquiring the N levels User Interface;
所述显示单元按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中层级级别最低的用户界面显示在最上方。The display unit displays the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein the user interface with the lowest level is displayed at the top.
可选的,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,所述处理单元还用于:Optionally, after the superimposing the user interface of the first user interface, the second user interface, and the N levels, the processing unit is further configured to:
接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
所述显示单元返回到按照层级顺序显示所述第四用户界面的界面。The display unit returns to an interface that displays the fourth user interface in a hierarchical order.
可选的,所述第三手势操作为点击操作。Optionally, the third gesture operation is a click operation.
本申请实施例提供一种终端,包括存储器、处理器、扬声器、触摸屏和 总线,其中,所述存储器、所述扬声器和所述触摸屏通过所述总线与所述处理器连接,其中,An embodiment of the present application provides a terminal, including a memory, a processor, a speaker, a touch screen, and a bus, wherein the memory, the speaker, and the touch screen are connected to the processor through the bus, wherein
所述存储器,用于存储所述处理器执行的程序代码;The memory is configured to store program code executed by the processor;
所述触摸屏,用于显示第一用户界面,所述第一用户界面中包括第一设置项;The touch screen is configured to display a first user interface, where the first user interface includes a first setting item;
所述处理器,用于通过所述触摸屏检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;The processor is configured to: after detecting, by the touch screen, that the user triggers the first setting item by using a first gesture operation, acquiring a second user interface that is associated with the first setting item;
所述处理器,用于通过所述触摸屏按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The processor is configured to superimpose and display the first user interface and the second user interface in a hierarchical order by using the touch screen, wherein the second user interface partially covers the first user interface.
可选的,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。Optionally, the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
可选的,所述预设方向为从左至右的方向。Optionally, the preset direction is a direction from left to right.
可选的,所述处理器具体用于:Optionally, the processor is specifically configured to:
将显示所述第一用户界面的区域划分为第一区域和第二区域;Dividing the area displaying the first user interface into a first area and a second area;
将所述第一区域中显示的界面保持不变,将所述第二用户界面通过所述触摸屏显示在所述第二区域。And maintaining the interface displayed in the first area unchanged, and displaying the second user interface in the second area through the touch screen.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
可选的,所述第二用户界面中包括第二设置项;Optionally, the second user interface includes a second setting item;
通过所述触摸屏叠加显示所述第一用户界面以及第二用户界面之后,所述处理器还用于:After the first user interface and the second user interface are displayed by the touch screen overlay, the processor is further configured to:
通过所述触摸屏检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After detecting, by the touch screen, that the user triggers the second setting item by using a second gesture operation, acquiring a third user interface associated with the second setting item;
通过所述触摸屏全屏显示所述第三用户界面。The third user interface is displayed in full screen through the touch screen.
可选的,通过所述触摸屏叠加显示所述第一用户界面以及第二用户界面之前,所述处理器还用于: Optionally, before the displaying, by the touch screen, the first user interface and the second user interface, the processor is further configured to:
确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,至少一个层级中包括两个用户界面,N大于或等于0。Determining the second user interface and the N levels of user interfaces subsequent to the second user interface, at least one of the levels includes two user interfaces, N being greater than or equal to zero.
可选的,所述处理器若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面,并通过所述触摸屏按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中层级级别最低的用户界面显示在最上方。Optionally, if the processor determines that the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface, acquiring the N levels a user interface, and displaying, by the touch screen, the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein a user interface with the lowest level is displayed at the top.
可选的,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,所述处理器还用于:Optionally, after the superimposing the first user interface, the second user interface, and the N levels of user interfaces, the processor is further configured to:
通过所述触摸屏接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving, by the touch screen, a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
通过所述触摸屏返回到按照层级顺序显示所述第四用户界面的界面。Returning to the interface of the fourth user interface in hierarchical order through the touch screen.
可选的,所述第三手势操作为点击操作。Optionally, the third gesture operation is a click operation.
附图说明DRAWINGS
图1本申请实施例提供的一种用户界面显示方法流程示意图;FIG. 1 is a schematic flowchart of a user interface display method according to an embodiment of the present application;
图2为本申请实施例提供的一种用户界面显示示意图;FIG. 2 is a schematic diagram of a user interface display according to an embodiment of the present application;
图3为本申请实施例提供的一种用户界面显示示意图;FIG. 3 is a schematic diagram of a user interface display according to an embodiment of the present application;
图4为本申请实施例提供的一种用户界面显示示意图;FIG. 4 is a schematic diagram of a user interface display according to an embodiment of the present application;
图5为本申请实施例提供的一种用户界面显示示意图;FIG. 5 is a schematic diagram of a user interface display according to an embodiment of the present application;
图6为本申请实施例提供的一种用户界面显示示意图;FIG. 6 is a schematic diagram of a user interface display according to an embodiment of the present application;
图7为本申请实施例提供的一种终端结构示意图;FIG. 7 is a schematic structural diagram of a terminal according to an embodiment of the present application;
图8为本申请实施例提供的一种终端结构示意图。FIG. 8 is a schematic structural diagram of a terminal according to an embodiment of the present application.
具体实施方式detailed description
下面结合说明书附图对本申请实施例做详细描述。 The embodiments of the present application are described in detail below with reference to the accompanying drawings.
本申请实施例中,终端可以是无线终端也可以是有线终端,例如可以为移动电话、计算机、平板电脑、个人数码助理(英文:personal digital assistant,缩写:PDA)、移动互联网设备(英文:mobile Internet device,缩写:MID)、可穿戴设备和电子书阅读器(英文:e-book reader)等。In the embodiment of the present application, the terminal may be a wireless terminal or a wired terminal, and may be, for example, a mobile phone, a computer, a tablet computer, a personal digital assistant (abbreviation: PDA), or a mobile internet device (English: mobile Internet device, abbreviation: MID), wearable device and e-book reader (English: e-book reader).
目前,由于终端在显示用户界面时,每次只显示一个层级中的一个用户界面,导致用户在多个不同层级的用户界面之间进行切换时,每次只能前进或者后退一个用户界面,且仅能按照该操作流程依次进行用户界面的切换。比如,一个操作流程为:由设置首页进入列表界面,由列表界面进入查找界面,由查找界面进入会话界面;当在会话界面时,若想退回至设置首页,则需逐级退回,即由会话界面返回至查找界面,由查找界面返回至列表界面,然后才能由列表界面返回至设置首页。这种切换方式,操作繁琐,人机交互性差。At present, when the terminal displays a user interface, only one user interface in one level is displayed at a time, so that when the user switches between user interfaces of different levels, only one user interface can be advanced or retracted at a time, and The user interface can only be switched in order according to the operation flow. For example, an operation flow is as follows: setting the home page to enter the list interface, the list interface enters the search interface, and the search interface enters the session interface; when in the session interface, if it wants to return to the set home page, it needs to be returned step by step, that is, by the session. The interface returns to the search interface, and the search interface returns to the list interface, and then returns to the settings home page from the list interface. This switching method is cumbersome and has poor human-computer interaction.
为了解决上述问题,本申请实施例提供一种用户界面显示方法,下面结合实施例详细描述。In order to solve the above problem, the embodiment of the present application provides a user interface display method, which is described in detail below in conjunction with the embodiments.
如图1所示,本申请实施例提供的一种用户界面显示方法流程示意图。As shown in FIG. 1 , a schematic flowchart of a user interface display method provided by an embodiment of the present application is shown.
如图1所示,该方法具体包括以下步骤:As shown in FIG. 1, the method specifically includes the following steps:
步骤101:终端显示第一用户界面,所述第一用户界面中包括第一设置项;Step 101: The terminal displays a first user interface, where the first user interface includes a first setting item.
步骤102:所述终端检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;Step 102: After the terminal detects that the first setting item is triggered by the first gesture operation, the terminal acquires a second user interface associated with the first setting item.
步骤103:所述终端按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。Step 103: The terminal superimposes and displays the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
步骤101中,第一用户界面可以为层级级别最高的用户界面,即设置首页,也可以为任意层级的用户界面。终端显示的第一用户界面中可以包括多个设置项,每个设置项可以对应不同的设置内容。每个设置项可以与一个设置项标识进行关联,可以使得用户区分不同的设置项,以及确定每个设置项对应的设置内容。设置项标识可以为文字和/或图标。In step 101, the first user interface may be a user interface with the highest level of hierarchy, that is, a home page may be set, or may be a user interface of any level. The first user interface displayed by the terminal may include a plurality of setting items, and each setting item may correspond to different setting contents. Each setting item can be associated with a setting item identifier, which can make the user distinguish between different setting items and determine the setting content corresponding to each setting item. The setting item identifier can be text and/or icon.
举例来说,如图2所示,为本申请实施例提供的一种用户界面显示示意 图。图2中,终端显示的用户界面可以为第一用户界面,其中包括多个设置项,例如,信息、时间、通话记录、WLAN(Wireless Local Area Network,无线局域网)等,每个设置项的设置项标识由文字和图标构成。For example, as shown in FIG. 2, a display of a user interface provided by an embodiment of the present application is illustrated. Figure. In FIG. 2, the user interface displayed by the terminal may be a first user interface, including multiple setting items, such as information, time, call history, WLAN (Wireless Local Area Network), etc., setting of each setting item. The item ID consists of text and icons.
本申请实施例中,终端中的用户界面中可以包括三种类型的设置项,一种为与用户界面关联的设置项,当通过手势操作触发该类型的设置项后,终端会获取与该类型的设置项对应的用户界面并显示获取到的用户界面。一种为开关设置项,该类型的设置项为一个开关按钮。一种为弹窗设置项,该类型的设置项对应一个弹窗,当通过手势操作触发该类型的设置项后,屏幕中会弹出与该类型的设置项对应的弹窗。In the embodiment of the present application, the user interface in the terminal may include three types of setting items, and one is a setting item associated with the user interface. When the setting item of the type is triggered by a gesture operation, the terminal acquires the type. The setting item corresponds to the user interface and displays the obtained user interface. One is a switch setting item, and the setting item of this type is a switch button. A pop-up window setting item, the setting item of the type corresponds to a pop-up window. When the setting item of the type is triggered by the gesture operation, a pop-up window corresponding to the setting item of the type is popped up in the screen.
需要说明的是,本申请实施例中,第一用户界面中的第一设置项为关联了第二用户界面的设置项。第一用户界面中还可以存在不与用户界面关联的设置项,例如,开关设置项。结合图2,图2中的“飞行模式”即为开关设置项,用户通过操作飞行模式对应的按钮,就可以开启或关闭终端的飞行模式。It should be noted that, in the embodiment of the present application, the first setting item in the first user interface is a setting item associated with the second user interface. There may also be a setting item in the first user interface that is not associated with the user interface, such as a switch setting item. Referring to FIG. 2, the “flight mode” in FIG. 2 is a switch setting item, and the user can turn on or off the flight mode of the terminal by operating a button corresponding to the flight mode.
步骤102中,第一手势操作可以为按照预设方向在第一设置项对应的屏幕区域上进行滑动。In step 102, the first gesture operation may be performed on the screen area corresponding to the first setting item according to the preset direction.
举例来说,预设方向为从左至右的方向。当然,以上只是示例,预设方向还可以为其他方向,例如,预设方向也可以为从右至左方向,在此不再一一赘述。For example, the preset direction is from left to right. Of course, the above is only an example, and the preset direction may also be other directions. For example, the preset direction may also be a right-to-left direction, which will not be repeated here.
用户按照预设方向在第一设置项对应的屏幕区域上进行滑动后,终端可以对用户的操作进行识别,在确定用户执行的是第一手势操作后,执行与第一手势操作所对应的操作指令,即获取与所述第一设置项关联的第二用户界面。需要说明的是,本申请实施例中,手势操作与终端的操作指令的对应关系可以预先存储在终端中,终端检测到手势操作之后,可以确定所检测到的手势操作所对应的操作指令,并执行该执行操作指令。After the user slides on the screen area corresponding to the first setting item according to the preset direction, the terminal may identify the operation of the user, and after determining that the user performs the first gesture operation, perform an operation corresponding to the first gesture operation. An instruction to acquire a second user interface associated with the first setting item. It should be noted that, in the embodiment of the present application, the correspondence between the gesture operation and the operation instruction of the terminal may be stored in the terminal in advance, and after detecting the gesture operation, the terminal may determine an operation instruction corresponding to the detected gesture operation, and Execute the execution operation instruction.
需要说明的是,本申请实施例中,手势操作包括但不限于点击、滑动、体感、悬浮等操作。 It should be noted that, in the embodiment of the present application, the gesture operation includes, but is not limited to, operations such as clicking, sliding, feeling, and suspension.
最后,在步骤103中,终端将获取到的第二用户界面进行显示。为了能够展示第一用户界面与第二用户界面之间的层级关系,本申请实施例中,终端在显示第二用户界面时,并不是将第二用户界面全屏显示,而是按照层级顺序叠加显示所述第一用户界面以及第二用户界面。具体的,本申请实施例中,终端可以将显示所述第一用户界面的区域划分为第一区域和第二区域;然后所述终端将所述第一区域中显示的界面保持不变,将所述第二用户界面显示在所述第二区域。Finally, in step 103, the terminal displays the acquired second user interface. In order to be able to display the hierarchical relationship between the first user interface and the second user interface, in the embodiment of the present application, when the terminal displays the second user interface, the second user interface is not displayed in full screen, but is superimposed in a hierarchical order. The first user interface and the second user interface. Specifically, in the embodiment of the present application, the terminal may divide the area displaying the first user interface into the first area and the second area; then the terminal keeps the interface displayed in the first area unchanged, and The second user interface is displayed in the second area.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。其中,第一区域可以小于第二区域。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side. Wherein, the first area may be smaller than the second area.
当然以上只是示例,第一区域和第二区域的大小、位置关系以及形状可以根据实际情况确定,在此不再赘述。Of course, the above is only an example, and the size, the positional relationship, and the shape of the first area and the second area may be determined according to actual conditions, and details are not described herein again.
举例来说,结合图2,如图3所示,为本申请实施例提供的一种用户界面显示示意图。图2中,第一用户界面全屏显示。图3中,第一用户界面为301,第二用户界面为302。第一用户界面301和第二用户界面302按照层级顺序叠加显示,其中第二用户界面302显示在第一用户界面301之上。For example, as shown in FIG. 3, a schematic diagram of a user interface display provided by an embodiment of the present application is shown. In Figure 2, the first user interface is displayed full screen. In FIG. 3, the first user interface is 301 and the second user interface is 302. The first user interface 301 and the second user interface 302 are superimposed in a hierarchical order, wherein the second user interface 302 is displayed on the first user interface 301.
通过上述方法,叠加显示后的第二用户界面覆盖在第一用户界面上,但并没有完全覆盖第一用户界面,此时可以清晰的确定第一用户界面与第二用户界面的关系。Through the above method, the second user interface after the overlay display is overlaid on the first user interface, but does not completely cover the first user interface, and the relationship between the first user interface and the second user interface can be clearly determined.
本申请实施例中,终端还可以通过第二手势操作将设置项关联的用户界面进行全屏显示。In the embodiment of the present application, the terminal may further perform a full screen display on the user interface associated with the setting item by using the second gesture operation.
举例来说,第二用户界面中还包括第二设置项;当所述终端叠加显示所述第一用户界面以及第二用户界面之后,所述终端若检测到用户通过第二手势操作触发所述第二设置项,则获取与所述第二设置项关联的第三用户界面;然后所述终端全屏显示所述第三用户界面。For example, the second user interface further includes a second setting item; after the terminal superimposes the displaying the first user interface and the second user interface, the terminal detects that the user triggers the operation by using the second gesture Determining the second setting item, acquiring a third user interface associated with the second setting item; then the terminal displaying the third user interface in full screen.
举例来说,结合图3,如图4所示,为本申请实施例提供的一种用户界面显示示意图。图3中,第二用户界面302中的“配置网络”为第二设置项,当用户通过第二手势操作触发所述第二设置项时,终端可以将第二设置项关 联的第三用户界面全屏显示,即按照图4所示的方式显示。For example, as shown in FIG. 4, a schematic diagram of a user interface display provided by an embodiment of the present application is shown. In FIG. 3, the “configuration network” in the second user interface 302 is a second setting item. When the user triggers the second setting item by using the second gesture operation, the terminal may close the second setting item. The connected third user interface is displayed in full screen, that is, displayed in the manner shown in FIG.
结合上面的描述,若在步骤102中,终端检测到用户通过第二手势操作触发第一设置项,则获取第二用户界面并全屏显示所述第二用户界面。With reference to the above description, if the terminal detects that the user triggers the first setting item by the second gesture operation in step 102, the second user interface is acquired and the second user interface is displayed in full screen.
本申请实施例中,终端还可以在检测到用户在第一用户界面中的设置项中触发第一手势操作后,将第一用户界面之后的每一层级的用户界面按照层级顺序叠加显示。In the embodiment of the present application, after detecting that the user triggers the first gesture operation in the setting item in the first user interface, the terminal may superimpose and display the user interface of each level after the first user interface in a hierarchical order.
具体的,终端在检测到用户通过第一手势操作触发一个目标设置项之后,可以先确定目标设置项关联的用户界面以及目标设置项关联的用户界面之后的每一层级中是否只包括一个用户界面,若是,则可以获取目标设置项关联的用户界面,以及目标设置项关联的用户界面之后的每一层级中的用户界面,并按照层级顺序叠加显示所有获取到的用户界面。Specifically, after detecting that the user triggers a target setting item by using the first gesture operation, the terminal may first determine whether the user interface associated with the target setting item and each level after the user interface associated with the target setting item include only one user interface. If yes, the user interface associated with the target setting item and the user interface in each level after the user interface associated with the target setting item may be obtained, and all the obtained user interfaces are superimposed and displayed in a hierarchical order.
结合上面的描述,终端在检测到用户通过第一手势操作触发第一设置项之后,若确定第二用户界面中包括至少两个用户界面,则按照层级顺序叠加显示所述第一用户界面以及第二用户界面;若确定第二用户界面以及第二用户界面之后的N个层级的用户界面中,每一个层级中都只包含一个用户界面,则获取所述第二用户界面以及所述N个层级的用户界面,并按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中每一用户界面部分覆盖于其上一个层级的用户界面上,其中层级级别最低的用户界面显示在最上方,层级级别最高的用户界面显示在最下方,N大于或等于0。With reference to the above description, after detecting that the user triggers the first setting item by the first gesture operation, if it is determined that the second user interface includes at least two user interfaces, the first user interface and the first user interface are superimposed and displayed in a hierarchical order. Two user interfaces; if it is determined that the second user interface and the N levels of user interfaces after the second user interface, each of the levels includes only one user interface, acquiring the second user interface and the N levels a user interface, and superimposing the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein each user interface portion is overlaid on a user interface of a previous level thereof, wherein the level The lowest level user interface is displayed at the top, and the user interface with the highest level is displayed at the bottom, N is greater than or equal to 0.
举例来说,结合图2,终端中显示的第一用户界面如图2所示。图2中,“通用”为第一设置项。“通用”关联的用户界面中只包括一个设置项:辅助功能。“辅助功能”关联的用户界面中只包括一个设置项:字体大小。“字体大小”关联的用户界面为最后一个层级,且只有一个用户界面。当用户通过第一手势操作触发所述第一设置项后,终端确定“辅助功能”关联的用户界面以及“辅助功能”关联的用户界面之后的每一层级中只有一个用户界面,则获取“辅助功能”关联的用户界面,以及“辅助功能”关联的用户界面之 后的每一层级中的用户界面,并按照层级顺序叠加显示。叠加显示的方法可以参考前面的描述,在此不再描述。For example, in conjunction with FIG. 2, the first user interface displayed in the terminal is as shown in FIG. 2. In Fig. 2, "general" is the first setting item. The user interface of the "generic" association includes only one setting item: accessibility. The user interface associated with Accessibility includes only one setting item: font size. The user interface associated with Font Size is the last level and has only one user interface. After the user triggers the first setting item by the first gesture operation, the terminal determines that the user interface associated with the “auxiliary function” and the user interface associated with the “auxiliary function” have only one user interface in each level, and then obtain “auxiliary” "User interface of the function" and the user interface associated with the "Accessibility" The user interface in each subsequent level is superimposed and displayed in hierarchical order. The method of superimposing the display can refer to the previous description and will not be described here.
结合上面的描述以及图2,如图5所示,为本申请实施例提供的一种用户界面显示示意图。图5中,第一用户界面为501,“通用”为第一设置项。“通用”关联的第二用户界面为502。第二用户界面502中只包括一个设置项:辅助功能。“辅助功能”关联的用户界面为503,只包括一个设置项:字体大小。“字体大小”关联的用户界面为504。当用户通过第一手势操作触发所述第一设置项后,同时获取用户界面502、503以及504,并按照层级顺序叠加显示用户界面501、502、503以及504。With reference to the above description and FIG. 2, as shown in FIG. 5, a schematic diagram of a user interface display provided by an embodiment of the present application is provided. In FIG. 5, the first user interface is 501, and "general" is the first setting item. The second user interface of the "generic" association is 502. The second user interface 502 includes only one setting item: an auxiliary function. The user interface associated with Accessibility is 503 and includes only one setting item: font size. The user interface associated with Font Size is 504. After the user triggers the first setting item by the first gesture operation, the user interfaces 502, 503, and 504 are simultaneously acquired, and the user interfaces 501, 502, 503, and 504 are superimposed and displayed in a hierarchical order.
最后,本申请实施例中,用户还可以通过第三手势操作,触发终端返回到当前最上方显示的用户界面之前的任一层级的用户界面。所述第三手势操作可以为点击操作。当然,第三手势操作还可以为其他类型的操作,在此不再一一赘述。Finally, in the embodiment of the present application, the user may also trigger the terminal to return to the user interface of any level before the user interface currently displayed at the top by the third gesture operation. The third gesture operation may be a click operation. Of course, the third gesture operation can also be other types of operations, which will not be repeated here.
举例来说,在叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,所述终端接收用户在第四用户界面上输入的第三手势操作;所述终端返回到按照层级顺序显示所述第四用户界面的界面。其中,所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面。For example, after superimposing the first user interface, the second user interface, and the N levels of user interfaces, the terminal receives a third gesture operation input by the user on the fourth user interface; Returning to the interface displaying the fourth user interface in hierarchical order. The fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces.
举例来说,终端在叠加显示所述第一用户界面、第二用户界面之后,所述终端若在第五用户界面中检测到用户输入的第三手势操作,则回到按照层级顺序显示所述第五用户界面的界面,其中,第五用户界面为所述第二用户界面之前的任意一个用户界面。For example, after the terminal displays the first user interface and the second user interface in a superimposed manner, if the terminal detects a third gesture operation input by the user in the fifth user interface, the terminal returns to display in the hierarchical order. An interface of the fifth user interface, wherein the fifth user interface is any one of the user interfaces before the second user interface.
结合图5,如图6所示,为本申请实施例提供的一种用户界面显示示意图。当用户在第二用户界面502中输入第三手势操作后,终端则返回到按照层级顺序显示第二用户界面的界面,即如图6所示的界面。FIG. 5 is a schematic diagram of a user interface display according to an embodiment of the present application. After the user inputs the third gesture operation in the second user interface 502, the terminal returns to the interface displaying the second user interface in a hierarchical order, that is, the interface as shown in FIG. 6.
通过上述方法,终端可以快速返回到任意一个层级的用户界面中,从而减少了人机交互的复杂度,提高了用户体验。 Through the above method, the terminal can quickly return to any level of the user interface, thereby reducing the complexity of human-computer interaction and improving the user experience.
本申请实施例还提供一种终端,可用于实现上述实施例涉及的用户界面显示方法,其具体实现过程可参阅上述实施例及附图的相关描述,在此不再赘述。The embodiment of the present application further provides a terminal, which can be used to implement the user interface display method in the foregoing embodiments. For the specific implementation process, reference may be made to the related descriptions of the foregoing embodiments and the accompanying drawings, and details are not described herein.
如图7所示,为本申请实施例提供一种终端,包括:As shown in FIG. 7, the embodiment of the present application provides a terminal, including:
显示单元701,用于显示第一用户界面,所述第一用户界面中包括第一设置项;a display unit 701, configured to display a first user interface, where the first user interface includes a first setting item;
处理单元702,用于检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;The processing unit 702 is configured to: after detecting that the first setting item is triggered by the first gesture operation, acquire a second user interface that is associated with the first setting item;
所述显示单元701,用于按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The display unit 701 is configured to superimpose and display the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
可选的,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。Optionally, the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
可选的,所述预设方向为从左至右的方向。Optionally, the preset direction is a direction from left to right.
可选的,其特征在于,所述显示单元701具体用于:Optionally, the display unit 701 is specifically configured to:
将显示所述第一用户界面的区域划分为第一区域和第二区域;Dividing the area displaying the first user interface into a first area and a second area;
将所述第一区域中显示的界面保持不变,将所述第二用户界面显示在所述第二区域。The interface displayed in the first area is left unchanged, and the second user interface is displayed in the second area.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
可选的,所述第二用户界面中包括第二设置项;Optionally, the second user interface includes a second setting item;
叠加显示所述第一用户界面以及第二用户界面之后,所述处理单元702还用于:After the first user interface and the second user interface are superimposed, the processing unit 702 is further configured to:
检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After detecting that the second setting item is triggered by the second gesture operation, the third user interface associated with the second setting item is acquired;
所述显示单元701,用于全屏显示所述第三用户界面。The display unit 701 is configured to display the third user interface in full screen.
可选的,叠加显示所述第一用户界面以及第二用户界面之前,所述处理单元702还用于: Optionally, before the displaying the first user interface and the second user interface, the processing unit 702 is further configured to:
确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,至少一个层级中包括两个用户界面,N大于或等于0。Determining the second user interface and the N levels of user interfaces subsequent to the second user interface, at least one of the levels includes two user interfaces, N being greater than or equal to zero.
可选的,所述处理单元702若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面;Optionally, if the processing unit 702 determines that the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface, acquiring the N levels User interface;
所述显示单元701按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中层级级别最低的用户界面显示在最上方。The display unit 701 superimposes and displays the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein the user interface with the lowest level is displayed at the top.
可选的,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,所述处理单元702还用于:Optionally, after the superimposing the user interface of the first user interface, the second user interface, and the N levels, the processing unit 702 is further configured to:
接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
所述显示单元701返回到按照层级顺序显示所述第四用户界面的界面。The display unit 701 returns to the interface that displays the fourth user interface in a hierarchical order.
可选的,所述第三手势操作为点击操作。Optionally, the third gesture operation is a click operation.
本申请实施例还提供一种终端,可用于实现上述实施例涉及的用户界面显示方法,其具体实现过程可参阅上述实施例及附图的相关描述,在此不再赘述。The embodiment of the present application further provides a terminal, which can be used to implement the user interface display method in the foregoing embodiments. For the specific implementation process, reference may be made to the related descriptions of the foregoing embodiments and the accompanying drawings, and details are not described herein.
如图8所示,为本申请实施例提供一种终端,包括处理器801、触摸屏802、存储器803、扬声器804和总线,其中,所述存储器803、所述扬声器804和所述触摸屏802通过所述总线与所述处理器801连接。As shown in FIG. 8, a terminal of the present application includes a processor 801, a touch screen 802, a memory 803, a speaker 804, and a bus, wherein the memory 803, the speaker 804, and the touch screen 802 pass through The bus is connected to the processor 801.
处理器801可以是中央处理器(英文:central processing unit,缩写:CPU),网络处理器(英文:network processor,缩写:NP)或者CPU和NP的组合。处理器801还可以进一步包括硬件芯片。上述硬件芯片可以是专用集成电路(英文:application-specific integrated circuit,缩写:ASIC),可编程逻辑器件(英文:programmable logic device,缩写:PLD)或其组合。上述PLD可以是复杂可编程逻辑器件(英文:complex programmable logic device,缩写: CPLD),现场可编程逻辑门阵列(英文:field-programmable gate array,缩写:FPGA),通用阵列逻辑(英文:generic array logic,缩写:GAL)或其任意组合。存储器803可以包括易失性存储器(英文:volatile memory),例如随机存取存储器(英文:random-access memory,缩写:RAM);存储器803也可以包括非易失性存储器(英文:non-volatile memory),例如只读存储器(英文:read-only memory,缩写:ROM),快闪存储器(英文:flash memory),硬盘(英文:hard disk drive,缩写:HDD)或固态硬盘(英文:solid-state drive,缩写:SSD);存储器803还可以包括上述种类的存储器的组合。The processor 801 can be a central processing unit (English: central processing unit, abbreviated: CPU), a network processor (English: network processor, abbreviated: NP) or a combination of a CPU and an NP. The processor 801 may further include a hardware chip. The hardware chip may be an application-specific integrated circuit (ASIC), a programmable logic device (abbreviated as PLD), or a combination thereof. The above PLD can be a complex programmable logic device (English: complex programmable logic device, abbreviation: CPLD), field-programmable gate array (English: field-programmable gate array, abbreviation: FPGA), general array logic (English: general array logic, abbreviation: GAL) or any combination thereof. The memory 803 may include a volatile memory (English: volatile memory), such as a random access memory (English: random-access memory, abbreviation: RAM); the memory 803 may also include a non-volatile memory (English: non-volatile memory) ), such as read-only memory (English: read-only memory, abbreviation: ROM), flash memory (English: flash memory), hard disk (English: hard disk drive, abbreviation: HDD) or solid state drive (English: solid-state Drive, abbreviation: SSD); the memory 803 may also include a combination of the above types of memories.
所述存储器803,用于存储所述处理器801执行的程序代码;The memory 803 is configured to store program code executed by the processor 801;
所述触摸屏802,用于显示第一用户界面,所述第一用户界面中包括第一设置项;The touch screen 802 is configured to display a first user interface, where the first user interface includes a first setting item;
所述处理器801,用于通过所述触摸屏802检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;The processor 801 is configured to: after detecting, by the touch screen 802, that the user triggers the first setting item by using a first gesture operation, acquiring a second user interface associated with the first setting item;
所述处理器801,用于通过所述触摸屏802按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The processor 801 is configured to superimpose and display the first user interface and the second user interface in a hierarchical order by using the touch screen 802, wherein the second user interface partially covers the first user interface.
可选的,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。Optionally, the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
可选的,所述预设方向为从左至右的方向。Optionally, the preset direction is a direction from left to right.
可选的,所述处理器801具体用于:Optionally, the processor 801 is specifically configured to:
将显示所述第一用户界面的区域划分为第一区域和第二区域;Dividing the area displaying the first user interface into a first area and a second area;
将所述第一区域中显示的界面保持不变,将所述第二用户界面通过所述触摸屏802显示在所述第二区域。The interface displayed in the first area is left unchanged, and the second user interface is displayed on the second area through the touch screen 802.
可选的,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。Optionally, the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
可选的,所述第二用户界面中包括第二设置项;Optionally, the second user interface includes a second setting item;
通过所述触摸屏802叠加显示所述第一用户界面以及第二用户界面之后, 所述处理器801还用于:After the first user interface and the second user interface are superimposed and displayed by the touch screen 802, The processor 801 is further configured to:
通过所述触摸屏802检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After detecting, by the touch screen 802, that the user triggers the second setting item by using a second gesture operation, acquiring a third user interface associated with the second setting item;
通过所述触摸屏802全屏显示所述第三用户界面。The third user interface is displayed in full screen through the touch screen 802.
可选的,通过所述触摸屏802叠加显示所述第一用户界面以及第二用户界面之前,所述处理器801还用于:Optionally, before the displaying, by the touch screen 802, the first user interface and the second user interface, the processor 801 is further configured to:
确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,至少一个层级中包括两个用户界面,N大于或等于0。Determining the second user interface and the N levels of user interfaces subsequent to the second user interface, at least one of the levels includes two user interfaces, N being greater than or equal to zero.
可选的,所述处理器801若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面,并通过所述触摸屏802按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中层级级别最低的用户界面显示在最上方。Optionally, if the processor 801 determines that the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface, acquiring the N levels The user interface is displayed by the touch screen 802 in a hierarchical order to display the first user interface, the second user interface, and the N levels of user interfaces, wherein the lowest level user interface is displayed at the top.
可选的,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,所述处理器801还用于:Optionally, after the superimposing the user interface of the first user interface, the second user interface, and the N levels, the processor 801 is further configured to:
通过所述触摸屏802接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving, by the touch screen 802, a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
通过所述触摸屏802返回到按照层级顺序显示所述第四用户界面的界面。Returning to the interface of the fourth user interface in hierarchical order through the touch screen 802.
可选的,所述第三手势操作为点击操作。Optionally, the third gesture operation is a click operation.
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储信道(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。Those skilled in the art will appreciate that embodiments of the present application can be provided as a method, system, or computer program product. Thus, the present application can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment in combination of software and hardware. Moreover, the application can take the form of a computer program product embodied on one or more computer usable memory channels (including but not limited to disk storage and optical storage, etc.) in which computer usable program code is embodied.
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图 和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器指令,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the present application. It should be understood that the flow chart can be implemented by computer program instructions And/or a combination of the processes and/or blocks in the block diagrams, and the flowcharts and/or blocks in the flowcharts. The computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine instruction for generating instructions executed by a processor of a computer or other programmable data processing device Means for implementing the functions specified in one or more flows of the flowchart or in a block or blocks of the flowchart.
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。The computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device. The apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device. The instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。 It will be apparent to those skilled in the art that various modifications and changes can be made in the present application without departing from the spirit and scope of the application. Thus, it is intended that the present invention cover the modifications and variations of the present invention.

Claims (20)

  1. 一种用户界面显示方法,其特征在于,该方法包括:A user interface display method, the method comprising:
    终端显示第一用户界面,所述第一用户界面中包括第一设置项;The terminal displays a first user interface, where the first user interface includes a first setting item;
    所述终端检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;After the terminal detects that the first setting item is triggered by the first gesture operation, the terminal acquires a second user interface associated with the first setting item;
    所述终端按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The terminal superimposes and displays the first user interface and the second user interface in a hierarchical order, wherein the second user interface partially covers the first user interface.
  2. 根据权利要求1所述的方法,其特征在于,所述第一手势操作为按照预设方向在所述第一设置项对应的屏幕区域上进行滑动。The method according to claim 1, wherein the first gesture operation is to slide on a screen area corresponding to the first setting item according to a preset direction.
  3. 根据权利要求2所述的方法,其特征在于,所述预设方向为从左至右的方向。The method according to claim 2, wherein the predetermined direction is a direction from left to right.
  4. 根据权利要求1至3任一所述的方法,其特征在于,所述按照层级顺序叠加显示所述第一用户界面以及第二用户界面,包括:The method according to any one of claims 1 to 3, wherein the displaying the first user interface and the second user interface in a hierarchical order, comprising:
    所述终端将显示所述第一用户界面的区域划分为第一区域和第二区域;The terminal divides an area displaying the first user interface into a first area and a second area;
    所述终端将所述第一区域中显示的界面保持不变,将所述第二用户界面显示在所述第二区域。The terminal keeps the interface displayed in the first area unchanged, and displays the second user interface in the second area.
  5. 根据权利要求4所述的方法,其特征在于,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。The method according to claim 4, wherein the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  6. 根据权利要求1至5任一所述的方法,其特征在于,所述第二用户界面中包括第二设置项;The method according to any one of claims 1 to 5, wherein the second user interface includes a second setting item;
    所述终端叠加显示所述第一用户界面以及第二用户界面之后,还包括:After the terminal superimposes the display of the first user interface and the second user interface, the method further includes:
    所述终端检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After the terminal detects that the second setting item is triggered by the second gesture operation, the terminal acquires a third user interface associated with the second setting item;
    所述终端全屏显示所述第三用户界面。The terminal displays the third user interface in full screen.
  7. 根据权利要求1至6任一所述的方法,其特征在于,所述终端叠加显示所述第一用户界面以及第二用户界面之前,还包括: The method according to any one of claims 1 to 6, wherein before the terminal superimposes and displays the first user interface and the second user interface, the method further includes:
    所述终端确定所述第二用户界面中至少包括两个用户界面。The terminal determines that the second user interface includes at least two user interfaces.
  8. 根据权利要求7所述的方法,其特征在于,所述终端若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面,并按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中每一用户界面部分覆盖于其上一个层级的用户界面上,层级级别最低的用户界面显示在最上方,N为大于或等于0的整数。The method according to claim 7, wherein if the terminal determines the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface. Obtaining the N levels of user interfaces, and displaying the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein each user interface partially covers the previous level On the user interface, the lowest level user interface is displayed at the top, and N is an integer greater than or equal to 0.
  9. 根据权利要求8所述的方法,其特征在于,所述叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面之后,还包括:The method according to claim 8, wherein after the superimposing and displaying the first user interface, the second user interface, and the N levels of user interfaces, the method further includes:
    所述终端接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving, by the terminal, a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
    所述终端返回到按照层级顺序显示所述第四用户界面的界面。The terminal returns to displaying the interface of the fourth user interface in a hierarchical order.
  10. 根据权利要求9所述的方法,其特征在于,所述第三手势操作为点击操作。The method of claim 9 wherein said third gesture operation is a click operation.
  11. 一种终端,其特征在于,包括存储器、处理器、扬声器、触摸屏和总线,其中,所述存储器、所述扬声器和所述触摸屏通过所述总线与所述处理器连接,其中,A terminal, comprising: a memory, a processor, a speaker, a touch screen, and a bus, wherein the memory, the speaker, and the touch screen are connected to the processor through the bus, wherein
    所述存储器,用于存储所述处理器执行的程序代码;The memory is configured to store program code executed by the processor;
    所述触摸屏,用于显示第一用户界面,所述第一用户界面中包括第一设置项;The touch screen is configured to display a first user interface, where the first user interface includes a first setting item;
    所述处理器,用于通过所述触摸屏检测到用户通过第一手势操作触发所述第一设置项后,获取与所述第一设置项关联的第二用户界面;The processor is configured to: after detecting, by the touch screen, that the user triggers the first setting item by using a first gesture operation, acquiring a second user interface that is associated with the first setting item;
    所述处理器,用于通过所述触摸屏按照层级顺序叠加显示所述第一用户界面以及第二用户界面,其中,所述第二用户界面部分覆盖于所述第一用户界面之上。The processor is configured to superimpose and display the first user interface and the second user interface in a hierarchical order by using the touch screen, wherein the second user interface partially covers the first user interface.
  12. 根据权利要求11所述的终端,其特征在于,所述第一手势操作为按 照预设方向在所述第一设置项对应的屏幕区域上进行滑动。The terminal according to claim 11, wherein the first gesture operation is pressing Sliding on the screen area corresponding to the first setting item according to a preset direction.
  13. 根据权利要求12所述的终端,其特征在于,所述预设方向为从左至右的方向。The terminal according to claim 12, wherein the predetermined direction is a direction from left to right.
  14. 根据权利要求11至13任一所述的终端,其特征在于,所述处理器具体用于:The terminal according to any one of claims 11 to 13, wherein the processor is specifically configured to:
    将显示所述第一用户界面的区域划分为第一区域和第二区域;Dividing the area displaying the first user interface into a first area and a second area;
    将所述第一区域中显示的界面保持不变,将所述第二用户界面通过所述触摸屏显示在所述第二区域。And maintaining the interface displayed in the first area unchanged, and displaying the second user interface in the second area through the touch screen.
  15. 根据权利要求14所述的终端,其特征在于,所述第一区域以及所述第二区域均为矩形,且所述第一区域位于左侧、所述第二区域位于右侧。The terminal according to claim 14, wherein the first area and the second area are both rectangular, and the first area is located on the left side and the second area is located on the right side.
  16. 根据权利要求11至15任一所述的终端,其特征在于,所述第二用户界面中包括第二设置项;The terminal according to any one of claims 11 to 15, wherein the second user interface includes a second setting item;
    通过所述触摸屏叠加显示所述第一用户界面以及第二用户界面之后,所述处理器还用于:After the first user interface and the second user interface are displayed by the touch screen overlay, the processor is further configured to:
    通过所述触摸屏检测到用户通过第二手势操作触发所述第二设置项后,获取与所述第二设置项关联的第三用户界面;After detecting, by the touch screen, that the user triggers the second setting item by using a second gesture operation, acquiring a third user interface associated with the second setting item;
    通过所述触摸屏全屏显示所述第三用户界面。The third user interface is displayed in full screen through the touch screen.
  17. 根据权利要求11至16任一所述的终端,其特征在于,通过所述触摸屏叠加显示所述第一用户界面以及第二用户界面之前,所述处理器还用于:The terminal according to any one of claims 11 to 16, wherein before the displaying the first user interface and the second user interface by the touch screen, the processor is further configured to:
    确定所述第二用户界面中包括至少两个用户界面。Determining that the second user interface includes at least two user interfaces.
  18. 根据权利要求17所述的终端,其特征在于,所述处理器若确定所述第二用户界面以及所述第二用户界面之后的N个层级的用户界面中,每一个层级只包括一个用户界面,则获取所述N个层级的用户界面,并通过所述触摸屏按照层级顺序叠加显示所述第一用户界面、第二用户界面以及所述N个层级的用户界面,其中每一用户界面部分覆盖于其上一个层级的用户界面上,层级级别最低的用户界面显示在最上方,N为大于或等于0的整数。The terminal according to claim 17, wherein if the processor determines the second user interface and the N levels of user interfaces after the second user interface, each level includes only one user interface. Obtaining the N levels of user interfaces, and displaying, by the touch screen, the first user interface, the second user interface, and the N levels of user interfaces in a hierarchical order, wherein each user interface partially covers On the user interface of the previous level, the lowest level user interface is displayed at the top, and N is an integer greater than or equal to 0.
  19. 根据权利要求18所述的终端,其特征在于,所述叠加显示所述第一 用户界面、第二用户界面以及所述N个层级的用户界面之后,所述处理器还用于:The terminal according to claim 18, wherein said superimposing displays said first After the user interface, the second user interface, and the N levels of user interfaces, the processor is further configured to:
    通过所述触摸屏接收用户在第四用户界面上输入的第三手势操作;所述第四用户界面为所述N个层级的用户界面中最后一个层级的用户界面之前的任意一个用户界面;Receiving, by the touch screen, a third gesture operation input by the user on the fourth user interface; the fourth user interface is any user interface before the user interface of the last level of the N levels of user interfaces;
    通过所述触摸屏返回到按照层级顺序显示所述第四用户界面的界面。Returning to the interface of the fourth user interface in hierarchical order through the touch screen.
  20. 根据权利要求19所述的终端,其特征在于,所述第三手势操作为点击操作。 The terminal according to claim 19, wherein the third gesture operation is a click operation.
PCT/CN2016/080661 2016-04-29 2016-04-29 User interface display method and terminal WO2017185327A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201680080572.2A CN108700999B (en) 2016-04-29 2016-04-29 User interface display method and terminal
PCT/CN2016/080661 WO2017185327A1 (en) 2016-04-29 2016-04-29 User interface display method and terminal

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2016/080661 WO2017185327A1 (en) 2016-04-29 2016-04-29 User interface display method and terminal

Publications (1)

Publication Number Publication Date
WO2017185327A1 true WO2017185327A1 (en) 2017-11-02

Family

ID=60161760

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2016/080661 WO2017185327A1 (en) 2016-04-29 2016-04-29 User interface display method and terminal

Country Status (2)

Country Link
CN (1) CN108700999B (en)
WO (1) WO2017185327A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109254823A (en) * 2018-09-21 2019-01-22 武汉华中时讯科技有限责任公司 A kind of method, memory and the terminal of the paging view elements of changing multi-stage nesting
CN113426108A (en) * 2021-07-22 2021-09-24 网易(杭州)网络有限公司 Game interface identification processing method, device, equipment and storage medium
CN114397979A (en) * 2018-11-26 2022-04-26 华为技术有限公司 Application display method and electronic equipment

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114895834A (en) * 2022-05-30 2022-08-12 四川启睿克科技有限公司 Display method of intelligent household equipment control page

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1944683A1 (en) * 2006-12-04 2008-07-16 Samsung Electronics Co., Ltd. Gesture-based user interface method and apparatus
CN101957714A (en) * 2010-05-31 2011-01-26 宇龙计算机通信科技(深圳)有限公司 Method, system and mobile terminal for displaying application icons
CN102654822A (en) * 2011-03-04 2012-09-05 联想(北京)有限公司 Display method, display device and terminal
CN102884500A (en) * 2010-06-14 2013-01-16 苹果公司 Control selection approximation

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7930648B1 (en) * 2006-10-10 2011-04-19 Adobe Systems Incorporated Expanded stack view
CN103500070B (en) * 2013-10-23 2018-01-12 北京三星通信技术研究有限公司 The method, apparatus and terminal installation of touch control operation

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1944683A1 (en) * 2006-12-04 2008-07-16 Samsung Electronics Co., Ltd. Gesture-based user interface method and apparatus
CN101957714A (en) * 2010-05-31 2011-01-26 宇龙计算机通信科技(深圳)有限公司 Method, system and mobile terminal for displaying application icons
CN102884500A (en) * 2010-06-14 2013-01-16 苹果公司 Control selection approximation
CN102654822A (en) * 2011-03-04 2012-09-05 联想(北京)有限公司 Display method, display device and terminal

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
"sho uji wufa Wi-Fi liánji? w? ngluo", DIÀNN? OÀIHÀOZH?, 15 December 2014 (2014-12-15), pages 63, ISSN: 1005-0043 *

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109254823A (en) * 2018-09-21 2019-01-22 武汉华中时讯科技有限责任公司 A kind of method, memory and the terminal of the paging view elements of changing multi-stage nesting
CN114397979A (en) * 2018-11-26 2022-04-26 华为技术有限公司 Application display method and electronic equipment
CN114397978A (en) * 2018-11-26 2022-04-26 华为技术有限公司 Application display method and electronic equipment
CN114397979B (en) * 2018-11-26 2022-11-22 华为技术有限公司 Application display method and electronic equipment
CN114397978B (en) * 2018-11-26 2022-11-22 华为技术有限公司 Application display method and electronic equipment
US11567623B2 (en) 2018-11-26 2023-01-31 Huawei Technologies Co., Ltd. Displaying interfaces in different display areas based on activities
CN113426108A (en) * 2021-07-22 2021-09-24 网易(杭州)网络有限公司 Game interface identification processing method, device, equipment and storage medium

Also Published As

Publication number Publication date
CN108700999B (en) 2020-10-09
CN108700999A (en) 2018-10-23

Similar Documents

Publication Publication Date Title
US11128802B2 (en) Photographing method and mobile terminal
US9733815B2 (en) Split-screen display method and apparatus, and electronic device thereof
JP5910511B2 (en) Electronic device, display method and program
US7703039B2 (en) Methods and apparatus for displaying information
WO2017032005A1 (en) Operation menu display method and terminal
WO2016015438A1 (en) Operation method and operation apparatus for mobile intelligent terminal, mobile intelligent terminal and non-volatile computer storage medium
WO2017185327A1 (en) User interface display method and terminal
CN111338555B (en) Method, device, equipment and storage medium for realizing input through virtual keyboard
TW201525776A (en) Invocation control over keyboard user interface
WO2018119584A1 (en) Interaction method and device for flexible display screen
TWI529607B (en) Handheld device and homescreen management method thereof
WO2017215542A1 (en) Method and device for displaying image
CN107479818B (en) Information interaction method and mobile terminal
WO2016107462A1 (en) Information input method and device, and smart terminal
CN106030486A (en) Batch processing method and terminal
US10048829B2 (en) Method for displaying icons and electronic apparatus
JP6421198B2 (en) Method and apparatus for displaying an operating interface and touch screen terminal
US9542764B2 (en) Displaying contents of a file in different regions
US20130305172A1 (en) Pen Tool Editing Modes
JP2015011370A (en) Information processing device, gui operation support method, and program
WO2018049603A1 (en) Control method, control apparatus and electronic apparatus
CN114415886A (en) Application icon management method and electronic equipment
CN107817927B (en) Application icon management method and device
TWI607369B (en) System and method for adjusting image display
EP2791773B1 (en) Remote display area including input lenses each depicting a region of a graphical user interface

Legal Events

Date Code Title Description
NENP Non-entry into the national phase

Ref country code: DE

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 16899839

Country of ref document: EP

Kind code of ref document: A1

122 Ep: pct application non-entry in european phase

Ref document number: 16899839

Country of ref document: EP

Kind code of ref document: A1