A method for displaying an interface and an electronic device

Abstract

This application provides an interface display method and an electronic device, relating to the field of terminal technology. On the one hand, for a folder on a first-level page, a second-level page about the folder can be displayed through a swiping operation; on the other hand, by performing different swiping operations on the folder in another direction, namely the second operation and the third operation, page turning operations within the folder and page turning operations on the first-level page are respectively implemented; providing richer display methods for folders and their application icons, thereby improving the user experience.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to an interface display method and an electronic device. Background Technology

[0002] A typical terminal device's system has multiple applications installed, corresponding to multiple application icons displayed on the desktop. The desktop can also include multiple switchable pages to display application icons on different pages. Furthermore, folders can be added to the desktop, allowing multiple application icons to be added to the same folder, saving desktop space or enabling categorized management.

[0003] However, the display methods for folders and their application icons in related technologies are relatively simple, and the user experience needs to be improved. Summary of the Invention

[0004] This application provides an interface display method and an electronic device that offers richer display methods for folders and their application icons, thereby improving the user experience.

[0005] The first aspect of this application discloses a method for displaying an interface, including:

[0006] The electronic device displays a first interface; the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located. The first interface is a first-level page.

[0007] The electronic device responds to a user's first operation on a first interface by displaying a target page about a first folder, the target page being a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0008] In this embodiment, for folders on the first-level page, a second-level page about the folder can be displayed by swiping, providing a richer display of the folder and its application icons, thus improving the user experience.

[0009] Optionally, the first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves towards the top or bottom of the electronic device.

[0010] In this embodiment, a swipe operation towards the top or bottom of the electronic device is provided to switch from a folder on the first-level page to a second-level page displaying about the folder, providing richer display methods for the folder and its application icons, and improving the user experience.

[0011] Optionally, the first swipe operation is a multi-point swipe operation, which is a swipe operation in which at least two touch points start from the display area where the first folder is located and slide in directions away from each other.

[0012] In this embodiment, a multi-point swipe operation is provided to switch from a folder on the first-level page to a second-level page displaying information about the folder, providing richer display methods for folders and their application icons, and improving the user experience.

[0013] Optionally, the first interface may also include a second folder, the size of which is smaller than that of the first folder.

[0014] In this embodiment, a swiping operation is provided for larger folders, enabling the switching from the folder on the first-level page to the second-level page displaying the folder information. This provides a richer display method for larger folders and their application icons, improving the user experience.

[0015] Optionally, the multiple application icons include multiple first application icons and multiple second application icons. Multiple first application icons are displayed in the display area of ​​the first folder. The display area of ​​the first folder also displays the target control. Multiple second application icons are displayed in the display area where the target control is located. The first application icons are configured to a first state, and the second application icons are configured to a second state.

[0016] The target page displays multiple first application icons and multiple second application icons within its display area, and all of these icons are configured to be in the first state.

[0017] Optionally, multiple first application icons within the display area where the first folder is located are displayed at intervals, and multiple second application icons within the display area where the target control is located are displayed with at least partial overlap;

[0018] Multiple first application icons and multiple second application icons are displayed alternately within the display area of ​​the target page.

[0019] Optionally, multiple first application icons within the display area where the first folder is located have a first icon size, and multiple second application icons within the display area where the target control is located have a second icon size, wherein the first icon size is larger than the second icon size;

[0020] Multiple first application icons and multiple second application icons all have the same size within the display area of ​​the target page.

[0021] Optionally, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0022] After the electronic device displays the first interface, the method also includes:

[0023] In response to a second operation by a user on a first interface, the electronic device displays a second page in the display area where the first folder is located; wherein, the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction;

[0024] The electronic device responds to a third operation performed by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and moves in a second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0025] In this embodiment, by performing different swiping operations on the folder in another direction, namely the second operation and the third operation, page turning operations within the folder and the first-level page turning operations are respectively implemented, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0026] Optionally, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to the first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition;

[0027] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies the second preset condition.

[0028] In this embodiment, the endpoints of the swiping operations of the second and third operations are different, thereby realizing the page turning operation within the folder and the page turning operation of the first-level page, respectively, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0029] Optionally, the first position and the second position each cover an area;

[0030] The first preset condition includes: the area covered by the first location is within the display area where the first folder is located;

[0031] The second preset condition includes: at least a portion of the area covered by the second location is outside the display area where the first folder is located.

[0032] Optionally, the first position and the second position each cover an area;

[0033] The first preset condition includes: at least a portion of the area covered by the first location is within the display area where the first folder is located;

[0034] The second preset condition includes: the area covered by the second location is outside the display area where the first folder is located.

[0035] Optionally, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the third position, and the sliding speed of the second operation is less than the first speed threshold;

[0036] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the fourth position. The sliding speed of the third operation is greater than the first speed threshold.

[0037] The third and fourth positions are both within the display area where the first folder is located.

[0038] In this embodiment, the sliding speeds of the second and third operations are different, respectively realizing the page turning operation within the folder and the page turning operation of the first-level page, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0039] Optionally, the first operation also includes a second sliding operation, which is to start from the display area where the first folder is located and slide in any direction to a third position and stay in the third position;

[0040] The electronic device responds to the user's first action on the first interface by displaying a target page about the first folder, specifically including:

[0041] In response to the user's second swipe, the display area of ​​the first folder increases, and the third position is located within the enlarged display area of ​​the first folder.

[0042] The electronic device responds to the user's first swipe operation by displaying a target page about the first folder; wherein the starting position of the first swipe operation is the third position.

[0043] In this embodiment, for smaller folders, the second swipe operation and the first swipe operation can be used to enlarge the smaller folder and then display the second-level page about the first folder, which further enriches the interface operation and display methods and improves the user experience.

[0044] Optionally, after displaying the target page about the first folder, the method further includes:

[0045] The electronic device responds to the user's third action by restoring the display of the first interface and the first folder.

[0046] The second aspect of this application discloses a method for displaying an interface, including:

[0047] The electronic device displays a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0048] In response to a second operation by a user on a first interface, the electronic device displays a second page in the display area where the first folder is located; wherein, the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction;

[0049] The electronic device responds to a third operation performed by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and moves in a second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0050] In this embodiment, by performing different swiping operations on the folder in another direction, namely the second operation and the third operation, page turning operations within the folder and the first-level page turning operations are respectively implemented, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0051] Optionally, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to the first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition;

[0052] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies the second preset condition.

[0053] In this embodiment, the endpoints of the swiping operations of the second and third operations are different, thereby realizing the page turning operation within the folder and the page turning operation of the first-level page, respectively, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0054] Optionally, the first position and the second position each cover an area;

[0055] The first preset condition includes: the area covered by the first location is within the display area where the first folder is located;

[0056] The second preset condition includes: at least a portion of the area covered by the second location is outside the display area where the first folder is located.

[0057] Optionally, the first position and the second position each cover an area;

[0058] The first preset condition includes: at least a portion of the area covered by the first location is within the display area where the first folder is located;

[0059] The second preset condition includes: the area covered by the second location is outside the display area where the first folder is located.

[0060] Optionally, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the third position, and the sliding speed of the second operation is less than the first speed threshold;

[0061] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the fourth position. The sliding speed of the third operation is greater than the first speed threshold.

[0062] The third and fourth positions are both within the display area where the first folder is located.

[0063] In this embodiment, the sliding speeds of the second and third operations are different, respectively realizing the page turning operation within the folder and the page turning operation of the first-level page, providing richer display methods for the folder and its application icons, and further improving the user experience.

[0064] Optionally, after the electronic device displays the first interface, the method further includes:

[0065] The electronic device responds to a user's first operation on a first interface by displaying a target page about a first folder, the target page being a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0066] In this embodiment, for folders on the first-level page, a second-level page about the folder can be displayed by swiping, providing a richer display of the folder and its application icons, thus improving the user experience.

[0067] Optionally, the first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves towards the top or bottom of the electronic device.

[0068] In this embodiment, a swipe operation towards the top or bottom of the electronic device is provided to switch from a folder on the first-level page to a second-level page displaying about the folder, providing richer display methods for the folder and its application icons, and improving the user experience.

[0069] Optionally, the first swipe operation is a multi-point swipe operation, which is a swipe operation in which at least two touch points start from the display area where the first folder is located and slide in directions away from each other.

[0070] In this embodiment, a multi-point swipe operation is provided to switch from a folder on the first-level page to a second-level page displaying information about the folder, providing richer display methods for folders and their application icons, and improving the user experience.

[0071] Optionally, the first interface may also include a second folder, the size of which is smaller than that of the first folder.

[0072] In this embodiment, a swiping operation is provided for larger folders, enabling the switching from the folder on the first-level page to the second-level page displaying the folder information. This provides a richer display method for larger folders and their application icons, improving the user experience.

[0073] Optionally, the multiple application icons include multiple first application icons and multiple second application icons. Multiple first application icons are displayed in the display area of ​​the first folder. The display area of ​​the first folder also displays the target control. Multiple second application icons are displayed in the display area where the target control is located. The first application icons are configured to a first state, and the second application icons are configured to a second state.

[0074] The target page displays multiple first application icons and multiple second application icons, and all of the multiple first application icons and multiple second application icons are configured as the first state.

[0075] Optionally, multiple first application icons are displayed at intervals within the display area of ​​the first folder, and multiple second application icons are displayed with at least partial overlap within the display area where the target control is located;

[0076] Multiple primary application icons and multiple secondary application icons are displayed alternately on the target page.

[0077] Optionally, multiple first application icons within the display area of ​​the first folder have a first icon size, and multiple second application icons within the display area of ​​the target control have a second icon size, wherein the first icon size is larger than the second icon size;

[0078] Multiple first application icons and multiple second application icons all have the same size on the target page.

[0079] Optionally, multiple first application icons in the display area of ​​the first folder have a first icon size and are displayed at intervals, and multiple second application icons in the display area where the target control is located have a second icon size and are displayed at least partially overlapping (or, displayed at intervals, not shown in the figure), and the first icon size is larger than the second icon size;

[0080] Multiple first application icons and multiple second application icons all have the same size on the target page.

[0081] A third aspect of this application discloses a graphical user interface (GUI) for an electronic device, the electronic device including a display screen, a memory, and one or more processors, the one or more processors being used to execute one or more computer programs stored in the memory, characterized in that the graphical user interface includes:

[0082] The first GUI is displayed on the screen, and the first GUI includes a first folder; multiple application icons are displayed in the display area where the first folder is located, and the first GUI is the first-level page;

[0083] In response to a first operation on the first folder, a second GUI is displayed; the second GUI is a second-level page; the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0084] A fourth aspect of this application discloses a graphical user interface (GUI) for an electronic device, the electronic device including a display screen, a memory, and one or more processors, the one or more processors being used to execute one or more computer programs stored in the memory, characterized in that the graphical user interface includes:

[0085] A first GUI is displayed on the screen. The first GUI includes a first folder, which includes a first page and a second page. The first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons.

[0086] In response to a second operation on the first folder, a third GUI is displayed in the display area where the first folder is located; wherein the third GUI displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction;

[0087] In response to the third operation on the first folder, a fourth GUI is displayed on the screen; the third operation is a swipe operation that starts from the display area where the first folder is located and slides in the second direction; the fourth GUI is the first-level page; the second operation is different from the third operation.

[0088] The fifth aspect of this application discloses an electronic device, comprising:

[0089] The first display unit is used to display the first interface; the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located. The first interface is a first-level page.

[0090] The second display unit is used to respond to a first operation by the user on the first interface and display a target page about the first folder, the target page being a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0091] The sixth aspect of this application discloses an electronic device, comprising:

[0092] The third display unit is used for the electronic device to display a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0093] The fourth display unit is used to respond to a second operation by the user on the first interface, and the display area where the first folder is located displays a second page; wherein the second page displays at least one application icon, and the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction;

[0094] The fifth display unit is used to display the second interface in response to a third operation performed by the user on the first interface; the third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0095] The seventh aspect of this application discloses an electronic device, including one or more displays, one or more memories, and one or more processors; wherein the one or more memories store one or more programs; when the one or more processors execute one or more programs, the first electronic device implements the above-described interface display method.

[0096] The eighth aspect of this application discloses a computer program product containing instructions that, when run on an electronic device, causes the electronic device to execute the aforementioned interface display method.

[0097] The ninth aspect of this application discloses a computer-readable storage medium including instructions that, when executed on an electronic device, cause the electronic device to perform the aforementioned interface display method.

[0098] It should be understood that the graphical user interface (GUI) of the third and fourth aspects, the electronic device of the fifth, sixth and seventh aspects, the computer program product of the eighth aspect, and the computer-readable storage medium of the ninth aspect provided above correspond to the methods of the first and second aspects above. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects in the corresponding methods provided above, and will not be repeated here. Attached Figure Description

[0099] Figure 1 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0100] Figure 2 This is a software architecture diagram of an electronic device provided in an embodiment of this application;

[0101] Figure 3 This is a flowchart of an interface display method provided in an embodiment of this application;

[0102] Figure 4A This is a schematic diagram of a first interface of an electronic device provided in an embodiment of this application;

[0103] Figure 4B This is a schematic diagram of a first sliding operation of an electronic device provided in an embodiment of this application;

[0104] Figure 4C This is a schematic diagram of a target page of an electronic device provided in an embodiment of this application;

[0105] Figure 4D This is a schematic diagram of an electronic device restoring the display of the first interface according to an embodiment of this application;

[0106] Figure 4E This is a schematic diagram of another first sliding operation of the electronic device provided in the embodiments of this application;

[0107] Figure 4F This is another schematic diagram of the target page of the electronic device provided in the embodiments of this application;

[0108] Figure 4G This is a schematic diagram of another first sliding operation of the electronic device provided in the embodiments of this application;

[0109] Figure 4H This is another schematic diagram of the target page of the electronic device provided in the embodiments of this application;

[0110] Figure 4I This is a schematic diagram of a second sliding operation of an electronic device provided in an embodiment of this application;

[0111] Figure 4J This is a schematic diagram of the interface at the end of the second sliding operation provided in an embodiment of this application;

[0112] Figure 4K This is a schematic diagram of another first sliding operation of the electronic device provided in the embodiments of this application;

[0113] Figure 5 yes Figure 3 An execution flowchart for step S34;

[0114] Figure 6 This is a flowchart of another interface display method provided in the embodiments of this application;

[0115] Figure 7 yes Figure 5 A flowchart illustrating a specific execution method of S540 in China;

[0116] Figure 7A This is a schematic diagram of a second operation on an electronic device provided in an embodiment of this application;

[0117] Figure 7B This is a schematic diagram of an electronic device displaying a second page, provided in an embodiment of this application;

[0118] Figure 7C This is a schematic diagram of a third operation on an electronic device provided in an embodiment of this application;

[0119] Figure 7D This is a schematic diagram of an electronic device displaying a second interface provided in an embodiment of this application;

[0120] Figure 8A This is a schematic diagram illustrating another second operation on an electronic device provided in an embodiment of this application;

[0121] Figure 8B This is a schematic diagram of another electronic device displaying a second page according to an embodiment of this application;

[0122] Figure 8C This is a schematic diagram illustrating another third operation on an electronic device provided in an embodiment of this application;

[0123] Figure 8D This is a schematic diagram of another electronic device displaying a second interface provided in an embodiment of this application.

[0124] In the diagram, 100 is the electronic device, 110 is the processor, 120 is the memory, 130 is the display screen, 40 is the first interface, 41 is the first system tool, 412 is the display area where the target control is located, 42 is the second system tool, 43 is the second system tool, 432 is the display area where the target control is located, 50 is the target page, 61 is the first page, 62 is the second page, and 70 is the second interface. Detailed Implementation

[0125] The embodiments of the present invention will now be described with reference to the accompanying drawings.

[0126] It should be noted that in this application, "at least one" means one or more, and "more than one" means two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone, where A and B can be singular or plural. The terms "first," "second," "third," "fourth," etc. (if present) in this application are used to distinguish similar objects, not to describe a specific order or sequence.

[0127] Figure 1 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Figure 1 As shown, this application provides an electronic device 100.

[0128] Electronic device 100 may include at least one of the following: mobile phone, foldable electronic device, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, super mobile personal computer, netbook, cellular phone, PDA, AR device, VR device, artificial intelligence device, wearable device, in-vehicle device, smart home device, and smart city device. This application embodiment does not impose any special limitations on the type of electronic device 100.

[0129] Electronic device 100 may include processor 110, memory 120, display screen 130, etc. The structures illustrated in the embodiments of this application do not constitute a limitation on electronic device 100. In other embodiments of this application, electronic device 100 may include more or fewer components than illustrated. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0130] Processor 110 may include one or more processing units, such as application processors, modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). These different processing units may be independent devices or integrated into one or more processors.

[0131] The processor 110 can generate operation control signals based on the instruction opcode and timing signals to control the instruction fetching and execution.

[0132] The memory 120 can be used to store computer executable program code, which includes instructions. The memory 120 may include a program storage area and a data storage area. The program storage area may store the operating system, applications required for at least one function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of the electronic device 100 (such as audio data, phonebook, etc.). Furthermore, the memory 120 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc. The processor 110 executes various functional methods or data processing of the electronic device 100 by running instructions stored in the memory 120 and / or instructions stored in memory disposed in the processor. For example, the memory 120 stores one or more programs, and when one or more processors of the electronic device 100 execute one or more programs, the electronic device 100 implements the interface display method in the embodiments of this application.

[0133] Electronic device 100 can implement display functions through a GPU, display screen 130, and application processor. The GPU is a microprocessor for image processing, connected to the display screen 130 and the application processor. The GPU is used to perform mathematical and geometric calculations and graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0134] Display screen 130 is used to display images, videos, etc. In some embodiments, electronic device 100 may include one or more display screens 130. Display screen 130 may be at least one of LCD, OLED, AMOLED, FLED, Miniled, MicroLED, Micro-OLED, quantum dot light-emitting diode (QLED) displays, etc. In some embodiments, display screen 130 may be a touch screen.

[0135] The software architecture of the electronic device 100 provided in the embodiments of this application is described below.

[0136] The electronic device 100 provided in this application embodiment can run an operating system (OS). This operating system can be various operating systems currently used in the industry, such as HarmonyOS, an operating system developed based on OpenHarmony; or other operating systems such as Android. TM Operating system, iOSTM Mobile operating system; it can also be various open-source operating systems or their derivatives, such as the Linux operating system (Linux). TM Operating systems (OS) can refer to various types of operating systems, including embedded operating systems, as well as future new operating systems such as AI operating systems based on artificial intelligence. An operating system is a set of interconnected system software programs that manage and control the operation of electronic devices, utilize and run hardware and software resources, and provide public services to organize user interaction. In electronic devices, the operating system occupies a crucial position, connecting to the physical hardware layer below and providing a runtime environment for application software above.

[0137] An operating system typically includes a kernel layer, a middleware layer, and an application layer. The application layer includes applications, which can include system applications and third-party applications. The middleware layer is a suite of software, or frameworks, that provides various services to application developers, such as databases, multimedia, and graphics, or capabilities like distributed scheduling and system expansion. For example, the middleware layer can also be broadly divided into a framework layer and / or a system service layer. The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The system service layer includes the system's core capabilities, providing services to applications through the framework layer. The kernel layer is the layer between hardware and software. The kernel layer can include hardware drivers and the operating system kernel. In addition to providing hardware drivers, the kernel layer also supports functions such as memory management and system process management.

[0138] The electronic devices we use in our daily lives come in various types and forms, and the application scenarios of electronic device 100 are also very wide. Therefore, based on the different forms and functions of electronic devices 100, different application scenarios, and different user needs, the operating systems used in electronic devices 100 may also be different. These operating systems have commonalities as well as their own characteristics, and different operating systems affect user experience, application ecosystem, and system performance. The basic functions implemented by the electronic device 100 provided in this application can be implemented through a general-purpose operating system or through a dedicated operating system. To more clearly illustrate the implementation of the embodiments of this application under a specific operating system, the following shows an operating system architecture. Those skilled in the art can deduce the implementation of the embodiments of this application under other specific operating systems, such as HarmonyOS or Android. TM Implementation under the operating system.

[0139] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses a layered architecture operating system as an example to exemplify the software architecture of electronic device 100.

[0140] Figure 2 This is a software architecture diagram of an electronic device provided in an embodiment of this application. For example... Figure 2 As shown, a layered architecture can include several layers, which communicate with each other through software interfaces.

[0141] In some embodiments, the layered architecture of the operating system includes an application layer, a framework layer, a system service layer, and a kernel layer. The application layer may include system applications and extended / third-party applications. System applications may include the desktop, control bar, settings, contacts, phone, camera, etc., while extended / third-party applications may include social applications, travel applications, etc.

[0142] The following example, using a mobile phone as an example, illustrates the interface display method of this application.

[0143] Figure 3 This is a flowchart illustrating an interface display method provided in an embodiment of this application. Figure 3 As shown, the interface display method of this embodiment includes:

[0144] Step S32: The electronic device displays a first interface; wherein, the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located. The first interface is a first-level page.

[0145] In practice, the first interface can be the phone's home screen. It should be understood that a phone's home screen can include multiple interfaces, and the first interface can be one of them. The first interface can also be other system interfaces, such as iOS. TM The interface of the App Library in the operating system. (In iOS) TM In the operating system, one can swipe from the desktop interface to the App Library interface. The first-level page can be a relative concept, meaning it's one level above the second-level page. The second-level page can be the page displayed after an action is taken on the first-level page. In one embodiment, the first-level page can be a single-level page; it should be understood that the page displayed after an action is taken on the first-level page can be called a second-level page.

[0146] The first interface, including the first folder, can be understood as a folder related to the first interface, for example, the first folder is displayed on the first interface. The first folder can be a folder with a first file size similar to the application icon size on the desktop interface, and can also be called a small folder. The first folder can also be a folder with a second file size, which is larger than the first file size, and therefore can also be called a large folder.

[0147] The display area containing the first folder can be understood as the area enclosed by the edge of the first folder, also known as the hot zone of the first folder. In the embodiments of this application, the display area containing the first folder can also be directly described as being inside the first folder. The application icons are the icons corresponding to the various applications (also known as applications) installed on the phone's operating system.

[0148] For example, such as Figure 4A As shown, Figure 4A This is a schematic diagram of a first interface of an electronic device provided in an embodiment of this application. In the figure, the first interface is a desktop interface 40. In one embodiment, the desktop interface 40 displays a first system tool 41, which is a first folder. The first system tool 41 has a second file size, i.e., the first system tool 41 is a large folder. In one embodiment, continuing as... Figure 4A As shown, multiple application icons are displayed within the first system tool 41. These multiple application icons include multiple first application icons and multiple second application icons. The first system tool 41 also displays a target control. Multiple second application icons are displayed within the display area 412 where the target control is located. Other application icons outside the display area 412 of the target control but within the first system tool 41 are considered first application icons. For example, the applications corresponding to the first and second application icons can be clocks, calculators, file managers, memos, recorders, settings, etc. In one embodiment, the first application icon is configured in a first state, and the second application icon is configured in a second state. In the first state, the application icon directly opens the corresponding application after receiving an operation (e.g., a click operation). In the second state, the application icon cannot directly open the corresponding application after receiving an operation (e.g., a click operation). In one embodiment, continuing as... Figure 4AAs shown, multiple first application icons within the first system tool 41 are displayed at intervals, and multiple second application icons within the display area 412 where the target control is located are displayed with at least partial overlap. In one embodiment, the multiple first application icons within the first system tool 41 have a first icon size, and the multiple second application icons within the display area 412 where the target control is located have a second icon size, wherein the first icon size is larger than the second icon size. In one embodiment, the multiple first application icons with the first icon size are displayed at intervals, and the multiple second application icons with the second icon size are displayed at intervals. In one embodiment, when the display area 412 where the target control is located receives a click operation, a secondary page of the first system tool 41 can be expanded.

[0149] In one embodiment, continue as follows Figure 4A As shown, the desktop interface 40 also displays a second system tool 42, which is another type of first folder. The second system tool 42 has a first file size, that is, the second system tool 42 is a small folder. In one embodiment, continuing as follows Figure 4A As shown, the second system tool 42 displays multiple application icons, all of which have a second state. In one embodiment, continuing as... Figure 4A As shown, the multiple application icons displayed within the second system tool 42 have a second icon size. In one embodiment, when the display area 412 where the second system tool 42 is located receives a click operation, the secondary page of the second system tool 42 can be expanded.

[0150] In one embodiment, the first interface includes both a first folder and a second folder, where the size of the second folder is smaller than the size of the first folder. For example, continuing as follows... Figure 4A As shown, the first folder is the first system tools 41, and the second folder is the second system tools 42. It should be noted that, for ease of understanding, the application icons displayed in the first system tools 41 and the second system tools 42 are the same in this embodiment. However, it should be understood that the application icons displayed in the first system tools 41 and the second system tools 42 may also be different.

[0151] Continue as Figure 3 As shown, the interface display method in this embodiment further includes:

[0152] Step S34: In response to the user's first operation on the first interface, the electronic device displays a target page about the first folder; wherein the target page is a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0153] In specific implementation, the target page is a second-level page, corresponding to the first-level page in the aforementioned embodiments. The second-level page can be a relative concept, meaning it is one level below the first-level page. The second-level page can be the page displayed after the first-level page responds to an operation. In one embodiment, the second-level page can be a sub-level page; it should be understood that the page displayed after the first-level page responds to an operation can be called a sub-level page. Therefore, the target page is the second-level page displayed relative to the first interface after responding to the first operation.

[0154] The first direction in the first swipe operation can include various situations. In one embodiment, the first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves towards the top or bottom of the electronic device. For example, it could be an upward swipe operation starting from within the first folder or a downward swipe operation starting from within the first folder. In another embodiment, the first swipe operation is a multi-point swipe operation, which is a swipe operation in which at least two touch points start from the display area where the first folder is located and move in mutually distant directions.

[0155] For example, such as Figure 4B and 4C As shown, Figure 4B This is a schematic diagram of a first sliding operation of an electronic device provided in an embodiment of this application. Figure 4C This is a schematic diagram of a target page of an electronic device provided in an embodiment of this application. For example... Figure 4B As shown, the first folder is Figure 4A The first system tool 41 displays multiple application icons, including multiple first application icons and multiple second application icons. The first system tool 41 also displays a target control, and multiple second application icons are displayed within a display area 412 of the target control. Other application icons outside the display area 412 of the target control but within the first system tool 41 are considered first application icons. For example, first application icons include a clock, calculator, and memo; second application icons include a file manager, recorder, and settings. In one embodiment, the first application icon is configured to a first state, and the second application icon is configured to a second state. The first and second states are different states, where icons configured in the first and second states respond differently to the same or similar operations (e.g., click operations). In one embodiment, the first state is where the application icon directly opens the corresponding application after receiving an operation (e.g., click operation), while the second state is where the application icon cannot directly open the corresponding application after receiving an operation (e.g., click operation). In one embodiment, continuing as... Figure 4A and Figure 4BAs shown, multiple first application icons within the first system tool 41 are displayed at intervals, while multiple second application icons within the display area 412 where the target control is located are displayed with at least partial overlap. For example, continuing as... Figure 4B As shown, the first swipe operation is a swipe that starts from the display area where the first folder is located and moves towards the top of the electronic device (i.e., in the direction the arrow points). In one embodiment, the swipe operation in the first direction can be as follows: Figure 4B The sliding operation shown can be a single touch point, or it can be a sliding operation of two or more touch points.

[0156] For example, continue as follows Figure 4C As shown, the target page 50 is displayed on the phone's screen. The display area of ​​the target page 50 is smaller than the screen area, and the display area of ​​the target page 50 is smaller than the display area of ​​the first interface 40. In one embodiment, continuing as... Figure 4C As shown, the display area where the target page 50 is located is displayed. Figure 4B The first system tool 41 shown contains multiple first application icons (clock, calculator, memo) and multiple second application icons (file manager, recorder, settings), and within the display area of ​​the target page 50, all the first application icons and multiple second application icons are configured in a first state. In one embodiment, continuing as... Figure 4C As shown, within the display area of ​​the target page 50, multiple first application icons and multiple second application icons are displayed alternately.

[0157] For example, such as Figure 4E and 4F As shown, Figure 4E This is a schematic diagram of another first sliding operation of the electronic device provided in the embodiments of this application. Figure 4F This is another schematic diagram of the target page of the electronic device provided in the embodiments of this application. For example... Figure 4B As shown, the first folder is still... Figure 4AThe first system tool 41 displays multiple application icons, including multiple first application icons and multiple second application icons. The first system tool 41 also displays a target control, and multiple second application icons are displayed within a display area 412 of the target control. Other application icons outside the display area 412 of the target control but within the first system tool 41 are considered first application icons. For example, first application icons include a clock, calculator, and memo; second application icons include a file manager, recorder, and settings. In one embodiment, the first application icon is configured in a first state, and the second application icon is configured in a second state. In the first state, the application icon directly opens the corresponding application after receiving an operation (e.g., a click operation); in the second state, the application icon cannot directly open the corresponding application after receiving an operation (e.g., a click operation). In one embodiment, continuing as... Figure 4A and Figure 4E As shown, multiple first application icons within the first system tool 41 are displayed at intervals, while multiple second application icons within the display area 412 where the target control is located are displayed with at least partial overlap. For example, continuing as... Figure 4E As shown, the first swipe operation is a multi-point swipe operation. Specifically, a multi-point swipe operation involves two touch points starting from the display area where the first folder is located and swiping away from each other in a direction that moves away from each other (i.e., the direction indicated by the two arrows). The touch points can be generated by the user's finger contacting the display screen.

[0158] In one embodiment, the sliding distance of the first sliding operation is greater than the sliding distance threshold. The sliding distance threshold is a settable threshold. For example, the sliding distance threshold may be less than the width of the display area where the first folder is located in the first direction, or greater than the width of the display area where the first folder is located in the first direction.

[0159] For example, continue as follows Figure 4F As shown, target page 50 is displayed on the phone's screen, and the display area where target page 50 is located covers the entire display area of ​​the screen. In one embodiment, continuing as... Figure 4F As shown, the display area where the target page 50 is located is displayed. Figure 4E The first system tool 41 shown contains multiple first application icons (clock, calculator, memo) and multiple second application icons (file manager, recorder, settings), and within the display area of ​​the target page 50, all the first application icons and multiple second application icons are configured in a first state. In one embodiment, continuing as... Figure 4F As shown, within the display area of ​​the target page 50, multiple first application icons and multiple second application icons are displayed alternately.

[0160] In one embodiment, the plurality of first application icons and the plurality of second application icons all have the same size within the display area of ​​the target page. For example, continuing as follows... Figure 4C and Figure 4F As shown, multiple first application icons and multiple second application icons all have the first icon size within the display area of ​​the target page. That is, in the aforementioned embodiment, multiple first application icons in the first system tool 41 have the first icon size, and multiple second application icons in the display area 412 where the target control is located have the second icon size; and multiple application icons displayed in the second system tool 42 have the second icon size; the application icon size in the target page expanded after responding to the first swipe operation is uniformly displayed as the first icon size.

[0161] In one embodiment, when the first folder has a first file size and multiple application icons all have a second icon size, the target page can also be a page within the display area where the large folder is located. For example, such as... Figure 4G and 4H As shown, Figure 4G This is a schematic diagram of another first sliding operation of the electronic device provided in the embodiments of this application. Figure 4H This is another schematic diagram of the target page of the electronic device provided in the embodiments of this application. For example... Figure 4G As shown, the first folder is the second system tool 42, which has a first file size, meaning it is a small folder. Multiple application icons are displayed within the second system tool 42, and these icons all have a second state. The multiple application icons displayed within the second system tool 42 have a second icon size. The first swipe operation is a swipe operation starting from the display area where the second system tool 42 is located and moving towards the top of the electronic device (i.e., in the direction the arrow points).

[0162] For example, such as Figure 4HAs shown, on the first interface 40, in response to the first sliding operation, the size of the display area 412 where the second system tool 42 is located changes from the first file size to the second file size of the second system tool 43. The display area where the second system tool 43 is located includes the target page 50, which displays multiple application icons, including multiple first application icons and multiple second application icons. The second system tool 43 also displays a target control, and the display area 432 where the target control is located displays multiple second application icons. Other application icons outside the display area 432 of the target control but within the second system tool 43 are first application icons. That is, the first folder changes from a small folder to a large folder. It should be understood that the size, overlap, and spacing of the application icons within the second system tool 43 are similar to the embodiments of the application icons within the first system tool 41 in the aforementioned embodiments, and will not be repeated here.

[0163] In one embodiment, the first operation further includes a second sliding operation, which is to start from the display area where the first folder is located and slide in any direction to a third position and stay at the third position;

[0164] Accordingly, see Figure 5 In step S34 of the foregoing embodiment, the electronic device, in response to a first operation by the user on the first interface, displays a target page about the first folder, specifically including:

[0165] S342, the electronic device responds to the user's second swipe operation by enlarging the display area of ​​the first folder and placing the third position within the enlarged display area of ​​the first folder;

[0166] In the specific implementation process, such as Figure 4I As shown, Figure 4I This is a schematic diagram of a second sliding operation of an electronic device provided in an embodiment of this application. The first interface 40 displays a second system tool 42, and the sliding direction of the second sliding operation can be one of multiple directions as indicated by the arrows. In one embodiment, the sliding distance of the second sliding operation can be less than the sliding distance of the first sliding operation, so that the third position at the end of the sliding operation is within the display area of ​​the enlarged first folder. Figure 4J As shown, Figure 4JThis is a schematic diagram of the interface at the end of the second swipe operation provided in an embodiment of this application. In the figure, the first interface 40 displays a magnified second system tool 43, with the finger remaining in contact within the area where the magnified second system tool 43 is located. In one embodiment, the magnified second system tool 43 can be similar to the first system tool 41 in the aforementioned embodiment, i.e., a large folder. In one embodiment, when the finger releases the touch within the area where the magnified second system tool 43 is located, the magnified second system tool 43 reverts to its previous state. Figure 4I The second system tool 42.

[0167] S344, the electronic device responds to the user's first swipe operation by displaying a target page about the first folder; wherein the starting position of the first swipe operation is the third position.

[0168] In the specific implementation process, such as Figure 4K As shown, Figure 4K This is a schematic diagram of another first sliding operation of an electronic device provided in an embodiment of this application. In the figure, the first interface 40 shows an enlarged version of the second system tool 43, and the first sliding operation is a sliding operation that starts from a third position and slides towards the top of the electronic device (in the direction of the arrow in the figure). In one embodiment, the first sliding operation is a sliding operation that continues to slide towards the top of the electronic device while maintaining the state of the third position.

[0169] In one embodiment, refer to Figure 6 After displaying the target page about the first folder, the interface display method in this embodiment further includes:

[0170] S36, the electronic device responds to the user's third operation by restoring the display of the first interface and the first folder.

[0171] In specific implementation, the third operation can be an operation on the target page, such as a click or swipe operation in the blank area of ​​the display area where the target page is located. In one embodiment, the third operation can be an operation outside the display area of ​​the target page. In one embodiment, the target page has controls such as back and close, and the third operation can be a click operation on these controls. Restoring the display of the first interface and the first folder means restoring the content displayed on the first interface before the first operation, i.e., the content displayed on the first interface. For example, refer to... Figure 4C and 4D , Figure 4D This is a schematic diagram illustrating the restoration of the first interface of an electronic device provided in an embodiment of this application. Figure 4C If a click operation occurs outside the display area of ​​the target page 50 as shown, the display will be restored as follows. Figure 4DThe first interface 40 is shown. In one embodiment, the content displayed on the first interface 40 is the same as... Figure 4B Same as above.

[0172] The above embodiments illustrate how, on the display interface of an electronic device, the process of displaying a first-level page to a second-level page within a first folder is described. The following will demonstrate embodiments of page navigation within the first folder and page navigation within the first-level page.

[0173] In one embodiment, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0174] like Figure 7 As shown, after the electronic device displays the first interface in step S32, the interface display method of this embodiment further includes:

[0175] S62, the electronic device responds to a second operation by the user on the first interface, and displays a second page in the display area where the first folder is located; wherein the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction.

[0176] In practical implementation, if multiple application icons cannot be displayed on a single page of the first folder, the first folder can include multiple pages. When switching to different pages, each page can display multiple application icons. It should be understood that on the first interface, in the same display state, the display area containing the first folder generally only displays one page. In this embodiment, the page displayed in the initial display state is named the first page. To switch to displaying the second page, a page-turning operation within the first folder is required. The second operation in this embodiment is the page-turning operation within the first folder, and the sliding direction of the second operation is a second direction, which can be a direction pointing to either side of the electronic device. In one embodiment, the first folder can be a large file as described in the previous embodiment, or it can be a small folder.

[0177] S64, the electronic device responds to a third operation by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0178] In practical implementation, the third operation is a page-turning operation for the first-level page, that is, switching from the first interface to display the second interface, realizing page turning from the first interface to the second interface. The third operation differs from the second operation; the third operation realizes page turning of the first-level page, while the second operation realizes page turning within the first folder. The second interface can be the desktop or the system interface, such as the App resource library interface in the aforementioned embodiment.

[0179] There are several ways to perform the third and second operations. The following diagrams illustrate some of these methods.

[0180] In one embodiment, the second operation is a sliding operation starting from the display area where the first folder is located and sliding in a second direction to a first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition. Correspondingly, the third operation is a sliding operation starting from the display area where the first folder is located and sliding in a second direction to a second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies a second preset condition. It can be seen that in this embodiment, the third operation and the second operation are both sliding operations in the same direction, only the conditions satisfied at the sliding endpoint are different.

[0181] In one embodiment, the first position and the second position each cover an area; the first preset condition includes: the area covered by the first position is within the display area where the first folder is located; the second preset condition includes: at least a portion of the area covered by the second position is outside the display area where the first folder is located.

[0182] For example, such as Figure 7A As shown, Figure 7A This is a schematic diagram illustrating a second operation on an electronic device provided in an embodiment of this application. In the diagram, a first folder is displayed on the first interface 40; the first folder is a first system tool 41, which is related to the aforementioned embodiments. Figure 4A The first system tool 41 is the same, that is, the first folder is a large folder. Figure 7A The first system tool 41 displays a first page 61, on which multiple first application icons and multiple second application icons are displayed. The first system tool 41 also displays a target control, and multiple second application icons are displayed within the display area 412 where the target control is located. Other application icons outside the display area 412 of the target control but within the first system tool 41 are first application icons. For example... Figure 7A As shown, multiple first application icons include a clock, calculator, and memo; multiple second application icons include a file manager, voice recorder, and settings. In one embodiment, the first application icons are configured in a first state, and the second application icons are configured in a second state. Continuing as... Figure 7AAs shown, the second operation is a sliding operation in the direction indicated by the arrow, that is, the second direction is towards the side of the electronic device. It should be understood that since the first position is the touch point formed by a finger touch, the first position covers an area, which is the area where the touch point is formed. In this embodiment, continuing as... Figure 7A As shown, the area covered by the first position is within the display area of ​​the first folder; that is, the touch point corresponding to the first position is entirely within the display area of ​​the first folder. Correspondingly, as... Figure 7B As shown, Figure 7B This is a schematic diagram of an electronic device displaying a second page according to an embodiment of this application. In the diagram, the display screen of the electronic device still displays the first interface 40, and the second page 62 is displayed in the first system tool 41 on the first interface 40, instead of the first page 61.

[0183] For example, such as Figure 7C As shown, Figure 7C This is a schematic diagram of a third operation on an electronic device provided in an embodiment of this application. In the diagram, a first folder is displayed on the first interface 40, and the first folder is a first system tool 41. The first system tool 41 is related to the aforementioned embodiments. Figure 4A The first system tool 41 is the same, that is, the first folder is a large folder. Figure 7C The first system tool 41 displays a first page 61, on which multiple first application icons and multiple second application icons are displayed. The first system tool 41 also displays a target control, and multiple second application icons are displayed within the display area 412 where the target control is located. Other application icons outside the display area 412 of the target control but within the first system tool 41 are first application icons. For example... Figure 7C As shown, multiple first application icons include a clock, calculator, and memo; multiple second application icons include a file manager, voice recorder, and settings. In one embodiment, the first application icons are configured in a first state, and the second application icons are configured in a second state. Continuing as... Figure 7C As shown, the third operation is a sliding operation in the direction indicated by the arrow, i.e., the second direction is towards the side of the electronic device. It should be understood that since the second position is the touch point formed by a finger touch, the second position covers an area, which is the area where the touch point is formed. In this embodiment, continuing as... Figure 7C As shown, at least a portion of the area covered by the second position is outside the display area where the first folder is located; that is, the touch point corresponding to the second position is partially outside the display area where the first folder is located, or all the touch points corresponding to the second position are outside the display area where the first folder is located. Correspondingly, as... Figure 7D As shown, Figure 7DThis is a schematic diagram of an electronic device displaying a second interface according to an embodiment of this application. In the figure, the display screen of the electronic device shows a second interface 70, which is a desktop, and displays multiple applications not shown in the first interface 40.

[0184] In one embodiment, in Figures 7A to 7D Based on the above, at least a portion of the area covered by the first position is within the display area where the first folder is located; that is, either the touch point corresponding to the first position is partially within the display area where the first folder is located, or all the touch points corresponding to the first position are within the display area where the first folder is located. Correspondingly, the area covered by the second position is outside the display area where the first folder is located; that is, all the touch points corresponding to the second position are outside the display area where the first folder is located.

[0185] In this embodiment, depending on the position of the swipe operation endpoint (i.e., whether the swipe operation endpoint is inside or outside the display area where the first folder is located), page turning inside the first folder and page turning of the first-level page are implemented respectively, providing richer interface operation methods, thus having richer interface display methods and further improving the user experience.

[0186] In one embodiment, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to a third position, and the sliding speed of the second operation is less than a first speed threshold; the third operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to a fourth position, and the sliding speed of the third operation is greater than the first speed threshold; wherein, the third position and the fourth position are both within the display area where the first folder is located.

[0187] In this embodiment, when all swiping operations are within the display area of ​​the first folder, different swiping speeds are used to respectively achieve page turning within the first folder and page turning at the first level. For example, as shown... Figures 8A to 8D As shown, Figure 8A This is a schematic diagram illustrating another second operation on an electronic device provided in an embodiment of this application. The content displayed on the first interface 40 in the figure is the same as... Figure 7ASimilar to the previous example, the second operation is a sliding operation in the direction shown by the arrow in the figure, that is, the second direction is towards the side of the electronic device. It should be understood that since the third position is the touch point formed by the finger touch, the third position covers an area, which is the area formed by the touch point. The area covered by the third position is within the display area where the first folder is located; that is, all touch points corresponding to the third position are within the display area where the first folder is located. In this embodiment, the sliding speed V1 of the second operation is less than the first speed threshold, which is a settable speed threshold. In one embodiment, the page turning event within the first folder will only be responded to after the second operation is completed (sliding to and holding the third position or sliding to and ending the touch at the third position). Therefore, see [link to previous example]. Figure 8A The sliding speed of the second operation can be the average sliding speed of the second operation, which is the average speed threshold of the first speed threshold. In one embodiment, the sliding speed of the second operation can also be the sliding acceleration, and correspondingly, the first speed threshold is the acceleration threshold. Accordingly, as... Figure 8B As shown, Figure 8B This is a schematic diagram illustrating another display of a second page on an electronic device provided in an embodiment of this application. In the diagram, the electronic device's display screen still shows the first interface 40, but the second page 62 is displayed within the first system tool 41 on the first interface 40, and the first page 61 is no longer displayed.

[0188] like Figure 8C and Figure 8D As shown, Figure 8C This is a schematic diagram illustrating another third operation on an electronic device provided in an embodiment of this application. Figure 8A The difference is that the sliding speed V2 of the third operation is greater than the first speed threshold. In one embodiment, the page turning event of the first-level page will only be responded to after the third operation is completed; therefore, see [link to previous section]. Figure 8C The sliding speed of the second operation can be the average sliding speed of the second operation. In one embodiment, the sliding speed of the second operation can also include sliding acceleration and average speed. Correspondingly, the first speed threshold includes an acceleration threshold and an average speed threshold. The sliding acceleration is greater than the acceleration threshold, and the average sliding speed is greater than the average speed threshold, in response to the page turning event of the first-level page. Figure 8B As shown, Figure 8D This is a schematic diagram of another electronic device displaying a second interface according to an embodiment of this application. In the figure, the display screen of the electronic device shows a second interface 70, on which multiple applications not displayed in the first interface 40 are displayed.

[0189] Embodiments of this application also provide an interface display method, the method comprising:

[0190] The electronic device displays a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0191] In response to a second operation by a user on a first interface, the electronic device displays a second page in the display area where the first folder is located; wherein, the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction;

[0192] The electronic device responds to a third operation performed by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and moves in a second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0193] In one embodiment, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to the first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition;

[0194] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies the second preset condition.

[0195] In one embodiment, the first position and the second position each cover an area;

[0196] The first preset condition includes: the area covered by the first location is within the display area where the first folder is located;

[0197] The second preset condition includes: at least a portion of the area covered by the second location is outside the display area where the first folder is located.

[0198] In one embodiment, the first position and the second position each cover an area;

[0199] The first preset condition includes: at least a portion of the area covered by the first location is within the display area where the first folder is located;

[0200] The second preset condition includes: the area covered by the second location is outside the display area where the first folder is located.

[0201] In one embodiment, the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction to a third position, wherein the sliding speed of the second operation is less than a first speed threshold.

[0202] The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the fourth position. The sliding speed of the third operation is greater than the first speed threshold.

[0203] The third and fourth positions are both within the display area where the first folder is located.

[0204] In one embodiment, after the electronic device displays the first interface, the method further includes:

[0205] The electronic device responds to a user's first operation on a first interface by displaying a target page about a first folder, the target page being a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0206] In one embodiment, the first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves toward the top or bottom of the electronic device.

[0207] In one embodiment, the first sliding operation is a multi-point sliding operation, which is a sliding operation in which at least two touch points start from the display area where the first folder is located and slide in a direction away from each other.

[0208] In one embodiment, the first interface further includes a second folder, the size of which is smaller than that of the first folder.

[0209] In one embodiment, the multiple application icons include multiple first application icons and multiple second application icons. Multiple first application icons are displayed in the display area of ​​the first folder, and a target control is also displayed in the display area of ​​the first folder. Multiple second application icons are displayed in the display area where the target control is located. The first application icons are configured to a first state, and the second application icons are configured to a second state.

[0210] The target page displays multiple first application icons and multiple second application icons, and all of the multiple first application icons and multiple second application icons are configured as the first state.

[0211] In one embodiment, multiple first application icons are displayed at intervals within the display area of ​​the first folder, and multiple second application icons are displayed with at least partial overlap within the display area where the target control is located;

[0212] Multiple primary application icons and multiple secondary application icons are displayed alternately on the target page.

[0213] In one embodiment, a plurality of first application icons in the display area of ​​the first folder have a first icon size, and a plurality of second application icons in the display area where the target control is located have a second icon size, wherein the first icon size is larger than the second icon size;

[0214] Multiple first application icons and multiple second application icons all have the same size on the target page.

[0215] It should be understood that the specific implementation methods and effects of the interface display method in this embodiment can be referred to the specific implementation methods and effects of the interface display method in the foregoing embodiments, and will not be repeated here.

[0216] This application embodiment also provides a graphical user interface (GUI) for an electronic device, the electronic device including a display screen, a memory, and one or more processors, the one or more processors being used to execute one or more computer programs stored in the memory, characterized in that the graphical user interface includes:

[0217] The first GUI is displayed on the screen, and the first GUI includes a first folder; multiple application icons are displayed in the display area where the first folder is located, and the first GUI is the first-level page;

[0218] In response to a first operation on the first folder, a second GUI is displayed; the second GUI is a second-level page; the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0219] In specific implementation, the first GUI can be the first interface 40 in the aforementioned embodiments, and the second GUI can be the target page 50 in the aforementioned embodiments.

[0220] It should be noted that the descriptions of the graphical user interface (GUI) not covered in this embodiment can be found in the various implementation methods and technical effects of the interface display method in the foregoing embodiments, and will not be repeated here.

[0221] This application embodiment also provides a graphical user interface (GUI) for an electronic device, the electronic device including a display screen, a memory, and one or more processors, the one or more processors being used to execute one or more computer programs stored in the memory, characterized in that the graphical user interface includes:

[0222] A first GUI is displayed on the screen. The first GUI includes a first folder, which includes a first page and a second page. The first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons.

[0223] In response to a second operation on the first folder, a third GUI is displayed in the display area where the first folder is located; wherein the third GUI displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction;

[0224] In response to the third operation on the first folder, a fourth GUI is displayed on the screen; the third operation is a swipe operation that starts from the display area where the first folder is located and slides in the second direction; the fourth GUI is the first-level page; the second operation is different from the third operation.

[0225] In specific implementation, the first GUI can be the first interface 40 in the aforementioned embodiment, the third GUI can be the second page 62 in the aforementioned embodiment, and the fourth GUI can be the second interface 70 in the aforementioned embodiment.

[0226] It should be noted that the descriptions of the graphical user interface (GUI) not covered in this embodiment can be found in the various implementation methods and technical effects of the interface display method in the foregoing embodiments, and will not be repeated here.

[0227] In one embodiment, an embodiment of this application also provides an electronic device, including:

[0228] The first display unit is used to display the first interface; the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located. The first interface shown is a first-level page.

[0229] The second display unit is used to respond to a first operation by the user on the first interface and display a target page about the first folder, the target page being a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

[0230] It should be noted that the steps performed by each unit in the electronic device in this embodiment are the same as the steps (S32, S34) performed by the electronic device in the previous embodiment. Therefore, the various implementation methods and technical effects can be referred to the interface display method performed by the electronic device in the previous embodiment, and will not be repeated here.

[0231] In one embodiment, an embodiment of this application also provides an electronic device, including:

[0232] The third display unit is used for the electronic device to display a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays multiple application icons;

[0233] The fourth display unit is used to respond to a second operation by the user on the first interface, and the display area where the first folder is located displays a second page; wherein the second page displays at least one application icon, and the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction;

[0234] The fifth display unit is used to display the second interface in response to a third operation performed by the user on the first interface; the third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

[0235] It should be noted that the steps performed by each unit in the electronic device in this embodiment are the same as the steps (S32, S62, S64) performed by the electronic device in the previous embodiment. Therefore, the various implementation methods and technical effects can be referred to the interface display method performed by the electronic device in the previous embodiment, and will not be repeated here.

[0236] In one embodiment, the present application also provides a computer program product containing instructions that, when run on an electronic device, cause the electronic device to execute the interface display method in any of the foregoing embodiments.

[0237] In one embodiment, embodiments of this application also provide a computer-readable storage medium including instructions that, when executed on an electronic device, cause the electronic device to perform the interface display method of any of the foregoing embodiments.

[0238] In this embodiment, the computer program product and computer-readable storage medium are used to execute the corresponding interface display method provided above. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects in the corresponding method provided above, and will not be repeated here.

[0239] Through the above description of the implementation methods, those skilled in the art can clearly understand that, for the sake of convenience and brevity, only the division of the above functional modules is used as an example. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0240] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For instance, the division of modules or units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another device, or some features may be ignored or not executed. Furthermore, the mutual coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0241] The unit described as a separate component may or may not be physically separate. The component shown as a unit can be one physical unit or multiple physical units, that is, it can be located in one place or distributed in multiple different places. Some or all of the units can be selected to achieve the purpose of the solution in this embodiment according to actual needs.

[0242] Furthermore, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit. The integrated unit can be implemented in hardware or as a software functional unit.

[0243] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or all or part of the technical solutions, can be embodied in the form of a software product. This software product is stored in a storage medium and includes several instructions to cause a device (which may be a microcontroller, chip, etc.) or processor to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0244] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any changes or substitutions within the technical scope disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. An interface display method characterized by, The method includes: The electronic device displays a first interface; the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located; the first interface is a first-level page. The electronic device responds to a first operation by the user on the first interface and displays a target page about the first folder, the target page being a second-level page; wherein, the first operation includes a first swipe operation, the first swipe operation being a swipe operation starting from the display area where the first folder is located and moving in a first direction.

2. The method of claim 1, wherein, The first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves toward the top or bottom of the electronic device.

3. The method of claim 1, wherein, The first sliding operation is a multi-point sliding operation, which is a sliding operation in which at least two touch points start from the display area where the first folder is located and slide in a direction away from each other.

4. The method according to any one of claims 1 to 3, characterized in that, The first interface also includes a second folder, the size of which is smaller than that of the first folder.

5. The method according to any one of claims 1 to 4, characterized in that, The plurality of application icons include a plurality of first application icons and a plurality of second application icons. The plurality of first application icons are displayed in the display area of ​​the first folder. The target control is also displayed in the display area of ​​the first folder. The plurality of second application icons are displayed in the display area where the target control is located. The first application icon is configured in a first state, and the second application icon is configured in a second state; The multiple first application icons and multiple second application icons are displayed in the display area where the target page is located, and all of the multiple first application icons and multiple second application icons are configured to the first state.

6. The method of claim 5, wherein, Multiple first application icons within the display area where the first folder is located have a first icon size, and multiple second application icons within the display area where the target control is located have a second icon size, wherein the first icon size is larger than the second icon size; The plurality of first application icons and the plurality of second application icons all have the same size within the display area of ​​the target page.

7. The method of claim 5 or 6, wherein, Multiple first application icons are displayed at intervals within the display area where the first folder is located, and multiple second application icons are displayed with at least partial overlap within the display area where the target control is located; The plurality of first application icons and the plurality of second application icons are displayed at intervals within the display area of ​​the target page.

8. The method according to any one of claims 1 to 7, characterized in that, The first folder includes a first page and a second page. The first page is displayed in the display area where the first folder is located, and the first page displays the plurality of application icons. After the electronic device displays the first interface, the method further includes: The electronic device responds to a second operation by the user on the first interface, and the display area where the first folder is located displays the second page; wherein, the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction; The electronic device responds to a third operation performed by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and swipes in the second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

9. The method of claim 8, wherein, The second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition; The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies a second preset condition.

10. The method of claim 9, wherein, The first position and the second position each cover an area; The first preset condition includes: the area covered by the first location is within the display area where the first folder is located; The second preset condition includes: at least a portion of the area covered by the second location is outside the display area where the first folder is located.

11. The method of claim 9, wherein, The first position and the second position each cover an area; The first preset condition includes: at least a portion of the area covered by the first location is within the display area where the first folder is located; The second preset condition includes: the area covered by the second location is outside the display area where the first folder is located.

12. The method of claim 8, wherein, The second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the third position. The sliding speed of the second operation is less than the first speed threshold. The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the fourth position, wherein the sliding speed of the third operation is greater than the first speed threshold. The third and fourth positions are both located within the display area of ​​the first folder.

13. The method of claim 1, wherein, The first operation also includes a second sliding operation, which is to start from the display area where the first folder is located and slide in any direction to a third position and stay at the third position; The electronic device responds to a user's first operation on the first interface by displaying a target page about the first folder, specifically including: In response to the user's second swipe operation, the display area of ​​the first folder increases, and the third position is located within the display area of ​​the enlarged first folder. The electronic device responds to the user's first swipe operation by displaying a target page about the first folder; wherein the starting position of the first swipe operation is the third position.

14. The method of any one of claims 1 to 13, wherein, After displaying the target page about the first folder, the method further includes: The electronic device responds to a third user action by restoring the display of the first interface and the first folder.

15. An interface display method characterized by comprising: The method includes: The electronic device displays a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays the plurality of application icons; The electronic device responds to a second operation by the user on the first interface, and the display area where the first folder is located displays the second page; wherein, the second page displays at least one application icon, and the second operation is a swipe operation that starts from the display area where the first folder is located and swipes in a second direction; The electronic device responds to a third operation performed by the user on the first interface and displays a second interface; the third operation is a swipe operation that starts from the display area where the first folder is located and swipes in the second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

16. The method of claim 15, wherein, The second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the first position; wherein the positional relationship between the first position and the display area where the first folder is located satisfies a first preset condition; The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the second position; wherein the positional relationship between the second position and the display area where the first folder is located satisfies a second preset condition.

17. The method of claim 16, wherein, The first position and the second position each cover an area; The first preset condition includes: the area covered by the first location is within the display area where the first folder is located; The second preset condition includes: at least a portion of the area covered by the second location is outside the display area where the first folder is located.

18. The method of claim 16, wherein, The first position and the second position each cover an area; The first preset condition includes: at least a portion of the area covered by the first location is within the display area where the first folder is located; The second preset condition includes: the area covered by the second location is outside the display area where the first folder is located.

19. The method of claim 15, wherein, The second operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the third position. The sliding speed of the second operation is less than the first speed threshold. The third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction to the fourth position, wherein the sliding speed of the third operation is greater than the first speed threshold. The third and fourth positions are both within the display area where the first folder is located.

20. The method of any one of claims 15 to 19, wherein, After the electronic device displays the first interface, the method further includes: The electronic device responds to a first operation by the user on the first interface and displays a target page about the first folder, the target page being a second-level page; wherein, the first operation includes a first swipe operation, the first swipe operation being a swipe operation starting from the display area where the first folder is located and moving in a first direction.

21. The method as described in claim 20, characterized in that, The first swipe operation is a swipe operation that starts from the display area where the first folder is located and moves toward the top or bottom of the electronic device.

22. The method of claim 20, wherein, The first sliding operation is a multi-point sliding operation, which is a sliding operation in which at least two touch points start from the display area where the first folder is located and slide in a direction away from each other.

23. The method of any one of claims 20 to 22, wherein, The first interface also includes a second folder, the size of which is smaller than that of the first folder.

24. The method according to any one of claims 20 to 23, characterized in that, The plurality of application icons include a plurality of first application icons and a plurality of second application icons. The plurality of first application icons are displayed in the display area of ​​the first folder. The target control is also displayed in the display area of ​​the first folder. The plurality of second application icons are displayed in the display area where the target control is located. The first application icon is configured in a first state, and the second application icon is configured in a second state; The target page displays the plurality of first application icons and the plurality of second application icons, and all of the plurality of first application icons and the plurality of second application icons are configured to the first state.

25. The method of claim 24, wherein, Multiple first application icons within the display area of ​​the first folder have a first icon size, and multiple second application icons within the display area where the target control is located have a second icon size, wherein the first icon size is larger than the second icon size; The plurality of first application icons and the plurality of second application icons all have the same size on the target page.

26. The method of claim 24 or 25, wherein, Multiple first application icons are displayed at intervals within the display area of ​​the first folder, and multiple second application icons are displayed with at least partial overlap within the display area where the target control is located; The plurality of first application icons and the plurality of second application icons are displayed at intervals on the target page.

27. A graphical user interface (GUI) on an electronic device, the electronic device including a display screen, a memory, one or more processors for executing one or more computer programs stored in the memory, the electronic device comprising: The graphical user interface includes: A first GUI is displayed on the display screen, and the first GUI includes a first folder; multiple application icons are displayed in the display area where the first folder is located, and the first GUI is a first-level page; In response to a first operation on the first folder, a second GUI is displayed; the second GUI is a second-level page; the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

28. A graphical user interface (GUI) on an electronic device, the electronic device including a display screen, a memory, one or more processors for executing one or more computer programs stored in the memory, the electronic device comprising: The graphical user interface includes: A first GUI is displayed on the display screen. The first GUI includes a first folder, which includes a first page and a second page. The first page is displayed in the display area where the first folder is located, and the first page displays the plurality of application icons. In response to a second operation on the first folder, a third GUI is displayed in the display area where the first folder is located; wherein the third GUI displays at least one application icon, and the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction; In response to a third operation on the first folder, a fourth GUI is displayed on the screen; the third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction; wherein, the fourth GUI is a first-level page; the second operation is different from the third operation.

29. An electronic device, comprising: include: A first display unit is used to display a first interface; the first interface includes a first folder, and multiple application icons are displayed in the display area where the first folder is located; the first interface is a first-level page. The second display unit is configured to respond to a first operation performed by the user on the first interface to display a target page about the first folder, wherein the target page is a second-level page; wherein the first operation includes a first swipe operation, which is a swipe operation starting from the display area where the first folder is located and moving in a first direction.

30. An electronic device, comprising: include: The third display unit is used for the electronic device to display a first interface; the first interface includes a first folder, the first folder includes a first page and a second page, the first page is displayed in the display area where the first folder is located, and the first page displays the plurality of application icons; The fourth display unit is configured to respond to a second operation performed by the user on the first interface, wherein the display area where the first folder is located displays the second page; wherein the second page displays at least one application icon, and the second operation is a sliding operation that starts from the display area where the first folder is located and slides in a second direction; The fifth display unit is used to display a second interface in response to a third operation performed by the user on the first interface; the third operation is a sliding operation that starts from the display area where the first folder is located and slides in the second direction; wherein, the second interface is a first-level page; the second operation is different from the third operation.

31. An electronic device comprising one or more displays, one or more memories, and one or more processors; wherein the one or more memories store one or more programs; characterized in that, When the one or more processors execute the one or more programs, the first electronic device causes the first electronic device to implement the method as described in any one of claims 1 to 26.

32. A computer program product comprising instructions, wherein: When the computer program product is run on an electronic device, it causes the electronic device to perform the method as described in any one of claims 1 to 26.

33. A computer-readable storage medium comprising instructions, wherein: When the instructions are executed on an electronic device, the electronic device causes the electronic device to perform the method as described in any one of claims 1 to 26.

Images