WO2020259651A1 - 一种控制用户界面的方法及电子设备 - Google Patents
一种控制用户界面的方法及电子设备 Download PDFInfo
- Publication number
- WO2020259651A1 WO2020259651A1 PCT/CN2020/098356 CN2020098356W WO2020259651A1 WO 2020259651 A1 WO2020259651 A1 WO 2020259651A1 CN 2020098356 W CN2020098356 W CN 2020098356W WO 2020259651 A1 WO2020259651 A1 WO 2020259651A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- display window
- display
- electronic device
- sliding operation
- user interface
- Prior art date
- Legal status (The legal status 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 status listed.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Definitions
- This application relates to the field of terminal technology, and in particular to a method and electronic device for controlling a user interface.
- UI user interface
- One of the frequently used interface switching needs is to display the current electronic device
- the user interface switches to display the upper level user interface. For example: returning from the WeChat chat interface to the main page of WeChat, returning from the main page of WeChat to the system desktop, etc.
- the traditional solution is to set a touch button at the bottom of the screen to realize the interface return function.
- the user interface is an upper level user interface of the first user interface. It can be seen that the solution for switching the user interface of an electronic device in the prior art has problems of low user interaction efficiency and low intelligence.
- This application provides a method for controlling a user interface and an electronic device to solve the problems of low user interaction efficiency and low intelligence in the solution of switching the user interface of an electronic device in the prior art.
- an embodiment of the present application provides a method for controlling a user interface, which is applied to an electronic device, and the method includes: the electronic device displays a first user interface of a first application in a first display window; The electronic device receives a first sliding operation; in response to determining that the first sliding operation satisfies a first preset condition, the electronic device performs a preset operation on the first display window, and the preset operation is in the following operations At least one of: zooming out, turning, rotating, shaking, flickering, twisting; in response to determining that the first sliding operation satisfies a second preset condition, the electronic device restores the display of the first display window, and The upper level interface of the first user interface is displayed in the restored first display window, or the system desktop is displayed in the restored first display window; wherein, the first preset condition is different from the The second preset condition.
- the electronic device when the electronic device receives the first sliding operation, if the electronic device determines that the first sliding operation satisfies the first preset condition, the display window is shrunk, flipped, rotated, jittered, and flickered according to the first sliding operation Or distortion, so that the first user interface currently displayed in the first display window presents a dynamic display effect, so as to prompt the user to enter the first sliding operation to take effect; the electronic device determines that the first sliding operation satisfies the second preset condition When the first display window is restored to the original display effect, and the first user interface currently displayed in the first display window is switched to the upper-level interface or the system desktop displaying the first user interface, which enhances the continuity of interface switching It improves the interaction efficiency between users and electronic devices, and makes the switching of user interfaces more intelligent.
- the first sliding operation meeting the first preset condition may be any one of several items or a combination of any multiple: the first sliding operation is from A sliding operation in a specific direction starting from a specific position, the sliding distance of the first sliding operation exceeds a predetermined threshold distance, the sliding speed of the first sliding operation reaches a predetermined speed or acceleration, and the sliding duration of the first sliding operation Exceeds the predetermined threshold duration.
- the above-mentioned provides are only a few specific implementation methods of the first preset condition.
- the first preset condition may also be implemented in other ways in the embodiments of the present application. The example does not limit this.
- the electronic device may correspondingly reduce the first display window according to the sliding distance of the first sliding operation.
- the reduction ratio of the first display window and the sliding distance of the sliding operation in the preset direction can be in inverse proportion, that is, the larger the sliding distance, the smaller the reduction ratio of the first display window.
- it can also be in a proportional relationship. That is, the larger the sliding distance, the larger the ratio of the first display window to shrink.
- the degree of reduction of the first display window can be associated with the sliding distance corresponding to the first sliding operation input by the user, which enhances the promptness of operation feedback, enhances the interest of human-computer interaction, and further improves the intelligence of the interaction.
- the electronic device may specifically determine that the first sliding operation satisfies a second preset condition when detecting that the first sliding operation ends. That is, the first preset condition and the second preset condition may correspond to different time periods of a pre-saved sliding gesture.
- the second preset condition may also be implemented in other ways.
- the application embodiment does not limit this.
- the electronic device may display the upper-level interface of the first user interface in the restored first display window or in the restored first display window based on the following implementation Display the system desktop: when the first user interface is the secondary interface of the first application, display the upper-level interface of the first user interface in the restored first display window; when the first When the user interface is the main interface of the first application, the system desktop is displayed in the restored first display window.
- the electronic device may also implement displaying the upper-level interface of the first user interface in the restored first display window or in the restored first display window based on the following implementation: Middle display system desktop: when it is determined that the first sliding operation is a preset return to the upper level gesture, display the upper level interface of the first user interface in the restored first display window; determine the first When a sliding operation is a preset returning to the desktop gesture, the system desktop is displayed in the restored first display window; wherein the preset returning to the previous level gesture is different from the preset returning to the desktop gesture.
- the user can switch to a different user interface by performing different gesture operations on the same user interface, which can enhance the interest of human-computer interaction and further improve the intelligence of the interaction.
- the electronic device may also display the second user interface of the second application in the second display window; wherein, the first display window and the second display window are simultaneously displayed on the electronic On the display area of the device, at least a part of the screen space occupied by the first display window and the screen space occupied by the second display window do not overlap; the response to determining that the first sliding operation satisfies a first preset condition ,
- the specific implementation manner of the electronic device performing the preset operation on the first display window may be: in response to determining that the current active window is the first display window, and the first sliding operation satisfies the first A preset condition, the electronic device performs the preset operation on the first display window; in response to determining that the first sliding operation satisfies a second preset condition, the electronic device restores the first
- the display of a display window, and the upper-level interface of the first user interface is displayed in the restored first display window, or the system desktop is displayed in the restored first display window may be implemented by : In response to determining
- the sliding operation performed by the user is only effective for the user interface in the currently active window, that is, only the user interface in the currently active window is switched, which further improves The intelligence of interaction.
- the electronic device may also display the second user interface of the second application in the second display window; wherein, the first display window and the second display window are simultaneously displayed on the electronic On the display area of the device and at least a part of the screen space occupied by the first display window does not overlap with the screen space occupied by the second display window; the electronic device receives the second sliding operation; in response to determining that the current active window is In the second display window, and the second sliding operation satisfies the first preset condition, the electronic device performs the preset operation on the second display window; in response to determining that the current active window is all The second display window, and the second sliding operation satisfies a second preset condition, the electronic device restores the display of the second display window, and displays the first display window in the restored second display window 2.
- the upper level interface of the user interface, or the system desktop is displayed in the restored second display window.
- the user when the electronic device simultaneously displays multiple display windows, the user can perform different sliding operations to switch user interfaces in different display windows, which further improves the intelligence of interaction.
- an embodiment of the present application provides an electronic device, the electronic device includes: a display screen, a processor, and a memory; wherein the display screen is used to display at least one display window for displaying a user interface;
- the memory is used to store one or more computer programs; when the one or more computer programs stored in the memory are executed by the processor, the electronic device is caused to perform the following steps: display the first application in the first display window A first user interface of the program; receiving a first sliding operation; in response to determining that the first sliding operation satisfies a first preset condition, perform a preset operation on the first display window, and the preset operation is the following operation At least one of: shrinking, turning, rotating, shaking, flickering, twisting; in response to determining that the first sliding operation satisfies a second preset condition, restore the display of the first display window, and resume The upper level interface of the first user interface is displayed in the first display window, or the system desktop is displayed in the restored first display window; wherein the first preset
- the first sliding operation that satisfies the first preset condition may be any one of several items or a combination of any multiple: the first sliding operation is a specific start from a specific position Directional sliding operation, the sliding distance of the first sliding operation exceeds a predetermined threshold distance, the sliding speed of the first sliding operation reaches a predetermined speed or acceleration, and the sliding duration of the first sliding operation exceeds a predetermined threshold duration .
- performing a preset operation on the first display window may be correspondingly reducing the first display window according to the sliding distance of the first sliding operation.
- the first sliding operation satisfies a second preset condition, specifically, it may be detected that the first sliding operation ends.
- the upper level interface of the first user interface can be displayed in the restored first display window, or the system desktop can be displayed in the restored first display window based on the following methods :
- the first user interface is the secondary interface of the first application program
- the upper-level interface of the first user interface is displayed in the restored first display window
- the system desktop is displayed in the restored first display window.
- the electronic device when one or more computer programs stored in the memory are executed by the processor, the electronic device may also be caused to perform the following steps: display the second application in the second display window The second user interface; wherein the first display window and the second display window are simultaneously displayed on the display area of the electronic device, and the screen space occupied by the first display window and the screen space occupied by the second display window At least a part of the screen space does not overlap; in response to determining that the first sliding operation satisfies a first preset condition, performing a preset operation on the first display window includes: responding to determining that the current active window is the first A display window, and the first sliding operation satisfies the first preset condition, then the preset operation is performed on the first display window; in response to determining that the first sliding operation satisfies the second preset condition If conditions are set, the display of the first display window is restored, and the upper-level interface of the first user interface is displayed in the restored first display window, or displayed in the restored first display window
- the system desktop includes:
- the electronic device when one or more computer programs stored in the memory are executed by the processor, the electronic device may also be caused to perform the following steps: display the second application in the second display window The second user interface; wherein the first display window and the second display window are simultaneously displayed on the display area of the electronic device, and the screen space occupied by the first display window and the screen space occupied by the second display window At least a part of the screen space does not overlap; receiving a second sliding operation; in response to determining that the current active window is the second display window, and the second sliding operation satisfies the first preset condition, Display window to perform the preset operation; in response to determining that the current active window is the second display window, and the second sliding operation satisfies a second preset condition, restore the display of the second display window, and The upper level interface of the second user interface is displayed in the restored second display window, or the system desktop is displayed in the restored second display window.
- an embodiment of the present application provides an electronic device, the electronic device includes: a display screen, a processor, and a memory; wherein the display screen is used to display at least one display window for displaying a user interface;
- the memory is used to store one or more computer programs; when the one or more computer programs stored in the memory are executed by the processor, the electronic device is caused to execute the above-mentioned first aspect or the first aspect of the embodiment of the present application. Any possible design method.
- an embodiment of the present application provides a computer-readable storage medium.
- the computer-readable storage medium includes a computer program.
- the computer program runs on an electronic device, the electronic device executes the above-mentioned One aspect or any possible design method involved in the first aspect.
- the embodiments of the present application provide a computer program product
- the computer program product includes instructions, when the instructions are executed, the computer realizes the above aspects of the embodiments of the present application and any possible design involved in each aspect Methods.
- a chip provided by an embodiment of the present application is coupled with a memory in an electronic device, so that the chip invokes program instructions stored in the memory during operation to implement the above aspects of the embodiments of the present application And any possible design methods involved in all aspects.
- FIG. 1 is a schematic diagram of a user interface in an embodiment of the application
- FIG. 2 is a schematic diagram of the hardware structure of an electronic device in an embodiment of the application.
- FIG. 3 is a schematic diagram of the software architecture of an electronic device in an embodiment of the application.
- FIG. 4 is a flowchart of a method for controlling a user interface in an embodiment of the application
- 5A to 5B are schematic diagrams of a display window change manner in an embodiment of the application.
- FIGS. 6A to 6B are schematic diagrams of another display window change manner in an embodiment of the application.
- FIGS. 7A-7B are schematic diagrams of another display window change manner in an embodiment of the application.
- FIG. 8 is a schematic diagram of another display window change manner in an embodiment of the application.
- FIGS. 9A to 9C are schematic diagrams of another display window change manner in an embodiment of the application.
- FIGS. 10A to 10C are schematic diagrams of another display window change manner in an embodiment of the application.
- FIG. 11 is a schematic diagram of another display window change manner in an embodiment of the application.
- FIG. 12 is a schematic diagram of another display window change manner in an embodiment of the application.
- FIG. 13 is a schematic diagram of a display window change mode in a non-full screen mode in an embodiment of the application.
- FIG. 14 is a schematic diagram of another display window change manner in an embodiment of the application.
- 15A to 15B are schematic diagrams of a display window change mode in a multi-window display mode in an embodiment of the application.
- 16A to 16B are schematic diagrams of another display window change mode in the multi-window display mode in an embodiment of the application.
- FIG. 17A is a schematic diagram of a way of controlling window restoration and user interface switching in an embodiment of the application.
- FIG. 17B is a schematic diagram of another way of controlling window restoration and user interface switching in an embodiment of the application.
- 19 is a schematic diagram of another way of restoring a display window in an embodiment of the application.
- FIG. 20 is a schematic diagram of a scene for controlling a change of a display window in an embodiment of the application.
- 21 is a schematic diagram of a way of restoring a display window in a non-full screen mode in an embodiment of the application.
- FIG. 22 is a schematic diagram of a way of restoring a display window in a multi-window display mode in an embodiment of the application
- FIG. 23 is a schematic diagram of another way of restoring a display window in a multi-window display mode in an embodiment of the application.
- FIG. 24 is a schematic structural diagram of another electronic device according to an embodiment of the application.
- User interface also called user interface, is an interface that provides user information and interaction.
- the user interface can be provided by the device or by a third-party application installed on the device.
- the purpose of the user interface is to enable the user to conveniently and efficiently operate the hardware to achieve two-way interaction, and to complete the work desired by the hardware.
- the user interface includes a graphical user interface, that is, a graphical user interface (graphic user interface, GUI) is the most common user interface in the world today. For example, the interface displayed on a mobile phone when it is powered on is a graphical user interface (as shown in Figure 1).
- the user interacts with the device hardware through the displayed graphics (icons); characterized user interface, such as a user interface with characters obtained by computer language programming; physical character interface, that is, physical controls (such as volume keys) , Camera button, power button, unlock button, etc.) is one of the ways for interaction and information exchange between the system and the user.
- characterized user interface such as a user interface with characters obtained by computer language programming
- physical character interface that is, physical controls (such as volume keys) , Camera button, power button, unlock button, etc.) is one of the ways for interaction and information exchange between the system and the user.
- the technical solution in the implementation of the present application is mainly described by taking the user interface as a graphical user interface as an example.
- Display window also called “window” in this text, refers to the display area corresponding to a user interface on the display screen of the electronic device, and a user interface is displayed in the window corresponding to the user interface.
- the display screen of the electronic device may only display one window.
- the window may be displayed on the display screen in full screen or not in full screen, which is not limited in the embodiment of the present application.
- full-screen display the window occupies all the effective display area of the display screen (or the window occupies the maximum display area that the system allows the window to occupy).
- non-full-screen display the window only occupies part of the effective display area of the display screen (or the display area occupied by the window is less than the maximum display area allowed by the system).
- the window occupied The display area is smaller than the maximum display area that the system allows the window to occupy.
- the display screen of the electronic device can also display multiple windows at the same time.
- the windows of browsers, games, documents and other programs can be opened on the computer display screen at the same time.
- Different programs correspond to different windows, and different windows are displayed on the display screen.
- different windows can be stacked on top of each other; another example is the split-screen display scene of a mobile phone or a tablet computer.
- the display area of the display screen is divided into at least two display windows, and the user interfaces of different applications are displayed in different display windows. Only for scenes that are displayed in multiple windows on the display screen, the first preset condition can add restrictions, such as increasing the starting position/movement distance of the sliding operation, and/or considering the current active window to determine the sliding operation Which window control is triggered.
- At least one of the embodiments of the present application includes one or more; wherein, multiple refers to greater than or equal to two.
- an interface switching requirement frequently used by users is to switch the user interface currently displayed on the electronic device to display the upper level user interface.
- the prior art provides the following way to implement the interface return function: the user triggers the electronic device to perform the interface return operation by executing a sliding operation event starting from the bottom of the screen to slide upward.
- embodiments of the present application provide a method for controlling a user interface and electronic devices.
- the electronic device displays the user interface corresponding to the first application program, it receives the sliding operation input by the user, and the electronic device determines that the sliding operation satisfies the first preset condition (for example, one of the starting position, moving direction, moving distance and other parameters) Or multiple preset corresponding thresholds), the current display window is changed according to the sliding operation input by the user, and the user interface currently displayed in the display window can also present a dynamic display effect (the change processing includes but not It is limited to zooming out, flipping, rotating, shaking, flickering, twisting, etc.
- the display window to prompt the user for the input sliding operation to take effect, that is, the input sliding operation triggers the display window to change.
- the shape, size, color, brightness, angle, etc. of the window may change, it does not affect the user interface displayed in the window, that is, the user interface corresponding to the first application displayed at the beginning of the sliding operation is still presented. It is determined by the first application and has nothing to do with user input.
- the electronic device continuously detects the sliding behavior, and when detecting that the user input sliding operation satisfies the second preset condition (for example, the user releases/leaves the screen/ends input, etc.), the display window is restored to the sliding operation
- the display effect during input (such as enlarging the display window to its original size, restoring the state of the display window, etc., if the original is split screen, restore the position and size of the display window before the start of the sliding operation), and will display the current display in the window
- the user interface is switched to the upper user interface of the currently displayed user interface (the same function as the existing system-level "return" operation) to enhance the continuity of interface switching, improve the visual effect of interface switching, and improve the man-machine
- the efficiency of interaction makes the user interface switching more intelligent.
- the embodiments of this application can be applied to any electronic device with a touch screen or touch panel to perform user interface switching.
- the electronic device can be, for example, a mobile phone, a mobile computer, a tablet, or a personal digital assistant (personal digital assistant, PDA), media players, smart TVs, smart wearable devices (such as smart watches, smart glasses, smart bracelets, etc.), e-readers, handheld game consoles, point of sales (POS), in-vehicle electronic equipment ( On-board computer) etc.
- PDA personal digital assistant
- media players such as smart TVs, smart wearable devices (such as smart watches, smart glasses, smart bracelets, etc.), e-readers, handheld game consoles, point of sales (POS), in-vehicle electronic equipment ( On-board computer) etc.
- POS point of sales
- On-board computer On-board computer
- multiple applications may be installed in the electronic device, for example, system setting application, desktop application, drawing application, presentation application, game application, phone application, video player application, music player application, email application , Instant messaging applications, photo management applications, camera applications, browser applications, calendar applications, clock applications, payment applications and health management applications.
- the solution for controlling the user interface proposed in the embodiments of this application can be applied to switching between cascaded user interfaces of any application, such as switching from a lower-level user interface of an application to an upper-level user interface of the application, or from a The main interface of the application switches to the desktop interface of the electronic device.
- the user can contact the touch screen or touch panel by using any means such as a finger or a touch pen, or an accessory, to achieve interaction with the application. For example, you can switch the displayed user interface by sliding your finger on the screen, and control the process of the application.
- the mobile phone 100 includes a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1.
- Antenna 2 mobile communication module 150, wireless communication module 160, camera 170, sensor module 180, display screen 190, etc.
- the processor 110 may include one or more processing units.
- the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, and a video processor.
- AP application processor
- GPU graphics processing unit
- ISP image signal processor
- controller controller
- video processor a video processor.
- Codec digital signal processor
- DSP digital signal processor
- baseband processor baseband processor
- NPU neural network processing unit
- the different processing units may be independent devices or integrated in one or more processors.
- the execution of the method of controlling the user interface in the embodiment of the present application may be controlled by the processor 110 or by calling other components to complete, such as calling the processing program of the embodiment of the present application stored in the internal memory 121, or calling through the external memory interface 120
- the processing program of the embodiment of the present application stored in the third-party device controls the operation of switching the display screen 190 from the current user interface to the upper-level user interface of the current user interface.
- the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the mobile phone 100.
- the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save files such as music, images, and videos in an external memory card.
- the internal memory 121 may include a storage program area and a storage data area.
- the storage program area can store an operating system, at least one application program (such as a sound playing function, an image shooting function, etc.) required by at least one function.
- the data storage area can store data (such as audio data, phone book, etc.) created during the use of the mobile phone 100.
- the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc.
- the internal memory 121 may be used to store the computer executable program code of the user interface switching solution proposed in the embodiment of the present application, and the executable program code includes instructions.
- the processor 110 can run the computer executable program code of the interface switching solution stored in the internal memory 121, so that the mobile phone 100 can complete the interface return display solution proposed in the embodiment of the present application.
- the USB interface 130 is an interface that complies with the USB standard specification, and specifically may be a Mini USB interface, a Micro USB interface, a USB Type C interface, and so on.
- the USB interface 130 can be used to connect a charger to charge the mobile phone 100, and can also be used to transfer data between the mobile phone 100 and peripheral devices. It can also be used to connect headphones and play audio through the headphones. This interface can also be used to connect other electronic devices, such as AR devices.
- the charging management module 140 is used to receive charging input from the charger.
- the charger can be a wireless charger or a wired charger.
- the charging management module 140 may receive the charging input of the wired charger through the USB interface 130.
- the charging management module 140 may receive the wireless charging input through the wireless charging coil of the mobile phone 100. While the charging management module 140 charges the battery 142, it can also supply power to the electronic device through the power management module 141.
- the power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110.
- the power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the external memory, the display screen 190, the camera 170, and the wireless communication module 160.
- the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status (leakage, impedance).
- the power management module 141 may also be provided in the processor 110.
- the power management module 141 and the charging management module 140 may also be provided in the same device.
- the wireless communication function of the mobile phone 100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor, and the baseband processor.
- the antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.
- Each antenna in the mobile phone 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
- antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
- the antenna can be used in combination with a tuning switch.
- the mobile communication module 150 can provide a wireless communication solution including 2G/3G/4G/5G and the like applied to the mobile phone 100.
- the wireless communication module 160 can provide applications on the mobile phone 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), and global navigation satellite systems. (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
- WLAN wireless local area networks
- BT Bluetooth
- GNSS global navigation satellite system
- frequency modulation frequency modulation, FM
- NFC near field communication technology
- infrared technology infrared, IR
- the antenna 1 of the mobile phone 100 is coupled with the mobile communication module 150
- the antenna 2 is coupled with the wireless communication module 160, so that the mobile phone 100 can communicate with the network and other devices through wireless communication technology.
- the camera 170 is used to capture still images or videos.
- the object generates an optical image through the lens and projects it to the photosensitive element.
- the photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
- CMOS complementary metal-oxide-semiconductor
- the photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal.
- ISP outputs digital image signals to DSP for processing.
- DSP converts digital image signals into standard RGB, YUV and other formats.
- the electronic device 100 may include 1 or N cameras 170, and N is a positive integer greater than 1.
- the display screen 190 can be used to display information input by the user or information provided to the user and various menus of the mobile phone 100, and can also accept user input, such as a user's touch operation.
- the display screen 190 may include a display panel 191 and a touch panel 192.
- the display panel 191 may be configured with a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.
- the touch panel 192 also called a touch screen, a touch-sensitive screen, etc., can collect user contact or non-contact operations on or near it (for example, the user uses any suitable objects or accessories such as fingers, stylus, etc.) on the touch panel 192
- the operations near the touch panel 192 may also include somatosensory operations; the operations include single-point control operations, multi-point control operations and other types of operations), and the corresponding connection device is driven according to a preset program.
- the touch panel 192 may include two parts: a touch detection device and a touch controller.
- the touch detection device detects the user's touch position and posture, and detects the signal brought by the input operation, and transmits the signal to the touch controller;
- the touch controller receives the touch information from the touch detection device and converts it into a processor capable of The processed information is then sent to the processor 110, and can receive and execute the commands sent by the processor 110.
- the touch panel 192 can be realized by various types such as resistive, capacitive, infrared, and surface acoustic wave, or any technology developed in the future can be adopted to realize the touch panel 192.
- the touch panel 192 can cover the display panel 191, and the user can display content on the display panel 191 according to the content displayed on the display panel 191 (the display content includes but not limited to, soft keyboard, virtual mouse, virtual keys, icons, etc.)
- An operation is performed on or near the covered touch panel 192.
- the touch panel 192 detects an operation on or near it, it is transmitted to the processor 110 to determine the user input, and then the processor 110 provides on the display panel 191 according to the user input The corresponding visual output.
- the touch detection device in the touch panel 192 detects the touch operation input by the user, it sends a signal corresponding to the detected touch operation to a touch controller in real time, and the touch controller converts the signal into The touch point coordinates are sent to the processor 110, and the processor 110 determines that the touch operation is a sliding operation according to the received touch point coordinates, and then responds to the sliding operation input by the user to shrink the display window according to the sliding distance corresponding to the sliding operation, and After the end of the sliding operation is determined, the display window is restored to the size before the reduction, and the user interface currently displayed on the display screen 190 is switched to the upper level user interface of the currently displayed user interface.
- the specific implementation of this part of the program will be described in detail later.
- the mobile phone 100 may include one or N display screens 190.
- One or N display screens 190 can be foldably connected or flexibly connected. When multiple display screens 190 are folded, it is convenient for electronic equipment to be portable. When the display screen 190 is unfolded and connected, it is convenient for the user to use a large screen to view and improve the user experience, where N is a positive integer greater than 1.
- the sensor module 180 may include a pressure sensor 180A, a touch sensor 180B, and an ambient light sensor 180C.
- sensors such as a gyroscope sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a bone conduction sensor, etc.
- the embodiment of the application does not Do restrictions.
- the touch sensor 180A is also called “touch panel”.
- the touch sensor 180A may be disposed on the display screen 190, and the touch sensor 180A and the display screen 190 form a touch screen, which is also called a “touch screen”.
- the touch sensor 180A is used to detect touch operations acting on or near it, such as a sliding operation input by the user on the display screen.
- the touch sensor may transfer the detected touch operation to the application processor 110 to determine the type of touch event.
- the visual output related to the touch operation is provided through the display screen 190.
- the touch sensor 180A may also be disposed on the surface of the mobile phone 100, which is different from the position of the display screen 190.
- different touch positions can correspond to different operation instructions. For example: when there is a touch operation to slide inward on the left/right sides of the screen, the processor 110 executes an operation instruction to return to the previous user interface; when there is a touch operation to slide up at the bottom of the screen, the processor 110 executes an operation to return to the system desktop instruction.
- touch operations that act on the same touch position but have different touch operation strengths may correspond to different operation instructions. For example: when there is a touch operation sliding upwards at the bottom of the screen and the touch operation intensity is less than the first pressure threshold, the processor 110 executes an operation instruction to return to the previous user interface; when there is a touch operation sliding upwards at the bottom of the screen and the touch operation intensity is greater than When or equal to the first pressure threshold, the processor 110 executes an operation instruction to return to the system desktop.
- touch operations that act on the same touch position but different touch operation speeds may correspond to different operation instructions. For example: when there is a touch operation sliding up at the bottom of the screen and the sliding speed is less than the first speed threshold, the processor 110 executes an operation instruction to return to the previous user interface; when there is a touch operation sliding up at the bottom of the screen and the sliding speed reaches or exceeds At the first speed threshold, the processor 110 executes an operation instruction for returning to the system desktop.
- the pressure sensor 180B is used to sense the pressure signal and can convert the pressure signal into an electrical signal.
- the pressure sensor 180B may be provided on the display screen 190.
- the capacitive pressure sensor may include at least two parallel plates with conductive material. When a force is applied to the pressure sensor 180B, the capacitance between the electrodes changes.
- the mobile phone 100 determines the intensity of the pressure according to the change in capacitance.
- the mobile phone 100 detects the intensity of the touch operation according to the pressure sensor 180B.
- the mobile phone 100 may also calculate the touched position based on the detection signal of the pressure sensor 180B.
- the ambient light sensor 180C is used to sense the brightness of the ambient light.
- the mobile phone 100 can adaptively adjust the brightness of the display 190 according to the perceived brightness of the ambient light.
- the ambient light sensor 180C can also be used to automatically adjust the white balance when taking pictures.
- the ambient light sensor 180C can also cooperate with the proximity light sensor to detect whether the mobile phone 100 is in the pocket to prevent accidental touch.
- the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the mobile phone 100.
- the mobile phone 100 may include more or fewer components than shown, or combine certain components, or split certain components, or arrange different components.
- the illustrated components can be implemented in hardware, software, or a combination of software and hardware.
- the hardware structure of the mobile phone 100 is described above, and the software structure of the mobile phone 100 is described below.
- the software system of the mobile phone 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
- the embodiment of the present application takes an android system with a layered architecture as an example to exemplify the software structure of the mobile phone 100.
- the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Communication between layers through software interface.
- the Android system is divided into four layers, from top to bottom as the application (Applications) layer (referred to as the "application layer” in this article), and the application framework (Application Framework) Layer (referred to as “framework layer” in this article), Android runtime and system library layer (referred to as “system runtime layer” in this article), and kernel layer.
- the application program running in the application layer can be Window programs, system setting programs, contact programs, SMS programs, clock programs, camera applications, etc., which are included in the operating system; or Applications developed by third-party developers, such as instant messaging programs, photo beautification programs, game programs, etc.
- the application package in the application layer is not limited to the above examples, and may actually include other application packages, which is not limited in the embodiment of the present application.
- the framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications at the application layer.
- the application framework layer includes some predefined functions.
- the application framework layer is equivalent to a processing center, which decides to let applications in the application layer take actions.
- the application framework layer in the embodiment of the present application includes an activity manager service module and a window manager service module.
- the activity management module is used to: manage the life cycle of each application and the usual navigation fallback functions, such as controlling the exit of the application (including switching the user interface currently displayed in the display window to the system desktop), opening, and back ( This includes switching the user interface currently displayed in the display window to the upper level user interface of the currently displayed user interface) and so on.
- the window management module is used to manage all window programs, such as obtaining the size of the display screen, judging whether there is a status bar, locking the screen, capturing the screen, and controlling the display window changes (such as shrinking the display window, dithering, distorting, etc.) .
- the framework layer may also include functional services, such as content provision, phone management, resource management, notification management, etc., which are not limited in the embodiments of the present application.
- the system runtime layer provides support for the upper layer, that is, the framework layer.
- the Android operating system will run the C/C++ library included in the system runtime layer to realize the functions of the framework layer.
- the kernel layer is the layer between hardware and software. As shown in Figure 3, the core layer contains at least display drivers and sensor drivers (such as fingerprint sensors, temperature sensors, touch sensors, pressure sensors, etc.). Of course, during specific implementation, the kernel layer may also include other drivers, such as camera drivers, audio drivers, etc., which are not limited in the embodiment of the present application.
- display drivers such as fingerprint sensors, temperature sensors, touch sensors, pressure sensors, etc.
- other drivers such as camera drivers, audio drivers, etc., which are not limited in the embodiment of the present application.
- the method for controlling a user interface includes:
- the mobile phone 100 displays the first user interface of the first application in the first display window, and the mobile phone 100 determines that the received sliding operation satisfies the first preset condition.
- the touch panel 192 in the display screen 190 detects the signal brought by the touch operation input by the user.
- the display The screen 190 can also be set separately from the touch panel 192, and the user operates the touch panel 192 to control the display changes on the display screen 190; it can also use the existing somatosensory input, floating input and other non-contact technologies to realize the sliding operation input And detection, these conditions are also included in this embodiment and will not be described separately.
- the sensor converts the detected signal into information that the processor 110 can process and transmits it to the processor 110.
- the kernel layer running in the processor 110 generates position data corresponding to the operation based on the information (specifically, it may include contact coordinates, contact coordinates). Corresponding timestamp, etc.).
- the kernel layer determines whether the operation is a sliding operation according to the finger position data collected within the first preset time period.
- the mobile phone 100 determines whether the sliding operation satisfies a preset first preset condition to determine whether to trigger the display interface control function.
- the first preset condition may be to determine whether it is a sliding operation in a specific direction starting from a specific position, and its implementation may be current technology.
- the starting position of the sliding operation is in the preset area (for example, the distance from the mobile phone frame/display boundary is less than or equal to the preset threshold), and whether the moving direction meets the preset conditions (such as whether Move to the center of the display screen 190), whether the moving distance is greater than or equal to the preset moving threshold, and whether the duration of the input operation meets the preset threshold, etc.
- the kernel layer After determining that the operation input by the user is a sliding operation, the kernel layer reports the collected finger position data in real time, and the finger position data is transmitted to the framework layer through the system runtime layer.
- the finger position data After the finger position data is received by the system runtime layer, it can also perform mistouch prevention and other processing on the finger position data, and then pass the processed finger position data to the framework layer to improve Reliability of finger position data.
- the starting position of the sliding operation may be at any edge position of the screen, and the sliding direction of the sliding operation may be sliding into the screen along any direction on the plane where the screen is located, which is not limited in the embodiment of the present application.
- the starting point of sliding can be the right edge of the screen, and the direction of sliding can be sliding to the left of the screen; another example, the starting point of sliding can be the left edge of the screen, and the direction of sliding can be sliding to the right of the screen. ;
- the starting point of sliding can be the bottom edge of the screen, and the direction of sliding can be sliding to the top of the screen; another example, the starting point of sliding can be the top of the screen, and the direction of sliding can be sliding to the bottom of the screen.
- the sliding operation satisfying the first preset condition may include sliding from the left side of the screen to the right, sliding from the right side of the screen to the left, and from the bottom of the screen (including the center position of the bottom of the screen, the bottom of the screen).
- the left and right edge positions of the, etc.) slide upwards, slide downwards from the top of the screen, etc.
- the specific implementation of the gesture operation can be designed by the experimenter, which is not limited in the embodiment of the application.
- the description may also include preset conditions such as the sliding distance exceeding a predetermined threshold distance, the sliding speed reaching a predetermined speed or acceleration, and the time the finger is in contact with the screen exceeding a predetermined threshold length of time.
- the sliding trajectory corresponding to the sliding operation may be a straight line or a curve, which is not specifically limited in the embodiment of the present application.
- the framework layer in the processor 110 controls the window application in the application layer according to the received finger position data, so that the first display window changes.
- This change can be a hand-following animation, that is, it can follow a sliding operation to change, so that the first user interface currently displayed in the first display window presents a visual effect of dynamic display.
- the first user interface may be the user interface of the system program that comes with the operating system, such as the main interface or secondary interface of applications such as camera programs, system settings programs, and clocks, or may be created by third-party developers.
- the user interface of the developed application program such as the main interface or secondary interface of an application such as an instant messaging program and a game program, is not limited in the embodiment of the present application.
- Changing the first display window includes shrinking the first display window, deforming display (deformation includes rotating, flipping, twisting, having a certain degree of curvature, etc.), flashing or shaking display, etc., or the above display methods Any combination of is not specifically limited in the embodiment of the present application.
- the following is an example of how to change the first display window.
- the first is to zoom out the first display window.
- the processor 110 may control the first display window to shrink from the edge of the screen to the center of the screen, or it may shrink the first display window in a preset direction (such as the horizontal/vertical direction), or shrink it in other ways.
- a preset direction such as the horizontal/vertical direction
- the application embodiment does not specifically limit this.
- the method of reducing the first display window is given as an example.
- Example 1 As shown in Figures 5A and 5B, when the user inputs a sliding operation, the first display window shrinks from the edge of the screen to the center of the screen.
- FIG. 5A is an example where the sliding operation is sliding inward from the right edge of the screen
- FIG. 5B is an example where the sliding operation is sliding upward from the bottom of the screen.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- Example 2 As shown in FIGS. 6A and 6B, when the user inputs a sliding operation, the first display window shrinks in a preset direction, and the first user interface displayed in the first display window is compressed in the preset direction.
- 6A is an example where the sliding operation is sliding inward from the right edge of the screen and the zoom-out direction is from right to left
- FIG. 6B is an example where the sliding operation is sliding up from the bottom of the screen and the zoom-out direction is from bottom to top.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- the zooming-out mode of the first display window may also have other specific implementation modes, which are not limited in the embodiment of the present application.
- Example 3 As shown in Figures 7A and 7B, when the user inputs a sliding operation, the first display window shrinks in a preset direction, and the first user interface displayed in the first display window is partially obscured in the preset direction ( Cut).
- 7A is an example where the sliding operation is sliding inward from the right edge of the screen and the blocking direction is from right to left
- FIG. 7B is an example where the sliding operation is sliding up from the bottom of the screen and the blocking direction is from bottom to top.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- the blocking manner of the first display window may also have other specific implementation manners, which are not limited in the embodiment of the present application.
- the reduction ratio of the first display window (that is, the ratio of the size of the reduced interface to the size of the original interface, the size may specifically include the length and/or width of the first display window) may correspond to the sliding operation
- the sliding distance of is related, which in turn enables the user to control the effect of the interface shrinkage by controlling the sliding distance.
- the reduction ratio of the first display window and the sliding distance of the sliding operation in the preset direction may be in an inversely proportional relationship, that is, the larger the sliding distance, the smaller the reduction ratio of the first display window. Of course, it may also be proportional. The relationship is that the larger the sliding distance, the larger the ratio of the first display window to shrink.
- the preset direction may be a horizontal direction, a vertical direction, or other designated directions (for example, a direction along the upper right corner of the screen to the lower left corner of the screen), etc., which is not limited in the embodiment of the present application.
- Figure 8A is a schematic diagram of the first display window before the mobile phone 100 receives a sliding operation.
- the password setting page is displayed in the first display window; when the finger slides inward from the right side of the screen for a first distance (the first distance is in the horizontal direction) After the upper component is x1), the size of the first display window is reduced to 90% of the original window size, as shown in Figure 8B; when the finger continues to slide the second distance inward from the right side of the screen (the second distance is in the horizontal direction After the component is x2), the first display window is reduced to 80% of the original window size, as shown in Figure 8C; when the finger continues to slide the third distance inward from the right side of the screen (the horizontal component of the third distance is After x3), the size of the first display window is reduced to 50% of the original window size, as shown in Figure 8D.
- the mathematical relationship between the reduction ratio of the first display window and the sliding distance can be obtained through a formula designed in advance by the experimenter, and the formula obtained from the experiment is stored in the internal memory 121 in advance, and the subsequent processor 110 can then
- the sliding distance obtained in the display screen 190 is called, the conversion formula stored in the internal memory 121 is called, and the obtained sliding distance is brought into the conversion formula to calculate the size that needs to be reduced to the first display window, and then the display screen 190 Display the first display window according to the calculated size to be reduced to.
- the reduction ratio of the first display window can also be related to the sliding speed or touch intensity corresponding to the sliding operation. For example, the greater the sliding speed, the smaller the ratio of the first display window shrinks, or the greater the touch intensity. The smaller the reduction ratio, etc.
- Figure 8D is a schematic diagram when the current first display window can be reduced to 50%.
- the first display window does not continue to shrink, and the shrinking ratio of the first display window remains unchanged at 50%.
- the second type is to perform deformed display on the first display window.
- Example 4 As shown in FIGS. 9A and 9B, when the user inputs a sliding operation, the first display window is turned over.
- Figure 9A is an example where the sliding operation is sliding inward from the right edge of the screen, and the flipping direction is flipped from the outside of the screen to the inside of the screen.
- Figure 9B is the sliding operation as sliding up from the bottom of the screen, and flipping from the outside to the screen. example.
- the turning angle of the first display window may be related to the sliding distance corresponding to the sliding operation, so that the user can control the effect of the interface turning degree by controlling the sliding distance.
- the turning angle of the first display window and the sliding distance of the sliding operation in the preset direction may be inversely proportional, that is, the greater the sliding distance, the smaller the turning angle of the first display window, and of course it may also be proportional. That is, the greater the sliding distance, the greater the flip angle of the first display window.
- the turning angle is proportional to the sliding distance of the finger. The greater the sliding distance, the greater the turning angle of the first display window into the screen.
- the mathematical relationship between the flip angle of the first display window and the sliding distance can be obtained by a formula designed by the experimenter in advance, and the formula obtained from the experiment is stored in the internal memory 121 in advance, and the subsequent processor 110 can then
- the sliding distance acquired in the display screen 190 is called, the conversion formula stored in the internal memory 121 is called, and the acquired sliding distance is brought into the conversion formula to calculate the angle to which the first display window needs to be flipped, and then the conversion formula is displayed in the display 190 Display the first display window according to the calculated angle to be flipped to.
- the flip angle of the first display window can also be related to the sliding speed or touch force corresponding to the sliding operation. For example, the greater the sliding speed, the greater the flip angle of the first display window, or the greater the touch force. The larger the flip angle, etc.
- the interface can also be restricted from continuing to flip with the increase of the sliding distance, so as to prevent the first display window from flipping excessively and causing the user to fail The problem of clearly viewing the content in the first display window.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- the flipping manner of the first display window may also have other specific implementation manners, which are not limited in the embodiment of the present application.
- Example 5 As shown in FIGS. 10A and 10B, when the user inputs a sliding operation, the first display window rotates.
- Figure 10A is an example where the sliding operation is sliding inward from the right edge of the screen, and the rotation method is rotating counterclockwise around the center of the screen
- Figure 10B is an example where the sliding operation is sliding inward from the left edge of the screen and rotating. The way is to rotate clockwise around the center of the screen as an example.
- the angle of rotation of the first display window may be related to the sliding distance corresponding to the sliding operation, so that the user can control the effect of the degree of interface rotation by controlling the sliding distance.
- the angle of rotation of the first display window and the sliding distance of the sliding operation in the preset direction may be in inverse proportion, that is, the greater the sliding distance, the smaller the angle of rotation of the first display window, and of course it may also be proportional. That is, the greater the sliding distance, the greater the rotation angle of the first display window.
- the angle of rotation is proportional to the sliding distance of the finger, and the greater the sliding distance, the greater the angle of the clockwise rotation of the first display window.
- the mathematical relationship between the rotation angle of the first display window and the sliding distance can be obtained by a formula designed in advance by the experimenter, and the formula obtained from the experiment is stored in the internal memory 121 in advance, and the subsequent processor 110 can then
- the sliding distance obtained in the display screen 190 is called the conversion formula stored in the internal memory 121, and the obtained sliding distance is brought into the conversion formula to calculate the angle to which the first display window needs to be rotated, and then the display screen 190 The first display window is displayed according to the calculated angle to be rotated.
- the rotation angle of the first display window can also be related to the sliding speed or touch force corresponding to the sliding operation. For example, the greater the sliding speed, the greater the rotation angle of the first display window, or the greater the touch force. The larger the angle of rotation, etc.
- the interface can also be restricted from continuing to rotate as the sliding distance increases, so as to avoid excessive rotation of the first display window and user viewing The problem of inconvenience to the content in the first display window.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- the rotation manner of the first display window may also have other specific implementation manners, which are not limited in the embodiment of the present application.
- Example 6 As shown in FIG. 11, when the user inputs an operation of sliding inward from the right edge of the screen, the side of the first display window close to the finger is distorted, and the twisting direction is consistent with the sliding direction of the finger.
- the twisted shape and direction may also have other implementation manners, which are not limited in the embodiment of the present application.
- the degree of distortion of the first display window may be related to the sliding distance corresponding to the sliding operation, so that the user can control the effect of the degree of interface distortion by controlling the sliding distance.
- the degree of distortion of the first display window may be inversely proportional to the sliding distance of the sliding operation in the preset direction, that is, the greater the sliding distance, the smaller the degree of distortion of the first display window; of course, it may also be proportional. The relationship is shown in FIG. 11, that is, the greater the sliding distance, the greater the degree of distortion of the first display window.
- the preset direction may be a horizontal direction, a vertical direction, or other designated directions (for example, a direction along the upper left corner of the screen to the lower right corner of the screen), etc., which is not limited in the embodiment of the present application.
- the mathematical relationship between the parameters related to the degree of distortion of the first display window and the sliding distance can be obtained by a formula pre-designed by the experimenter, and the formula obtained by the experiment is stored in the internal memory 121 in advance, and the subsequent processor 110 can According to the sliding distance obtained from the display screen 190, the conversion formula stored in the internal memory 121 is called, and the obtained sliding distance is brought into the conversion formula to calculate the corresponding distortion related parameters, and then the corresponding distortion degree related parameters are calculated in the display screen 190 according to the calculation Obtain the related parameters of the distortion degree and display the current first display window.
- the degree of distortion of the first display window can also be related to the sliding speed or touch intensity corresponding to the sliding operation. For example, the greater the sliding speed, the greater the degree of distortion of the first display window, or the greater the touch intensity. The greater the degree of distortion, etc.
- the interface can be restricted from distorting as the sliding distance increases, so as to avoid the problem that the first display window is too distorted and the user is inconvenient to view the content of the first display window.
- the position and direction of the sliding operation may also be other implementations such as sliding inward from the left edge of the screen, sliding up from the bottom edge of the screen, etc.
- the embodiments of the present application are not illustrated one by one.
- the twisting manner of the first display window may also have other specific implementation manners, which are not limited in the embodiment of the present application.
- the third type is to display the first display window in jitter or flicker.
- Example 7 When the user inputs a sliding operation, the first display window is jittered or flickered.
- the frequency of the first display window jittering or flickering can be related to the sliding distance corresponding to the sliding operation. For example, the greater the sliding distance, the smaller the frequency of the first display window jittering or flickering, or the greater the sliding distance, the first display The greater the frequency of window jitter or flicker, the implementation of this application does not impose specific restrictions on this.
- the frequency of shaking or flickering of the first display window can also be related to the sliding speed or touch force corresponding to the sliding operation. For example, the greater the sliding speed, the lower the frequency of shaking or flickering of the first display window, or the touch The greater the intensity, the greater the frequency of the first display window jittering or flashing, etc.
- the above-mentioned several ways of changing the first display window can also be implemented in conjunction with each other.
- the first display window can also be accompanied by a rotation effect during the shrinking process, and the first display window can also be accompanied by a jitter effect when it is deformed.
- there are also deformation effects and jitter effects which are not specifically limited in the embodiment of the present application.
- the processor 110 detects the user input sliding operation, it controls the first display window to shrink from the edge of the screen to the center of the screen. Rotate counterclockwise along the center of the screen.
- the reduction ratio of the first display window may be inversely proportional to the sliding distance, and the rotation angle of the first display window may also be inversely proportional to the sliding distance.
- the above takes the mobile phone 100 in the full-screen display mode before the sliding operation input as an example to introduce the solution for controlling the change of the display window.
- the above solution for controlling the change of the display window is also applicable.
- the first display window when the mobile phone 100 is in the right-handed single-handed operation mode, the first display window only occupies a part of the effective display area of the display screen 190, as shown in the left diagram in FIG. 13;
- the device 110 controls the first display window to shrink in the effective display area of this part, as shown in the right diagram in FIG. 13.
- the processor 110 changes the first display window
- the first display window before the change also displays information about other applications such as the system status bar, floating windows (such as floating navigation), then This information can change with the change of the first display window.
- the system status bar at the top of the display screen 190 including network information "China Mobile 4G", time information " 08:08", remaining battery information), etc., displayed in the upper position of the reduced first display window.
- the system status bar, floating window, etc. may not change with the change of the first display window.
- the first display window is reduced, only the user interface of the application running in the foreground The content shrinks as the first display window shrinks, and the system status bar maintains the original display effect and is still displayed on the top of the display screen 190.
- the above-mentioned solution for controlling the change of the display window is also applicable to the scenario where the display 190 displays multiple display windows at the same time.
- the display area of the display 190 is divided into multiple Display window, different display windows display the user interface of different applications.
- the first preset condition can add restrictions, such as increasing the starting position/movement distance of the sliding operation, and/or considering the current active window to determine where the sliding operation is triggered One window control.
- the display area of the display screen 190 is divided into two display windows arranged one above the other.
- the first display window is located above the display screen 190
- the second display window is located below the display screen 190.
- the user interface displayed in the first display window is the password setting page in the system setting application
- the user interface displayed in the second display window is the short message display page in the SMS/MMS application.
- the display area of the display screen 190 is divided into two display windows arranged one above the other.
- the first display window is located above the display screen 190
- the second display window is located below the display screen 190.
- the user interface displayed in the first display window is the password setting page in the system setting application
- the user interface displayed in the second display window is the system desktop.
- the processor 110 of the mobile phone 100 responds to the sliding operation and performs the process of shrinking and changing the currently active first display window. For example, as shown in FIG.
- the processor 110 in the mobile phone 100 responds to the sliding operation to reduce and change the first display window.
- the processor 110 in the mobile phone 100 responds to the sliding operation to reduce and change the first display window.
- the processor 110 responds to the sliding operation to change the first display window or the second display window, and there may be other implementations, such as the first display window or The second display window is deformed, distorted, jittered, flickered, and other processing.
- the display 190 only displays one display window and the processor 110 performs change processing on the display window, which will not be repeated here.
- the background of the display window may be a pure black background as shown in FIGS. 5A to 16B, and other implementation manners may also be used.
- it can also be a pure white background, or intelligently pick the color based on the color of the content currently displayed in the display window (if there is a large area of orange color block in the display window, use light orange as the background color), or other user interfaces (such as It is the upper level interface of the first user interface, the system desktop, etc.), or other user interfaces that have been obscured, or other interfaces that have been blackened, and so on.
- the window management control application layer in the frame layer running in the processor 110 restores the display effect of the first display window to the display effect before the change.
- the management switches the first user interface currently displayed in the first display window to display the second user interface or the system desktop.
- the window management restores the display effect of the first display window to the display effect before the change, and the activity management switches the user interface in the first display window.
- the execution sequence may be parallel and synchronized execution, or may be executed sequentially, and the embodiment of the present application does not make specific restrictions.
- the application program running in the foreground is still taken as an example of the system setting program, and the change processing is specifically reducing the first display window.
- Figure 17A it is a schematic diagram of first restoring the display effect of the first display window, and then switching the user interface in the first display window; as shown in Figure 17B, first switching the user interface in the first display window, and then restoring A schematic diagram of the display effect of the first display window.
- the above-mentioned second preset condition may be a sliding operation for the user to end input, such as letting go, leaving the screen, ending input, sliding away from the effective display area, sliding away from the effective sensing area, sliding away from the preset area, and so on.
- the above-mentioned first preset condition and second preset condition may also be pre-stored in the internal memory 121 with preset sliding gestures.
- the mobile phone continuously compares the acquired sliding operation with the preset sliding gesture. Compare the stored swipe gestures.
- the processor 110 may compare the sliding gesture corresponding to the sliding operation acquired from the display screen 190 with the sliding gesture pre-stored in the memory 121, and switch the currently displayed first user interface to The second user interface or system desktop is displayed.
- the processor 110 determines that the sliding operation is specifically sliding inward from the right side of the screen, and the sliding distance exceeds the designed threshold distance, it considers that the sliding operation meets the first preset condition and triggers specific display control of the window; And when the user's finger leaves the screen, it is determined that the sliding operation matches the preset gesture operation, that is, it is determined that the sliding operation meets the second preset condition, then the first display window is restored to the display state before the sliding operation, and Switch the first user interface currently displayed in the first display window to the upper level interface of the first user interface or to the system desktop.
- the first preset condition and the second preset condition may correspond to different time periods of a pre-saved sliding gesture.
- the first and second preset conditions may also be two independent conditions preset respectively.
- different gesture operations can trigger the processor 110 to perform different types of interface switching operations.
- the type of the interface switching operation includes switching the first user interface to the upper level user interface of the first user interface, and switching the first user interface to the system desktop.
- Method 1 Different sliding positions correspond to different interface switching operations.
- the processor 110 switches the first user interface currently displayed in the first display window to display the second user interface; when the sliding operation is from the screen/ When the lower edge slides inward, the processor 110 switches the first user interface currently displayed in the first display window to display the system desktop.
- the processor 110 switches the first user interface currently displayed in the first display window to the second user interface; when the sliding operation is sliding inward from the left edge of the screen When sliding, the processor 110 switches the first user interface currently displayed in the first display window to the system desktop. Or vice versa—swipe inward from the top/bottom edge of the screen to switch to the second user interface, and swipe inward from the left/right edge of the screen to switch to the system desktop.
- the processor 110 switches the first user interface currently displayed in the first display window to display the second user interface; when the sliding operation is from the middle of the bottom When the edge slides upward, the processor 110 switches the first user interface currently displayed in the first display window to display the system desktop; or vice versa—slides upward from the middle edge of the bottom of the screen to switch to display the second user interface, from the left of the screen /Swipe up on the right edge to switch to the system desktop.
- Method 2 The same sliding position, but different sliding speeds correspond to different interface switching operations.
- the processor 110 switches the first user interface currently displayed in the first display window to display the second user interface;
- the processor 110 switches the first user interface currently displayed in the first display window to display the system desktop; or vice versa.
- Method 3 The same sliding position, but different touch forces correspond to different interface switching operations.
- the processor 110 switches the first user interface currently displayed in the first display window to display the second user interface; when the sliding operation is from When the bottom of the screen slides up and the touch intensity reaches or exceeds the first pressure threshold, the processor 110 switches the first user interface currently displayed in the first display window to display the system desktop; or vice versa.
- the processor 110 may not perform the interface switching operation, or perform the operation of switching the currently displayed first user interface to the system desktop.
- FIG. 18 Exemplarily, still taking the application running in the foreground as the system setting program as an example, see Figure 18.
- the user inputs a gesture operation that triggers the interface return operation function on the setting home page interface (the main interface of the system setting program).
- the main interface of the program does not have a higher-level user interface, so the window manager switches the user interface from the setting home page interface to the main interface of the system desktop program.
- the processor 110 may switch the system setting program to run in the background, or exit the system setting program from running, which is not limited in the embodiment of the present application.
- the processor 110 may not perform the interface switching operation. In this case, after the sliding operation ends, the display effect of the first display window can still be restored to the original display effect, but the processor 110 will not switch the first user interface to the second user interface or the system desktop. In this way, in the process of performing the sliding operation, if the user wants to go back, he can revoke the trigger by changing the sliding mode of the finger.
- the application program running in the foreground is still used as the system setting program, and the change processing is taken as an example of reducing the first display window.
- the user's finger slides inward from the right side of the screen on the screen, and the processor 110 controls the currently displayed password setting page to zoom out to the center of the screen according to the sliding operation, as shown in Figure 19B; the user's finger is inward from the right side of the screen After sliding for a certain distance, and then sliding back to the starting position and leaving from the right edge of the screen, the processor 110 controls the first display window to enlarge with the sliding of the finger, and finally restores to the original size, as shown in Figure 19C, when the user leaves the finger After the screen is displayed, the user interface in the first display window remains unchanged as the password setting page, so that the trigger interface return function can be cancelled, and the processor 110 will not perform the operation of switching the user interface.
- the zoom ratio of the first display window and the sliding distance of the reverse slide operation in the preset direction may be in inverse proportion, that is, reverse direction.
- it can also be in a proportional relationship, that is, the greater the reverse sliding distance, the larger the magnification of the first display window.
- the processor 110 may also control the first display window to present other dynamic display effects, such as effects such as jitter, flicker, rotation, and deformation.
- the display effect of the first display window when sliding in the reverse direction may correspond to the display effect of the first display window when sliding in the forward direction, which will not be repeated here.
- the change of the display effect of the first display window is realized by the window application in the window management control application layer in the frame layer as shown in FIG. 3.
- the window application at the application layer itself provides functions to change attributes such as displacement and zoom (for example, it provides an application programming interface (API) that can modify the size and displacement of the first display window corresponding to the first display window).
- API application programming interface
- This function is built by the existing capabilities of the Android open-source project (AOSP).
- the first display window is controlled to shrink, jitter, warp, etc., and it is essentially in the frame layer.
- the window management of the application layer calls the API in the window application of the application layer, and modifies the implementation of some attribute parameters provided by the relevant API corresponding to the current first display window, so it will not affect the refresh of the content in the window (ie the user interface) itself.
- applications that often have continuous dynamic effects on the user interface such as cameras, music, games, and videos (such as NetEase Cloud Music’s vinyl records being rotated, scrolling web pages, etc.). In these scenarios, users can still A user interface in a display window performs real-time monitoring.
- an application program running in the foreground is a camera
- the change processing is to reduce the first display window as an example.
- the user performs a sliding operation on the shooting interface of the camera program, and the shooting interface shrinks with the sliding operation, as shown in FIG. 20B.
- the shooting scene changes, the characters in the shooting scene change from one person to two people
- the camera 170 of the mobile phone 100 can still view the shooting scene in real time
- the processor 110 can still control the display
- the screen 190 displays the image captured by the camera 170 in real time on the camera interface, as shown in FIG. 20C.
- the processor 110 restores the display window controlled by the sliding operation to the non-full screen before the change when determining that the sliding operation satisfies the second preset condition The display effect in the display mode, and switch the user interface currently displayed in the display window.
- the processor 110 of the mobile phone 100 responds to the user input sliding operation to control the first display window to shrink in this part of the effective display area, if Determine that the sliding operation satisfies the second preset condition (such as the end of the sliding operation), the restoration of the first display window is enlarged to the original size (that is, the maximum display size in the right-handed single-hand operation mode), and the first display window Switch to the main page of system settings, as shown in Figure 21.
- the second preset condition such as the end of the sliding operation
- the restoration of the first display window is enlarged to the original size (that is, the maximum display size in the right-handed single-hand operation mode)
- the first display window Switch to the main page of system settings, as shown in Figure 21.
- controlling window restoration and user interface switching in the controlling window is also applicable to a scenario where the display screen 190 displays multiple display windows at the same time.
- the display area of the display screen 190 is divided into multiple display windows.
- the display window controlled by the current sliding operation is restored to The display effect before the change, and switching the user interface currently displayed in the display window, such as switching the first user interface currently displayed in the first display window to display the second user interface or the system desktop, or the second display window
- the third user interface currently displayed in the switch is switched to display the fourth user interface (the upper level interface of the third user interface) or the system desktop, etc.
- the above example of FIG. 15A is used.
- the processor 110 in the mobile phone 100 responds to a sliding operation to reduce and change the first display window, if it is determined that the sliding operation satisfies the second preset condition (such as the sliding operation) End), the restoration of the first display window is enlarged to the original size, and the password setting page in the first display window is switched to the upper level interface of the password setting page (ie the main interface of the system setting), as shown in Figure 22 Show.
- the processor 110 in the mobile phone 100 responds to the sliding operation to reduce and change the second display window, if it is determined that the sliding operation satisfies the second preset condition (such as the sliding operation) End), the restoration of the second display window is enlarged to the original size, and the short message display page in the second display window is switched to the upper level interface of the short message display page (the main interface of the SMS/MMS application), As shown in Figure 23.
- the second preset condition such as the sliding operation
- the electronic device determines that the sliding operation satisfies the first preset condition, and then changes the display window according to the sliding operation, so that the first user currently displayed in the display window
- the interface presents a dynamic display effect to prompt the user to enter the sliding operation to take effect; when the electronic device detects that the sliding operation satisfies the second preset condition, it restores the display window to the original display effect and changes the current display in the display window
- the first user interface is switched to display the upper level interface or the system desktop of the first user interface, which enhances the continuity of interface switching, improves the interaction efficiency of the electronic device, and makes the user interface switching more intelligent.
- the degree of change of the display window can be correlated with the sliding distance corresponding to the sliding operation input by the user, which enhances the promptness of operation feedback and enhances the fun of human-computer interaction , To further improve the intelligence of interaction.
- the reduction ratio of the display window may be inversely proportional to the sliding distance of the sliding operation in the preset direction, thereby achieving the effect that the user can control the reduction degree of the display window by controlling the sliding distance of the finger.
- the electronic device will not perform the interface switching operation. In this way, if the user wants to go back in the process of sliding the screen, he can cancel the trigger interface return function by changing the sliding mode of the finger, so as to further improve the intelligence of electronic device interaction.
- the method provided in the embodiments of the present application is introduced from the perspective of an electronic device as an execution subject.
- the electronic device may include a hardware structure and/or a software module, and realize the above functions in the form of a hardware structure, a software module, or a hardware structure plus a software module. Whether one of the above-mentioned functions is executed in a hardware structure, a software module, or a hardware structure plus a software module depends on the specific application and design constraint conditions of the technical solution.
- the present application also provides an electronic device 500 for executing the methods provided in the above embodiments of the present application.
- the electronic device 500 may include a memory 501 and a processor 502.
- the memory 501 is used to store program instructions
- the processor 502 is used to call the program instructions stored in the memory 501 to implement the method of controlling the user interface in the embodiment of the present application.
- the memory 501 stores the program instructions for executing the method for controlling the user interface shown in FIG. 4, and the processor 502 calls the program instructions stored by the memory 501 for executing the method for controlling the user interface shown in FIG. Method of controlling the user interface.
- the processor 502 in the embodiment of the present application may be a general-purpose processor, a digital signal processor (digital signal processor, DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) ) Or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components.
- DSP digital signal processor
- ASIC application specific integrated circuit
- FPGA field programmable gate array
- the methods, steps, and logical block diagrams disclosed in the embodiments of the present application can be implemented or executed.
- the general-purpose processor may be a microprocessor or the processor may also be any conventional processor or the like.
- the steps of the method disclosed in the embodiments of the present application may be directly embodied as being executed and completed by a hardware decoding processor, or executed and completed by a combination of hardware and software modules in the decoding processor.
- the software module can be located in random access memory (RAM), flash memory, read-only memory (read-only memory, ROM), programmable read-only memory, or electrically erasable programmable memory, registers, etc. mature in the field Storage medium.
- RAM random access memory
- flash memory read-only memory
- read-only memory read-only memory
- ROM programmable read-only memory
- electrically erasable programmable memory registers, etc. mature in the field Storage medium.
- the storage medium is located in the memory, and the processor reads the instructions in the memory and completes the steps of the above method in combination with its hardware.
- the term “when” can be interpreted as meaning “if" or “after” or “in response to determining" or “in response to detecting".
- the phrase “when determining" or “if detected (statement or event)” can be interpreted as meaning “if determined" or “in response to determining" or “when detected (Condition or event stated)” or “in response to detection of (condition or event stated)”.
- the computer program product includes one or more computer instructions.
- the computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices.
- the computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from a website, computer, server, or data center.
- the computer-readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server or data center integrated with one or more available media.
- the usable medium may be a magnetic medium, (for example, a floppy disk, a hard disk, and a magnetic tape), an optical medium (for example, a DVD), or a semiconductor medium (for example, a solid state hard disk).
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种控制用户界面的方法及电子设备,用以解决现有技术中切换电子设备用户界面的方案存在用户交互效率低,智能性不高的问题。其中方法包括:电子设备在第一显示窗口中显示第一应用程序的第一用户界面;电子设备接收第一滑动操作;响应于确定第一滑动操作满足第一预设条件,电子设备则对第一显示窗口进行预设操作,预设操作为以下操作中的至少一种:缩小,翻转,旋转,抖动,闪烁,扭曲;响应于确定第一滑动操作满足第二预设条件,电子设备则恢复第一显示窗口的显示,并在恢复的第一显示窗口中显示第一用户界面的上一级界面,或在恢复的第一显示窗口中显示系统桌面;其中,第一预设条件不同于第二预设条件。
Description
本申请要求在2019年6月28日提交中国国家知识产权局、申请号为201910578283.0的中国专利申请的优先权,发明名称为“一种控制用户界面的方法及电子设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
本申请涉及终端技术领域,尤其涉及一种控制用户界面的方法及电子设备。
用户在使用诸如手机、平板电脑等电子设备的过程中,存在对电子设备的用户界面(User Interface,UI)进行切换的需求,其中经常使用到的一项界面切换需求是将电子设备当前显示的用户界面切换至显示上一级用户界面。例如:从微信的聊天界面返回到微信的主页面、从微信的主页面返回到系统桌面等。
传统的方案是在屏幕下方设置用于实现界面返回功能的触控按键,用户点击该触控按键,即可触发电子设备从当前显示的第一用户界面切换为显示第二用户界面,其中第二用户界面为第一用户界面的上一级用户界面。可见,现有技术中切换电子设备用户界面的方案存在用户交互效率低,智能性不高的问题。
发明内容
本申请提供一种控制用户界面的方法及电子设备,用以解决现有技术中切换电子设备用户界面的方案存在用户交互效率低,智能性不高的问题。
第一方面,本申请实施例提供一种控制用户界面的方法,应用于电子设备,所述方法包括:所述电子设备在第一显示窗口中显示第一应用程序的第一用户界面;所述电子设备接收第一滑动操作;响应于确定所述第一滑动操作满足第一预设条件,所述电子设备则对所述第一显示窗口进行预设操作,所述预设操作为以下操作中的至少一种:缩小,翻转,旋转,抖动,闪烁,扭曲;响应于确定所述第一滑动操作满足第二预设条件,所述电子设备则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面;其中,所述第一预设条件不同于所述第二预设条件。
在上述方案中,电子设备接收第一滑动操作时,若电子设备确定该第一滑动操作满足第一预设条件,则根据该第一滑动操作对显示窗口进行缩小、翻转、旋转、抖动、闪烁或扭曲等处理,使得第一显示窗口中当前显示的第一用户界面呈现动态显示效果,以向用户提示输入的第一滑动操作生效;电子设备在确定该第一滑动操作满足第二预设条件时,又将第一显示窗口恢复到原来显示效果,以及将第一显示窗口中当前显示的第一用户界面切换为显示第一用户界面的上一级界面或者系统桌面,增强了界面切换的连贯性,提高了用 户和电子设备的交互效率,使得用户界面的切换更加智能。
为了提高方案的灵活性,在本申请实施中,所述第一滑动操作满足第一预设条件可以是几项中的任意一项或者任一多项的组合:所述第一滑动操作是从特定位置开始的特定方向的滑动操作、所述第一滑动操作的滑动距离超过预定的阈值距离、所述第一滑动操作的滑动速度达到预定的速度或者加速度、所述第一滑动操作的滑动时长超过预定的阈值时长。
需要说明的是,本申请实施例中,上述提供的仅为第一预设条件的几种具体实现方式,此外,本申请实施例中还可以通过其它方式实现第一预设条件,本申请实施例对此不作限定。
在一种可能的设计中,所述电子设备可以根据所述第一滑动操作的滑动距离对应缩小所述第一显示窗口。比如,第一显示窗口缩小的比例和滑动操作在预设方向上的滑动距离可以呈反比的关系,即滑动距离越大,第一显示窗口缩小的比例越小,当然也可以呈正比的关系,即滑动距离越大,第一显示窗口缩小的比例越大。
这样,可以使得第一显示窗口的缩小的程度和用户输入的第一滑动操作对应的滑动距离相关联,增强了操作反馈的提示性,提高人机交互的趣味,进一步提高了交互的智能性。
在一种可能的设计中,所述电子设备具体可以是在检测到所述第一滑动操作结束时,确定所述第一滑动操作满足第二预设条件。也即,第一预设条件和第二预设条件可以对应一个预保存的滑动手势的不同时段。
这样,可以使得用户执行切换用户界面的操作更加便捷,进一步提高了电子设备的交互效率和智能性。
需要说明的是,本申请实施例中,上述提供的仅为第二预设条件的一种可能的具体实现方式,此外,本申请实施例中还可以通过其它方式实现第二预设条件,本申请实施例对此不作限定。
在一种可能的设计中,电子设备可以基于以下实现方式实现在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面:当所述第一用户界面为第一应用程序的次级界面时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;当所述第一用户界面为第一应用程序的主界面时,在所述恢复的第一显示窗口中显示系统桌面。
通过上述技术方案,有助于降低用户执行用面切换操作的复杂度,进一步提高电子设备的交互效率。
在一种可能的设计中,电子设备还可以基于以下实现方式实现在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面:确定所述第一滑动操作为预设的返回上一级手势时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;确定所述第一滑动操作为预设的返回桌面手势时,在所述恢复的第一显示窗口中显示系统桌面;其中,所述预设的返回上一级手势与预设的返回桌面手势不同。
通过上述技术方案,用户可以在同一用户界面上通过执行不同的手势操作实现切换到不同的用户界面,可以提高人机交互的趣味,进一步提高交互的智能性。
在一种可能的设计中,所述电子设备还可以在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区 域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述响应于确定所述第一滑动操作满足第一预设条件,所述电子设备则对所述第一显示窗口进行预设操作的具体实现方式可以是:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第一预设条件,所述电子设备则对所述第一显示窗口进行所述预设操作;所述响应于确定所述第一滑动操作满足第二预设条件,所述电子设备则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面的具体实现方式可以是:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面。
通过上述方案,在电子设备同时显示有多个显示窗口时,用户执行的滑动操作只对当前活动的窗口中的用户界面有效,即只对当前活动的窗口中的用户界面进行切换,进一步提高了交互的智能性。
在一种可能的设计中,所述电子设备还可以在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述电子设备接收第二滑动操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足所述第一预设条件,所述电子设备则对所述第二显示窗口进行所述预设操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足第二预设条件,所述电子设备则恢复所述第二显示窗口的显示,并在所述恢复的第二显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第二显示窗口中显示系统桌面。
通过上述方案,在电子设备同时显示有多个显示窗口时,用户可以通过执行不同的滑动操作实现对不同显示窗口中的用户界面进行切换,进一步提高了交互的智能性。
第二方面,本申请实施例提供一种电子设备,所述电子设备包括:显示屏、处理器和存储器;其中,所述显示屏用于显示至少一个用于显示用户界面的显示窗口;所述存储器用于存储一个或多个计算机程序;当所述存储器存储的一个或多个计算机程序被所述处理器执行时,使得所述电子设备执行如下步骤:在第一显示窗口中显示第一应用程序的第一用户界面;接收第一滑动操作;响应于确定所述第一滑动操作满足第一预设条件,则对所述第一显示窗口进行预设操作,所述预设操作为以下操作中的至少一种:缩小,翻转,旋转,抖动,闪烁,扭曲;响应于确定所述第一滑动操作满足第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面;其中,所述第一预设条件不同于所述第二预设条件。
在一种可能的设计中,所述第一滑动操作满足第一预设条件可以是几项中的任意一项或者任一多项的组合:所述第一滑动操作是从特定位置开始的特定方向的滑动操作、所述第一滑动操作的滑动距离超过预定的阈值距离、所述第一滑动操作的滑动速度达到预定的速度或者加速度、所述第一滑动操作的滑动时长超过预定的阈值时长。
在一种可能的设计中,对所述第一显示窗口进行预设操作,可以是根据所述第一滑动 操作的滑动距离对应缩小所述第一显示窗口。
在一种可能的设计中,确定所述第一滑动操作满足第二预设条件,具体可以是在检测到所述第一滑动操作结束。
在一种可能的设计中,可以基于下列方式实现在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面:当所述第一用户界面为第一应用程序的次级界面时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;当所述第一用户界面为第一应用程序的主界面时,在所述恢复的第一显示窗口中显示系统桌面。
在一种可能的设计中,还可以基于下列方式实现在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面:确定所述第一滑动操作为预设的返回上一级手势时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;确定所述第一滑动操作为预设的返回桌面手势时,在所述恢复的第一显示窗口中显示系统桌面;其中,所述预设的返回上一级手势与预设的返回桌面手势不同。
在一种可能的设计中,当所述存储器存储的一个或多个计算机程序被所述处理器执行时,还可以使得所述电子设备执行如下步骤:在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述响应于确定所述第一滑动操作满足第一预设条件,则对所述第一显示窗口进行预设操作包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第一预设条件,则对所述第一显示窗口进行所述预设操作;所述响应于确定所述第一滑动操作满足第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面。
在一种可能的设计中,当所述存储器存储的一个或多个计算机程序被所述处理器执行时,还可以使得所述电子设备执行如下步骤:在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;接收第二滑动操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足所述第一预设条件,则对所述第二显示窗口进行所述预设操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足第二预设条件,则恢复所述第二显示窗口的显示,并在所述恢复的第二显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第二显示窗口中显示系统桌面。
上述第二方面及第二方面中任一种可能设计方式所带来的技术效果可参见第一方面及第一方面中任一种可能设计方式所带来的技术效果,此处不再赘述。
第三方面,本申请实施例提供一种电子设备,所述电子设备包括:显示屏、处理器和存储器;其中,所述显示屏用于显示至少一个用于显示用户界面的显示窗口;所述存储器 用于存储一个或多个计算机程序;当所述存储器存储的一个或多个计算机程序被所述处理器执行时,使得所述电子设备执行本申请实施例上述第一方面或者第一方面涉及的任一可能设计的方法。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质包括计算机程序,当计算机程序在电子设备上运行时,使得所述电子设备执行本申请实施例上述第一方面或者第一方面涉及的任一可能设计的方法。
第五方面,本申请实施例提供一种计算机程序产品,所述计算机程序产品包括指令,当所述指令被执行时,使得计算机实现本申请实施例上述各个方面以及各个方面涉及的任一可能设计的方法。
第六方面,本申请实施例提供的一种芯片,所述芯片与电子设备中的存储器耦合,使得所述芯片在运行时调用所述存储器中存储的程序指令,实现本申请实施例上述各个方面以及各个方面涉及的任一可能设计的方法。
另外,第三方面至第六方面中任一种可能设计方式所带来的技术效果可参见方法部分中的相关设计方式所带来的技术效果,此处不再赘述。
图1为本申请实施例中一种用户界面的示意图;
图2为本申请实施例中一种电子设备的硬件结构示意图;
图3为本申请实施例中一种电子设备的软件架构示意图;
图4为本申请实施例中一种控制用户界面的方法的流程图;
图5A~图5B为本申请实施例中一种显示窗口变化方式的示意图;
图6A~图6B为本申请实施例中另一种显示窗口变化方式的示意图;
图7A~图7B为本申请实施例中另一种显示窗口变化方式的示意图;
图8为本申请实施例中另一种显示窗口变化方式的示意图;
图9A~图9C为本申请实施例中另一种显示窗口变化方式的示意图;
图10A~图10C为本申请实施例中另一种显示窗口变化方式的示意图;
图11为本申请实施例中另一种显示窗口变化方式的示意图;
图12为本申请实施例中另一种显示窗口变化方式的示意图;
图13为本申请实施例中非全屏模式下一种显示窗口变化方式的示意图;
图14为本申请实施例中另一种显示窗口变化方式的示意图;
图15A~图15B为本申请实施例中多窗口显示模式下一种显示窗口变化方式的示意图;
图16A~图16B为本申请实施例中多窗口显示模式下另一种显示窗口变化方式的示意图;
图17A为本申请实施例中一种控制窗口恢复和用户界面切换的方式的示意图;
图17B为本申请实施例中另一种控制窗口恢复和用户界面切换的方式的示意图;
图18为本申请实施例中另一种切换用户界面的方式的示意图;
图19为本申请实施例中另一种恢复显示窗口的方式的示意图;
图20为本申请实施例中一种控制显示窗口变化的场景示意图;
图21为本申请实施例中非全屏模式下一种恢复显示窗口的方式的示意图;
图22为本申请实施例中多窗口显示模式下一种恢复显示窗口的方式的示意图;
图23为本申请实施例中多窗口显示模式下另一种恢复显示窗口的方式的示意图;
图24为本申请实施例的另一种电子设备的结构示意图。
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整的描述。
首先,对本申请中的部分用语进行解释说明,以便于本领域技术人员理解。
1)用户界面,亦称使用者界面,是提供用户信息以及交互(interact)的界面。用户界面可以由设备提供也可以由设备上安装的第三方应用程序提供。用户界面目的在于使得用户能够方便有效率地去操作硬件以达成双向之交互,完成所希望借助硬件完成之工作。用户界面包括图形化的用户界面,即图形用户界面(graphic user interface,GUI)是当今世界最常见的一种用户界面,例如手机在通电状态下显示的界面即为图形用户界面(如图1所示),用户通过显示的图形(图标)来与设备硬件进行交互;字符化的用户界面,例如利用计算机语言编程得到的带有字符的用户界面;物理的字符界面,即物理控件(比如音量键、拍照键、开机键、解锁键等)是系统和用户之间进行交互和信息交换的途径之一。在本申请实施例中,主要以用户界面为图形用户界面为例介绍本申请实施中的技术方案。
2)显示窗口,在本文中亦称“窗口”,是指电子设备的显示屏上与一个用户界面相对应的显示区域,一个用户界面显示在该用户界面对应的窗口中。
在本申请实施例中,电子设备的显示屏可以只显示一个窗口。当显示屏只显示一个窗口时,该窗口可以在显示屏上全屏显示,也可以非全屏显示,本申请实施例不做限制。在全屏显示时,该窗口占满显示屏的全部有效显示区域(或该窗口占用系统允许的窗口能占用的最大显示区域)。在非全屏显示时,该窗口只占用显示屏的部分有效显示区域(或该窗口占用的显示区域小于系统允许的窗口能占用的最大显示区域),比如手机在单手操作模式下,窗口占用的显示区域小于系统允许的窗口能占用的最大显示区域。
当然,电子设备的显示屏上也可以同时显示多个窗口,比如计算机的显示屏上可以同时打开浏览器、游戏、文档等程序的窗口,不同程序对应不同的窗口,不同窗口显示在显示屏的不同显示区域,不同窗口可以相互层叠;又如,手机或者平板电脑的分屏显示场景,显示屏的显示区域被划分为至少两个显示窗口,不同的显示窗口中显示不同应用程序的用户界面。只是对于显示屏上多窗口显示的场景,第一预设条件可以增加限定条件,例如增加滑动操作的起始位置/移动距离的限定,和/或考虑当前的活动窗口,以此确定滑动操作的触发对哪一个窗口的控制。
3)本申请实施例涉及的至少一个,包括一个或者多个;其中,多个是指大于或者等于两个。
另外,需要理解的是,在本申请的描述中,“第一”、“第二”等词汇,仅用于区分描述的目的,而不能理解为指示或暗示相对重要性,也不能理解为指示或暗示顺序。
下面,介绍本申请的背景技术。
用户在使用诸如手机、平板电脑等电子设备的过程中,经常使用到的一项界面切换需求是将电子设备当前显示的用户界面切换至显示上一级用户界面。现有技术中提供下述方式实现界面返回功能:用户通过执行从屏幕底部开始向上滑动的滑动操作事件,触发电子 设备执行界面返回操作。
为了解决现有技术切换电子设备用户界面时存在用户交互效率低,智能性不高的问题,本申请实施例提供一种控制用户界面的方法及电子设备。电子设备在显示第一应用程序对应的用户界面时,接收到用户输入的滑动操作,电子设备确定该滑动操作满足第一预设条件(例如起始位置,移动方向,移动距离等参数中的一个或多个满足预设的对应阈值),则根据该用户输入的滑动操作对当前的显示窗口进行变化处理,也可使得显示窗口中当前显示的用户界面呈现动态显示效果(其中变化处理包括但不限于对显示窗口进行缩小显示,翻转,旋转,抖动,闪烁,扭曲等),以向用户提示输入的滑动操作生效,即其输入的滑动操作触发了显示窗口发生变化。此处虽然窗口的形状,大小,颜色,亮度,角度等可能发生变化,但不影响窗口内显示的用户界面,即仍呈现滑动操作开始时显示的第一应用程序对应的用户界面,该用户界面是由第一应用程序确定的,与用户输入无关,例如如果第一应用程序是音/视频播放应用,则在播放中的音/视频仍继续播放,用户界面的内容不受窗口变化的影响;在该滑动操作的持续期间电子设备持续检测该滑动行为,在检测到用户输入滑动操作满足第二预设条件时(例如用户松手/离开屏幕/结束输入等),将显示窗口恢复到该滑动操作输入时的显示效果(比如将显示窗口放大至原始尺寸,恢复显示窗口的状态等,如果原始是分屏的则恢复滑动操作开始前显示窗口的位置和大小),以及将显示窗口中当前显示的用户界面切换到当前显示的用户界面的上一级用户界面(与现有的系统级“返回”操作的功能相同),以增强界面切换的连贯性,改善界面切换的视觉效果,提高了人机交互的效率,使得用户界面的切换更加智能。
本申请实施例可以应用在任何具有触控屏或者触控面板的电子设备中,用以执行用户界面的切换,电子设备比如可以为手机、移动电脑、平板电脑、个人数字助理(personal digital assistant,PDA)、媒体播放器、智能电视、智能可穿戴设备(如智能手表、智能眼镜和智能手环等)、电子阅读器、手持游戏机、销售终端(point of sales,POS)、车载电子设备(车载电脑)等。在本申请实施例中,电子设备中可以安装多个应用,例如,系统设置应用、桌面应用、绘图应用、演示应用、游戏应用、电话应用、视频播放器应用、音乐播放器应用、电子邮件应用、即时消息收发应用、照片管理应用、相机应用、浏览器应用、日历应用、时钟应用、支付应用和健康管理应用等。本申请实施例提出的控制用户界面的方案可以应用于任何应用的级联用户界面之间的切换,比如从一个应用的下一级用户界面切换至该应用的上一级用户界面,或者从一个应用的主界面切换至示电子设备的桌面界面。
当任意一个应用打开后,用户可以通过使用诸如手指或触摸笔等任何方式或者附属物等与触控屏或者触控面板接触,以实现和该应用的交互。比如,通过在屏幕上滑动手指来切换显示的用户界面,控制应用程序的进程等。
下述以电子设备是手机为例,说明本申请实施例所应用的一种电子设备的结构示意图。如图2所示,手机100包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,摄像头170,传感器模块180,显示屏190等。
其中,处理器110可以包括一个或多个处理单元。例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU), 图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。本申请实施例中的控制用户界面的方法的执行可以由处理器110来控制或调用其他部件来完成,比如调用内部存储器121中存储的本申请实施例的处理程序,或者通过外部存储器接口120调用第三方设备中存储的本申请实施例的处理程序,来控制显示屏190从当前用户界面切换至当前用户界面的上一级用户界面的操作。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展手机100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐、图像、视频等文件保存在外部存储卡中。
内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像拍摄功能等)等。存储数据区可存储手机100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。内部存储器121可以用于存储本申请实施例所提出的用户界面切换方案的计算机可执行程序代码,所述可执行程序代码包括指令。处理器110可以通过运行存储在内部存储器121的该界面切换方案的计算机可执行程序代码,从而使得手机100可以完成本申请实施例提出的界面返回显示方案。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为手机100充电,也可以用于手机100与外围设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块140可以通过手机100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时,还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,外部存储器,显示屏190,摄像头170,和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块141也可以设置于处理器110中。在另一些实施例中,电源管理模块141和充电管理模块140也可以设置于同一个器件中。
手机100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。手机100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在手机100上的包括2G/3G/4G/5G等无线通信的解决 方案。无线通信模块160可以提供应用在手机100上的包括无线局域网(wireless local area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。在一些实施例中,手机100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得手机100可以通过无线通信技术与网络以及其他设备通信。
摄像头170用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头170,N为大于1的正整数。
显示屏190可用于显示由用户输入的信息或提供给用户的信息以及手机100的各种菜单,另外还可以接受用户输入,比如用户的触摸操作。具体的,显示屏190可包括显示面板191,以及触控面板192。其中,显示面板191可以采用液晶显示器(liquid crystal display,LCD)、有机发光二极管(organicLight-emitting diode,OLED)等形式来配置显示面板191。触控面板192,也称为触摸屏、触敏屏等,可收集用户在其上或附近的接触或者非接触操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板192上或在触控面板192附近的操作,也可以包括体感操作;该操作包括单点控制操作、多点控制操作等操作类型),并根据预先设定的程式驱动相应的连接装置。
可选的,触控面板192可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位、姿势,并检测输入操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成处理器能够处理的信息,再送给处理器110,并能接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板192,也可以采用未来发展的任何技术实现触控面板192。进一步的,触控面板192可覆盖显示面板191,用户可以根据显示面板191显示的内容(该显示内容包括但不限于,软键盘、虚拟鼠标、虚拟按键、图标等等),在显示面板191上覆盖的触控面板192上或者附近进行操作,触控面板192检测到在其上或附近的操作后,传送给处理器110以确定用户输入,随后处理器110根据用户输入在显示面板191上提供相应的视觉输出。
例如,在本申请实施例中,触控面板192中的触摸检测装置检测到用户输入的触摸操作后,将检测到的触摸操作对应的信号实时发送的触摸控制器,触摸控制器将信号转换成触点坐标发送给处理器110,处理器110根据接收到的触点坐标确定该触摸操作具体为滑动操作,然后响应用户输入的滑动操作,根据滑动操作对应的滑动距离将显示窗口进行缩小,以及在确定滑动操作结束后将显示窗口恢复到缩小前的尺寸,以及将显示屏190当前显示的用户界面切换到当前显示的用户界面的上一级用户界面。此部分方案的具体实现方式,将在后文进行详细介绍。
在一些实施例中,手机100可以包括1个或N个显示屏190,1个或N个显示屏190可以折叠连接,也可以柔性连接,多个显示屏190折叠时便于电子设备便携,多个显示屏 190展开连接时,便于用户使用大屏幕观看提高用户体验,其中,N为大于1的正整数。
传感器模块180可以包括压力传感器180A,触摸传感器180B,环境光传感器180C。当然,在具体实施时,还可以有其它传感器,比如陀螺仪传感器,气压传感器,磁传感器,加速度传感器,距离传感器,接近光传感器,指纹传感器,温度传感器,骨传导传感器等,本申请实施例不做限制。
其中,触摸传感器180A,也称“触控面板”。触摸传感器180A可以设置于显示屏190,由触摸传感器180A与显示屏190组成触摸屏,也称“触控屏”。触摸传感器180A用于检测作用于其上或附近的触摸操作,比如用户在显示屏上输入的滑动操作。触摸传感器可以将检测到的触摸操作传递给应用处理器110,以确定触摸事件类型。通过显示屏190提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180A也可以设置于手机100的表面,与显示屏190所处的位置不同。
在一些可能的实施例中,作用于不同触摸位置,可以对应不同的操作指令。例如:当有触摸操作在屏幕左/右两侧向内滑动,处理器110执行返回上一级用户界面的操作指令;当有触摸操作在屏幕底部向上滑动,处理器110执行返回系统桌面的操作指令。
在一些可能的实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作在屏幕底部向上滑动且触摸操作强度小于第一压力阈值时,处理器110执行返回上一级用户界面的操作指令;当有触摸操作在屏幕底部向上滑动且触摸操作强度大于或等于第一压力阈值时,处理器110执行返回系统桌面的操作指令。
在一些可能的实施例中,作用于相同触摸位置,但不同触摸操作速度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作在屏幕底部向上滑动且滑动速度小于第一速度阈值时,处理器110执行返回上一级用户界面的操作指令;当有触摸操作在屏幕底部向上滑动且滑动速度达到或者超过该第一速度阈值时,处理器110执行返回系统桌面的操作指令。
压力传感器180B用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180B可以设置于显示屏190。压力传感器180B的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180B,电极之间的电容改变。手机100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏190,手机100根据压力传感器180B检测所述触摸操作强度。手机100也可以根据压力传感器180B的检测信号计算触摸的位置。
环境光传感器180C用于感知环境光亮度。手机100可以根据感知的环境光亮度自适应调节显示屏190亮度。环境光传感器180C也可用于拍照时自动调节白平衡。环境光传感器180C还可以与接近光传感器配合,检测手机100是否在口袋里,以防误触。
应理解的是,本申请实施例示意的结构并不构成对手机100的具体限定。在本申请另一些实施例中,手机100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
以上介绍了手机100的硬件结构,下面介绍手机100的软件架构。
具体的,手机100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以分层架构的安卓(android)系统为例,示例性说明手机100的软件结构。分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。
请参见图3,在一些可能的实施例中,将Android系统分为四层,从上至下分别为应用程序(Applications)层(本文中简称“应用层”),应用程序框架(Application Framework)层(本文中简称“框架层”),安卓运行时(Android runtime)和系统库层(本文中简称“系统运行库层”),以及内核层。
其中,应用程序层中运行有至少一个应用程序,这些应用程序可以是操作系统自带的窗口(Window)程序、系统设置程序、联系人程序、短信程序、时钟程序、相机应用等;也可以是第三方开发者所开发的应用程序,比如即时通信程序、相片美化程序、游戏程序等。当然,在具体实施时,应用程序层中的应用程序包不限于以上举例,实际还可以包括其它应用程序包,本申请实施例对此不做限制。
框架层为应用程序层的应用程序提供应用编程接口(application programming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。应用程序框架层相当于一个处理中心,这个中心决定让应用层中的应用程序做出动作。
如图3所示,本申请实施例中应用程序框架层包括活动管理(activity manager service)模块和窗口管理(window manager service)模块。
其中,活动管理模块用于:管理各个应用程序的生命周期以及通常的导航回退功能,比如控制应用程序的退出(包括将显示窗口中当前显示的用户界面切换到系统桌面)、打开、后退(包括将显示窗口中当前显示的用户界面切换到当前显示的用户界面的上一级用户界面)等。
窗口管理模块用于管理所有的窗口程序,比如获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕,控制显示窗口变化(例如将显示窗口缩小显示、抖动显示、扭曲变形显示等)等。
当然,在具体实施时框架层还可以包括功能服务,比如内容提供,电话管理,资源管理,通知管理等,本申请实施例对此不做限制。
系统运行库层为上层即框架层提供支撑,当框架层被使用时,安卓操作系统会运行系统运行库层中包含的C/C++库以实现框架层要实现的功能。
内核层是硬件和软件之间的层。如图3所示,内核层至少包含显示驱动和传感器驱动(如指纹传感器,温度传感器,触摸传感器、压力传感器等)。当然,在具体实施时内核层还可以包括其他驱动,如摄像头驱动,音频驱动等,本申请实施例对此不做限制。
应理解,图3中的软件架构对应的软件程序和/或模块存储在图2所示的手机100中的内部存储器121中。
下面以本申请实施例应用在上述手机100中为例对本申请实施例提供的方案进行详细介绍。
如图4所示,本申请实施例提供的控制用户界面的方法,包括:
S401:手机100在第一显示窗口中显示第一应用程序的第一用户界面,手机100确定接收到的滑动操作满足第一预设条件。
具体的,显示屏190在第一显示窗口中显示第一应用程序对应的第一用户界面时,显示屏190中的触控面板192检触到用户输入的触摸操作带来的信号,当然,显示屏190也可与触控面板192分离设置,用户对触控面板192进行操作以控制显示屏190上的显示变化;还可以采用已有的体感输入,悬浮输入等非接触技术实现滑动操作的输入和检测,这些情况也包含在本实施例中,不再另外说明。传感器将检测到的信号转换成处理器110能够处理的信息并传递给处理器110,处理器110中运行的内核层基于该信息生成操作对应的位置数据(具体可以包括触点坐标、触点坐标对应的时间戳等)。内核层根据第一预设时长内采集到的手指位置数据判定该操作是否为滑动操作。手机100确定该滑动操作是否满足预设的第一预设条件以确定是否触发该显示界面控制功能,第一预设条件可以是判断是否为特定位置开始的特定方向的滑动操作,其实现可以是现有技术。其可以包括以下参数判断条件中的部分或全部:例如滑动操作开始位置是否在预设区域(例如离手机边框/显示边界的距离小于等于预设阈值),移动方向是否符合预设条件(如是否向显示屏190中心方向移动),移动距离是否大于等于预设的移动阈值,以及输入操作的持续时间是否满足预设阈值等。
内核层在确定用户输入的操作为滑动操作后,对采集的手指位置数据进行实时上报,手指位置数据通过系统运行库层传输至框架层。在一些可能的设计中,系统运行库层接收到的手指位置数据后,还可以对手指位置数据进行防误触以及其他处理,然后再把处理后的手指位置数据传递给框架层,以此提高手指位置数据的可靠性。
滑动操作的起始位置可以是在屏幕的任意边缘位置,滑动操作的滑动方向可以为沿着屏幕所在平面上的任意方向往屏幕内滑动,本申请实施例不做限制。
例如,滑动的起点可以是屏幕的右侧边缘,滑动的方向可以为向屏幕的左侧滑动;又如,滑动的起点可以是屏幕的左侧边缘,滑动的方向可以为向屏幕的右侧滑动;再如,滑动的起点可以是屏幕的底边缘,滑动的方向可以为向屏幕的顶部滑动;再如,滑动的起点可以是屏幕的顶部,滑动的方向可以为向屏幕的底部滑动。示例性说明,满足第一预设条件的滑动操作可以包括是从屏幕的左侧向右滑动、从屏幕的右侧向左滑动、从屏幕的底部(包括屏幕的底部的中心位置、屏幕的底部的左右边缘位置等)向上滑动、从屏幕的顶部向下滑动等,手势操作的具体实现可以由实验人员设计,本申请实施例对此不做限制。除了滑动的位置和方向外,所述还可以包括预设条件例如滑动距离超过预定的阈值距离、滑动速度达到预定的速度或者加速度、手指与屏幕接触的时间超过预定的阈值时长等。
当然,以上只是对满足第一预设条件的滑动操作的一些可能的实现方式的举例,具体实施时还可以有其它实现方式,本申请实施例对此不做限制。
另外,在本申请实施例中,滑动操作对应的滑动轨迹可以是直线,也可以是曲线,本申请实施例不做具体限制。
S402:手机100响应于该滑动操作,对第一显示窗口进行变化处理。
具体的,处理器110中的框架层在收到内核层上报的手指位置数据后,根据接收到的手指位置数据控制应用层中的窗口应用,使得第一显示窗口发生变化。这个变化可以是个跟手动画,即能够跟随滑动操作而变化,使得第一显示窗口中当前显示的第一用户界面呈现动态显示的视觉效果。
在本申请实施中,第一用户界面可以是操作系统自带的系统程序的用户界面,例如相 机程序、系统设置程序、时钟等应用的主界面或次级界面,也可以是第三方开发者所开发的应用程序的用户界面,比如即时通讯程序、游戏程序等应用的主界面或次级界面,本申请实施例对此不做限制。
对第一显示窗口进行变化处理包括对第一显示窗口进行缩小显示、变形显示(变形包括旋转、翻转、扭曲、具有一定弯曲度等),闪动或抖动显示等,或者是以上几种显示方式的任意组合,本申请实施例不做具体限制。
下面对第一显示窗口的变化方式进行举例。
第一种、对第一显示窗口进行缩小显示。
具体的,处理器110可以控制第一显示窗口从屏幕边缘向屏幕中心方向缩小,也可以是将第一显示窗口沿预设方向(比如水平/竖直方向)缩小,或者以其他方式缩小,本申请实施例对此不做具体限制。
下面以前台运行的应用程序为系统设置程序,并且第一用户界面为系统设置程序的次级界面密码设置页面为例,对第一显示窗口的缩小方式进行举例。
示例1:如图5A、5B所示,当用户输入滑动操作时,第一显示窗口从屏幕边缘向屏幕中心缩小。其中,图5A是以滑动操作为从屏幕右侧边缘向内滑动为例,图5B是以滑动操作为从屏幕底部向上滑动为例。当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。
示例2:如图6A、6B所示,当用户输入滑动操作时,第一显示窗口沿预设方向缩小,显示第一显示窗口中的第一用户界面在所述预设方向上被压缩。其中,图6A是以滑动操作为从屏幕右侧边缘向内滑动、缩小方向为从右向左为例,图6B是以滑动操作为从屏幕底部向上滑动、缩小方向为从下向上为例。当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。相应的,第一显示窗口的缩小方式也可以有其他具体实现方式,本申请实施例对此不做限制。
示例3:如图7A、7B所示,当用户输入滑动操作时,第一显示窗口沿预设方向缩小,显示第一显示窗口中的第一用户界面在所述预设方向上被部分遮挡(剪切)。其中,图7A是以滑动操作为从屏幕右侧边缘向内滑动、遮挡方向为从右向左为例,图7B是以滑动操作为从屏幕底部向上滑动、遮挡方向为从下向上为例。当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。相应的,第一显示窗口的遮挡方式也可以有其他具体实现方式,本申请实施例对此不做限制。
在一些可能的实施例中,第一显示窗口缩小的比例(即缩小后界面的尺寸与原始界面的尺寸的比值,尺寸具体可包括第一显示窗口的长和/或宽)可以和滑动操作对应的滑动的距离相关,进而可使得用户能够通过控制滑动的距离来控制界面缩小程度的效果。
示例性的,第一显示窗口缩小的比例和滑动操作在预设方向上的滑动距离可以呈反比的关系,即滑动距离越大,第一显示窗口缩小的比例越小,当然也可以呈正比的关系,即滑动距离越大,第一显示窗口缩小的比例越大。其中,该预设方向可以是水平方向,也可以是竖直方向,还可以是其它指定方向(如沿屏幕右上角指向屏幕左下角的方向)等,本 申请实施例对此不做限制。
以第一显示窗口中显示的程序为系统设置程序,且滑动方向为从屏幕右侧向屏幕内部滑动,第一显示窗口的缩小方式为从屏幕边缘向屏幕中心缩小为例。请参见图8,图8A为手机100接收滑动操作前的第一显示窗口示意图,第一显示窗口内显示密码设置页面;当手指从屏幕右侧向内滑动第一距离(第一距离在水平方向上的分量为x1)后,第一显示窗口的大小缩小到原始窗口大小的90%,如图8B所示;当手指继续从屏幕右侧向内滑动第二距离(第二距离在水平方向上的分量为x2)后,第一显示窗口缩小到原始窗口大小的80%,如图8C所示;当手指继续从屏幕右侧向内滑动第三距离(第三距离在水平方向上的分量为x3)后,第一显示窗口的大小缩小到原始窗口大小的50%,如图8D所示。其中,x3>x2>x1。
在具体实施时,第一显示窗口的缩小比例与滑动距离的数学关系可以通过实验人员预先设计的公式得到,并将该实验得到的公式预先存在内部存储器121中,后续处理器110就可以根据从显示屏190中获取到的滑动距离,调用内部存储器121中存储的该换算公式,将获得的滑动距离带入该换算公式计算得到需要对第一显示窗口缩小到的尺寸大小,然后在显示屏190中按照计算得到的需要缩小到的尺寸大小显示第一显示窗口。
除此之外,第一显示窗口缩小的比例还可以和滑动操作对应的滑动的速度或者触摸力度相关,比如滑动的速度越大,第一显示窗口缩小的比例越小,或者触摸力度越大,缩小的比例越小等。
当第一显示窗口缩小到一定程度后,还可以限制界面不再随滑动距离的增大而继续缩小,以避免第一显示窗口缩小过度导致用户无法清楚查看到第一显示窗口内的内容的问题。例如,请继续参见图8,假设当前的界面最小只能缩小到50%,图8D为当前第一显示窗口能缩小到50%时的示意图,在此基础上,用户手指即便继续滑动更长的距离,如图8E所示,第一显示窗口也不再继续缩小,第一显示窗口缩小的比例保持在50%不变。
第二种、对第一显示窗口进行变形显示。
示例4:如图9A、9B所示,当用户输入滑动操作时,第一显示窗口发生翻转。其中,图9A是以滑动操作为从屏幕右侧边缘向内滑动、翻转方向由屏幕外向屏幕内翻转为例,图9B是以滑动操作为从屏幕底部向上滑动、翻转由屏幕外向屏幕内翻转为例。
类似的,第一显示窗口翻转的角度可以和滑动操作对应的滑动的距离相关,进而可使得用户能够通过控制滑动的距离来控制界面翻转程度的效果。
示例性的说明,第一显示窗口翻转的角度和滑动操作在预设方向上的滑动距离可以呈反比的关系,即滑动距离越大,第一显示窗口翻转的角度越小,当然也可以呈正比的关系,即滑动距离越大,第一显示窗口翻转的角度越大。例如,图9C所示,翻转的角度和手指的滑动距离成正比,滑动距离越大,第一显示窗口向屏幕内翻转的角度越大。
在具体实施时,第一显示窗口的翻转角度与滑动距离的数学关系可以通过实验人员预先设计的公式得到,并将该实验得到的公式预先存在内部存储器121中,后续处理器110就可以根据从显示屏190中获取到的滑动距离,调用内部存储器121中存储的该换算公式,将获得的滑动距离带入该换算公式计算得到需要对第一显示窗口翻转到的角度,然后在显示屏190中按照计算得到的需要翻转到的角度显示第一显示窗口。
除此之外,第一显示窗口翻转的角度还可以和滑动操作对应的滑动的速度或者触摸力度相关,比如滑动的速度越大,第一显示窗口翻转的角度越大,或者触摸力度越大,翻转 的角度越大等。
另外,当第一显示窗口翻转到一定程度(比如翻转角度达到阈值角度60°)时,还可以限制界面不再随滑动距离的增大而继续翻转,以避免第一显示窗口翻转过度导致用户无法清楚查看到第一显示窗口内的内容的问题。
当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。相应的,第一显示窗口的翻转方式也可以有其他具体实现方式,本申请实施例对此不做限制。
示例5:如图10A、10B所示,当用户输入滑动操作时,第一显示窗口发生旋转。其中,图10A是以滑动操作为从屏幕右侧边缘向内滑动、旋转方式为绕着屏幕中心沿逆时针方向旋转为例,图10B是以滑动操作为从屏幕左侧边缘向内滑动、旋转方式为绕着屏幕中心沿顺时针方向旋转为例。
类似的,第一显示窗口旋转的角度可以和滑动操作对应的滑动的距离相关,进而可使得用户能够通过控制滑动的距离来控制界面旋转程度的效果。示例性的说明,第一显示窗口旋转的角度和滑动操作在预设方向上的滑动距离可以呈反比的关系,即滑动距离越大,第一显示窗口旋转的角度越小,当然也可以呈正比的关系,即滑动距离越大,第一显示窗口旋转的角度越大。例如,图10C所示,旋转的角度和手指的滑动距离成正比,滑动距离越大,第一显示窗口顺时针旋转的角度越大。
在具体实施时,第一显示窗口的旋转角度与滑动距离的数学关系可以通过实验人员预先设计的公式得到,并将该实验得到的公式预先存在内部存储器121中,后续处理器110就可以根据从显示屏190中获取到的滑动距离,调用内部存储器121中存储的该换算公式,将获得的滑动距离带入该换算公式计算得到需要对第一显示窗口旋转到的角度,然后在显示屏190中按照计算得到的需要旋转到的角度显示第一显示窗口。
除此之外,第一显示窗口旋转的角度还可以和滑动操作对应的滑动的速度或者触摸力度相关,比如滑动的速度越大,第一显示窗口旋转的角度越大,或者触摸力度越大,旋转的角度越大等。
另外,当第一显示窗口旋转到一定程度(比如旋转角度达到阈值角度90°)时,还可以限制界面不再随滑动距离的增大而继续旋转,以避免第一显示窗口旋转过度导致用户查看到第一显示窗口内的内容不方便的问题。
当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。相应的,第一显示窗口的旋转方式也可以有其他具体实现方式,本申请实施例对此不做限制。
示例6:如图11所示,当用户输入从屏幕右侧边缘向内滑动的操作时,第一显示窗口靠近手指的侧边发生扭曲,扭曲的方向和手指的滑动方向一致。当然,在具体实施时,扭曲的形状和方向还可以有其它实现方式,本申请实施例对此不做限制。
类似的,第一显示窗口扭曲的程度可以和滑动操作对应的滑动的距离相关,进而可使得用户能够通过控制滑动的距离来控制界面扭曲程度的效果。示例性的,第一显示窗口扭曲的程度和滑动操作在预设方向上的滑动距离可以呈反比的关系,即滑动距离越大,第一显示窗口扭曲的程度越小;当然也可以呈正比的关系,如图11所示,即滑动距离越大,第一显示窗口扭曲的程度越大。其中,该预设方向可以是水平方向,也可以是竖直方向,还 可以是其它指定方向(如沿屏幕左上角指向屏幕右下角的方向)等,本申请实施例对此不做限制。
在具体实施时,第一显示窗口的扭曲程度相关参数与滑动距离的数学关系可以通过实验人员预先设计的公式得到,并将该实验得到的公式预先存在内部存储器121中,后续处理器110就可以根据从显示屏190中获取到的滑动距离,调用内部存储器121中存储的该换算公式,将获得的滑动距离带入该换算公式计算得到对应的扭曲程度相关参数,然后在显示屏190中按照计算得到扭曲程度相关参数显示当前的第一显示窗口。
除此之外,第一显示窗口扭曲的程度还可以和滑动操作对应的滑动的速度或者触摸力度相关,比如滑动的速度越大,第一显示窗口扭曲的程度越大,或者触摸力度越大,扭曲的程度越大等。
另外,当第一显示窗口扭曲到一定程度时,还可以限制界面不再随滑动距离的增大而继续扭曲,以避免第一显示窗口扭曲过度导致用户查看第一显示窗口内容不方便的问题。
当然,在具体实施时,滑动操作的位置和方向还可以是从屏幕左侧边缘向内滑动、从屏幕底边缘向上滑动等其它实现方式,本申请实施例不一一示意。相应的,第一显示窗口的扭曲方式也可以有其他具体实现方式,本申请实施例对此不做限制。
第三种、对第一显示窗口进行抖动或闪烁显示。
示例7:当用户输入滑动操作时,第一显示窗口进行抖动或者闪烁显示。
类似的,第一显示窗口抖动或闪烁的频率可以和滑动操作对应的滑动的距离相关,比如滑动距离越大,第一显示窗口抖动或闪烁的频率越小,或者滑动距离越大,第一显示窗口抖动或闪烁的频率越大,本申请实施对此不做具体限制。
除此之外,第一显示窗口抖动或闪烁的频率还可以和滑动操作对应的滑动的速度或者触摸力度相关,比如滑动的速度越大,第一显示窗口抖动或闪烁的频率越小,或者触摸力度越大,第一显示窗口抖动或闪烁的频率越大等。
应理解的是,以上几种示例中的第一显示窗口变化方式仅仅是对本申请技术方案的示例性说明,在具体实施时还可以有其他具体实现方式。
在具体实施时,上述几种第一显示窗口的变化方式也可以相互结合实施,比如在第一显示窗口在缩小的过程中还可以伴随旋转效果,第一显示窗口在被变形时还伴随抖动效果,在第一显示窗口在缩小的过程中还伴随变形效果和抖动效果等等,本申请实施例对此不做具体限制。
示例性地,仍以第一显示窗口为系统设置程序的显示窗口为例,请参见图12,处理器110检测到用户输入滑动操作时,控制第一显示窗口从屏幕边缘向屏幕中心缩小且绕着屏幕中心沿逆时针方向旋转。其中,第一显示窗口的缩小比例可以和滑动的距离呈反比,第一显示窗口的旋转角度也可以和滑动的距离呈反比。
需要说明的是,以上是以滑动操作输入前手机100为全屏显示模式为例,对控制显示窗口变化的方案进行介绍。在具体实施时,当滑动操作输入前手机100在非全屏显示模式下,上述控制显示窗口变化的方案同样适用。示例性地,请参见图13,当手机100在右手单手操作模式时,第一显示窗口仅占用显示屏190的部分有效显示区域,如图13中的左图所示;当手机100的处理器110检测到用户输入滑动操作时,控制第一显示窗口在该部分有效显示区域进行缩小,如图13中的右图所示。
在上述实施例中,处理器110将第一显示窗口进行变化处理时,如果变化前的第一显示窗口中还显示有系统状态栏、悬浮窗(比如悬浮导航)等其它应用程序的信息,则这些信息可以随着第一显示窗口的变化而变化,如图5A所示,当第一显示窗口缩后时,显示屏190顶部的系统状态栏(包括网络信息“中国移动4G”、时间信息“08:08”、剩余电量信息)等,显示在缩小后的第一显示窗口内上方位置。当然,在具体实施时,系统状态栏、悬浮窗等也可以不随着第一显示窗口的变化而变化,如图14所示,第一显示窗口缩小时,仅前台运行的应用程序的用户界面的内容随着第一显示窗口缩小而缩小,而系统状态栏保持原有的显示效果不变,仍然显示在显示屏190的顶部。
当然,在具体实施时,上述控制显示窗口变化的方案也适用于显示屏190同时显示多个显示窗口的场景,比如手机100在分屏显示场景下,显示屏190的显示区域被划分为多个显示窗口,不同的显示窗口中显示不同应用程序的用户界面。只是对于多窗口显示的场景,第一预设条件可以增加限定条件,例如增加滑动操作的起始位置/移动距离的限定,和/或考虑当前的活动窗口,以此确定滑动操作的触发对哪一个窗口的控制。
一种示例,参见图15A、图15B,显示屏190的显示区域被划分为两个上下排列的显示窗口,第一显示窗口位于显示屏190上方,第二显示窗口位于显示屏190的下方。第一显示窗口中显示的用户界面为系统设置应用程序中的密码设置页面,第二显示窗口中的显示的用户界面为短信/彩信应用程序中的短信息显示页面。当滑动操作的滑动位置在第一显示窗口对应的显示区域时,如图15A所示,手机100中的处理器110响应该滑动操作,将第一显示窗口进行缩小变化处理。当滑动操作的滑动位置在第二显示窗口对应的显示区域时,如图15B所示,手机100中的处理器110响应该滑动操作,将第二显示窗口进行缩小变化处理。
另一种示例,参见图16A、图16B,显示屏190的显示区域被划分为两个上下排列的显示窗口,第一显示窗口位于显示屏190上方,第二显示窗口位于显示屏190的下方。第一显示窗口中显示的用户界面为系统设置应用程序中的密码设置页面,第二显示窗口中的显示的用户界面为系统桌面。假设当前的活动窗口为第一显示窗口,则无论滑动操作在哪一个显示窗口的显示区域执行,手机100的处理器110都响应该滑动操作,将当前活动的第一显示窗口进行缩小变化处理。例如图16A所示,当滑动操作的滑动位置在第一显示窗口对应的显示区域时,手机100中的处理器110响应该滑动操作,将第一显示窗口进行缩小变化处理。例如图16B所示,当滑动操作的滑动位置在第二显示窗口对应的显示区域时,手机100中的处理器110响应该滑动操作,将第一显示窗口进行缩小变化处理。
当然,在具体实施时,手机100在分屏显示场景下,处理器110响应于滑动操作对第一显示窗口或第二显示窗口进行变化处理还可以有其它实现方式,比如对第一显示窗口或第二显示窗口进行变形、扭曲、抖动、闪烁等处理,具体可以参照上述显示屏190只显示一个显示窗口时,处理器110对显示窗口执行变化处理时的具体实现方式,此处不再赘述。
在上述实施例中,当处理器110控制显示窗口进行动态显示时,显示窗口的背景除了可以是如图5A~图16B所示纯黑色背景外,还可以有其它实现方式。比如,还可以是纯白色背景,或者根据显示窗口中当前显示的内容颜色智能取色(如显示窗口中有大面积橙色色块,则使用浅橙色作为背景色),或者是其它用户界面(比如是第一用户界面的上一级界面、系统桌面等),或者是经过模糊处理的其他用户界面,或者是经过蒙黑处理过的其他界 面等等。
S403:手机100在检测到该滑动操作满足第二预设条件时,将第一显示窗口的显示效果恢复到变化前的显示效果,以及将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面或者系统桌面,其中第二用户界面为第一用户界面的上一级界面。
具体的,当滑动操作满足第二预设条件时,处理器110中运行的框架层中的窗口管理控制应用层中的窗口程序将第一显示窗口的显示效果恢复到变化前的显示效果,活动管理将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面或者系统桌面。
应理解的是,在本申请实施例中,窗口管理将第一显示窗口的显示效果恢复到变化前的显示效果,以及活动管理对第一显示窗口中的用户界面进行切换,这两个操作的执行顺序可以是并行同步执行,也可以是先后执行,本申请实施例不做具体限制。
示例性地,仍以前台运行的应用程序为系统设置程序为例,并且变化处理具体为缩小第一显示窗口。如图17A所示,为先恢复第一显示窗口的显示效果,再切换第一显示窗口中的用户界面的示意图;如图17B所示,为先切换第一显示窗口中的用户界面,再恢复第一显示窗口的显示效果的示意图。
在一些可能的设计中,上述第二预设条件可以是用户结束输入的滑动操作,例如松手、离开屏幕、结束输入、滑离有效显示区域、滑离有效感应区、滑离预设区域等。
在具体实施时,上述第一预设条件和第二预设条件也可以以预设的滑动手势预先存储在内部存储器121中,在滑动操作的持续过程中,手机持续将获取的滑动操作与预先存储的滑动手势相比较。具体的,处理器110可以将从显示屏190获取的滑动操作对应的滑动手势与存储器121中预先存储的滑动手势进行比对,在比对结果一致时再将当前显示的第一用户界面切换为显示第二用户界面或者系统桌面。例如,处理器110在确定滑动操作具体是从屏幕右侧向内滑动,并且滑动的距离超过设计阈值距离,则认为该滑动操作满足第一预设条件,并触发对窗口进行特定的显示控制;并且在用户手指离开屏幕时,确定该滑动操作和预设的手势操作相匹配,即确定该滑动操作满足第二预设条件,则将第一显示窗口恢复为该滑动操作之前的显示状态,以及将第一显示窗口中当前显示的第一用户界面切换为第一用户界面的上一级界面或者切换为系统桌面。这样,第一预设条件和第二预设条件可以对应一个预保存的滑动手势的不同时段。当然第一和第二预设条件也可以是分别预设的两个独立的条件。
在一些可能的设计中,不同的手势操作可以触发处理器110执行不同类型的界面切换操作。其中,该界面切换操作的类型包括将第一用户界面切换到第一用户界面的上一级用户界面、将第一用户界面切换到系统桌面等。
下面例举几种可能的实现方式:
方式一:不同的滑动位置对应不同的界面切换操作。
例如,当滑动操作是从屏幕左/右侧边缘向内滑动时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面;当滑动操作是从屏幕上/下侧边缘向内滑动时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示系统桌面。
例如,当滑动操作是从屏幕右侧边缘向内滑动时,处理器110将第一显示窗口中当前显示的第一用户界面切换为第二用户界面;当滑动操作是从屏幕左侧边缘向内滑动时,处 理器110将第一显示窗口中当前显示的第一用户界面切换为系统桌面。或者相反—从屏幕上/下边缘向内滑动对应切换为显示第二用户界面,从屏幕左/右侧边缘向内滑动,对应切换为系统桌面。
例如,当滑动操作是从屏幕底部的左/右边缘向上滑动时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面;当滑动操作是从底部的中部边缘向上滑动时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示系统桌面;或者相反—从屏幕底部的中部边缘向上滑动对应切换为显示第二用户界面,从屏幕左/右侧边缘向上滑动,对应切换为系统桌面。
方式二:相同的滑动位置,但不同滑动速度对应不同的界面切换操作。
例如,当滑动操作是从屏幕底部向上滑动且滑动速度达到或者超过第一速度阈值时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面;当滑动操作是从屏幕底部向上滑动且滑动速度小于第一速度阈值时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示系统桌面;或者相反。
方式三:相同滑动位置,但不同触摸力度对应不同的界面切换操作。
例如,当滑动操作是从屏幕底部向上滑动且触摸强度小于第一压力阈值时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面;当滑动操作是从屏幕底部向上滑动且触摸强度达到或者超过第一压力阈值时,处理器110将第一显示窗口中当前显示的第一用户界面切换为显示系统桌面;或者相反。
在一些可能的设计中,如果当前显示的第一用户界面已是该应用程序的主界面(即没有上一级用户界面),但滑动操作对应的手势和用于触发处理器110将第一用户界面切换到第一用户界面的上一级用户界面的手势相匹配时,处理器110可以不执行界面切换操作,或者是执行将当前显示的第一用户界面切换为系统桌面的操作。
示例性地,仍以前台运行的应用程序为系统设置程序为例,请参见图18,用户在设置主页界面(系统设置程序的主界面)上输入触发界面返回操作功能的手势操作,由于系统设置程序的主界面没有更上一级的用户界面,所以窗口管理器将用户界面从设置主页界面切换到系统桌面程序的主界面。此时,处理器110可以将系统设置程序切换到后台运行,或者是将系统设置程序退出运行,本申请实施例对此不做限制。
在一些可能的实施例中,如果用户输入的滑动操作不满足第一预设条件,或和预设的手势操作不匹配,处理器110可以不执行界面切换操作。在这种情况下,当滑动操作结束后,第一显示窗口的显示效果仍可以恢复到原始显示效果,但是处理器110不会将第一用户界面切换为第二用户界面或者系统桌面。这样,用户在执行滑动操作的过程中,如果想反悔,则可以通过改变手指的滑动方式来撤销该触发。
示例性地,仍以前台运行的应用程序为系统设置程序,且以变化处理为缩小第一显示窗口为例。请参见图19,用户手指在屏幕上从屏幕右侧向内滑动,处理器110根据该滑动操作控制当前显示的密码设置页面向屏幕中心缩小,如图19B;用户手指在从屏幕右侧向内滑动一段距离后,接着逆向滑动到起始位置并从屏幕右侧边缘位置离开,处理器110控制第一显示窗口随着手指的滑动放大,最后恢复到原始尺寸,如图19C,在用户手指离开屏幕后,第一显示窗口中的用户界面仍为密码设置页面不变,这样就可以撤销触发界面返回功能,处理器110不会执行切换用户界面的操作。
类似的,当处理器110控制第一显示窗口随着手指逆向滑动而放大的过程中,第一显示窗口放大的比例和逆向滑动操作在预设方向上的滑动距离可以呈反比的关系,即逆向滑动距离越大,第一显示窗口放大越小,当然也可以呈正比的关系,即逆向滑动距离越大,第一显示窗口放大越大。具体实现方式可以参照上文中处理器110控制第一显示窗口随着手指滑动而缩小的实现方式,此处不再赘述。
当然,当处理器110控制第一显示窗口随着手指的逆向滑动而变化的过程中,还可以是控制第一显示窗口呈现其它动态显示效果,例如抖动、闪烁、旋转、变形等效果。逆向滑动时第一显示窗口的显示效果可以和正向滑动时第一显示窗口的显示效果相对应,此处不再一一赘述。
应理解的是,本申请实施例中,第一显示窗口的显示效果的变化是由如图3所示的框架层中的窗口管理控制应用层中的窗口应用实现的。应用层的窗口应用本身提供了改变位移缩放等属性的功能(比如提供可供修改第一显示窗口对应第一显示窗口的尺寸、位移等属性的应用程序编程接口(application programming interface,API),而该功能是安卓开放源代码项目(android open-source project,AOSP)既有的能力构建的。本申请实施例中控制将第一显示窗口缩小、抖动、扭曲变形等变化显示,实质是框架层中的窗口管理对应用层的窗口应用中的API进行调用,修改当前第一显示窗口对应的相关API提供的部分属性参数实现,所以并不会影响窗口里面内容(即用户界面)本身的刷新。特别是如相机、音乐、游戏、视频等用户界面上时常会有持续动效的应用(如网易云音乐的黑胶唱片在转、滚动中的网页等),在这些场景下,用户仍然可以对第一显示窗口中的用户界面进行实时监控。
示例性地,请参见图20,以前台运行的应用程序为相机,并且变化处理为缩小第一显示窗口为例。用户在相机程序的拍摄界面上执行滑动操作,拍摄界面随着滑动操作而缩小,如图20B所示。在用户执行滑动操作的过程中,拍摄场景发生了变化,拍摄场景中的人物从一个人变成两个人,手机100的摄像头170仍然可以对拍摄场景进行实时取景,而处理器110仍然可以控制显示屏190在拍照界面上对摄像头170取景到的图像进行实时呈现,如图20C所示。
以上是以滑动操作输入前手机100为全屏显示模式为例,对控制窗口恢复和控制窗口中用户界面切换的方案进行介绍。在具体实施时,如果滑动操作输入前手机100在非全屏显示模式下,则处理器110在确定滑动操作满足第二预设条件时,将该滑动操作所控制的显示窗口恢复到变化前非全屏显示模式下的显示效果,以及对该显示窗口中当前显示的用户界面进行切换。
示例性地,沿用上述图13中的例子,当手机100在右手单手操作模式下,手机100的处理器110响应用户输入滑动操作控制第一显示窗口在该部分有效显示区域进行缩小时,如果确定该滑动操作满足第二预设条件(比如滑动操作结束),则将第一显示窗口的恢复放大至原始尺寸(即右手单手操作模式下的最大显示尺寸),并将第一显示窗口中的密码设置页面切换到系统设置的主页面,如图21所示。
当然,在具体实施时,上述控制窗口恢复和控制窗口中用户界面切换的方案也适用于显示屏190同时显示多个显示窗口的场景。比如手机100在分屏显示场景下,显示屏190的显示区域被划分为多个显示窗口,处理器110在确定滑动操作满足第二预设条件时,将当前滑动操作所控制的显示窗口恢复到变化前的显示效果,以及对该显示窗口中当前显示 的用户界面进行切换,比如将第一显示窗口中当前显示的第一用户界面切换为显示第二用户界面或者系统桌面,或者第二显示窗口中当前显示的第三用户界面切换为显示第四用户界面(第三用户界面的上一级界面)或者系统桌面等。
一种示例,延用上述图15A的例子,手机100中的处理器110在响应滑动操作,将第一显示窗口进行缩小变化处理时,如果确定该滑动操作满足第二预设条件(比如滑动操作结束),则将第一显示窗口的恢复放大至原始尺寸,并将第一显示窗口中的密码设置页面切换到密码设置页面的上一级界面(即系统设置的主界面),如图22所示。
另一种示例,沿用上述图15B的例子,手机100中的处理器110在响应滑动操作,将第二显示窗口进行缩小变化处理时,如果确定该滑动操作满足第二预设条件(比如滑动操作结束),则将第二显示窗口的恢复放大至原始尺寸,并将第二显示窗口中的短信息显示页面切换到短信息显示页面的上一级界面(短信/彩信应用程序的主界面),如图23所示。
在上述方案中,电子设备接收到用户输入的滑动操作时,电子设备确定该滑动操作满足第一预设条件,则根据滑动操作对显示窗口进行变化处理,使得显示窗口中当前显示的第一用户界面呈现动态显示效果,以向用户提示输入的滑动操作生效;电子设备在检测到该滑动操作满足第二预设条件时,又将显示窗口恢复到原始显示效果,以及将显示窗口中当前显示的第一用户界面切换为显示第一用户界面的上一级界面或者系统桌面,增强了界面切换的连贯性,提高了电子设备的交互效率,使得用户界面的切换更加智能。
不仅如此,电子设备在根据滑动操作对显示窗口进行变化处理时,显示窗口的变化程度可以和用户输入的滑动操作对应的滑动距离相关联,增强了操作反馈的提示性,提高人机交互的趣味,进一步提高了交互的智能性。比如,在对显示窗口进行缩小时,显示窗口缩小的比例可以和滑动操作在预设方向上的滑动距离呈反比,进而实现用户可以通过控制手指滑动距离来控制显示窗口缩小程度的效果。
另外,如果用户输入的滑动操作和预设的手势操作不匹配,电子设备不会执行界面切换操作。这样用户在滑动屏幕过程中,如果想反悔,则可以通过改变手指的滑动方式来撤销触发界面返回功能,以进一步提高电子设备交互的智能性。
上述本申请提供的实施例中,从电子设备作为执行主体的角度对本申请实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能,电子设备可以包括硬件结构和/或软件模块,以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行,取决于技术方案的特定应用和设计约束条件。
基于相同的技术构思,本申请还提供的一种电子设备500,用于执行本申请以上各实施例提供的方法。如图24所示,电子设备500可以包括存储器501和处理器502。其中,存储器501用于存储程序指令,处理器502用于调用存储器501中存储的程序指令,实现本申请实施例控制用户界面的方法。例如,存储器501存储有执行图4所示的控制用户界面的方法的程序指令,则处理器502调用存储器501存储的执行图4所示的控制用户界面的方法的程序指令,执行图4所示的控制用户界面的方法。
本申请实施例中处理器502可以是通用处理器、数字信号处理器(digital signal processor,DSP)、专用集成电路(application specific integrated circuit,ASIC)、现成可编程门阵列(field programmable gate array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、 分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存取存储器(random access memory,RAM)、闪存、只读存储器(read-only memory,ROM)、可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器,处理器读取存储器中的指令,结合其硬件完成上述方法的步骤。
装置的具体实现方式的相关特征可以参照上文的方法部分,此处不再赘述
本申请的各个实施例可以单独使用,也可以相互结合使用,以实现不同的技术效果。
以上所述,以上实施例仅用以对本申请的技术方案进行了详细介绍,但以上实施例的说明只是用于帮助理解本申请实施例的方法,不应理解为对本申请实施例的限制。本技术领域的技术人员可轻易想到的变化或替换,都应涵盖在本申请实施例的保护范围之内。
上述实施例中所用,根据上下文,术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地,根据上下文,短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。
为了解释的目的,前面的描述是通过参考具体实施例来进行描述的。然而,上面的示例性的讨论并非意图是详尽的,也并非意图要将本申请限制到所公开的精确形式。根据以上教导内容,很多修改形式和变型形式都是可能的。选择和描述实施例是为了充分阐明本申请的原理及其实际应用,以由此使得本领域的其他技术人员能够充分利用具有适合于所构想的特定用途的各种修改的本申请以及各种实施例。
Claims (19)
- 一种控制用户界面的方法,其特征在于,应用于电子设备,所述方法包括:所述电子设备在第一显示窗口中显示第一应用程序的第一用户界面;所述电子设备接收第一滑动操作;响应于确定所述第一滑动操作满足第一预设条件,所述电子设备则对所述第一显示窗口进行预设操作,所述预设操作为以下操作中的至少一种:缩小,翻转,旋转,抖动,闪烁,扭曲;响应于确定所述第一滑动操作满足第二预设条件,所述电子设备则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面;其中,所述第一预设条件不同于所述第二预设条件。
- 如权利要求1所述的方法,其特征在于,所述第一滑动操作满足第一预设条件包括以下几项中的至少一项:所述第一滑动操作是从特定位置开始的特定方向的滑动操作;所述第一滑动操作的滑动距离超过预定的阈值距离;所述第一滑动操作的滑动速度达到预定的速度或者加速度;所述第一滑动操作的滑动时长超过预定的阈值时长。
- 如权利要求1所述的方法,其特征在于,所述电子设备对所述第一显示窗口进行预设操作,包括:所述电子设备根据所述第一滑动操作的滑动距离对应缩小所述第一显示窗口。
- 如权利要求1所述的方法,其特征在于,所述电子设备确定所述第一滑动操作满足第二预设条件包括:所述电子设备检测到所述第一滑动操作结束。
- 如权利要求1-4任一项所述的方法,其特征在于,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:当所述第一用户界面为第一应用程序的次级界面时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;当所述第一用户界面为第一应用程序的主界面时,在所述恢复的第一显示窗口中显示系统桌面。
- 如权利要求1-4任一项所述的方法,其特征在于,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:确定所述第一滑动操作为预设的返回上一级手势时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;确定所述第一滑动操作为预设的返回桌面手势时,在所述恢复的第一显示窗口中显示系统桌面;其中,所述预设的返回上一级手势与预设的返回桌面手势不同。
- 如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:所述电子设备在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述响应于确定所述第一滑动操作满足第一预设条件,所述电子设备则对所述第一显示窗口进行预设操作包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第一预设条件,所述电子设备则对所述第一显示窗口进行所述预设操作;所述响应于确定所述第一滑动操作满足第二预设条件,所述电子设备则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面。
- 如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:所述电子设备在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述电子设备接收第二滑动操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足所述第一预设条件,所述电子设备则对所述第二显示窗口进行所述预设操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足第二预设条件,所述电子设备则恢复所述第二显示窗口的显示,并在所述恢复的第二显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第二显示窗口中显示系统桌面。
- 一种电子设备,其特征在于,所述电子设备包括:显示屏、处理器和存储器;其中,所述显示屏用于显示至少一个用于显示用户界面的显示窗口;所述存储器用于存储一个或多个计算机程序;当所述存储器存储的一个或多个计算机程序被所述处理器执行时,使得所述电子设备能够实现如权利要求1至8任一所述的方法。
- 一种电子设备,其特征在于,所述电子设备包括:显示屏、处理器和存储器;其中,所述显示屏用于显示至少一个用于显示用户界面的显示窗口;所述存储器用于存储一个或多个计算机程序;当所述存储器存储的一个或多个计算机程序被所述处理器执行时,使得所述电子设备执行如下步骤:在第一显示窗口中显示第一应用程序的第一用户界面;接收第一滑动操作;响应于确定所述第一滑动操作满足第一预设条件,则对所述第一显示窗口进行预设操作,所述预设操作为以下操作中的至少一种:缩小,翻转,旋转,抖动,闪烁,扭曲;响应于确定所述第一滑动操作满足第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面;其中,所述第一预设条件不同于所述第二预设条件。
- 如权利要求10所述的电子设备,其特征在于,所述第一滑动操作满足第一预设条件包括以下几项中的至少一项:所述第一滑动操作是从特定位置开始的特定方向的滑动操作;所述第一滑动操作的滑动距离超过预定的阈值距离;所述第一滑动操作的滑动速度达到预定的速度或者加速度;所述第一滑动操作的滑动时长超过预定的阈值时长。
- 如权利要求10所述的电子设备,其特征在于,对所述第一显示窗口进行预设操作,包括:根据所述第一滑动操作的滑动距离对应缩小所述第一显示窗口。
- 如权利要求10所述的电子设备,其特征在于,确定所述第一滑动操作满足第二预设条件包括:检测到所述第一滑动操作结束。
- 如权利要求10-13任一项所述的电子设备,其特征在于,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:当所述第一用户界面为第一应用程序的次级界面时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;当所述第一用户界面为第一应用程序的主界面时,在所述恢复的第一显示窗口中显示系统桌面。
- 如权利要求10-13任一项所述的电子设备,其特征在于,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:确定所述第一滑动操作为预设的返回上一级手势时,在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面;确定所述第一滑动操作为预设的返回桌面手势时,在所述恢复的第一显示窗口中显示系统桌面;其中,所述预设的返回上一级手势与预设的返回桌面手势不同。
- 如权利要求10-15任一项所述的电子设备,其特征在于,当所述存储器存储的一个或多个计算机程序被所述处理器执行时,还使得所述电子设备执行如下步骤:在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;所述响应于确定所述第一滑动操作满足第一预设条件,则对所述第一显示窗口进行预设操作包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第一预设条件,则对所述第一显示窗口进行所述预设操作;所述响应于确定所述第一滑动操作满足第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第一用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面,包括:响应于确定当前活动窗口为所述第一显示窗口,且所述第一滑动操作满足所述第二预设条件,则恢复所述第一显示窗口的显示,并在所述恢复的第一显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第一显示窗口中显示系统桌面。
- 如权利要求10-15任一项所述的电子设备,其特征在于,当所述存储器存储的一个 或多个计算机程序被所述处理器执行时,还使得所述电子设备执行如下步骤:在第二显示窗口中显示第二应用程序的第二用户界面;其中,所述第一显示窗口和第二显示窗口同时显示在所述电子设备的显示区域上且所述第一显示窗口占用的屏幕空间与所述第二显示窗口占用的屏幕空间至少有一部分不重合;接收第二滑动操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足所述第一预设条件,则对所述第二显示窗口进行所述预设操作;响应于确定当前活动窗口为所述第二显示窗口,且所述第二滑动操作满足第二预设条件,则恢复所述第二显示窗口的显示,并在所述恢复的第二显示窗口中显示所述第二用户界面的上一级界面,或在所述恢复的第二显示窗口中显示系统桌面。
- 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括计算机程序,当计算机程序在电子设备上运行时,使得所述电子设备执行如权利要求1至8任一所述的方法。
- 一种计算机程序产品,其特征在于,所述计算机程序产品包括指令,当所述指令被执行时,使得计算机执行如权利要求1至8任一所述的方法。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910578283.0A CN110427151A (zh) | 2019-06-28 | 2019-06-28 | 一种控制用户界面的方法及电子设备 |
| CN201910578283.0 | 2019-06-28 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2020259651A1 true WO2020259651A1 (zh) | 2020-12-30 |
Family
ID=68408859
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2020/098356 Ceased WO2020259651A1 (zh) | 2019-06-28 | 2020-06-28 | 一种控制用户界面的方法及电子设备 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN110427151A (zh) |
| WO (1) | WO2020259651A1 (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115344179A (zh) * | 2021-05-12 | 2022-11-15 | 荣耀终端有限公司 | 显示方法及电子设备 |
| CN116107484A (zh) * | 2023-01-16 | 2023-05-12 | 长城汽车股份有限公司 | 页面返回控制方法、装置、电子设备、存储介质及车辆 |
Families Citing this family (25)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110427151A (zh) * | 2019-06-28 | 2019-11-08 | 华为技术有限公司 | 一种控制用户界面的方法及电子设备 |
| CN111309232B (zh) * | 2020-02-24 | 2021-04-27 | 北京明略软件系统有限公司 | 一种显示区域调整方法及装置 |
| CN113766293B (zh) * | 2020-06-05 | 2023-03-21 | 北京字节跳动网络技术有限公司 | 信息显示方法、装置、终端及存储介质 |
| CN111752461A (zh) * | 2020-06-18 | 2020-10-09 | Oppo广东移动通信有限公司 | 内容显示方法、装置、电子设备及存储介质 |
| CN115357177B (zh) * | 2020-07-09 | 2026-03-24 | Oppo广东移动通信有限公司 | 设备控制方法、装置、存储介质及电子设备 |
| CN112165550B (zh) * | 2020-09-02 | 2021-11-16 | Oppo(重庆)智能科技有限公司 | 单手控制方法、终端及存储介质 |
| CN112099707A (zh) * | 2020-09-04 | 2020-12-18 | 维沃移动通信有限公司 | 显示方法、装置和电子设备 |
| CN112256170A (zh) * | 2020-10-15 | 2021-01-22 | 珠海格力电器股份有限公司 | 一种控制屏幕的方法及装置 |
| CN112527165A (zh) | 2020-12-16 | 2021-03-19 | Oppo广东移动通信有限公司 | 界面显示状态的调整方法及装置、设备、存储介质 |
| CN114764300B (zh) * | 2020-12-30 | 2024-05-03 | 华为技术有限公司 | 一种窗口页面的交互方法、装置、电子设备以及可读存储介质 |
| CN114816212A (zh) * | 2021-01-27 | 2022-07-29 | Oppo广东移动通信有限公司 | 界面交互方法、界面交互装置、电子装置和存储介质 |
| CN115220826A (zh) * | 2021-04-15 | 2022-10-21 | 华为技术有限公司 | 窗口显示的方法和电子设备 |
| CN114816047A (zh) * | 2021-04-30 | 2022-07-29 | 华为技术有限公司 | 一种跨设备迁移任务的方法、装置、系统和存储介质 |
| CN113467678A (zh) * | 2021-06-10 | 2021-10-01 | 北京达佳互联信息技术有限公司 | 目标对象显示方法、装置、电子设备及计算机可读存储介质 |
| TWI786678B (zh) * | 2021-06-11 | 2022-12-11 | 開酷科技股份有限公司 | 具有手勢辨識功能之耳機裝置 |
| CN113485665B (zh) * | 2021-07-16 | 2025-09-09 | 维沃移动通信有限公司 | 屏幕防抖方法、装置、设备和存储介质 |
| US11483642B1 (en) | 2021-07-27 | 2022-10-25 | KaiKuTek Inc. | Earphone device having gesture recognition functions |
| CN113805772B (zh) * | 2021-08-20 | 2022-12-23 | 荣耀终端有限公司 | 一种动态响应的方法、电子设备及存储介质 |
| CN115904185B (zh) * | 2021-09-30 | 2025-09-09 | 荣耀终端股份有限公司 | 数据处理方法和相关装置 |
| CN116540911A (zh) * | 2022-01-26 | 2023-08-04 | 华为技术有限公司 | 信息交互方法、手表及计算机可读存储介质 |
| CN115268815A (zh) * | 2022-08-17 | 2022-11-01 | 维沃移动通信有限公司 | 界面显示方法、装置和电子设备 |
| CN115981510A (zh) * | 2022-12-27 | 2023-04-18 | 北京小米移动软件有限公司 | 窗口扭曲方法、装置、存储介质和芯片 |
| CN119211408A (zh) * | 2023-06-25 | 2024-12-27 | 荣耀终端有限公司 | 显示卡片的方法与电子设备 |
| CN119211409B (zh) * | 2023-06-25 | 2026-02-10 | 荣耀终端股份有限公司 | 显示卡片的方法与电子设备 |
| CN120234070A (zh) * | 2023-12-28 | 2025-07-01 | 华为技术有限公司 | 显示方法和电子设备 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108762615A (zh) * | 2018-05-28 | 2018-11-06 | 北京小米移动软件有限公司 | 窗口显示方法及装置 |
| CN109032708A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面切换方法、装置、设备和存储介质 |
| US20180373427A1 (en) * | 2014-10-17 | 2018-12-27 | International Business Machines Corporation | Triggering display of application |
| CN109710135A (zh) * | 2018-12-29 | 2019-05-03 | 努比亚技术有限公司 | 分屏显示控制方法、终端以及计算机可读存储介质 |
| CN110427151A (zh) * | 2019-06-28 | 2019-11-08 | 华为技术有限公司 | 一种控制用户界面的方法及电子设备 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103677564B (zh) * | 2013-11-20 | 2016-03-30 | 小米科技有限责任公司 | 滑动操作响应方法、装置及终端设备 |
| CN108319414A (zh) * | 2018-01-31 | 2018-07-24 | 北京小米移动软件有限公司 | 界面显示方法及装置 |
| CN108228073B (zh) * | 2018-01-31 | 2021-06-15 | 北京小米移动软件有限公司 | 界面显示方法及装置 |
-
2019
- 2019-06-28 CN CN201910578283.0A patent/CN110427151A/zh active Pending
-
2020
- 2020-06-28 WO PCT/CN2020/098356 patent/WO2020259651A1/zh not_active Ceased
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180373427A1 (en) * | 2014-10-17 | 2018-12-27 | International Business Machines Corporation | Triggering display of application |
| CN109032708A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面切换方法、装置、设备和存储介质 |
| CN108762615A (zh) * | 2018-05-28 | 2018-11-06 | 北京小米移动软件有限公司 | 窗口显示方法及装置 |
| CN109710135A (zh) * | 2018-12-29 | 2019-05-03 | 努比亚技术有限公司 | 分屏显示控制方法、终端以及计算机可读存储介质 |
| CN110427151A (zh) * | 2019-06-28 | 2019-11-08 | 华为技术有限公司 | 一种控制用户界面的方法及电子设备 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115344179A (zh) * | 2021-05-12 | 2022-11-15 | 荣耀终端有限公司 | 显示方法及电子设备 |
| CN116107484A (zh) * | 2023-01-16 | 2023-05-12 | 长城汽车股份有限公司 | 页面返回控制方法、装置、电子设备、存储介质及车辆 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110427151A (zh) | 2019-11-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2020259651A1 (zh) | 一种控制用户界面的方法及电子设备 | |
| US20220377128A1 (en) | File transfer display control method and apparatus, and corresponding terminal | |
| US8760557B2 (en) | User interface for a digital camera | |
| EP3936992A1 (en) | Control method and electronic device | |
| CN103076967B (zh) | 用于响应手势改变焦点的方法和双屏幕通信设备 | |
| US20140078091A1 (en) | Terminal Device and Method for Quickly Starting Program | |
| WO2022161432A1 (zh) | 显示控制方法、装置、电子设备及介质 | |
| CN110321047A (zh) | 一种显示控制方法及设备 | |
| CN106775313A (zh) | 分屏操作控制方法及移动终端 | |
| CN116055610A (zh) | 显示图形用户界面的方法和移动终端 | |
| CN105190478A (zh) | 检测注视位置的显示设备及其控制方法 | |
| EP3521987A1 (en) | Method and device for displaying page, graphical user interface, and mobile terminal | |
| CN103270481A (zh) | 基于焦点激活的硬件按钮 | |
| KR20200128493A (ko) | 사용자 단말 장치 및 그 제어 방법 | |
| US20240302955A1 (en) | Keyboard display method, foldable-screen device and computer-readable storage medium | |
| US20240129621A1 (en) | Video recording method and electronic device | |
| CN111314552A (zh) | 用户界面的控制方法及装置、存储介质 | |
| CN105718204A (zh) | 基于触摸手势的控制方法及装置 | |
| CN116301538A (zh) | 交互方法、装置、电子设备以及存储介质 | |
| CA2807866C (en) | User interface for a digital camera | |
| US20250068309A1 (en) | Display control method and apparatus, electronic device, and readable storage medium | |
| US20230409187A1 (en) | Automatic browsing method, terminal, and computer-readable storage medium | |
| CN120723355A (zh) | 一种窗口切换显示方法及电子设备 | |
| WO2025237060A1 (zh) | 多任务切换方法、电子设备及存储介质 | |
| WO2025138163A1 (zh) | 一种显示控制方法以及电子设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 20832625 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: 20832625 Country of ref document: EP Kind code of ref document: A1 |