Display method and electronic device

Abstract

The present application provides a display method and an electronic device applied in the field of terminal technology. The method may include: an electronic device displays a first interface, where the first interface includes at least one control and a first folder, the control is displayed outside the first folder, the first folder includes a first page and a second page, the first page and the second page each include at least one application icon, and the first page is displayed on the first interface; an electronic device detects a first operation performed by a user on the first page of the first folder; and an electronic device displays a second interface in response to the first operation, where the second interface includes at least one control and the second page. According to the method of the present application, a page turn of a folder can be implemented on a desktop, so that a user can conveniently search for an application in the folder, and the user experience can be improved.

Description

[Technical field]

[0001] [Technical field] The present application relates to the field of terminal technology, and in particular to a display method and an electronic device. [Background technology]

[0002] Generally, in order to more conveniently search and use various applications (APPs), a user classifies applications for management. For example, apps of the same type may be placed in one folder. After a user taps the folder, all apps in the folder can be displayed. In this case, the user can tap the application icon of the app to open the app. In the above-mentioned method, in order to open an app, the user must first tap the folder, which is not convenient.

[0003] Based on this, the concept of a large folder emerges in HarmonyOS. In a large folder, a user can directly tap an app icon to open the app without expanding the folder. However, when the number of apps exceeds 8, in order to open the ninth or subsequent app, the user needs to expand the large folder and slide on the expanded page to find the icon of the app the user wants to open. In this case, the user operation is complicated and the experience is degraded. Summary of the Invention [Problem to be solved by the invention]

[0004] The present application provides a display method and electronic device that improves the efficiency of opening applications, assists user search for applications, and enhances the user experience. [Means for solving the problem]

[0005] According to a first aspect, the present application provides a display method. The method includes: an electronic device displays a first interface, where the first interface includes at least one control and a first folder, the control is displayed outside the first folder, the first folder includes a first page and a second page, the first page includes at least one application icon, the second page includes at least one application icon, and the first page is displayed on the first interface. Then, the electronic device detects a first operation performed by a user on the first page of the first folder. In response to the first operation, the electronic device displays a second interface, where the second interface includes at least one control and the second page. It should be understood that the second page is not displayed on the first interface.

[0006] In the above technical solution, a user can perform an operation on the first page of a folder to switch the first page of the folder to the second page, thereby implementing page turning of the folder. An application can be found without expanding the folder, and then the application can be opened. In this way, it is convenient for the user to search for an application, and the user experience is improved.

[0007] In a possible design, the application icon on the second page includes a portion of the application icon on the first page.

[0008] In a possible design, the first operation includes any one of the following operations: a slide operation at the position of the Nth application icon on the first page of the first folder, where N is a positive integer; a slide operation within a first designated area of ​​the first folder, where the first designated area includes any one of the left edge, right edge, top edge, and bottom edge of the first folder; and a slide operation within any area of ​​the first folder.

[0009] According to the above technical solution, the electronic device can perform page turning on the pages of the folder in response to a sliding operation performed by a user at different areas or positions, so that the user can search for applications.

[0010] In a possible design, the electronic device displaying the second interface in response to the first operation includes: the electronic device displaying a portion of the application icon of the first page on the second page of the first folder in response to the first operation based on a sliding distance of the first operation.

[0011] According to the above technical solution, the electronic device can display corresponding application icons according to the sliding distance of the first operation on the folder, so as to improve the user experience. For example, when the sliding distance is short, a part of the application icon on the first page may be displayed on the second page.

[0012] In a possible design, the quantity of application icons included in the first folder is greater than a preset quantity. The method further includes: the electronic device detects a second operation performed by a user at the position of the Pth application icon on the first page; and the electronic device displays a third interface in response to the second operation, where the third interface includes the first application icon to the Mth application icon on the first page, where M is greater than the preset quantity. The quantity of application icons in the first folder and that can be displayed on the third interface is greater than the quantity of application icons that can be displayed on the first page.

[0013] According to the above technical solution, the electronic device can expand the first page of the folder in response to the user's second operation. In this way, applications can be searched on the expanded page, and as a result, different usage habits of different users can be satisfied, and the user experience can be improved.

[0014] In a possible design, the method further includes: that is, the electronic device detects a third operation performed by the user at the position of the P-th application icon on the second page; and the electronic device displays a fourth interface in response to the third operation, where the fourth interface includes from the first application icon to the O-th application icon on the second page, or the fourth interface includes from the L-th application icon to the O-th application icon on the second page, provided that L < P < O. The number of application icons within the first folder and that can be displayed on the fourth interface is greater than the number of application icons that can be displayed on the second page.

[0015] According to the above technical solution, the electronic device can expand the second page of the folder in response to the user's third operation. In this way, the user can search for applications on the expanded page and does not need to repeatedly perform the page turning operation. Thereby, the user experience is improved.

[0016] In a possible design, that the electronic device displays a second interface in response to the first operation includes that when the number of application icons included in the first folder is greater than a preset number, the electronic device displays a second interface in response to the first operation.

[0017] In a possible design, the preset number is 8 or 9.

[0018] According to the above technical solution, when the amount of application icons contained in the folder is more than 8 or 9, the electronic device can turn the pages of the folder in response to a first operation.

[0019] In a possible design, an icon of the first application is displayed on a first page, and the method further includes: the electronic device detecting a fourth operation performed on the icon of the first application on the first interface; and the electronic device opening the first application in response to the fourth operation.

[0020] According to the above technical solution, an application can be opened without expanding a folder, which improves the efficiency of opening an application and improves the user experience.

[0021] In a possible design, the first folder contains more than a preset number of application icons, and the first page contains overlapping icons.

[0022] It should be understood that in actual product implementation, the icon may be displayed overlappingly or may not be displayed overlappingly. For example, the icon may be displayed normally. Of course, there may be other display effects. This is not limited in this application.

[0023] In a possible design, the electronic device detecting a first operation performed by the user on a first page of the first folder includes the electronic device detecting a first operation performed by the user on overlapped icons, the overlapped icons being displayed as multiple non-overlapping icons in the second interface.

[0024] According to the above technical solution, a user may perform a first operation at the location of the overlapped application icon, and the electronic device may expand the overlapped application icon in the second interface in response to the user's first operation. In other words, the overlapped icon may be displayed as multiple non-overlapping icons on the second interface. In this way, a user can search for an application conveniently and does not need to tap the overlapped application icon to expand a folder. This can improve the efficiency of searching for an application.

[0025] In a possible design, the method further includes: the electronic device detecting a fifth operation performed by the user on the second page of the first folder; and the electronic device displaying the first page of the first folder in response to the fifth operation.

[0026] According to the above technical solution, a user can perform an operation on a second page of a folder, and the electronic device displays the first page of the folder in response to the user's operation, and slides the second page into the first page.

[0027] According to a second aspect, the present application provides an electronic device, the electronic device comprising a display, one or more processors, one or more memories, one or more sensors, a plurality of applications and one or more computer programs, the one or more computer programs being stored in the one or more memories, the one or more computer programs comprising instructions, which when called and executed by the one or more processors, enable the electronic device to perform a method according to the first aspect and any one of the possible designs of the first aspect.

[0028] According to a third aspect, the present application further provides an electronic device, comprising a module / unit configured to perform a method according to the first aspect or any possible design of the first aspect, the module / unit may be implemented by hardware or may be implemented by hardware by executing corresponding software.

[0029] According to a fourth aspect, the present application further provides a computer readable storage medium storing instructions which, when executed on an electronic device, enable the electronic device to perform the method according to the first aspect and any one of the possible designs of the first aspect.

[0030] According to a fifth aspect, an embodiment of the present application provides a computer program product, which, when executed on an electronic device, enables the electronic device to perform a method according to the first aspect of the embodiments of the present application and any one of the possible designs of the first aspect.

[0031] For each of the second to fifth aspects and the technical effects that can be achieved by the aspects, please refer to the description of the technical effects that can be achieved by each possible solution in the first aspect, and the details will not be described again here. [Brief description of the drawings]

[0032] [Figure 1(a)] FIG. 2 is a schematic diagram of a user interface. [Figure 1(b)] FIG. 2 is a schematic diagram of a user interface. [Figure 1(c)] FIG. 2 is a schematic diagram of a user interface.

[0033] [Diagram 2] 1 is a schematic diagram of a structure of an electronic device according to an embodiment of the present application;

[0034] [Diagram 3]FIG. 2 is a schematic diagram of a software architecture according to an embodiment of the present application.

[0035] [Figure 4] 2 is a flowchart of a display method according to an embodiment of the present application.

[0036] [Figure 5A] 1 is a schematic diagram of a touch target location according to an embodiment of the present application.

[0037] [Figure 5B(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5B(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0038] [Figure 5C(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5C(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0039] [Figure 5D(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5D(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0040] [Figure 5E(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5E(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5E(c)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0041] [Figure 5F(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 5F(b)]FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0042] [Figure 6(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 6(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0043] [Figure 7A(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7A(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7A(c)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0044] [Figure 7B(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7B(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7B(c)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0045] [Figure 7C(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7C(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7C(c)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0046] [Figure 7D(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 7D(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0047] [Figure 8] 2 is a flowchart of a display method according to an embodiment of the present application.

[0048] [Figure 9(a)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application. [Figure 9(b)] FIG. 2 is a schematic diagram of a user interface according to an embodiment of the present application.

[0049] [Figure 10] FIG. 2 is a schematic diagram of a structure of another electronic device according to an embodiment of the present application. DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS

[0050] Hereinafter, the technical solutions in the embodiments of the present application will be described with reference to the accompanying drawings in the embodiments of the present application.

[0051] Generally, to facilitate searching for applications, a user may categorize applications and then place applications of the same type in one folder. In an embodiment of the present application, a folder may include a large folder and a small folder, and the large folder and the small folder can be switched between each other. When a folder is a small folder, a user can touch and hold the small folder, and then switch the small folder to the large folder for viewing. When a folder is a large folder, a user can also touch and hold the large folder, and then switch the large folder to the small folder for viewing. It should be understood that for applications in a small folder, the small folder needs to be expanded first, and then the application icon is tapped to open the application. For applications in a large folder, the application icon can be directly tapped to open the application.

[0052] Regarding user interfaces (UI), the following describes switching between large folders and small folders and technical problems existing in large folders. Please refer to FIG. 1(a)-FIG. 1(c). Assume that a mobile phone displays a home screen, for example, an interface 100 shown in FIG. 1(a). The interface 100 may include a small folder 101, and a user may tap the small folder 101 to expand the folder. When a user touches and holds the small folder 101, an interface 110 shown in FIG. 1(b) may be displayed. The interface 110 may include a display method switching button, i.e., "View in large folder" 111. When a user taps the "View in large folder" 111 button, the small folder 101 may be displayed in a large folder. For example, an interface 120 shown in FIG. 1(c) may be displayed, and the interface 120 may include a large folder 121.

[0053] Currently, when the number of app icons contained in a large folder exceeds 8, usually only the app icons of the first 8 apps are displayed, and the user can directly tap the icons of the first 8 apps to enter the apps. However, the ninth and subsequent app icons may be displayed, for example, as the app icons on the interface shown in FIG. 1(c). Specifically, multiple app icons are stacked together. In this case, to open the ninth and subsequent apps, the user needs to tap the position of the ninth icon, then expand the large folder, and tap the app icon in the expanded large folder to enter the ninth and subsequent apps. In other words, when the number of apps exceeds 8, it becomes complicated to open the ninth and subsequent apps, resulting in a poor experience.

[0054] In view of this, an embodiment of the present application provides a display method, in which a touch target is set within a designated area of ​​a large folder. When the quantity of applications contained in the large folder is greater than the designated quantity, a user can implement page switching of the large folder when sliding on the touch target, so that the user can conveniently search for applications on the first page or subsequent pages of the large folder. This improves the search rate of applications and improves the user experience.

[0055] It should be understood that an application (abbreviated as app) in the embodiments of the present application is a software program that can implement one or more specific functions. Usually, a number of applications, such as a camera application, a messaging application, a mailbox application, a video application and a music application, are installed on an electronic device. The application in the following embodiments may be an application that is installed before the shipment of the electronic device, or may be an application that is downloaded from a network or obtained from another electronic device by a user during the process of using the electronic device.

[0056] It should be noted that the display method provided in the embodiments of the present application can be applied to any electronic device having a display, such as a mobile phone, a tablet computer, a wearable device (such as a watch, a band, a smart helmet, or smart glasses), an in-vehicle device, an augmented reality (AR) / virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. This is not limited in the embodiments of the present application. The electronic device in the embodiments of the present application may be a foldable electronic device, such as a foldable mobile phone or a foldable tablet computer. This is not limited in the present application. In addition, exemplary embodiments of the electronic device include, but are not limited to, electronic devices having iOS (registered trademark), Android (registered trademark), Microsoft (registered trademark), HarmonyOS (registered trademark), or another operating system.

[0057] In the following, a mobile phone is used as an example to describe the structure of the electronic device.

[0058] As shown in FIG. 2, the mobile phone 100 may include 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, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headset jack 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display 194, a subscriber identification module (SIM) card interface 195, and the like. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, an optical proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, and the like.

[0059] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). Different processing units may be independent components or may be integrated into one or more processors. The controller may be the brain and command center of the mobile phone 100. The controller may generate an operation control signal based on the instruction operation code and the time series signal, and complete the control of instruction reading and instruction execution. A memory may further be disposed in the processor 110, configured to store instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that have just been used or periodically used by the processor 110. If the processor 110 needs to use the instructions or data again, the processor may retrieve the instructions or data directly from memory, thereby avoiding repeated accesses, reducing the latency of the processor 110, and improving system efficiency.

[0060] The USB interface 130 is an interface conforming to the USB standard specification, and specifically may be a mini USB interface, a micro USB interface, a USB type-C interface, etc. The USB interface 130 may be configured to connect to a charger to charge the mobile phone 100, or may be configured to perform data transmission between the mobile phone 100 and a peripheral device. The charging management module 140 is configured to receive a charging input from the charger. The power management module 141 is configured to connect to the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives the input of 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 194, the camera 193, the wireless communication module 160, etc.

[0061] The wireless communication function of the mobile phone 100 may be implemented via antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, a modem processor, a baseband processor, etc. Antenna 1 and antenna 2 are configured to transmit and receive electromagnetic wave signals. Each antenna of the mobile phone 100 may be configured to cover a single communication frequency band or multiple communication frequency bands. Different antennas can be further multiplexed to improve antenna utilization. For example, antenna 1 may be multiplexed as a diversity antenna of a wireless local area network. In some other embodiments, the antennas may be used in combination with a tuning switch.

[0062] The mobile communication module 150 may provide a solution for wireless communication, including 2G / 3G / 4G / 5G, applied to the mobile phone 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 may receive electromagnetic waves via the antenna 1, process the received electromagnetic waves, such as filtering and amplifying, and send the processed electromagnetic waves to the modem processor for demodulation. The mobile communication module 150 further amplifies the signal modulated by the modem processor and converts the amplified signal into an electromagnetic wave for emission via the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be located within the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be located in the same device as at least some of the modules of the processor 110.

[0063] The wireless communication module 160 may be applied to the mobile phone 100 and provide wireless communication solutions, including wireless local area network (WLAN) (e.g. wireless fidelity (WI-FI) network), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC) technology, infrared (IR) technology, etc. The wireless communication module 160 may be one or more components integrating at least one communication processor module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, performs frequency modulation and filtering on the electromagnetic wave signal, and transmits the processed signal to the processor 110. The wireless communication module 160 may further receive a signal to be transmitted from the processor 110, perform frequency modulation and amplification on the signal, and convert the processed signal into an electromagnetic wave for emission via the antenna 2.

[0064] In some embodiments, in the mobile phone 100, the antenna 1 and the mobile communication module 150 are coupled, and the antenna 2 and the wireless communication module 160 are coupled, so that the mobile phone 100 can communicate with a network and other devices by using wireless communication technologies that may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), future communication systems such as fifth generation (5G) mobile communication systems, sixth generation (6G) systems, BT, GNSS, WLAN, NFC, FM and / or IR technologies, etc. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a BeiDou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS), and / or a satellite based augmentation system (SBAS).

[0065] The display 194 is configured to display an application display interface, etc. The display 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a mini-LED, a micro-LED, a micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the mobile phone 100 may include one or N displays 194, where N is a positive integer greater than 1. In this embodiment of the present application, the display 194 may be configured to display a home screen or an application interface. The home screen may include a large folder, an application icon, a card, etc.

[0066] The camera 193 is configured to capture still images or video and may include a front camera and a rear camera.

[0067] The internal memory 121 may be configured to store computer executable program code. The executable program code includes instructions. The processor 110 implements various functional applications and data processing of the mobile phone 100 by executing the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. The program storage area may store an operating system, software code of at least one application (such as an iQIYI application or a WeChat application), etc. The data storage area may store data (such as images and videos) generated in the course of using the mobile phone 100, etc. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or a universal flash storage (UFS).

[0068] The external memory interface 120 can be used to connect to an external storage card, for example a micro SD card, to expand the storage capabilities of the mobile phone 100. The external storage card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. Files such as images and videos are stored on the external memory card.

[0069] The mobile phone 100 may implement audio functions, such as music playback and recording, via an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headset jack 170D, an application processor, and the like.

[0070] Pressure sensor 180A may be configured to sense a pressure signal and convert the pressure signal into an electrical signal. In some embodiments, pressure sensor 180A may be disposed on display 194. Gyroscope sensor 180B may be configured to determine a motion attitude of mobile phone 100. In some embodiments, gyroscope sensor 180B may be configured to determine an angular velocity of mobile phone 100 about three axes (i.e., x-axis, y-axis, and z-axis).

[0071] The gyroscope sensor 180B may be configured to determine the motion attitude of the mobile phone 100. In some embodiments, the gyroscope sensor 180B may be configured to determine the angular velocity of the mobile phone 100 around three axes (i.e., the x-axis, the y-axis, and the z-axis). The gyroscope sensor 180B may be configured to implement image stabilization when taking a picture. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle at which the mobile phone 100 jitters, and through calculations based on the angle, obtains the distance that the lens module needs to correct, and through reverse motion, enables the lens to cancel the jitter of the mobile phone 100, thereby implementing image stabilization. The gyroscope sensor 180B may also be used in navigation scenarios and somatic gaming scenarios.

[0072] The air pressure sensor 180C is configured to measure air pressure. In some embodiments, the mobile phone 100 calculates altitude based on the value of atmospheric pressure measured by the air pressure sensor 180C to assist in positioning and navigation. The magnetic sensor 180D includes a Hall effect sensor. The mobile phone 100 may detect the opening and closing of the flip cover by using the magnetic sensor 180D. In some embodiments, when the mobile phone 100 is a flip phone, the mobile phone 100 may detect the opening and closing of the flip cover by using the magnetic sensor 180D. Furthermore, based on the detected opening and closing state of the flip cover, a function such as automatic unlocking is set upon opening of the flip cover. The acceleration sensor 180E may detect the magnitude of acceleration of the mobile phone 100 in various directions (usually on three axes). When the mobile phone 100 is stationary, it may detect the value and direction of gravity. The acceleration sensor may further be configured to identify the orientation of the electronic device and may be used for applications such as switching between landscape and portrait modes and a pedometer.

[0073] The distance sensor 180F is configured to measure distance. The mobile phone 100 may measure distance through infrared light or laser. In some embodiments, in a photography scenario, the mobile phone 100 may measure distance and achieve fast focusing by using the distance sensor 180F. The optical proximity sensor 180G may include, for example, a light emitting diode (LED) and a light detector, for example, a photodiode. The light emitting diode may be an infrared light emitting diode. The mobile phone 100 emits infrared light by using the light emitting diode. The mobile phone 100 detects infrared reflected light from a nearby object by using the photodiode. If sufficient reflected light is detected, the mobile phone 100 may determine that an object is present near the mobile phone 100. If insufficient reflected light is detected, the mobile phone 100 may determine that no object is present near the mobile phone 100. By using the optical proximity sensor 180G, the mobile phone 100 may detect that a user is holding the mobile phone 100 to his ear for a call and automatically turn off the screen to save power. Additionally, the optical proximity sensor 180G may be used in smart cover mode or pocket mode to automatically unlock or lock the screen.

[0074] The ambient light sensor 180L is configured to sense the brightness of the ambient light. The mobile phone 100 may adaptively adjust the brightness of the display 194 based on the sensed brightness of the ambient light. The ambient light sensor 180L may also be configured to automatically adjust the white balance during shooting. The ambient light sensor 180L may also cooperate with the optical proximity sensor 180G to detect whether the mobile phone 100 is in a pocket to avoid accidental contact. The fingerprint sensor 180H is configured to collect fingerprints. The mobile phone 100 may use the collected fingerprint features to implement fingerprint-based unlocking, application lock access, fingerprint-based shooting, fingerprint-based call answering, etc.

[0075] The temperature sensor 180J is configured to detect temperature. In some embodiments, the mobile phone 100 executes a temperature handling policy by using the temperature detected by the temperature sensor 180J. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the mobile phone 100 reduces the performance of the processor near the temperature sensor 180J to reduce power consumption and implement thermal protection. In some other embodiments, when the temperature is lower than another threshold, the mobile phone 100 heats the battery 142 to prevent the mobile phone 100 from abnormally shutting down due to low temperature. In some other embodiments, when the temperature is lower than yet another threshold, the mobile phone 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.

[0076] The touch sensor 180K may also be referred to as a "touch panel." The touch sensor 180K may be disposed on the display 194. The touch sensor 180K and the display 194 form a touch screen, which may also be referred to as a "touch screen." The touch sensor 180K is configured to detect touch operations performed on or near the touch sensor. The touch sensor may forward the detected touch operation to an application processor to determine the type of touch event. A visual output associated with the touch operation may be provided via the display 194. In some other embodiments, the touch sensor 180K may alternatively be disposed on the surface of the mobile phone 100 at a different location than the display 194. In this embodiment of the present application, the touch sensor 180K may detect a user's touch operation on the display, for example, a user's sliding operation within a designated area of ​​a large folder. The mobile phone 100 may then turn the pages of the large folder in response to the user's sliding operation within the designated area of ​​the large folder. Alternatively, the touch sensor 180K may detect a user's touch operation on the display, for example, a user's slide operation in another area (a designated area in a non-large folder). The mobile phone 100 can then turn the home screen page, i.e., turn the desktop page, in response to the user's slide operation.

[0077] The bone conduction sensor 180M can obtain a vibration signal. In some embodiments, the bone conduction sensor 180M can obtain a vibration signal of a vibrating bone of a person's vocal cords. The bone conduction sensor 180M can also contact the human's pulse and receive a blood pressure pulsation signal.

[0078] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The mobile phone 100 may receive the button input and generate button signal inputs related to user settings and function inputs of the mobile phone 100. The motor 191 may generate a vibration prompt. The motor 191 may be configured to provide an incoming call vibration prompt and a touch vibration feedback. For example, touch operations performed in different applications (e.g., taking a picture and playing an audio) may correspond to different vibration feedback effects. The indicator 192 may be an indicator light and may be configured to indicate a charging status and a power change, or may be configured to indicate a message, a missed call, a notification, and the like. The SIM card interface 195 is configured to connect to a SIM card. The SIM card may be inserted into the SIM card interface 195 or removed from the SIM card interface 195 to implement contact with or separation from the mobile phone 100.

[0079] It should be understood that the components shown in Fig. 2 do not constitute a specific limitation on the mobile phone. The mobile phone may include more or less components than those shown in the drawing, some components may be combined, some components may be split, or different component arrangements may be used. In the following embodiments, the mobile phone 100 shown in Fig. 2 is used as an example for explanation.

[0080] The software system of the mobile phone 100 may use a layered architecture, including an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. In the embodiment of the present application, the Android system of the layered architecture is used as an example to describe the software structure of the mobile phone 100. It should be understood that the system in this embodiment of the present application may alternatively be a HarmonyOS system, which is not limited in the present application.

[0081] The software structure of the electronic device is described below with reference to different scenarios. Figure 3 is a block diagram of the software structure of a mobile phone 100 according to an embodiment of the present application. In a layered architecture, the software is divided into several layers, and each layer has a clear role and task. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers from top to bottom: application layer, application framework layer, Android runtime (ART) and native C / C++ library, hardware abstraction layer (HAL), and kernel layer.

[0082] The application layer may include a set of application packages, which may include applications such as gallery, calendar, phone, map, navigation, WLAN, Bluetooth, music, video and messaging, as shown in FIG.

[0083] The application framework layer provides an application programming interface (API) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0084] As shown in FIG. 3, the application framework layer may include a window manager, a content provider, a view system, a resource manager, a notification manager, an activity manager, an input manager, and the like.

[0085] A window manager provides a window manager service (WMS), which can be used for window management, window animation management, surface management, and as an intermediary for the input system.

[0086] Content providers are configured to store and retrieve data and make the data accessible by applications. Data can include video, images, audio, calls made and received, browsing history and bookmarks, address books, etc.

[0087] The view system includes visual controls, such as controls for displaying text and controls for displaying images. The view system can be used to build applications. A display interface can include one or more views. For example, a display interface that includes an SMS message notification icon can include a text display view and an image display view.

[0088] The resource manager provides various resources such as localized strings, icons, images, layout files and video files for an application.

[0089] The notification manager may be configured to allow applications to display notification information in the status bar and to communicate notification messages. The notification manager may disappear automatically after a short pause without requiring user interaction. For example, the notification manager may be configured to notify of download completion, provide message notifications, etc. The notification manager may alternatively be a notification that appears in the top status bar of the system in the form of a graph or scrollbar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window. For example, text information is displayed in the status bar, an announcement is given, the electronic device vibrates, or an indicator light flashes.

[0090] The Activity Manager may provide an Activity Manager Service (AMS), which can be used to start, switch and schedule system components (such as activities, services, content providers and broadcast receivers) and to manage and schedule application processes.

[0091] The Input Manager may provide an Input Manager Service (IMS), which may be used to manage system inputs, such as touch screen inputs, key inputs, and sensor inputs. The IMS gets events from input device nodes and assigns the events to appropriate windows through interactions with the WMS.

[0092] Android runtime includes core libraries and Android runtime. Android runtime is responsible for converting source code into machine code. Android runtime mainly includes ahead of time (AOT) compilation technology and just in time (JIT) compilation technology.

[0093] The core library is mainly composed of providing basic Java class libraries such as basic data structures, mathematics, I / O, tools, databases and networks, etc. The core library provides APIs for users to develop Android applications.

[0094] The native C / C++ library may include multiple functional modules such as a surface manager, a Media Framework, libc, OpenGL ES, SQLite, and Webkit.

[0095] The surface manager is configured to manage the display subsystem and provide a blend of 2D and 3D layers for multiple applications. The media framework supports playback and recording of multiple commonly used audio and video formats, static image files, etc. The media library may support multiple audio and video encoding formats, such as MPEG-4, H.264, MP3, AAC, AMR, JPG, and PNG. OpenGL ES allows applications to draw and manipulate 2D and 3d graphics. SQLite provides a lightweight relational database for applications on the electronic device 100.

[0096] The hardware abstraction layer operates in a user space, encapsulates kernel layer drivers, and provides a calling interface for upper layers.

[0097] The kernel layer is a layer between the hardware and the software, and includes at least a display driver, a camera driver, an audio driver, and a sensor driver.

[0098] In the following, an example of the operation process of the software and hardware of the mobile phone 100 will be described based on FIG. 2 and FIG. 3. When the touch sensor 180K receives a touch operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into an original input event (including the coordinates of the touch operation). The original input event is stored in the kernel layer. The application framework layer obtains the original input event from the kernel layer and identifies a control corresponding to the input event. For example, the touch operation is a slide operation. When the touch sensor 180K receives a slide operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the slide operation into an original input event and may store the event. The event may include the start position coordinate of the slide operation and the end position coordinate of the slide operation. The application framework layer obtains the original input event from the kernel layer and identifies the input event. For example, the application framework layer may identify that the event is a slide operation for a large folder. In this case, in response to the slide operation, the electronic device turns the page of the large folder, i.e., displays an interface after turning the page of the large folder.

[0099] The following embodiments are explained by using an example in which the embodiments are applied to the architecture of a mobile phone 100 shown in FIG.

[0100] In addition, in the following embodiments, "at least one" means one or more, and "multiple" means two or more. In addition, it should be understood that in the description of this application, terms such as "first" and "second" are used only for distinction and explanation.

[0101] 4 is a flowchart of a display method according to an embodiment of the present application. As shown in FIG. 4, the method may include the following steps:

[0102] S401: The mobile phone 100 detects a first operation.

[0103] The first operation may be a slide operation performed by a user on a first page of a large folder included in a first interface of the display. In some embodiments, the slide operation may be a right-to-left slide operation performed by a user starting from any position in the large folder, such as a left slide operation starting from a position near the right edge of the large folder, or a left slide operation starting from a position near but away from the right edge of the large folder.

[0104] In some other embodiments, the slide operation may be a left-to-right / top-to-bottom / bottom-to-top slide operation on the large folder, for example, a right-to-right slide operation starting from the leftmost position of the large folder, or a right-to-right slide operation starting from a position close to but far from the leftmost position of the large folder. In another embodiment, the slide operation may alternatively be a right-to-left / left-to-right / top-to-bottom / bottom-to-top slide operation on the large folder. For example, the mobile phone 100 responds to a right-to-left slide operation only when the mobile phone 100 detects the slide operation and a pressure sensor disposed on the display detects that the value of the pressure generated by the slide operation is greater than a specified threshold.

[0105] It should be understood that a left-to-right sliding action on the first page may be used to slide the first page to the page after the first page, a right-to-left sliding action on the first page may be used to slide the first page to the page before the first page, and a left-to-right sliding action may be understood to be a sliding action to the next page and a left-to-right sliding action to slide back to the previous page.

[0106] In another embodiment, the slide operation may alternatively be a right-to-left / left-to-right / top-to-bottom / bottom-to-top slide operation on the large folder, without any interval, staying or holding at the slide end position for a predetermined time. For example, the mobile phone 100 responds to a right-to-left slide operation performed by the user on the large folder only when the mobile phone 100 detects the slide operation and the mobile phone 100 detects that the slide operation has slid to the end position (i.e., the slide end position) and stayed or held at the end position for a preset time (e.g., 2 seconds).

[0107] S402: The mobile phone 100 determines whether the number of applications included in the large folder is greater than the designated number. If the number of applications included in the large folder is greater than the designated number, S403 is subsequently executed; if the number of applications included in the large folder is equal to or less than the designated number, S404 is executed.

[0108] S403: In response to the first operation, the mobile phone 100 displays the second page of the large folder.

[0109] For convenience of explanation, the page displayed after the first operation may be referred to as the "second page", and the second page may be the page after the first page or the page before the first page. This is not limited in the present application. In addition, the application icons on the second page may be completely different or may be partially the same. For example, the application icons on the second page may include part of the application icons on the first page.

[0110] In some embodiments, upon detecting a first operation performed by a user on the large folder, the mobile phone 100 may determine whether the quantity of applications included in the large folder is greater than a designated quantity (e.g., the designated quantity may be 8). When the quantity of applications is greater than 8, the mobile phone 100 may display a second page of the large folder in response to the first operation performed by the user on the first page. For example, the first operation may be a left-to-right sliding operation performed by the user on the first page. In this case, the mobile phone 100 may respond to the user's sliding operation and display the second page in the large folder after the first page. Of course, the designated quantity may alternatively be another quantity, e.g., 9 or 12. This is not limited in the present application.

[0111] In some embodiments, the touch target may be set within a designated area of ​​the large folder. Then, upon detecting a slide operation performed by the user on the touch target, the mobile phone 100 may respond to the slide operation and perform page switching of the large folder or page switching of the home screen based on the number of applications included in the large folder. For example, FIG. 5A is a schematic diagram of possible positions of the touch target according to an embodiment of the present application. For example, the position of the touch target may be area 41, area 42, area 43, area 44, area 45, or area 46. Area 41 may be the position of the ninth application icon, area 42, area 43, area 44, and area 45 may be several areas where the four sides of the large folder are located, and area 46 is the entire large folder. In other words, the touch target may be set to a part of the large folder, or may be set to the entire large folder.

[0112] In the following, several page-switching processes of a large folder when the touch target is at different positions are described in detail.

[0113] Example 1: A touch target is set to the position of the Nth application icon in a large folder.

[0114] N is a positive integer, and N≧1. In other words, the touch target can be set to the position of any application icon in the large folder. It should be understood that if 8 application icons can be normally displayed in a large folder, then 1≦N≦9, or if 12 application icons can normally be displayed in a large folder, then 1≦N≦12, and so on. This is not limited in the present application. It should be noted that in the embodiment of the present application, the number of application icons contained in a folder is not limited, and the number of application icons (or application icons that can be directly opened) displayed on each page of the folder is not limited.

[0115] In the following, an explanation is provided by using an example in which the number of application icons that can be normally displayed in a large folder is 8. When the number of applications included in the large folder exceeds 8 and the user triggers a first operation at the position of the ninth application icon, the mobile phone 100 may switch the display page of the large folder in response to the user's first operation. See FIG. 5B(a) and FIG. 5B(b). Assume that the mobile phone 100 displays a home screen, for example, an interface 500 shown in FIG. 5B(a). The interface 500 may include a large folder 501 and a first page 502 of the large folder. For example, the first page 502 may include a file application icon, an email application icon, a calculator application icon, a health application icon, a weather application icon, a browser application icon, an AI Life application icon, a setting application icon, application icons displayed in layers, etc. It should be understood that during actual product implementation, the interface may include more or less icons than those shown in the drawings, and may further include application icons that are not in the large folder 501 (for example, as shown in FIG. 5B(a), the Clock application icon, the Huawei Video application icon, the Notepad application icon, the Gallery application icon, and the Camera application icon, the Contacts application icon and the Phone application icon in the dock area in the shortcut window area). The application icons displayed overlapping are the application icons of the ninth and subsequent applications. The area in which the dashed box shown in the drawings is located represents the range of the touch target. During actual product implementation, the dotted box is not displayed in the interface.

[0116] During actual product implementation, if the large folder contains many applications, the application icon may be displayed at the position of the 9th application icon by using the stacking effect shown in the drawing, or may be displayed by using another display effect. For example, the application icon at the position of the 9th application icon may alternatively be displayed normally (in other words, the application may be directly opened by tapping the application icon). This is not limited in the present application.

[0117] Assume that the first operation is a slide operation shown in FIG. 5B(a). Specifically, when the user's finger slides from right to left at the position of the ninth application icon of the large folder, the mobile phone 100 may switch the page of the large folder to the next page in response to the slide operation, for example, may display an interface 510 shown in FIG. 5B(b). The interface 510 may include the large folder 501 and a second page 511 of the large folder. For example, the second page 511 may include a recorder application icon, an AppGallery application icon, and a calendar application icon. When the file application icon is the application icon of the first application in the large folder, the recorder application icon may be the application icon of the ninth application included in the large folder.

[0118] Note that the location of the 9th application icon is the location of the 9th icon on each page of the large folder, not the location of the application icon for the 9th application across all applications contained in the large folder.

[0119] It should be understood that when the user's finger slides from right to left at the position of the ninth application icon of the large folder, the current page may slide to the next page after the current page. For example, the current page is the first page of the large folder, and the next page is the second page of the large folder. The application icon number of the first page may be 1-8, and the application icon number of the second page may be 9-14. If the second page needs to be slid back to the first page, the sliding may be performed from left to right at the position of the ninth application icon of the large folder, and the mobile phone 100 may slide the current page of the large folder to the previous page in response to the left-to-right sliding operation. For example, the mobile phone 100 may display the interface shown in FIG. 5B(b). In this case, the user may slide from left to right at the position of the ninth application icon of the second page 511 of the large folder shown in FIG. 5B(b), for example, in the direction of the black arrow shown in FIG. 5B(b). In response to the slide operation, the mobile phone 100 may switch the interface shown in FIG. 5B(b) back to the interface shown in FIG. 5B(a). In other words, the second page 511 of the large folder may be switched back to the first page 502. Of course, when sliding the second page back to the first page, the sliding may be performed at the position of another application icon of the large folder. For example, the sliding may be performed from left to right at the position of the seventh application icon of the large folder. This is not limited in the present application.

[0120] Example 2: A hot zone is set within the edge area of ​​a large folder.

[0121] As shown in FIG. 5C(a) and FIG. 5C(b), the touch target is set at the left / right edge of the large folder. For example, the position of the touch target may be the position of the dashed box on the interface shown in FIG. 5C(a). The interface shown in FIG. 5C(a) is the home screen of the mobile phone 100. For example, when the user's finger slides left along the right edge of the large folder at the position of the touch target, for example, performing the slide operation shown in FIG. 5C(a), the mobile phone 100 may detect the slide operation, respond to the slide operation, and then display the interface shown in FIG. 5C(b). It should be understood that the dashed box on the interface shown in FIG. 5C(b) is the position of the touch target. The position of the touch target may or may not change before and after a page change. In some embodiments, the edge of the touch target may be flush with the edge of the large folder, or the edge of the touch target may be a certain distance from the edge of the large folder. This is not limited in the present application. It should be understood that when the touch target is located at the leftmost position of the large folder, for specific implementation, please refer to the detailed description of Figure 5C (a) and Figure 5C (b), and the details will not be described again here.

[0122] In some embodiments, after the user slides the interface 500 of the mobile phone 100 to the interface 510, i.e., after switching the page of the large folder from page 502 to page 511, if the user wants to slide the page of the large folder back from page 511 to page 502, the user may switch the page back by using a reverse slide operation. For example, the slide operation may be performed in the direction of the black arrow (from left to right) shown in FIG. 5C(b), and the mobile phone 100 may switch the page 511 of the large folder back to page 502 in response to the user's slide operation. It should be noted that when sliding page 511 to page 502, the slide operation may be performed at the position of the rightmost touch target shown in the drawing, or the slide operation may be performed at the position of the leftmost touch target. This is not limited in the present application.

[0123] As an alternative implementation, the touch target may be set in the top / bottom area of ​​the large folder. As shown in Fig. 5D(a) and Fig. 5D(b), the touch target is set at the bottom of the large folder. For example, the position of the touch target may be the position of the dashed box on the interface shown in Fig. 5D(a). The interface shown in Fig. 5D(a) is the home screen of the mobile phone 100. When the user's finger slides up along the bottom edge of the large folder at the position of the touch target, for example, performing the slide operation shown in Fig. 5D(a), the mobile phone 100 detects the slide operation, and in response to the slide operation, then displays the interface shown in Fig. 5D(b). It should be understood that when the touch target is placed at the position of the top area of ​​the large folder, the detailed implementation should refer to the detailed description of Fig. 5D(a) and Fig. 5D(b). Details will not be described again here.

[0124] Similarly, in the schematic diagrams shown in Figures 5D(a) and 5D(b), when the user slides in the direction of the black arrow (from top to bottom) at the position of the touch target at the top of the schematic diagram shown in Figure 5D(b), mobile phone 100 may respond to the slide operation by switching the interface of mobile phone 100 back to interface 500, i.e., switching the page of the large folder back from page 511 to page 502.

[0125] Please note that the display content of the interface shown in Figure 5C(a) and the interface shown in Figure 5D(a) is the same as the display content of the interface shown in Figure 5B(a), and the display content of the interface shown in Figure 5C(b) and the interface shown in Figure 5D(b) is the same as the display content of the interface shown in Figure 5B(b), except for the setting positions of the touch targets.

[0126] Example 3: Setting the entire area of ​​a large folder as a touch target.

[0127] As shown in Figures 5E(a) to 5E(c), when the touch target is set to the entire large folder, mobile phone 100 displays the home screen shown in Figure 5E(a). When the user's finger slides over the large folder, mobile phone 100 may display application icons of the large folder based on the sliding distance of the user's finger.

[0128] In a possible implementation, the mobile phone 100 may display some of the application icons of the first page on the second page based on the sliding distance in response to a sliding operation performed by the user on the first page. For example, assume that the user slides the first page 502 of the large folder 501 from right to left on the interface shown in FIG. 5E(a), and the sliding distance is x. The mobile phone 100 detects the sliding operation and, in response to the sliding operation, then displays the interface 520 shown in FIG. 5E(b). The interface 520 may include a third page 521 of the large folder. For example, the third page 521 may include an email application icon, a calculator application icon, a weather application icon, a browser application icon, a settings application icon, a recorder application icon, and an AppGallery application icon. In other words, the third page 521 may include the second application icon row on the first page 502 and some application icons in the third application icon row.

[0129] When the user continues to slide left on the third page 521 of the large folder on the interface 520 shown in Fig. 5E(b), for example by sliding again a distance x, the interface 530 shown in Fig. 5E(c) may be displayed. The interface 530 may include a fourth page 531 of the large folder, which may include a calculator application icon, a browser application icon, a recorder application icon, an AppGallery application icon, and a calendar application icon. In other words, the fourth page 531 may include the second row of application icons on the second page 503 and a third row of application icons.

[0130] When the user wants to slide page 531 of the large folder back to page 502, the user may first slide page 531 the distance x in the direction of the black arrow shown in FIG. 5E(c) back to page 521, and then subsequently, by using the same operation, slide page 521 the distance x back to page 502. Of course, the user may alternatively directly slide page 531 of the large folder the distance 2x, and then directly slide page 531 of the large folder back to page 502. This is not particularly limited in the present application.

[0131] As shown in FIG. 5F(a) and FIG. 5F(b), suppose that a user slides from bottom to top on the first page 502 of the large folder 501 on the interface shown in FIG. 5F(a), and the slide distance is x. The mobile phone 100 may detect the slide operation and, in response to the slide operation, then display the interface 540 shown in FIG. 5F(b). The interface 540 may include a fifth page 541 of the large folder. For example, the fifth page 541 may include a health application icon, a weather application icon, a browser application icon, an AI Life application icon, a setting application icon, a recorder application icon, an AppGallery application icon, and a calendar application icon. In other words, the fifth page 541 may include some application icons of the second application icon row and the third application icon row on the first page 502.

[0132] Of course, if the user wants to slide page 541 of the large folder back to page 502, the user may slide from top to bottom and then slide page 541 back to page 502. Please note that the black arrows on each interface in Figures 5B(b) to 5F(b) represent a gesture operation for sliding back a page. In practical applications, the position of the gesture operation may alternatively be another position and is not limited to the position of the arrow shown in the drawings.

[0133] It should be understood that the third, fourth and fifth pages may be understood as sub-pages of the second page. Of course, when the touch target is set to the entire large folder, the corresponding application icon may not be displayed based on the user's sliding distance. In other words, each time the user slides, the current page may be switched to the next page.

[0134] According to the above embodiment, a user can perform a slide operation on a large folder to implement page switching of the large folder, which can help the user search for an application, improve the operation efficiency of the user searching for an application, and thus improve the user experience.

[0135] S404: The mobile phone 100 displays a second interface in response to the first operation.

[0136] When the number of applications included in the large folder is less than the designated number, upon detecting the first operation, the mobile phone 100 may switch the display interface of the desktop in response to the first operation. For example, as shown in FIG. 6(a) and FIG. 6(b), the mobile phone 100 displays the desktop shown in FIG. 6(a), for example, the home screen 600. The interface 600 may include a large folder 601 and a first page 602 of the large folder. For example, the first page 602 may include a file application icon, an email application icon, a calculator application icon, and a health application icon. When the user performs a slide operation at the position of the touch target of the large folder, for example, the position of the ninth application icon, the mobile phone 100 may display the interface 610 shown in FIG. 6(b) in response to the slide operation. The interface 610 is an interface obtained after sliding the home screen 600. It should be understood that if the user's first operation is an operation within a non-large folder area, the mobile phone 100 may also slide the desktop to the next interface in response to the first operation.

[0137] Note that when the quantity of applications contained in the large folder is less than a specified quantity, for example less than 8, the large folder still has a touch target, however, in this case, if a first operation is performed on the large folder, the large folder does not respond to the first operation.

[0138] Furthermore, considering various habits of users, some users may expand a large folder and then find an application they need to open on the expanded page. For example, as shown in FIG. 7A(a) to FIG. 7A(c), a mobile phone may display an interface 700 shown in FIG. 7A(a). The interface 700 may include a large folder 701 and a first page 702 of the large folder. The large folder 701 may include more than 12 application icons, for example, 16 application icons. A user may tap the position of the 9th application icon on the first page 702, and then the mobile phone may expand the large folder in response to the user's tap operation. For example, the mobile phone may display an interface 710 shown in FIG. 7A(b). A first page 711 obtained after expanding the large folder 701 may be displayed on the interface 710. In other words, the first application icon to the 12th application icon are displayed.

[0139] After the user slides from right to left on the first page 711, for example in the gesture direction shown in the drawing, the mobile phone may display the interface 720 shown in FIG. 7A(c) in response to the slide operation, i.e., slide the interface 710 to the interface 720. The interface 720 may include a second page 721 obtained after the large folder is expanded, i.e., the 13th to 16th application icons. Note that when the large folder includes more application icons, if the large folder is expanded, the first to 12th application icons are displayed on the first page obtained after the large folder is expanded, and the 13th to 24th application icons are displayed on the second page obtained after the large folder is expanded. Subsequent pages may be inferred by analogy in the manner described above.

[0140] Take for example an example where a large folder 701 includes more than 12 application icons, for example 17 application icons. As shown in FIG. 7B(a) to FIG. 7B(c), the mobile phone shall display an interface 700 shown in FIG. 7B(a). The interface 700 may include a large folder 701 and a first page 702 of the large folder. After the user slides in the direction shown in the drawing at the position of the ninth application icon, the mobile phone may slide the first page 702 of the large folder to the next page in response to the slide operation, for example, may display an interface 730 shown in FIG. 7B(b). The interface 730 may include a second page 731 of the large folder. The first application icon of the page 731 is the ninth application icon included in the large folder. In other words, the application icons displayed on the page 731 start from the ninth application icon included in the large folder.

[0141] In this case, if the user wants to expand page 731, the user may tap the position of the ninth application icon of page 731, i.e., the position where the stacking effect is displayed. The mobile phone may expand page 731 in response to the user's tap operation, for example, may display interface 740. Interface 740 may include application icons obtained after the second page 731 of the large folder is expanded, i.e., page 741. For example, the ninth application icon to the seventeenth application icon of the large folder may be displayed. Note that when a large folder contains more application icons, when the large folder is expanded, the ninth application icon to the twentieth application icon may be displayed on the second page obtained after the large folder is expanded, and subsequent pages may be displayed in the same manner.

[0142] In another example, a large folder 701 includes more than 12 application icons, for example, 15 application icons. An interface 700 shown in FIG. 7C(a) is displayed, and the interface 700 may include a large folder 701 and a first page 702 of the large folder. After a user slides in the direction shown in the drawing at the position of the ninth application icon, the mobile phone may slide the first page 702 of the large folder to the next page in response to the slide operation, and may display, for example, the interface 750 shown in FIG. 7C(b). The interface 750 may include a second page 751 of the large folder. The first application icon of the page 751 is the ninth application icon included in the large folder. In this case, if the user wants to expand the page 751, the user may tap the position of the ninth application icon on the page 751. The mobile phone may expand the page 751 in response to the user's tap operation, and may display, for example, the interface 760. Interface 760 may include application icons available after second page 751 of the large folder is expanded, namely page 761. For example, the 9th through 15th application icons of the large folder may be displayed.

[0143] Still using an example where the large folder 701 includes more than 12 application icons, for example, 17 application icons. As shown in FIG. 7D(a) and FIG. 7D(b), the mobile phone shall display the interface 730 shown in FIG. 7D(a). The interface 730 may include a second page 731 of the large folder. The first application icon of the page 731 is the ninth application icon included in the large folder. In other words, the application icons displayed on the page 731 start from the ninth application icon included in the large folder. In this case, if the user wants to expand the page 731, the user may tap the position of the ninth application icon on the page 731, that is, the position where the stacking effect is displayed. The mobile phone may expand the page 731 in response to the user's tap operation, for example, may display the interface 770 shown in FIG. 7D(b). The interface 770 may include the page 771 obtained after the second page of the folder is expanded, for example, may display the thirteenth to seventeenth application icons of the large folder. When a large folder contains more application icons, if the large folder is expanded, the 13th application icon through the 24th application icon may be displayed on the second page obtained after expanding the large folder, and subsequent pages may be displayed similarly.

[0144] In other words, in an embodiment of the present application, for example, when a large folder includes a large number of applications, for example, more than 24 applications, if the large folder is expanded on the second page of the large folder, the first application icon among the application icons displayed on the expanded page may be the 13th application icon of the large folder, and the last application icon on the expanded page may be the 24th application icon of the large folder. Alternatively, the first application icon among the application icons displayed on the expanded page may be the 9th application icon of the large folder, and the last application icon on the expanded page may be the 20th application icon of the large folder. This is not limited in the present application.

[0145] According to the above embodiment, the present application further provides a display method. Figure 8 is a flowchart of the display method according to an embodiment of the present application. As shown in Figure 8, the method may include the following steps:

[0146] S801: The electronic device displays a first interface.

[0147] The first interface includes at least one control and a first folder, where the at least one control is displayed outside the first folder. The first folder may include multiple pages, for example a first page and a second page, where the first page includes at least one application icon and the second page includes at least one application icon.

[0148] S802: The electronic device detects a first operation performed by a user on a first page of a first folder.

[0149] Note that the first page of the first folder may be displayed on the first interface, and the first operation is an operation performed by the user on the first page of the first folder in the first interface.

[0150] S803: In response to the first operation, the electronic device displays a second interface.

[0151] The second interface includes at least one control and a second page, where the second page is a second page of the first folder.

[0152] Using Fig. 5B(a) and Fig. 5B(b) as an example, suppose a mobile phone displays an interface 500 shown in Fig. 5B(a). The interface 500 may include a first folder 501 and at least one control, for example an application icon other than the first folder 501, for example a camera application icon or a gallery application icon. A first page 502 of the first folder may be displayed on the interface 500. When the mobile phone detects a first operation performed by a user on the first page 502, for example a slide operation from right to left as shown in the drawing, the mobile phone may slide the first page 502 of the first folder 501 to the next page in response to the slide operation, for example displaying the second page 511 as shown in Fig. 5B(b).

[0153] In another example, as shown in Fig. 9(a) and Fig. 9(b), a mobile phone may display an interface 900 shown in Fig. 9(a), where the interface 900 may include a first folder 901 and at least one control other than the first folder 901. A first page 902 of the first folder 901 may be displayed on the interface 900. The page 902 may include, for example, a file application icon, an email application icon, and a calculator application icon as shown in the drawing. When the mobile phone detects a first operation performed by a user on the first page 902, for example, a slide operation from right to left as shown in the drawing, the mobile phone may display an interface 910 shown in Fig. 9(b) in response to the slide operation. The interface 910 may include a second page 911 of the first folder 901, where the second page 911 may include a setting application icon, a browser application icon, a weather application icon, and a recorder application icon.

[0154] For the specific implementation process of the embodiment shown in Fig. 8 and the embodiment shown in Fig. 9(a) and Fig. 9(b), please refer to the detailed description of the above embodiment, and the details will not be described again here.

[0155] It should be noted that all or part of the above embodiments provided in this application may be freely and randomly combined with each other, and the combined technical solutions also fall within the protection scope of this application.

[0156] In the embodiments provided in the present application, the methods provided in the embodiments of the present application are described in terms of an electronic device as an execution entity. To implement functions in the methods provided in the embodiments of the present application, the electronic device may include a hardware structure and / or a software module, and may implement functions in the form of a hardware structure, a software module, or a combination of a hardware structure and a software module. Whether a function among the above-mentioned functions is implemented by using a hardware structure, a software module, or a combination of a hardware structure and a software module depends on the design constraints of a specific application and technical solution.

[0157] As shown in Fig. 10, some other embodiments of the present application disclose an electronic device. The electronic device may be an electronic device having a display. As shown in Fig. 10, the electronic device 1000 includes a display 1001, one or more processors 1002, one or more memories 1003, one or more sensors 1004 (not shown), a plurality of applications 1005 (not shown), and one or more computer programs 1006 (not shown). These components may be connected via one or more communication buses 1007.

[0158] The display 1001 is configured to display a display interface of an application in the electronic device or display prompt information. The memory 1003 stores one or more computer programs, which, when called and executed by the one or more processors 1002, enable the electronic device 1000 to perform the following steps:

[0159] The display 1001 displays a first interface, where the first interface includes at least one control and a first folder, the control being displayed outside the first folder, the first folder including a first page and a second page, the first page including at least one application icon, the second page including at least one application icon, the first page being displayed on the first interface; detects a first operation performed by a user on the first page of the first folder; and in response to the first operation, displays a second interface, where the second interface includes at least one control and the second page.

[0160] In a possible design, the application icons on the second page include a portion of the application icons on the first page.

[0161] In a possible design, the first operation includes any one of the following operations: a slide operation at the position of the Nth application icon on the first page of the first folder, where N is a positive integer; a slide operation within a first designated area of ​​the first folder, where the first designated area includes any one of the left edge, right edge, top edge, and bottom edge of the first folder; or a slide operation within any area of ​​the first folder.

[0162] In a possible design, when instructions are invoked and executed by the one or more processors 1002, the electronic device 100 performs the following steps: In response to the first operation, displaying a portion of the application icons of the first page on a second page of the first folder based on a sliding distance of the first operation; It becomes possible to carry out the following.

[0163] In a possible design, the number of application icons contained in the first folder is greater than a preset number.

[0164] When instructions are called and executed by one or more processors 1002, electronic device 100 performs the following steps, namely: Detecting a second operation performed by a user at the position of the P-th application icon on the first page, and in response to the second operation, displaying a third interface, where the third interface includes the first application icon to the M-th application icon on the first page, M is greater than a preset quantity, is in the first folder, and the quantity of application icons that can be displayed on the third interface is greater than the quantity of application icons that can be displayed on the first page.

[0165] In a possible design, when instructions are called and executed by one or more processors 1002, electronic device 100 further performs the following steps, namely: Detecting a third operation performed by a user at the position of the P-th application icon on the second page, and in response to the third operation, displaying a fourth interface, where the fourth interface includes the first application icon to the O-th application icon on the second page, or the fourth interface includes the L-th application icon to the O-th application icon on the second page, provided that L < P < O, is in the first folder, and the quantity of application icons that can be displayed on the fourth interface is greater than the quantity of application icons that can be displayed on the second page.

[0166] In a possible design, when instructions are called and executed by one or more processors 1002, electronic device 100 performs the following steps, namely: When the quantity of application icons included in the first folder is greater than a preset quantity, in response to the first operation, it becomes possible to perform the step of displaying a second interface.

[0167] In a possible design, the preset quantity is eight or nine.

[0168] In a possible design, an icon of the first application is displayed on the first page. When the instructions are called and executed by the one or more processors 1002, the electronic device 100 can further perform the following steps: detect a fourth operation performed on the icon of the first application on the first interface, and in response to the fourth operation, open the first application.

[0169] In a possible design, the first folder contains more than a preset number of application icons, and the first page contains overlapping icons.

[0170] In a possible design, when the instructions are called and executed by the one or more processors 1002, the electronic device 100 is enabled to perform the following steps: detect a first operation performed by a user on an overlaid icon, where the overlaid icon is displayed as multiple non-overlapping icons in the second interface.

[0171] In a possible design, when the instructions are invoked and executed by the one or more processors 1002, the electronic device 100 is further enabled to perform the following steps: detecting a fifth operation performed by a user on the second page of the first folder, and in response to the fifth operation, displaying the first page of the first folder.

[0172] In this embodiment of the present application, the processor 1002 may be a general-purpose processor, a digital signal processor, an application specific integrated circuit, a field programmable gate array or another programmable logic device, a discrete gate or transistor logic device, or a discrete hardware component, and may implement or execute the methods, steps and logic block diagrams disclosed in the embodiments of the present application. The general-purpose processor may be a microprocessor or any conventional processor, etc. The steps of the methods disclosed in connection with the embodiments of the present application may be directly executed by a hardware processor, or may be executed by using a combination of hardware and software modules in the processor. The software modules may be located in the memory 1003. The processor 1002 reads program instructions from the memory 1003 and completes the steps of the method in combination with the hardware of the processor.

[0173] In this embodiment of the application, the memory 1003 may be a non-volatile memory, such as a hard disk drive (HDD) or a solid-state drive (SSD), or a volatile memory, such as a RAM. The memory may alternatively be any other medium that can be configured to carry or store program code expected in the form of instructions or data structures and that can be accessed by a computer. This is not limited thereto. The memory in this embodiment of the application may alternatively be a circuit or any other device that can implement a storage function and is configured to store instructions and / or data.

[0174] It should be noted that, as can be clearly understood by those skilled in the art, for convenience and concise description, the detailed operation processes of the above-mentioned devices and units may be referred to the corresponding processes in the above-mentioned method embodiments, and the details will not be described again here.

[0175] Based on the above-mentioned embodiment, the present application further provides a computer storage medium, which stores a computer program, and when the computer program is executed by a computer, the computer can execute the display method provided in the above-mentioned embodiment.

[0176] An embodiment of the present application further provides a computer program product including instructions, which, when executed on a computer, enables the computer to perform the display method provided in the foregoing embodiment.

[0177] The embodiments of the present application are described with reference to flowcharts and / or block diagrams of the method, device (system) and computer program product according to the embodiments of the present application. It should be understood that each process and / or each block in the flowcharts and / or block diagrams, and combinations of processes and / or blocks in the flowcharts and / or block diagrams, may be implemented using instructions. These instructions may be provided to a processor of a general purpose computer, a special purpose computer, an embedded processor, or any other programmable data processing device to generate a machine, such that the instructions executed by the processor of the computer or any other programmable data processing device generate an apparatus for implementing a particular function in one or more processes in the flowcharts and / or one or more blocks in the block diagrams.

[0178] These computer program instructions may alternatively be stored in a computer readable memory that can instruct a computer or another programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory generate an artifact that includes an instruction apparatus that implements a particular function in one or more processes of the flowcharts and / or one or more blocks of the block diagrams.

[0179] The computer program instructions may alternatively be loaded into a computer or other programmable data processing device such that a sequence of operations and steps are executed on the computer or other programmable device, thereby generating a computer-implemented process. Thus, the instructions executed on the computer or other programmable device provide steps for implementing a particular function in one or more procedures in the flowcharts and / or one or more blocks in the block diagrams.

Claims

1. A display method comprising: displaying, by the electronic device, a first interface, the first interface including at least one control and a first folder, the control being displayed outside the first folder; When a quantity of application icons included in the first folder is greater than a preset quantity, the first folder includes a first page and a second page, the first page includes at least one application icon, the second page includes at least one application icon, and the first page is displayed on the first interface; displaying, by the electronic device, a second interface when the electronic device detects a first operation performed by a user on the first page of the first folder, the second interface including the at least one control and the second page; When a quantity of the application icons included in the first folder is equal to or less than the preset quantity, the first folder includes a third page, the third page includes at least one application icon, and the third page is displayed on the first interface; and displaying, by the electronic device, a third interface when the electronic device detects a first operation performed by a user on the third page of the first folder, the third interface not including the at least one control and the first folder; A method comprising:

2. the first operation includes a slide operation within an arbitrary area of ​​the first folder; The method of claim 1.

3. The step of displaying a second interface by the electronic device includes: displaying, by the electronic device, a portion of an application icon of the first page on the second page of the first folder based on a sliding distance of the first operation. The method of claim 1.

4. the preset quantity is 9; The method of claim 1.

5. An icon of a first application is displayed on the first page, the method comprising: opening, by the electronic device, the first application when the electronic device detects a fourth operation performed on an icon of the first application in the first interface; The method of claim 1 further comprising:

6. When the number of application icons included in the first folder is greater than the preset number, the first page includes icons displayed in an overlapping manner. The method of claim 1.

7. detecting a first operation performed by a user on the first page of the first folder by the electronic device includes detecting the first operation performed by the user on the overlaid icon by the electronic device; the overlapped icons are displayed in the second interface as multiple non-overlapping icons; The method according to claim 6.

8. The method comprises: displaying, by the electronic device, the first page of the first folder when the electronic device detects a fifth operation performed by the user on the second page of the first folder; The method of claim 1 further comprising:

9. An electronic device, the electronic device including a display, one or more processors, one or more memories, one or more sensors, a plurality of applications, and one or more computer programs; An electronic device, wherein the one or more computer programs are stored in the one or more memories, the one or more computer programs including instructions that, when invoked and executed by the one or more processors, enable the electronic device to perform the method of any one of claims 1 to 8.

10. 9. A computer readable storage medium storing instructions which, when executed on an electronic device, enable the electronic device to perform the method of any one of claims 1 to 8.

Images