WO2018133285A1 - Procédé d'affichage et terminal - Google Patents

Procédé d'affichage et terminal Download PDF

Info

Publication number
WO2018133285A1
WO2018133285A1 PCT/CN2017/086653 CN2017086653W WO2018133285A1 WO 2018133285 A1 WO2018133285 A1 WO 2018133285A1 CN 2017086653 W CN2017086653 W CN 2017086653W WO 2018133285 A1 WO2018133285 A1 WO 2018133285A1
Authority
WO
WIPO (PCT)
Prior art keywords
icon
area
screen
array
user interface
Prior art date
Application number
PCT/CN2017/086653
Other languages
English (en)
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 CN201780006152.4A priority Critical patent/CN108475161A/zh
Publication of WO2018133285A1 publication Critical patent/WO2018133285A1/fr

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the embodiments of the present invention relate to the field of computer technologies, and in particular, to a display method and a terminal.
  • the terminal can be set to the small screen mode, that is, the original screen size is scaled down, but this way will also reduce the icon, text and other content of the screen, which is not conducive to tapping.
  • the embodiment of the invention provides a display method and a terminal. One-handed operation is achieved without shrinking the icons on the screen.
  • an embodiment of the present invention provides a display method.
  • the method includes: displaying a first user interface, the first user interface includes an array of positions for placing an icon, an icon is placed on the position array; receiving the first operation, switching to the one-hand operation mode according to the first operation; receiving the first In the second operation, according to the second operation, in the one-hand operation mode, the icons in the first user interface are sequentially displayed on the position array in units of rows or columns.
  • the icons in the first user interface are sequentially displayed in a row or column on the position array.
  • the second operation may include: the second operation is from the bottom to the top of the screen. Swinging, according to the second operation, the icons in the first user interface are sequentially displayed on the array of positions in the direction corresponding to the top of the screen in the row of the action; or the second operation is from the screen The top to bottom swipe, according to the second operation, the icons in the first user interface are sequentially displayed on the array of positions in the direction corresponding to the bottom of the screen to the bottom of the screen in a row of behavior; or, the second operation In order to swipe from the left side of the screen to the right side, according to the second operation, the icon array in the first user interface is sequentially arranged in the direction corresponding to the left side of the screen to the right side of the screen in units of columns.
  • the second operation is a swipe from the right side of the screen to the left side
  • the icon array in the first user interface is displayed in units of columns to the right of the screen A direction corresponding to the left side of the screen to scroll sequentially.
  • the user interface of the one-hand mode of operation includes a first area that occupies a portion of the screen and a second operation that is an operation of the user contact in the first area.
  • the first user interface further includes a second area; a part of the icons on the position array are located in the first area, and another part of the icon is located in the second area, first The area is displayed separately from the second area.
  • the first area and other areas can be clearly distinguished by the embodiment of the present application.
  • a third operation is received, the user contact of the third operation being in an area located in the first icon, the first icon being one of the icons on the location array; displaying the first in the first area
  • the second user interface is a corresponding interface after the first icon is triggered.
  • the operation interface corresponding to the icon can be displayed in the first area suitable for one-hand operation, which is convenient for the user to further operate.
  • the first icon is located in the first region.
  • the embodiment of the present application can display that only the icon of the first area can be triggered by the third operation, which reduces the possibility of the user touching.
  • the method further includes: receiving a fourth operation, entering a setting state of the first area according to the fourth operation; receiving a fifth operation, setting the first area according to the fifth operation
  • the size or location can be implemented by using the embodiment of the present application, and the differentiated setting can be performed according to different user habits, thereby improving the user experience.
  • the fifth operation is a swipe operation in which the starting position of the user contact is located inside the first area, and setting the size or position of the first area according to the fifth operation includes: a swipe trajectory of the five-operated user contact, moving the position where the first area is located; or, the fifth operation is a swipe operation where the start position of the user contact is located on the edge of the first area, the basis Setting the size or position of the first area by the fifth operation includes: adjusting a position of an edge of the first area according to a stroke track of the user contact of the fifth operation, so that the setting is performed The size of an area.
  • the embodiment of the present invention provides a terminal, which can implement the functions performed by the terminal in the foregoing method example, and the function can be implemented by using hardware or by executing corresponding software by hardware.
  • the hardware or software includes one or more modules corresponding to the above functions.
  • the embodiment of the present application provides a terminal, including: a display screen for displaying a user interface; a touch screen for receiving operations; a processor and a memory, the memory user storing data and a program.
  • the processor executes the computer stored instructions of the memory storage to cause the input device to perform the methods of the first aspect and various alternatives of the first aspect.
  • an embodiment of the present invention provides a display method.
  • the method includes: displaying a first user interface, the first user interface including a first icon array; receiving a first operation; displaying prompt information in a one-hand operation mode; receiving a second operation; displaying a second icon array, the second The icon array and the first icon array include the same icon, wherein the position of the icon in the second icon array and the position of the icon in the first icon array are sequentially scrolled in units of rows or columns.
  • the method further includes:
  • the method further includes: according to the second operation, sequentially scrolling the first icon array in units of rows or columns to obtain the second icon array.
  • the second operation is a swipe from the bottom to the top of the screen, the position of the icon in the second icon array and the position of the icon in the first icon array in units of rows from the bottom of the screen to the screen The corresponding direction of the top scrolls in sequence; or, the second operation is a swipe from the top of the screen to the bottom of the screen, the position of the icon in the second icon array and the position of the icon in the first icon array are in units of rows at the top of the screen Scrolling to the corresponding direction in the bottom; or, the second operation is a swipe from the left side to the right side of the screen, the position of the icon in the second icon array and the position of the icon in the first icon array are in units of columns.
  • the left side to the right side of the right direction scrolls in sequence; or, the second operation is a swipe from the right side of the screen to the left side, the position of the icon in the second icon array and the position of the icon in the first icon array
  • the unit scrolls in the direction corresponding to the right side of the screen to the left side.
  • the one-hand mode of operation user interface includes a first area that occupies a portion of the screen and the second operation is the operation of the user contact in the first area.
  • the user interface in the one-hand operation mode further includes a second area; a part of the first icon array or the second icon array is located in the first area, and another part of the icon is located in the second area, A region is displayed separately from the second region.
  • the method further includes: receiving a third operation, the user contact of the third operation is located in an area where the first icon is located, the first icon is located in the first area; and the second user is displayed in the first area
  • the second user interface is a corresponding interface after the first icon is triggered.
  • the method further includes: receiving the fourth operation; displaying the prompt information of the setting state of the first area; receiving the fifth operation; and displaying the prompt information of the first area after setting the size or the position.
  • the fifth operation is a swipe operation in which the starting position of the user contact is located inside the first area
  • the method further includes: moving the trajectory of the user contact according to the fifth operation, moving the first a position where the area is located; or, the fifth operation is a swipe operation in which the start position of the user contact is located on the edge of the first area, and the method further includes: adjusting the trajectory of the user contact according to the fifth operation The position of the edge of an area is such that the size of the first area is set.
  • the embodiment of the present invention provides a terminal, where the terminal can implement the functions performed by the terminal in the foregoing method example of the third aspect, and the function may be implemented by using hardware or by executing corresponding software by hardware.
  • the hardware or software includes one or more modules corresponding to the above functions.
  • the embodiment of the present application provides a terminal, including: a display screen for displaying a user interface; and a touch screen for receiving an operation, so that the display screen and the touch screen are used to perform the third aspect as well The method of the various alternatives of the third aspect.
  • an embodiment of the present application provides a computer readable storage medium, configured to store computer software instructions for use by the terminal, including the first aspect and optionally implementing the foregoing and/or the foregoing The program designed in three aspects and optionally in the implementation.
  • an embodiment of the present application provides a computer program product, configured to store computer software instructions for use by the terminal, comprising: performing the foregoing first aspect and optionally implementing a neutral aspect and/or the foregoing third aspect And optionally the program designed in the implementation.
  • FIG. 1 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • FIG. 2 is a schematic structural diagram of another terminal according to an embodiment of the present disclosure.
  • FIG. 3 is a schematic structural diagram of a mobile phone according to an embodiment of the present application.
  • FIG. 4 is a top view of a structure of a mobile phone according to an embodiment of the present application.
  • FIG. 5 is a schematic diagram of a user interface of a mobile phone according to an embodiment of the present application.
  • FIG. 6 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 7 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 8 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 10 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 11 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 12 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present disclosure.
  • FIG. 13 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 14 is a schematic diagram of a user interface of another mobile phone according to an embodiment of the present application.
  • FIG. 15 is a schematic flowchart diagram of a display method according to an embodiment of the present disclosure.
  • FIG. 16 is a schematic flowchart diagram of another display method according to an embodiment of the present application.
  • the embodiment of the present application provides a display method and a terminal.
  • the swipe operation in the one-hand operation mode the icon of the current page can be scrolled, and the icon farther from the operating finger can be moved closer to the operating finger.
  • the location makes it easy to select icons without changing the size of the icons, and the user experience is improved.
  • the terminal involved in the embodiment of the present application may include a mobile phone, a tablet computer, a personal digital assistant (PDA), a point of sales (POS), an in-vehicle computer, and other terminals capable of displaying a menu.
  • the terminal can include at least a display screen and a touch screen, and can further include a processor and a memory, wherein the memory can be used to store a software program, and the processor can execute various functions of the terminal by running a software program stored in the memory, and the display screen can be used for displaying At least one graphical user interface, the user interface can include information entered by the user, information provided to the user, etc., and the touch screen can be used to accept user input.
  • FIG. 1 is a schematic structural diagram of a terminal according to an embodiment of the present application.
  • the terminal 100 includes at least a processor 110, a memory 120, and a screen 130.
  • the processor 110 implements processing functions and implements data processing and overall control, for example, the control screen 130 displays a user interface and the like.
  • Screen 130 may include display screen 131 and touch screen 132 for outputting a user interface that has been processed by processor 110.
  • Touch screen 132 can be used to receive operations, such as swipe operations.
  • the memory 120 can be used to store software programs or modules, and the processor 110 executes various functional applications and data processing of the terminal 100 by running software programs and modules stored in the memory 120.
  • the display screen may also be referred to as a display panel
  • the touch screen may also be referred to as a touch panel.
  • the display screen 131 is used to display a first user interface including an array of locations for placing icons, with icons placed on the array of locations.
  • the first user interface may include at least one page, the current page in the at least one page is placed with an icon on the location array, and the display screen 131 is used to display the current page of the first user interface.
  • the touch screen 132 is for receiving the first operation and the second operation.
  • the first operation is for indicating a switching operation mode.
  • the first operation may be a preset operation by double-clicking a blank space on the screen or pressing a blank space on the screen, or This is done by triggering a combination of physical buttons, or by selecting options to switch modes of operation in the setup options.
  • the second operation can be from right to left, or from right to left, or from top (ie, the top of the screen) to the bottom (ie, the bottom of the screen), or from bottom to top, or click back to the left and right.
  • the processor 110 is configured to switch to the one-hand operation mode according to the first operation
  • the processor 110 is further configured to receive a second operation. According to the second operation, in the one-hand operation mode, the icons in the first user interface are sequentially displayed on the array of positions in units of rows or columns.
  • the scrolling direction of the icon may also be different according to the direction of the pointing of the second operation.
  • the second operation is a swipe from the bottom to the top of the touch screen 132
  • the processor 110 is further configured to use the first user interface according to the second operation.
  • the icon in the position array is scrolled in the row corresponding to the bottom to the top of the touch screen 132 in rows; or the second operation is a swipe from the top to the bottom of the touch screen 132, and the processor 110 is further used for
  • the icons in the first user interface are sequentially displayed on the array of positions in the direction corresponding to the top to the bottom of the touch screen 132 in units of rows; or the second operation is from the left side to the right of the touch screen 132.
  • the processor 110 is further configured to scroll the icons in the first user interface on the position array according to the second operation, and sequentially scroll in the direction corresponding to the left side to the right side of the touch screen 132 in units of columns;
  • the second operation is a swipe from the right side of the touch screen 132 to the left side, and the processor 110 is further configured to: in the second user interface, the icon in the first user interface On the right side of the column unit in the direction of the screen to the left of the screen corresponding to sequentially scroll display.
  • the terminal may scroll display once according to the second operation every time the second operation is received.
  • the icon is displayed on the display screen 131. Since the touch screen 132 and the display screen 131 are generally placed in parallel, the direction corresponding to the top and the bottom of the touch screen 132 is the same as the direction corresponding to the top and bottom of the display screen 131, and the left and right direction and display of the touch screen 132. The left and right directions of the screen 131 are the same.
  • the user interface of the one-hand operation mode includes a first area (also referred to as a one-hand area), the first area occupies a portion of the display screen 131 of the terminal, and the second operation is an operation of the user contact in the first area. .
  • the first user interface further includes a second area; a part of the icon in the icon array is located in the first area, and another part of the icon array is located in the second area, the first area and the second area The area is displayed separately.
  • the one-handed area can be used to display an application interface of the application icon or a function interface corresponding to the function icon or a detailed icon interface corresponding to the folder icon.
  • the processor 110 is further configured to receive a third operation, where the user contact of the third operation is in an area where the first icon is located; the display screen 131 is further configured to display a second user interface in the first area, the second user The interface is the corresponding interface after the first icon is triggered.
  • the first icon may be an icon located in the first area.
  • the touch screen 132 is further configured to receive a fourth operation; the processor 110 is further configured to enter a set state of the first region according to the fourth operation; the touch screen 132 is further configured to receive the fifth operation; and the processor 110 is further configured to perform the fifth operation according to the fifth operation Set the size or position of the first area.
  • the fifth operation is a swipe operation in which the start position of the user contact is located inside the first area, and the processor 110 is further configured to move the position where the first area is located according to the swipe trajectory of the user contact of the fifth operation;
  • the fifth operation is a swipe operation in which the start position of the user contact is located on the edge of the first area, and the processor 110 is further configured to adjust the edge of the first area according to the swipe trajectory of the user contact of the fifth operation. The position to make the size of the first area set.
  • FIG. 2 is a schematic structural diagram of another terminal according to an embodiment of the present application.
  • the terminal 200 includes at least a display screen 210 for outputting a user interface, and a touch screen 220 for receiving operations, such as a swipe operation.
  • the display screen 210 is configured to display a first user interface, where the first user interface includes a first icon array;
  • the touch screen 220 is configured to receive a first operation; wherein the first operation is used to indicate a switching operation mode.
  • the first operation may be a preset operation of double-clicking on a blank space of the screen or repressing a blank of the screen, or may be an operation of triggering a combination of physical buttons or selecting an option to switch the operation mode in the setting options.
  • the display screen 210 is also used to display prompt information in a one-hand operation mode
  • the touch screen 220 is further configured to receive a second operation; wherein the second operation may be from right to left, or from right to left, or from top (ie, the top of the screen) to the bottom (ie, the bottom end of the screen), Or from bottom to top, or click to slide left, right, up, or down, or click or double-click an empty space on the left, right, top, or bottom of the screen (for example, an area where the icon is not displayed), or click the screen
  • the display screen 210 is further configured to display a second icon array on the current page, where the second icon array includes the same icon as the first icon array, wherein the position of the icon in the second icon array and the position of the icon in the first icon array are Rows or columns are scrolled in turn.
  • the terminal further includes: a processor, configured to switch to the one-hand operation mode according to the first operation.
  • the processor is further configured to sequentially scroll the first icon array in rows or columns according to the second operation to obtain a second icon array.
  • the difference between the first icon array and the second icon array is different according to the direction in which the second operation is directed. For example, if the second operation is a swipe from the bottom to the top of the touch screen 220, the second icon array The position of the middle icon and the position of the icon in the first icon array are sequentially displayed in a row corresponding to the top of the touch screen to the top of the touch screen in a row; or, if the second operation is a swipe from the top 220 to the bottom of the touch screen, Then, the position of the icon in the second icon array and the position of the icon in the first icon array are sequentially scrolled in the direction corresponding to the bottom of the touch screen 220 to the bottom of the touch screen in units of rows; or, if the second operation is from the left side of the touch screen 220 To the right side, the position of the icon in the second icon array and the position of the icon in the first icon array are sequentially scrolled in the direction corresponding to the left side to the right side of the touch screen 220 in units of columns
  • the icon is displayed on the display screen 210. Since the touch screen 220 and the display screen 210 are generally placed in parallel, the direction corresponding to the top and bottom of the touch screen 220 is the same as the direction corresponding to the top and bottom of the display screen 210, and the left and right direction and display of the touch screen 220. The left and right directions of the screen 210 are the same.
  • the user interface of the one-hand operation mode includes a first area that occupies a portion of the display screen 210 and a second operation that operates the user contact in the first area.
  • the user interface in the one-hand operation mode further includes a second area; a part of the icon array is in the first area, and another part of the icon is located in the second area; the display screen 210 is further configured to distinguish and display the first area The area and the second area.
  • the one-handed area can be used to display an application interface of the application icon or a function interface corresponding to the function icon or a detailed icon interface corresponding to the folder icon.
  • the touch screen 220 is further configured to receive a third operation, the first The user interface of the three operations is located in the area where the first icon is located, and the first icon is located in the first area; the display screen 210 is further configured to display the second user interface in the first area, the second user interface is the first icon The corresponding interface after triggering.
  • the touch screen 220 is further configured to receive a fourth operation; the display screen 210 is further configured to display prompt information of a setting state of the first area; the touch screen 220 is further configured to receive a fifth operation; and the display screen 210 is further configured to display Set the prompt information for the first area after the size or position.
  • the fifth operation is a swipe operation in which the start position of the user contact is located inside the first area
  • the processor is further configured to: move the first area according to the swipe trajectory of the user contact of the fifth operation
  • the fifth operation is a swipe operation in which the start position of the user contact is located on the edge of the first area
  • the processor is further configured to adjust the first area according to the swipe trajectory of the user contact of the fifth operation The position of the edge so that the size of the first area is set.
  • FIG. 3 is a schematic structural diagram of a mobile phone related to an embodiment of the present application.
  • the mobile phone 300 includes components such as an RF (Radio Frequency) circuit 310, a memory 320, other input devices 330, a touch screen 340, a sensor 350, an audio circuit 360, an I/O subsystem 370, a processor 380, and a power source 390.
  • RF Radio Frequency
  • FIG. 3 does not constitute a limitation to the mobile phone, and may include more or less components than those illustrated, or combine some components, or split some components, or Different parts are arranged.
  • the components of the mobile phone 300 will be specifically described below with reference to FIG. 3:
  • the RF circuit 310 can be used for transmitting and receiving information or during a call, and receiving and transmitting the signal. Specifically, after receiving the downlink information of the base station, the processor 380 processes the data. In addition, the uplink data is designed to be sent to the base station.
  • RF circuits include, but are not limited to, an antenna, at least one amplifier, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, and the like.
  • the RF circuit 310 can also communicate with terminal devices such as other mobile phones through a wireless communication access network.
  • the wireless communication may use any communication standard or protocol, including but not limited to GSM (Global System of Mobile communication), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access). , Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), e-mail, SMS (Short Messaging Service), and the like.
  • GSM Global System of Mobile communication
  • GPRS General Packet Radio Service
  • CDMA Code Division Multiple Access
  • WCDMA Wideband Code Division Multiple Access
  • LTE Long Term Evolution
  • e-mail Short Messaging Service
  • the memory 320 can be used to store software programs, and the processor 380 executes various functions of the handset 300 by running software programs stored in the memory 320.
  • the memory 320 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system and an application required for at least one function (such as a sound playing function, an image playing function, etc.); and the storage data area may be stored. Data maintained according to the use of the mobile phone 300 (such as audio data, phone book, etc., for example, configuration information).
  • Other input devices 330 can be used to receive input numeric or character information, as well as generate key signal inputs related to user settings and function controls of handset 300.
  • other input devices 330 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, joysticks, and light mice (the light mouse is not sensitive to display visual output).
  • function keys such as volume control buttons, switch buttons, etc.
  • trackballs mice, joysticks, and light mice (the light mouse is not sensitive to display visual output).
  • Other input devices 330 are coupled to other input device controllers 371 of I/O subsystem 370 for signal interaction with processor 380 under the control of other device input controllers 371.
  • the touch screen 340 can be used to display information input by the user or information provided to the user, that is, to interact with the user.
  • touch screen 340 can display various user interfaces of mobile phone 300, such as a system interface including application icons and folder icons.
  • the specific touch screen 340 can include a display panel 341 and a touch panel 342. Display surface
  • the display panel 341 can be configured in the form of an LCD (Liquid Crystal Display), an OLED (Organic Light-Emitting Diode), or the like.
  • the touch panel 342 also referred to as a display screen, a touch sensitive screen, a screen, etc., can collect contact or non-contact operations on or near the user (such as a user using a finger, a stylus, or the like, any suitable object or accessory in the touch
  • the operation on the panel 342 or in the vicinity of the touch panel 342 may also include a somatosensory operation; the operation includes a single point control operation, a multi-point control operation, and the like, and drives the corresponding connection device according to a preset program.
  • the touch panel 342 can include two parts: a touch detection device and a touch controller.
  • the touch detection device detects a gesture of the user, that is, touches an orientation, a posture, and detects a signal brought by the touch operation, and transmits a signal to the touch controller; the touch controller receives the touch information from the touch detection device, and converts the information
  • the information that the processor can process is sent to the processor 380 and can receive commands from the processor 380 and execute them.
  • the touch panel 342 can be implemented by using various types such as resistive, capacitive, infrared, and surface acoustic waves, and the touch panel 342 can be implemented by any technology developed in the future.
  • the touch panel 342 can cover the display panel 341, and the user can display the content according to the display panel 341 (the display content includes, but is not limited to, a soft keyboard, a virtual mouse, a virtual button, an icon, etc.) on the display panel 341. Operation is performed on or near the covered touch panel 342. After detecting the operation thereon or nearby, the touch panel 342 transmits to the processor 380 through the I/O subsystem 370 to determine user input, and then the processor 380 is based on the user. The input provides a corresponding visual output on display panel 341 via I/O subsystem 370.
  • the touch panel 342 and the display panel 341 are used as two independent components to implement the input and input functions of the mobile phone 300, in some embodiments, the touch panel 342 may be integrated with the display panel 341. The input and output functions of the mobile phone 300 are implemented.
  • the handset 300 can also include at least one type of sensor 350, such as a light sensor, motion sensor, and other sensors.
  • the light sensor may include an ambient light sensor and a proximity sensor, wherein the ambient light sensor may adjust the brightness of the display panel 341 according to the brightness of the ambient light, and the proximity sensor may close the display panel 341 when the mobile phone 300 moves to the ear. / or backlight.
  • the accelerometer sensor can detect the magnitude of acceleration in all directions (usually three axes). When it is stationary, it can detect the magnitude and direction of gravity.
  • the mobile phone 300 can also be configured with gyroscopes, barometers, hygrometers, thermometers, infrared sensors and other sensors, here Let me repeat.
  • the audio circuit 360, the speaker 361, and the microphone 362 can provide an audio interface between the user and the handset 300.
  • the audio circuit 360 can transmit the converted audio data to the speaker 361 and convert it into a sound signal output by the speaker 361.
  • the microphone 362 converts the collected sound signal into a signal, which is received by the audio circuit 360.
  • the audio data is converted to audio data, which is then output to the RF circuit 310 for transmission to, for example, another mobile phone, or the audio data is output to the memory 320 for further processing.
  • the I/O subsystem 370 is used to control external devices for input and output, and may include other device input controllers 371, sensor controllers 372, and display controllers 373.
  • one or more other input control device controllers 371 receive signals from other input devices 330 and/or send signals to other input devices 330.
  • Other input devices 330 may include physical buttons (press buttons, rocker buttons, etc.) , dial, swipe switch, joystick, click wheel, light mouse (light mouse is a touch-sensitive surface that does not display visual output, or an extension of a touch-sensitive surface formed by a touch screen). It is worth noting that other input control device controllers 371 can be connected to any one or more of the above devices.
  • Display controller 373 in I/O subsystem 370 receives signals from touch screen 340 and/or transmits signals to touch screen 340. After the touch screen 340 detects the user input, the display controller 373 converts the detected user input into and displays the touch. The interaction of the user interface objects on the screen 340, that is, the human-computer interaction. Sensor controller 372 can receive signals from one or more sensors 350 and/or send signals to one or more sensors 350.
  • Processor 380 is the control center of handset 300, which connects various portions of the entire handset using various interfaces and lines, by running or executing software programs and/or modules stored in memory 320, and recalling data stored in memory 320, The various functions and processing data of the mobile phone 300 are performed to perform overall monitoring of the mobile phone.
  • the processor 380 may include one or more processing units; preferably, the processor 380 may integrate an application processor and a modem processor, where the application processor mainly processes an operating system, a user interface, an application, and the like.
  • the modem processor primarily handles wireless communications. It will be appreciated that the above described modem processor may also not be integrated into the processor 380.
  • the handset 300 also includes a power source 390 (such as a battery) that powers the various components.
  • a power source 390 such as a battery
  • the power source can be logically coupled to the processor 380 via a power management system to manage functions such as charging, discharging, and power consumption through the power management system.
  • the modules stored in the memory 320 may include an operating system, a contact/motion module, a graphics module, an application, and the like.
  • the processor 380 determines the type of contact event by running a contact/motion module to detect contact of the object or finger with the touch screen 340 or the point-and-click touch dial, capturing the speed (direction and size), acceleration (change in size or direction) of the contact.
  • a variety of contact event detection modules figure-down/dragging/up/tap, sometimes combining gestures with elements in the UI interface to achieve some operations: pinching/depinching (finger squeeze/expansion) and so on.
  • Graphics modules are used to render and display graphics on touch screens or other displays, including web pages, icons, digital images, video, and animations.
  • the application may include a game (eg, 202-1 shown in FIG. 5), a live broadcast (eg, 202-2 shown in FIG. 5), a camera (eg, 202-3 shown in FIG. 5), image management (eg, 202-4) shown in FIG. 5, shopping (for example, 202-5 shown in FIG. 5), personal movement (for example, 202-6 shown in FIG. 5), and video player (for example, as shown in FIG. 5) 202-7, 202-10), instant messaging (eg, 202-8 shown in FIG. 5), stock (eg, 202-9 shown in FIG. 5), reading (eg, 202- shown in FIG. 5) 11), a music player (for example, 202-12 shown in FIG. 5), news (for example, 202-13 shown in FIG.
  • a game eg, 202-1 shown in FIG. 5
  • a live broadcast eg, 202-2 shown in FIG. 5
  • a camera eg, 202-3 shown in FIG. 5
  • image management eg, 202-4
  • shopping for
  • payment for example, 202-14 shown in FIG. 5
  • browser For example, 202-15, 203-4) shown in FIG. 5, calendar (for example, 202-16 shown in FIG. 5), weather (for example, 202-17 shown in FIG. 5), and calculator (for example, 202-18), clock (for example, 202-19 shown in FIG. 5), dictionary (for example, 202-20 shown in FIG. 5), map (for example, 202-21 shown in FIG. 5) , a notepad (eg, 202-22 shown in FIG. 5), a mail client (eg, 202-23 shown in FIG. 5), a contact (eg, 203-2 shown in FIG.
  • a phone eg, 203-1 shown in Figure 5
  • SMS for example, 203-3 shown in Figure 5
  • video conferencing for example, video conferencing
  • plug-ins weather, stock, calculator, clock, dictionary
  • custom plug-ins search, notes, Maps, online videos, and more.
  • FIG. 4 is a top view of a structure of a mobile phone according to an embodiment of the present application.
  • the mobile phone 300 includes a body 1 and a touch screen 340.
  • the touch screen 340 can integrate the touch panel and the display panel to realize the input and output functions of the mobile phone 300.
  • the user can use the finger 3 or the stylus 4 to perform operations such as clicking and swiping on the touch screen, and the touch panel can detect these operations, and the touch screen can be detected. Also known as the screen.
  • the body 1 includes a camera 11, a photosensitive element 12 (one of the one or more sensors 350), a speaker 361, and other input devices 330 include a physical key 14, a power key 15, a volume key 16, and the like.
  • the camera 11 can include a front camera and a rear camera.
  • the photosensitive element 12 is mainly used to sense the distance between the human body and the mobile phone. For example, when the user is on the phone, the mobile phone is close to the ear, and the photosensitive element 12 is inspected. After detecting the distance information, the touch screen of the mobile phone 300 can turn off the input function, thereby preventing accidental touch.
  • the physical key 14 is generally a Home key, and may also be a Home key integrated with a fingerprint recognition module.
  • the physical key 14 may further include a return key, a menu key, and an exit key.
  • the physical key 14 may also be a touch key of a set position on the touch screen.
  • the embodiment of the present application may further include a data interface 17 for charging or performing data transmission for a mobile phone; a Subscriber Identification Module (SIM) card interface (not shown), a headphone interface 13, and the like. .
  • SIM Subscriber Identification Module
  • the mobile phone 300 shown in FIG. 3 and FIG. 4 is merely an example and is not limiting, and may include more or less components than those illustrated, or combine some components, or split some components, or Different parts are arranged.
  • the mobile phone 300 shown in FIG. 4 is taken as an example in the following with reference to FIG. 5-14.
  • the interaction process between the mobile phone 300 and the user is further introduced.
  • the user interface may be displayed on the touch screen 340.
  • the user interface may include an array of icons, and FIG. 5 shows an array of icons of 6 rows and 4 columns.
  • the user interface includes a plurality of location arrays disposed on the user interface.
  • the user interface shown in FIG. 5 is used for placing the icons in 7 rows and 4 columns, and the position generally used for placing the icons may also be 6 rows and 4 columns. 5 rows and 4 columns, 4 rows and 4 columns, 4 rows and 3 columns, etc., wherein the size of the location array is generally related to the size of the screen of the mobile phone and the size of the space occupied by the single icon.
  • the general mobile phone can be set as needed. The size of the icon.
  • the location array on the user interface may have some or all icons placed thereon. As shown in FIG. 5, the positions of the 7 rows and 4 columns for placing the icons are all placed with icons, and the user interface displays the array of icons of 7 rows and 4 columns. Similarly, the position arrays of 5 rows, 4 columns, 4 rows, 4 columns, 4 rows, 3 columns, and the like are all placed with icons, and the user interface displays 5 rows, 4 columns, 4 rows, 4 columns, 4 rows, 3 columns, and the like. An array of icons etc. An icon is placed in a part of the position array on the user interface, and the number of rows of the formed icon array and the column tree are determined according to actual formation. The figure is only for convenience of description, and a plurality of position arrays set on the user interface are all utilized.
  • the user interface location array may include a frozen area 501 (1 row and 4 columns) and a non-freezing area 502 (6 rows and 4 columns):
  • the non-frozen area may include at least one page, and each page may include at least one icon, and the operation of the mobile phone 300 may be instructed to perform a page turning action by a swipe or the like so that the plurality of pages may be displayed on the screen of the mobile phone in sequence.
  • the page turning operation is performed to display the next page of the current page. If the current page does not have a corresponding next page, the page fails to continue displaying the current page. It should be understood that although not shown in the figure, the next page of the current page may include at least one icon. If the operation of swiping from the left side of the screen of the mobile phone 300 to the right side is detected, the page turning action is performed to display the previous page of the current page. If the current page does not have a corresponding previous page, the page turning fails, and the page continues. The current page is displayed.
  • the current page of the frozen area may include at least one icon, and the content displayed by the frozen area does not change during the non-freezing area page turning process.
  • the icon of the common application is generally set in the frozen area.
  • the user interface may further include a status bar 503, which may be used to display an operator name 201 (eg, China Mobile, China Unicom, etc.), a Wireless-Fidelity (Wi-Fi) status control identifier (eg, , can display Wi-Fi signal strength), mobile communication signal status control identification (for example, can display the signal strength of mobile communication, for multi-card and multi-standby mobile phones, can also display the signal strength of multiple mobile communication), battery One or more information such as the battery status control identifier, local time, and so on.
  • a status bar 503 which may be used to display an operator name 201 (eg, China Mobile, China Unicom, etc.), a Wireless-Fidelity (Wi-Fi) status control identifier (eg, can display Wi-Fi signal strength), mobile communication signal status control identification (for example, can display the signal strength of mobile communication, for multi-card and multi-standby mobile phones, can also display the signal strength of multiple mobile communication), battery One or more information such as the battery status control identifier
  • the mobile phone 300 detects the mode for indicating the switching operation mode.
  • Operation which is used to indicate a switch to one-hand operation mode.
  • the operation may be a preset operation by double-clicking on a blank space of the screen or by pressing a blank space on the screen, or may be an operation of triggering a combination of physical buttons or selecting an option to switch the operation mode in the setting options.
  • the mobile phone 300 enters the one-hand operation mode state after detecting an operation indicating switching to the one-hand operation mode.
  • the user interface in the one-hand operation mode and the user interface in the non-one-hand operation mode can be displayed in different display modes to prompt the user to the mode in which the mobile phone 300 is currently located.
  • the phone 300 can be in a one-hand mode of operation by text or a designated icon in a status bar or other location.
  • the grayscale of the background pattern of the one-hand operation mode and the non-one-hand operation mode may be significantly different.
  • the user interface of the handset 300 in the one-hand mode of operation adds a layer of translucent mask.
  • the icons in the user interface displayed by the mobile phone 300 can be scrolled in a row or column by a specific operation.
  • the operation 801 is that the user contact is swiped from the right side of the screen to the left side, and the non-freezing area in the current page of the user interface is in the current page.
  • the icons are scrolled from right to left in column order on the position array. The scrolling process is shown in Figure 8.
  • the first column from the left moves to the fourth column from the left, from the left Second (including icons 202-2, 202-6, 202-10, 202-14, 202-18, and 202-22), three (including icons 202-3, 202-7, 202-11, 202-15, 202-19 and 202-23) and four columns (including icons 202-4, 202-8, 202-12, 202-16, 202-20, and 202-24) are respectively moved to the left by one column on the position array, after scrolling
  • the user interface is shown in Figure 9.
  • the user can perform a plurality of swipe operations. Each time the mobile phone 300 detects the operation 801, the icons in the current page of the non-freeze area in the user interface are scrolled once in the column on the position array.
  • Operation 801 can be swiping from right to left, or swiping back to the left, or clicking or double clicking on an empty space on the right side of the screen (eg, an area where the icon is not displayed), or clicking or double clicking on a blank space on the left side of the screen , or click the left button displayed on the screen, or trigger the combined entity button, or long press and slide to the left, and so on.
  • an empty space on the right side of the screen eg, an area where the icon is not displayed
  • clicking or double clicking on a blank space on the left side of the screen or click the left button displayed on the screen, or trigger the combined entity button, or long press and slide to the left, and so on.
  • the operation 801 can be set to: the icons are scrolled to the left in a row on the current position array in the current page of the non-freeze area, and can also be set to scroll in two columns, or switch to the next screen, or move. The location of a single icon, and so on.
  • the operation 801 can be input multiple times, scrolling the display multiple times in sequence, or switching the next screen multiple times, moving the position of a single icon multiple times, and the like.
  • the mobile phone 300 detects that the user contact is swiped from the left side to the right side of the screen, and the icon of the non-freezing area in the user interface is arranged on the position array in the current page of the non-freezing area.
  • the units are scrolled one by one from left to right.
  • the user can perform a plurality of swipe operations. Each time the mobile phone 300 detects the icon, the icon in the current page of the non-freeze area in the user interface is scrolled once.
  • the operation 901 is that the user contact is swiped from the bottom end of the screen to the top end, and the icon of the non-freeze area in the user interface is not
  • the position array in the current page of the frozen area is scrolled once in order from the bottom to the top, for example, the first row (including icons 202-6, 202-7, 202-8, and 202-8) is moved up.
  • the sixth column starting from the second (including icons 202-10, 202-11, 202-12, and 202-9), three (including icons 202-14, 202-15, 202-16, and 202-13), four (including icons 202-18, 202-19, 202-20, and 202-17), five (including icons 202-22, 202-23, 202-24, and 202-21) and six rows (including icons 202-2, 202-3, 202-4, and 202-1) move up one row on the position array, respectively.
  • the user can perform a plurality of swipe operations, and each time the mobile phone 300 detects the operation 901, the icons of the non-freeze area in the user interface are scrolled and displayed once in units of rows.
  • Operation 901 can slide the bottom end to the top, or click back to the top, or click or double-click an empty space at the top of the screen (for example, an area where the icon is not displayed), or click or double-click the space at the bottom of the screen, or Click the top button that appears on the screen, or trigger the combined entity key, or long press and slide to the top, and so on.
  • the operation 901 may be configured to: the icons are scrolled to the top in a row according to an array of positions in the current page of the non-freezing area, or may be set to scroll in two rows or three rows, or display a pull-up menu or pull-down. Menu, or switch to the next screen, or move the location of a single icon, and so on.
  • the operation 901 can be input multiple times, and then scrolls the display multiple times in sequence, or displays a pull-up menu or a pull-down menu and turns the page, moves the position of a single icon multiple times, and the like.
  • the mobile phone 300 detects that the user contact is swiped from the top end to the bottom end of the screen, and the icon of the non-freeze area in the user interface is in the action unit on the position array in the current page of the non-freeze area. Scroll up and down one by one. The user can perform a plurality of swipe operations. Each time the mobile phone 300 detects the icon, the icon array of the non-freeze area in the user interface is scrolled once.
  • the swipe operation in the one-hand operation mode when the user holds the mobile phone in one hand, by the swipe operation in the one-hand operation mode, the icon in the current page that is far away from the operating finger can be moved to a position closer to the operating finger, combined As shown in FIG. 7 to FIG. 9, by the swipe operation in the one-hand operation mode, the icon 202-1 on the left side of the top of the screen shown in FIG. 7 can be swiped twice (from right to left). , from bottom to top, move to the bottom right corner of the screen. Convenient for icon selection without changing the size of the icon, the user experience is improved.
  • the user interface when the mobile phone 300 is in the one-hand operation mode, the user interface may include a one-hand operation area, the one-hand operation area occupies a part of the screen of the mobile phone 300, and the mobile phone 300 detects the user touch.
  • the point is in the swipe operation of the one-hand operation area, the icon array in the current page of the non-freeze area in the user interface can be scrolled in units of rows or columns.
  • the non-freeze area may include a one-hand area 1101, and the area 1102 other than the one-hand area 1101 in the non-freeze area may be displayed separately, for example, the area 1102 passes through the half.
  • the transparent mask covers, or the grayscale of the background of the area 1102 is larger than the one-handed area 1101 to achieve and distinguish.
  • the one-hand area editing state can be entered by a specific operation, for example, long pressing the edge of the one-handed area 1101, long-pressing the one-handed area 1101, and a specific gesture (for example, drawing "V” or “circle in the one-hand mode” "etc.” and / or combination of physical keys and so on.
  • a specific operation for example, long pressing the edge of the one-handed area 1101, long-pressing the one-handed area 1101, and a specific gesture (for example, drawing “V” or “circle in the one-hand mode” "etc.” and / or combination of physical keys and so on.
  • a specific gesture for example, drawing "V” or “circle in the one-hand mode” "etc.” and / or combination of physical keys and so on.
  • the size and position of the one-handed area 1101 can be edited.
  • the mobile phone 300 detects that the starting position of the user contact is located on the edge of the one-handed area 1101, according to the stroke operation 1201.
  • the swipe trajectory of the user contact of the motion 1201 is adjusted to adjust the position of the edge of the one-hand area 1101 so that the size of the one-hand area 1101 is set.
  • the mobile phone 300 detects a specific operation of controlling the mobile phone 300 to enter the editing state until the user contact detecting the swipe operation 1201 may not leave the screen, for example, long pressing the edge of the one-handed area 1101, and the mobile phone 300 enters the one-hand area editing state.
  • the mobile phone 300 continues to detect that the user contact starts to swipe, and adjusts the position of the edge of the one-handed area 1101 according to the swipe trajectory of the user contact.
  • the swipe operation 1201, where the starting position is located on the edge of the one-handed area 1101, may be a swipe in the left-right direction of the screen of the mobile phone, or may be a swipe in a direction corresponding to the top and bottom of the screen of the mobile phone, and respectively The position of the side corresponding to each direction of the hand region 1101.
  • the set units When the size of the one-handed area 1101 is set, the set units may be increased or decreased in the left-right direction of the screen of the mobile phone, or the set units may be increased or decreased in the direction corresponding to the top and bottom of the screen of the mobile phone.
  • the setting unit can be a distance occupied by placing an icon in the left and right direction or the corresponding direction of the top and bottom.
  • the minimum area of the one-handed area 1101 can also be defined to facilitate operation.
  • the minimum area of the one-handed area is the position occupied by three rows and two columns of icons.
  • the mobile phone 300 detects that the starting position of the user contact is located inside the one-handed area 1101, according to the stroke operation 1301.
  • the swipe trajectory of the dynamically operated user contact moves the position of the one-handed area 1101.
  • the position of the one-handed area 1101 can be moved in the left-right direction of the mobile phone screen or in the direction corresponding to the top and the bottom according to different swipe operations.
  • the mobile phone 300 detects that the specific operation of controlling the mobile phone 300 to enter the editing state until the user contact detecting the swipe operation 1301 may not leave the screen, for example, long pressing the inside of the one-handed area 1101, the mobile phone 300 enters the one-hand area editing state. After detecting the long press operation, the mobile phone 300 continues to detect that the user contact starts to swipe, and adjusts the position of the one-handed area 1101 according to the swipe trajectory of the user contact.
  • the position and size of the one-handed area 1101 can be set according to the operating habits and/or operation requirements.
  • one side of the one-handed area 1101 can be generally left or right, and the size of the one-handed area 1101 can be generally set to An array of four rows and two columns of positions.
  • the mobile phone 300 when the mobile phone 300 is in the one-hand operation mode, after the operation of clicking on the icon is detected, the function corresponding to the icon may be executed, and the function corresponding to the function is displayed in the one-hand area.
  • User Interface For example, after detecting the click operation on the instant messaging application 202-8, the mobile phone 300 displays the user interface corresponding to the instant messaging application in the one-handed area 1101, and realizes the interaction between the instant messaging application and the user through the one-handed area, for example, As shown in FIG. 14, the mobile phone 300 displays an interface of the group communication function corresponding to the instant messaging application 202-8 in the one-handed area 1101.
  • the function corresponding to the icon when the mobile phone 300 is in the one-hand operation mode, the function corresponding to the icon may be executed after detecting an operation such as clicking on the icon in the one-hand area; and detecting the non-freezing area After the icon in the area other than the hand area is clicked, the mobile phone 300 may not respond.
  • buttons for example, press the home button, double-click the blank space on the screen, or re-press the blank space of the screen, etc., or you can trigger the combination of physical buttons, or in the settings.
  • you can switch the operating mode for example, press the home button, double-click the blank space on the screen, or re-press the blank space of the screen, etc., or you can trigger the combination of physical buttons, or in the settings.
  • the operation 801 may be to slide from right to left in the one-handed area 1101, or to the left after clicking in the one-handed area 1101, or click or double-click the blank space on the right side of the one-handed area 1101 (for example, the icon is not displayed) Area), either click or double-click the blank space on the left side of the one-handed area 1101, or click the left button displayed by the one-handed area 1101, or trigger the combined physical key, or the one-handed area 1101 slides long and then slides to the left, etc. Wait.
  • the operation 901 may be to slide to the top end at the bottom end of the one-handed area 1101, or to the top end after clicking by the one-handed area 1101, or click or double-click the blank space at the top of the one-handed area 1101 (for example, an area where the icon is not displayed) , or click or double-click the blank space at the bottom of the one-handed area 1101, or click the top button displayed by the one-handed area 1101, or trigger the combined physical key, or long press and slide to the top, and so on.
  • FIG. 15 is a schematic flowchart diagram of a display method according to an embodiment of the present application. As shown in Figure 15, the method is specific Including the following steps:
  • the first user interface includes an array of locations on which an icon is placed.
  • the first user interface is shown in FIG. 5.
  • S1502 Receive a first operation, and switch to a one-hand operation mode according to the first operation.
  • the first operation is an operation for indicating a switching operation mode, and the first operation may be a preset operation by double-clicking a blank space of the screen or repressing a blank space of the screen, or may be a combination of physical buttons by triggering. Or select an option to switch the operating mode in the setting options.
  • S1503 Receive a second operation. According to the second operation, in the one-hand operation mode, the icons in the first user interface are scrolled in a row or column on the position array.
  • the second operation may be a swipe operation, a sliding operation, or a click to slide, click or double-click an empty space of the screen (for example, an area where an icon is not displayed), or click or double-click A blank space on the left side of the screen, or click the left button displayed on the screen, or trigger the combined physical key, or long press and then slide to the left, or click twice in different positions, the screen is clicked twice The direction of the scrolling.
  • the second operation may be a swipe operation of the user contact in a direction corresponding to the top of the screen and a top, or a swipe operation of the user contact in the left and right direction of the screen.
  • a swipe operation of the user contact in a direction corresponding to the top of the screen and a top due to the inaccuracy of the operation, in determining that the user's contact is roughly in the direction corresponding to the bottom of the screen and the top, it can be considered as a swipe in the direction corresponding to the bottom of the screen and the top.
  • the displacement of the user contact in the direction corresponding to the top of the screen and the top is larger than the displacement in the left-right direction of the screen, it can be considered as a swipe in the direction corresponding to the top of the screen and the top.
  • the same direction is left and right.
  • the second operation is a swipe from the bottom of the screen to the top of the screen
  • the icon in the current page in the first user interface is on the array of positions, in the unit of action, from the bottom of the screen to the top of the screen.
  • the corresponding direction is scrolled in sequence.
  • the swipe from the bottom of the screen to the top of the screen may be at least once, then the icon in the current page in the first user interface is on the array of positions, and the bottom of the screen is in the row of the screen to the screen.
  • the corresponding direction of the top scrolls in turn at least once. For example, as shown in FIG.
  • the second operation is a swipe from the top of the screen to the bottom of the screen
  • the icon in the current page in the first user interface is on the array of positions, in the unit of behavior
  • the top of the screen is scrolled in order to the corresponding direction at the bottom of the screen.
  • the swipe from the top of the screen to the bottom of the screen may be at least once, then the icon in the current page in the first user interface is on the array of positions, in the unit of action from the top of the screen to the bottom of the screen.
  • the corresponding direction is scrolled at least once.
  • the second operation is a swipe from the left side of the screen to the right side of the screen
  • the icon array in the current page in the first user interface is displayed in units of columns from the left side of the screen to the right side of the screen.
  • the direction corresponding to the side is scrolled in sequence.
  • the swipe from the left side of the screen to the right side of the screen may be at least once, and the icon array in the current page in the first user interface is displayed in units of columns on the left side of the screen.
  • the direction corresponding to the right side of the screen is scrolled at least once; or,
  • the second operation is a swipe from the right side of the screen to the left side of the screen
  • the icon array in the current page in the first user interface is displayed in units of columns from the right side of the screen to the left side of the screen.
  • the direction corresponding to the side is scrolled in sequence.
  • the swipe from the right side of the screen to the left side of the screen may be at least once, and the icon array in the current page in the first user interface is displayed in units of columns from the right side of the screen to the left side of the screen.
  • the direction of the scrolling is displayed to Less once. For example, as shown in FIGS. 8 and 9.
  • the icon farther from the operating finger can be moved to a position closer to the operating finger, which facilitates the user to select.
  • the notification does not need to change the size of the icon, which reduces the possibility of the user being touched and improves the user experience.
  • the embodiment of the present application may further include: S1504, receiving a third operation, where the user contact of the third operation is located in an area where the first icon is located; the second user interface is displayed in the first area, and the second user interface is the first icon The corresponding interface after triggering.
  • the user interface when the terminal is in the one-hand operation mode, the user interface includes a first area, the first area occupies a part of the screen of the terminal, and the second operation is an operation of the user contact in the first area.
  • the first user interface further includes a second area; a part of the icon in the icon array is located in the first area, and another part of the icon is located in the second area, and the first icon may be located in the first area.
  • the first area and the second area can be displayed separately. For example, as shown in FIGS. 11, 12, and 13.
  • the embodiment of the present application can also set the size and location of the first area.
  • the method may further include: receiving a fourth operation, entering a setting state of the first area according to the fourth operation; receiving a fifth operation, and setting a size or a position of the first area according to the fifth operation.
  • the fifth operation is a swipe operation in which the start position of the user contact is located inside the first area, the position of the first area is moved according to the swipe trajectory of the user contact of the fifth operation, for example, as shown in FIG.
  • the fifth operation is a swipe operation in which the start position of the user contact is located on the edge of the first area, adjusting the edge of the first area according to the swipe trajectory of the user contact of the fifth operation
  • the position is such that the size of the first area is set, for example, as shown in FIG.
  • FIG. 16 is a schematic flowchart diagram of another display method according to an embodiment of the present application. As shown in FIG. 16, the method specifically includes the following steps:
  • the first user interface is shown in FIG. 5.
  • S1620 Receive a first operation, where the first operation is a set operation for indicating a switching operation mode, and the first operation may be a preset operation by double-clicking a blank space on the screen or repressing a blank space of the screen, or This is done by triggering a combination of physical buttons, or by selecting options to switch modes of operation in the setup options.
  • the terminal switches to the one-hand operation mode according to the first operation.
  • the user interface in the one-hand operation mode and the user interface in the non-one-hand operation mode can be displayed in different display modes to prompt the user terminal to be currently in the mode.
  • the terminal can be in a one-hand mode of operation by text or a designated icon in the status bar or other location.
  • the grayscale of the background pattern of the one-hand operation mode and the non-one-hand operation mode may be significantly different.
  • the user interface of the terminal in one-handed operation mode adds a layer of translucent mask.
  • the first icon array is sequentially scrolled and displayed in units of rows or columns to obtain the second icon array.
  • the position of the icon in the second icon array is The positions of the icons in an icon array are sequentially scrolled in the direction corresponding to the bottom to top of the screen.
  • the second operation is a swipe from the top to the bottom of the screen
  • the position of the icon in the second icon array and the position of the icon in the first icon array are sequentially scrolled in the direction corresponding to the top to bottom of the screen in units of rows. .
  • the second operation is a swipe from the left side to the right side of the screen
  • the position of the icon in the second icon array and the position of the icon in the first icon array are in column units corresponding to the left side to the right side of the screen.
  • the direction of the scrolling is displayed in turn.
  • the second operation is a swipe from the right side of the screen to the left side
  • the position of the icon in the second icon array and the position of the icon in the first icon array are in column units corresponding to the right side to the left side of the screen.
  • the direction of the scrolling is displayed in turn.
  • the one-hand mode of operation user interface includes a first area that occupies a portion of the screen and a second operation that operates the user's contacts in the first area.
  • the user interface in the one-hand operation mode further includes a second area; a part of the icon in the icon array is located in the first area, and another part of the icon is located in the second area, and the first area is displayed separately from the second area to prompt the user.
  • the embodiment of the present application may display an application interface and a user interface corresponding to other functions in the first area, and specifically include the following steps:
  • the user contact of the third operation is located in an area where the first icon is located, the first icon is located in the first area; the second user interface is displayed in the first area, and the second user interface is triggered by the first icon After the corresponding interface.
  • the embodiment of the present application may further set the location and size of the first area, and specifically includes the following steps:
  • Receiving a fourth operation displaying prompt information of the setting state of the first area, so as to prompt the user terminal to be in a setting state of the first area, and in the state, setting a size and a position of the first area;
  • the fifth operation is a swipe operation in which the start position of the user contact is located inside the first area, the position of the first area is moved according to the swipe trajectory of the user contact of the fifth operation; or
  • the fifth operation is a swipe operation in which the starting position of the user contact is located on the edge of the first area, and the position of the edge of the first area is adjusted according to the swipe trajectory of the user contact of the fifth operation, so that the first setting is performed.
  • the size of the area is a swipe operation in which the start position of the user contact is located inside the first area, the position of the first area is moved according to the swipe trajectory of the user contact of the fifth operation; or
  • the fifth operation is a swipe operation in which the starting position of the user contact is located on the edge of the first area, and the position of the edge of the first area is adjusted according to the swipe trajectory of the user contact of the fifth operation, so that the first setting is performed.
  • the size of the area is a swipe operation in which the start position of the user contact is located inside the first area, the position
  • the embodiment of the present application provides a computer readable storage medium for storing computer software instructions for the terminal, which includes a program designed to execute the display method described above in connection with FIG. 15 or FIG.
  • the embodiment of the present application provides a computer program product for storing computer software instructions for use in the terminal, which includes a program designed to execute the display method described above in connection with FIG. 15 or FIG.
  • the steps of a method or algorithm described in connection with the present disclosure may be implemented in a hardware, or may be implemented by a processor executing software instructions.
  • the software instructions may be composed of corresponding software modules, which may be stored in a random access memory (RAM), a flash memory, a read only memory (ROM), an erasable programmable read only memory ( Erasable Programmable ROM (EPROM), electrically erasable programmable read only memory (EEPROM), registers, hard disk, removable hard disk, compact disk read only (CD-ROM) or any other form of storage medium known in the art.
  • An exemplary storage medium is coupled to the processor to enable the processor to read information from, and write information to, the storage medium.
  • the storage medium can also be an integral part of the processor.
  • the processor and the storage medium can be located in an ASIC. Additionally, the ASIC can be located in a core network interface device.
  • the processor and the storage medium may also exist as discrete components in the core network interface device.
  • Computer readable media includes both computer storage media and communication media including any medium that facilitates transfer of a computer program from one location to another.
  • a storage medium may be any available media that can be accessed by a general purpose or special purpose computer.

Landscapes

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

Abstract

L'invention concerne un procédé d'affichage et un terminal. Le procédé consiste : à afficher une première interface utilisateur sur un écran d'un terminal, la première interface utilisateur comprenant un réseau de positions, et des icônes étant placées sur le réseau de positions ; à recevoir une première opération, et à commuter vers un mode de fonctionnement à une seule main selon la première opération ; à recevoir une seconde opération, et à afficher séquentiellement de manière défilante en rangées ou en colonnes les icônes dans la première interface utilisateur sur le réseau de positions dans le mode de fonctionnement à une seule main selon la seconde opération. Au moyen dudit procédé, lorsqu'un utilisateur tient un téléphone mobile d'une main, une icône éloignée d'un doigt servant au fonctionnement peut être déplacée vers une position proche du doigt de fonctionnement au moyen d'une opération de frappe dans le mode de fonctionnement à une seule main, de manière à faciliter la sélection de l'icône ; en outre, étant donné que la taille de l'icône n'a pas besoin d'être changée, l'expérience de l'utilisateur est améliorée.
PCT/CN2017/086653 2017-01-22 2017-05-31 Procédé d'affichage et terminal WO2018133285A1 (fr)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201780006152.4A CN108475161A (zh) 2017-01-22 2017-05-31 显示方法及终端

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201710047565.9 2017-01-22
CN201710047565 2017-01-22

Publications (1)

Publication Number Publication Date
WO2018133285A1 true WO2018133285A1 (fr) 2018-07-26

Family

ID=62907625

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2017/086653 WO2018133285A1 (fr) 2017-01-22 2017-05-31 Procédé d'affichage et terminal

Country Status (2)

Country Link
CN (1) CN108475161A (fr)
WO (1) WO2018133285A1 (fr)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857317A (zh) * 2018-12-21 2019-06-07 维沃移动通信有限公司 一种终端设备的控制方法及终端设备
CN110597425A (zh) * 2019-08-07 2019-12-20 深圳传音控股股份有限公司 一种应用图标切换的方法及终端、计算机存储介质
CN111385407A (zh) * 2018-12-27 2020-07-07 华为终端有限公司 一种终端界面上更新图标排列的方法及终端
WO2021077901A1 (fr) * 2019-10-23 2021-04-29 维沃移动通信有限公司 Procédé de commande pour une icône d'application et dispositif électronique
CN112835501A (zh) * 2019-11-25 2021-05-25 华为技术有限公司 一种显示方法及电子设备
CN113064529A (zh) * 2021-03-05 2021-07-02 青岛海尔科技有限公司 应用图标的显示方法及装置、存储介质、电子装置

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111399719A (zh) * 2020-03-19 2020-07-10 余广富 一种操作触摸屏应用程序图标的方法、系统和终端
CN112835483A (zh) * 2021-01-29 2021-05-25 中汽创智科技有限公司 车载应用启动至不同显示屏的方法、系统、设备以及介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104866205A (zh) * 2015-05-12 2015-08-26 北京奇虎科技有限公司 一种操作大屏幕智能终端的触控屏幕的方法和装置
CN104915143A (zh) * 2015-06-19 2015-09-16 努比亚技术有限公司 无边框移动终端的控制方法及终端
CN105183286A (zh) * 2015-08-31 2015-12-23 小米科技有限责任公司 桌面图标控制方法及装置、终端
CN105867821A (zh) * 2016-03-31 2016-08-17 宇龙计算机通信科技(深圳)有限公司 一种图标排列方法、图标排列装置以及终端
CN105975163A (zh) * 2016-07-12 2016-09-28 无锡天脉聚源传媒科技有限公司 一种移动终端界面的调整方法和装置

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103019568B (zh) * 2012-12-21 2015-09-30 东莞宇龙通信科技有限公司 终端和图标显示方法
CN103279270B (zh) * 2013-05-31 2016-11-02 东莞宇龙通信科技有限公司 应用程序的处理方法及装置
CN104252301A (zh) * 2013-06-26 2014-12-31 富泰华工业（深圳）有限公司 优化单手操作的系统、方法及电子装置
CN103425394B (zh) * 2013-08-13 2016-05-25 广东欧珀移动通信有限公司 一种用于触摸屏的变换图标位置的方法及其装置
CN105260115A (zh) * 2015-09-23 2016-01-20 小米科技有限责任公司 实现单手模式的方法、装置及智能终端

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104866205A (zh) * 2015-05-12 2015-08-26 北京奇虎科技有限公司 一种操作大屏幕智能终端的触控屏幕的方法和装置
CN104915143A (zh) * 2015-06-19 2015-09-16 努比亚技术有限公司 无边框移动终端的控制方法及终端
CN105183286A (zh) * 2015-08-31 2015-12-23 小米科技有限责任公司 桌面图标控制方法及装置、终端
CN105867821A (zh) * 2016-03-31 2016-08-17 宇龙计算机通信科技(深圳)有限公司 一种图标排列方法、图标排列装置以及终端
CN105975163A (zh) * 2016-07-12 2016-09-28 无锡天脉聚源传媒科技有限公司 一种移动终端界面的调整方法和装置

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857317A (zh) * 2018-12-21 2019-06-07 维沃移动通信有限公司 一种终端设备的控制方法及终端设备
CN111385407A (zh) * 2018-12-27 2020-07-07 华为终端有限公司 一种终端界面上更新图标排列的方法及终端
CN110597425A (zh) * 2019-08-07 2019-12-20 深圳传音控股股份有限公司 一种应用图标切换的方法及终端、计算机存储介质
WO2021077901A1 (fr) * 2019-10-23 2021-04-29 维沃移动通信有限公司 Procédé de commande pour une icône d'application et dispositif électronique
CN112835501A (zh) * 2019-11-25 2021-05-25 华为技术有限公司 一种显示方法及电子设备
CN114816200A (zh) * 2019-11-25 2022-07-29 华为技术有限公司 一种显示方法及电子设备
CN113064529A (zh) * 2021-03-05 2021-07-02 青岛海尔科技有限公司 应用图标的显示方法及装置、存储介质、电子装置

Also Published As

Publication number Publication date
CN108475161A (zh) 2018-08-31

Similar Documents

Publication Publication Date Title
CN111240789B (zh) 一种微件处理方法以及相关装置
WO2018133285A1 (fr) Procédé d'affichage et terminal
CN108701001B (zh) 显示图形用户界面的方法及电子设备
WO2018082269A1 (fr) Procédé d'affichage de menu et terminal
KR102089447B1 (ko) 전자 기기 및 그의 애플리케이션 제어 방법
US9035883B2 (en) Systems and methods for modifying virtual keyboards on a user interface
CN113821134B (zh) 控制光标移动的方法、内容选择方法、控制页面滚动的方法及电子设备
US8994675B2 (en) Mobile terminal and information processing method thereof
WO2019014859A1 (fr) Procédé d'opération multitâche et dispositif électronique
US20100088628A1 (en) Live preview of open windows
CN109804339B (zh) 识别操作的方法、装置及移动终端
TW201516844A (zh) 一種物件選擇的方法和裝置
US20210109699A1 (en) Data Processing Method and Mobile Device
WO2019183772A1 (fr) Procédé de déverrouillage par empreinte digitale et terminal
CN108920069A (zh) 一种触控操作方法、装置、移动终端和存储介质
US20140375568A1 (en) Keyboard and Touch Screen Gesture System
CN106708382A (zh) 一种终端快速调用控制装置及其方法
WO2018121609A1 (fr) Procédé d'affichage destiné à des motifs et terminal
WO2018112803A1 (fr) Procédé et dispositif de reconnaissance d'opération d'effleurement
WO2018039914A1 (fr) Procédé de copie de données et terminal utilisateur
WO2022063034A1 (fr) Procédé d'affichage d'interface d'entrée et terminal
WO2019072168A1 (fr) Procédé d'interaction homme-ordinateur et dispositif électronique
US20240019942A1 (en) Input method and terminal
KR20110053014A (ko) 터치스크린을 포함하는 전자 기기의 사용자 인터페이스 제공 방법 및 장치
KR101888904B1 (ko) 움직임 감지장치를 이용한 휴대 단말의 Ｅ-ｂｏｏｋ 정보 표시 방법 및 장치

Legal Events

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

Ref document number: 17892494

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 17892494

Country of ref document: EP

Kind code of ref document: A1