CN117130516A

CN117130516A - Display method and electronic equipment

Info

Publication number: CN117130516A
Application number: CN202310363627.2A
Authority: CN
Inventors: 沈措; 张涛林; 黄丽薇
Original assignee: Honor Device Co Ltd
Current assignee: Honor Device Co Ltd
Priority date: 2023-03-31
Filing date: 2023-03-31
Publication date: 2023-11-28

Abstract

The application provides a display method and electronic equipment, and relates to the technical field of terminals. The method can enable the position of the large-size icon to correspond to the position of the small-size icon when the small-size icon is switched to the large-size icon, so that the interface after the icon is switched accords with the use habit of a user as much as possible. The method comprises the following steps: displaying a first interface, wherein the first interface comprises a first icon; and responding to a first operation of amplifying the first icon by a user, displaying a second interface by the electronic equipment, wherein the second interface is an updated interface of the first interface, the second interface comprises a second icon, the second icon is an icon obtained by amplifying the first icon, the size of the second icon is larger than that of the first icon, and the position of the first icon on the first interface corresponds to the position of the second icon on the second interface.

Description

Display method and electronic equipment

Technical Field

The present application relates to the field of terminal technologies, and in particular, to a display method and an electronic device.

Background

To facilitate user management and lookup using different Applications (APP), electronic devices provide folder functionality. With this folder function, a user can add application icons of a plurality of APPs to the same folder. After the user clicks the folder, all the APPs under the folder can be displayed, and at the moment, the user clicks the APP application icon of the APP to open the APP. In the above mode, the user wants to open an APP, needs to open the folder first, and is not convenient to operate.

Based on this, the related art proposes concepts of a large folder and a small folder, that is, the folder described in the above manner. Under the large folder, a user can directly click an application icon of the APP to open the APP without unfolding the folder. The large folder and the small folder can be switched with each other. However, when the small folder is switched to the large folder, if the area capable of accommodating the large folder does not exist in the current page, the electronic device can move the large folder to the next page of the current page or the newly-built page, and the position of the folder is easily changed in the mode, so that the use habit of a user is influenced, and the user experience is poor.

Disclosure of Invention

The embodiment of the application provides a display method and electronic equipment, which are used for reducing the influence of icon switching on page layout, so that the page layout after icon switching accords with the original use habit of a user as much as possible, and the user experience is improved.

In order to achieve the above purpose, the embodiment of the present application adopts the following technical scheme:

in a first aspect, the present application provides a display method, applied to an electronic device, where the method includes: the electronic device displays a first interface, the first interface including a first icon. The first icon may be a small folder, a small-sized card, or the like. And responding to a first operation of amplifying the first icon by a user, displaying a second interface by the electronic equipment, wherein the second interface is an updated interface of the first interface, the second interface comprises a second icon, the second icon is an icon obtained by amplifying the first icon, the size of the second icon is larger than that of the first icon, and the position of the first icon on the first interface corresponds to the position of the second icon on the second interface. For example, the first icon is a small folder, and the second icon is a large folder; the first icon is a small-size card, and the second icon is a large-size card. The position of the first icon on the first interface and the position of the second icon on the second interface are corresponding, which means that when the second icon is mapped to the first interface, the area occupied by the second icon and the area occupied by the first icon are intersected, or that the area occupied by the first icon and the area occupied by the second icon in the display screen are intersected. Therefore, the influence of icon amplification on the page layout is reduced, the page layout after the icon amplification (namely the page layout of the second interface) accords with the original use habit of a user as much as possible, and the user experience is improved.

In one embodiment provided in the first aspect, the location of the second icon in the second interface is associated with the location of the first icon in the first interface, the size of the first icon, the size of the second icon, the desktop layout of the electronic device, and the icon distribution of the first interface. That is, in the case where the position/size of the first icon, the size of the second icon, the desktop layout of the electronic device, and the icon distribution of the first interface are changed, the position of the second icon in the second interface may be changed.

In one embodiment provided in the first aspect, the method further comprises: the electronic device determines a first potential expansion mode of the first icon, wherein the first potential expansion mode comprises all expansion modes for expanding the first icon into the second icon. The device can then determine an actual expansion mode from the first potential expansion modes, wherein the actual expansion mode is determined according to one or more of the number of preset elements influenced by expanding the first icon according to the number of the first potential expansion modes, the degree of influence on the page layout of the first interface when expanding the first icon; and expanding the first icon according to the actual expansion mode to obtain a second icon. That is, the electronic device may determine the number of the first potential expansion modes, the degree of influence of the first potential expansion modes on the page layout of the first interface, and the number of preset elements influenced when expanding the first icon in the first potential expansion modes, so that the device is convenient to determine the expansion mode with the least influence on the page layout from the expansion modes.

In an embodiment provided in the first aspect, the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is smaller than or equal to a first threshold, or the actual expansion mode is an expansion mode in which the number of the preset elements influenced in the first potential expansion mode is smaller than or equal to a second threshold, or the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is smaller than or equal to the first threshold, and the number of the preset elements influenced is smaller than or equal to the second threshold. In this way, the influence degree of the actual expansion mode on the page layout of the first interface is small and/or the number of the influenced preset elements is small, so that the influence of the second icon on the page layout can be reduced as much as possible when the first icon is expanded in the actual expansion mode.

In an implementation manner provided in the first aspect, the first potential expansion modes are not unique, and the electronic device determines a first weight corresponding to each first potential expansion mode, where the first weight is used for indicating a degree of influence on a page layout of the first interface when expanding the first icon in the first potential expansion mode; the electronic equipment judges whether the second potential expansion mode is unique, wherein the second potential expansion mode is a first potential expansion mode with the minimum first weight; if the second potential expansion mode is unique, the electronic equipment determines the second potential expansion mode as an actual expansion mode. That is, if there is a potential expansion mode with the smallest influence on the page layout of the first interface, the potential expansion mode is used as an actual expansion mode, which is favorable for reducing the influence of the second icon on the page layout as much as possible.

In one embodiment provided in the first aspect, the method further comprises: if the second potential expansion modes are not unique, the electronic device determines a second weight corresponding to each second potential expansion mode, wherein the second weight is used for indicating the number of preset elements influenced when expanding the first icon in the second potential expansion mode; the electronic equipment judges whether the third potential expansion mode is unique, wherein the third potential expansion mode is a second potential expansion mode with the minimum second weight; if the third potential expansion mode is unique, the electronic equipment determines the third potential expansion mode as an actual expansion mode. That is, if there is a potential expansion mode with the least influence on the page layout of the first interface and the least number of the affected preset elements, the potential expansion mode is used as an actual expansion mode, which is favorable for reducing the influence of the second icon on the page layout as much as possible.

In one embodiment provided in the first aspect, the method further comprises: if the third potential expansion mode is not unique, the electronic equipment determines an actual expansion mode from the third potential expansion mode according to a preset priority order. The preset priority order may be an order conforming to the habit of the user determined according to the big data. That is, when the influence of all the potential expansion modes on the page layout is the same, the actual expansion modes can be determined according to the preset priority order, so that the second interface is more in accordance with the use habit of the user.

In one embodiment provided in the first aspect, the first weight is the number of meshes occupied by all affected icons when expanding the first icon in the first potential expansion manner, where the affected icons include icons located in an area in the first interface corresponding to an area occupied by the second icon.

In an embodiment of the first aspect, if the first interface is capable of accommodating all affected icons, the second interface further includes all affected icons, and the affected icons include icons located in an area of the first interface corresponding to an area occupied by the second icon. That is, when all the affected icons can be accommodated in the first interface, the electronic device will continue to display all the affected icons on the updated first interface (i.e. the second interface), so as to avoid the affected icons from moving to other desktop pages, so that all the icons in the first interface are still included in the second interface, and the usage habit of the user is more similar.

In one embodiment provided in the first aspect, the method further comprises: if the first interface cannot accommodate all the affected icons and the next desktop page adjacent to the first interface can accommodate all the affected icons, the electronic device moves all the affected icons to the next desktop page adjacent to the first interface. In this way, the affected icon can be located on the next desktop page adjacent to the first interface, close to the page on which it was originally located.

In one embodiment provided in the first aspect, the method further comprises: if the first interface and the next desktop page adjacent to the first interface can not accommodate all the affected icons, the electronic device creates a new desktop page and moves all the affected icons to the new desktop page. Thus, the icons of the first interface and the next desktop page adjacent to the first interface are not affected.

In one embodiment provided in the first aspect, the newly created desktop page is located next to the first interface. This way, the affected icon can be brought close to the page (i.e., the first interface) where it was originally located.

In one embodiment provided in the first aspect, the first operation includes: an operation of selecting the first icon and an operation of displaying a switch button on a third interface including the switch button, the third interface being an interface displayed by the electronic device in response to the operation of selecting the first icon by the user, the switch button being used to switch the first icon to the second icon. That is, the electronic device may display a third interface including a display switching button in response to the user's operation of selecting the first icon; in response to the user's operation of the display switching button, the electronic device may display the second interface described above.

In one implementation manner provided in the first aspect, the electronic device displays a second interface, including: in the case where there is no free area in the first interface to accommodate the second icon, the electronic device displays the second interface. Wherein the absence of an empty area in the first interface accommodating the second icon may be understood as the inability to accommodate the second icon in the first interface without moving the position of the icon in the first interface.

In one embodiment provided in the first aspect, the method further comprises: in a case where there is an empty area accommodating the second icon in the first interface, the electronic device displays the second icon in the empty area of the first interface in response to a first operation of the user to enlarge the first icon. The method can keep the position of the folder/card unchanged as much as possible, so that the folder/card accords with the use habit of a user.

In an embodiment provided in the first aspect, the positions of the icons outside the area occupied by the second icon are the same in the first interface and the second interface. That is, switching from the first interface to the second interface does not change the positions of the icons other than the affected icon.

In one embodiment provided in the first aspect, the first icon is a small folder of size 1×1, and the second icon is a large folder of size 2×2.

In one embodiment provided in the first aspect, the first icon is a small-sized card of size 2×2, and the second icon is a large-sized card of size 4×2.

In a second aspect, the present application provides an electronic device, including: a memory and a processor; the processor is coupled with the memory; wherein the memory is for storing computer program code, the computer program code comprising computer instructions; the computer instructions, when executed by a processor, cause an electronic device to perform a method as in any of the embodiments of the first aspect.

In a third aspect, the present application provides a computer-readable storage medium comprising computer instructions; when executed on an electronic device, the computer instructions cause the electronic device to perform a method as in any of the embodiments of the first aspect.

In a fourth aspect, the application provides a computer program product for causing a terminal device to carry out the method as in the first aspect and any one of its possible designs when the computer program product is run on the terminal device.

In a fifth aspect, the present application provides a chip system comprising one or more interface circuits and one or more processors. The interface circuit and the processor are interconnected by a wire. The chip system described above may be applied to a terminal device comprising a communication module and a memory. The interface circuit is for receiving signals from the memory of the terminal device and transmitting the received signals to the processor, the signals including computer instructions stored in the memory. When the processor executes the computer instructions, the terminal device may perform the method as in the first aspect and any one of its possible designs.

The technical effects of any one of the design manners of the second aspect to the fifth aspect may be referred to the technical effects of the different design manners of the first aspect, and will not be repeated here.

Drawings

FIG. 1A is an interface diagram of a display method according to the related art;

FIG. 1B is a schematic diagram of a small-sized icon corresponding to a large-sized icon according to an embodiment of the present application;

FIG. 1C is a schematic diagram showing a position of a small-sized icon corresponding to a position of a large-sized icon according to another embodiment of the present application;

fig. 2 is a schematic structural diagram of an electronic device according to an embodiment of the present application;

fig. 3 is a schematic software structure of an electronic device according to an embodiment of the present application;

FIG. 4A is a flowchart of a display method according to an embodiment of the present application;

FIG. 4B is an interface diagram of a display process according to an embodiment of the present application;

FIG. 4C is an interface diagram of yet another display process provided by an embodiment of the present application;

fig. 5 is a schematic diagram of a desktop layout of an electronic device according to an embodiment of the present application;

FIG. 6 is a flowchart of another display method according to an embodiment of the present application;

FIGS. 7-10 are schematic diagrams illustrating various potential expansion modes under the scene 1 according to the embodiment of the present application;

FIGS. 11-18 are schematic diagrams illustrating various potential expansion modes under a scene 2 according to an embodiment of the present application;

FIG. 19 is a schematic diagram of a plurality of potential expansion modes under a scene 3 according to an embodiment of the present application;

FIGS. 20-21 illustrate schematic diagrams of various potential expansion modes under scene 4 provided by embodiments of the present application;

fig. 22 is an interface schematic diagram of a mobile phone according to an embodiment of the present application for determining display areas of affected icons in different orders;

fig. 23 shows a schematic structural diagram of a chip system according to an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application are described below with reference to the accompanying drawings in the embodiments of the present application. In the description of embodiments of the application, the terminology used in the embodiments below is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in the specification of the present application and the appended claims, the singular forms "a," "an," "the," and "the" are intended to include, for example, "one or more" such forms of expression, unless the context clearly indicates to the contrary. It should also be understood that in the following embodiments of the present application, "at least one", "one or more" means one or more than two (including two). The term "and/or" is used to describe an association relationship of associated objects, meaning that there may be three relationships; for example, a and/or B may represent: a alone, a and B together, and B alone, wherein A, B may be singular or plural. The character "/" generally indicates that the context-dependent object is an "or" relationship.

Reference in the specification to "one embodiment" or "some embodiments" or the like means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," and the like in the specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments" unless expressly specified otherwise. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless expressly specified otherwise. The term "coupled" includes both direct and indirect connections, unless stated otherwise. The terms "first," "second," and the like are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated.

In embodiments of the application, words such as "exemplary" or "such as" are used to mean serving as an example, instance, or illustration. Any embodiment or design described herein as "exemplary" or "for example" is not necessarily to be construed as preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "such as" is intended to present related concepts in a concrete fashion.

To facilitate user management and lookup using different Applications (APP), electronic devices provide folder functionality. With this folder function, a user can add application icons of a plurality of APPs to the same folder. In embodiments of the application, folders may include large folders and small folders. Under the small folder, after the user clicks the small folder, all the APPs under the folder can be displayed, and at the moment, the user clicks the application icon of the APP to open the APP. Under the large folder, the user can open the APP by directly clicking the application icon of the APP, and the folder is not required to be unfolded.

In addition, the large folder and the small folder can be switched with each other. When the folder is a small folder, a user can press the small folder for a long time, and then the small folder is switched to a large folder for display; when the folder is a large folder, the user can press the large folder for a long time and then switch the large folder to a small folder for display.

The card is a new service form, provides a service capability with finer granularity than the APP, directly displays the service or content which is most concerned by the user to the user in an interactive card form, and can be embedded into various APP or interactive scenes to better meet the user demands. A card is typically a page in an application. Clicking on the card by the user may jump to a certain service page within the corresponding application.

The same card can have a plurality of sizes, different sizes of the same card can be switched, and the same service page of the same application can be accessed through the card. When the card is a small-size card, the user can press the small-size card for a long time, and then the small-size card is switched to be a large-size card for display; when the card is a large-size card, the user can press the large-size card for a long time and then switch the large-size card to a small-size card for display.

Wherein the content included in different sized cards may be identical, partially identical or completely different. For example, the large-size card is a card obtained by amplifying all contents included in the small-size card in a preset ratio, in which case the contents included in the two cards are identical. For another example, taking the card as the YOYO suggestion card, the YOYO suggestion card may display an APP application icon of the APP that is frequently used recently by the user, and after the small-size YOYO suggestion card is switched to the large-size yoyoyo suggestion card, the large-size YOYO suggestion card may include not only the APP application icon of the APP displayed in the small-size YOYO suggestion card, but also other APP application icons that are frequently used recently by the user, where the content included in the large-size card is partially the same as the content included in the small-size card. For another example, the card is a clock card, the time is displayed in a digital form in a large-size card, the time is displayed in a graphic form in a small-size card, and the two contents are completely different.

The process of switching the small-size card to the large-size card is similar to the process of switching the small folder to the large folder, and the process of switching the small folder to the large folder is taken as an example, and technical problems existing in the process of switching the large folder and the small folder are introduced by combining a User Interface (UI). Referring to fig. 1A, the mobile phone may display a main interface, for example, an interface 101 shown in fig. 1A (a), where the interface 101 may include a small folder 101A, and the user clicks the small folder 101A to expand the folder. When the user presses the small folder 101A for a long time, the mobile phone may display the interface 102 shown in (b) of fig. 1A, and the interface 102 may include a display switch button, that is, "display as large folder" 102a. When the user clicks on the "display as large folder" 102a button, the small folder 101A may be displayed as a large folder, for example, as the interface 103 shown in fig. 1A (c), and the large folder 103a may be included in the interface 103.

Currently, in the process of switching the small folder to the large folder (or in the process of switching the small-size card to the large-size card), when an area capable of accommodating the large folder (or the large-size card) does not exist in the page where the small folder (or the small-size card) is located, the mobile phone can move the large folder (or the large-size card) to the next page of the page where the small folder (or the small-size card) is located or a newly-built page for display. For example, since there is no area in the interface 101 that can accommodate the large folder 103a, the mobile phone displays the large folder 103a in the next page of the interface 101, i.e., in the interface 103. The method is easy to change the position of the folder or the card, and the page layout is easy to change, so that the use habit of a user is influenced, and the user experience is poor.

In view of this, an embodiment of the present application provides a display method, which may replace a small-sized icon (e.g., a second icon) in an interface where the small-sized icon is located with a large-sized icon (e.g., a second icon) obtained by performing an enlarging operation on the small-sized icon in response to an operation of enlarging the small-sized icon (e.g., the first icon) by a user, where the position of the small-sized icon corresponds to the position of the large-sized icon. Because the positions of the small-size icons correspond to the positions of the large-size icons, namely the positions of the icons are not changed by the operation of amplifying the icons, the influence of the icon amplification on the page layout can be reduced, the page layout after the icons are amplified is enabled to accord with the original use habit of a user as much as possible, and the user experience is improved.

The small-size icons and the large-size icons corresponding to the small-size icons can be switched with each other. The small-size icons include small folders and/or small-size cards; the large-size icons include large folders and/or large-size cards.

In an alternative embodiment, the enlargement operation of the small-sized icon includes not only enlargement in the size of the icon but also replacement, addition, and the like of the icon content. In other words, the enlargement operation of the small-sized icon can be understood as switching the display form of the icon so that the icon is switched from a smaller-sized display form to a larger-sized display form. For example, a large folder may be obtained by enlarging a small folder, and a large card may be obtained by enlarging a small card, but the contents of the small card and the large card may be identical, partially identical, or completely different.

In an alternative embodiment, the location of the small-sized icon corresponds to the location of the large-sized icon, which is understood to be the intersection between a first area of the small-sized icon relative to the display screen and a second area of the large-sized icon relative to the display screen. For example, referring to (a), (B) in fig. 1B, "utility" 201a is a small-sized icon, and "utility" 202a is a large-sized icon. Taking the example that the "utility" 201a is located in a first area of the display screen and the "utility" 202a is located in a second area of the display screen, the second area includes the first area. In this case, the position of the "utility" 201a corresponds to the position of the "utility" 202 a.

In an alternative embodiment, taking the interface where the small-size icon is located as the first interface and taking the interface where the small-size icon is replaced by the large-size icon as the second interface as an example, the position of the small-size icon corresponds to the position of the large-size icon, which can be understood that after the second interface is enlarged to the size of the first interface, an intersection exists between the second area where the large-size icon is located relative to the display screen and the first area where the small-size icon is located relative to the display screen. Illustratively, referring to FIG. 1C, in a split screen scenario, FIG. 1C (a) shows an interface 301 (i.e., a first interface), the interface 301 comprising a "utility" 301a (i.e., a small-sized icon); fig. 1C (b) shows an interface 302 and an interface 303 (i.e., a second interface), the interface 302 and the interface 303 together occupying a display screen, the interface 303 including a "utility" 303a (i.e., a large-sized icon). The handset may receive an operation of the user to pull up the boundary between the interface 302 and the interface 303, and the handset may display the enlarged interface 303 (i.e., the enlarged second interface). Illustratively, as shown in (C) of FIG. 1C, the enlarged interface 303 may be an interface 304, the interface 304 including a "utility" 304a. Taking the example that the "utility" 301a is located in a first area of the display screen and the "utility" 304a is located in a second area of the display screen, the second area includes the first area. In this case, the position of the "utility" 301a corresponds to the position of the "utility" 303 a.

It should be noted that "large" and "small" are only relative terms, for example, the size of a small folder is small relative to the size of a large folder after it is switched, and the size of a small-size card is small relative to the size of a large-size card after it is switched. There is no clear size relationship between the two small-size icons and the large-size icons that cannot be switched between each other, i.e., it should not be understood that the size of the large-size icon is necessarily larger or smaller than the size of the small-size icon.

It should be noted that one card may be either a large-size card or a small-size card. For example, a certain service page of an application corresponds to three cards with different sizes, e.g. card 1, card 2 and card 3 from small to large, respectively. Wherein, the card 1 can be switched to a card 2 or a card 3 with larger size, and the card 1 is a small-size card; the card 3 can be switched to a card 1 or a card 2 with smaller size, and the card 3 is a large-size card; and the card 2, during the switching to the card 3, the card 2 is a small-sized card, and during the switching to the card 1, the card 2 is a large-sized card.

Before explaining the display method provided by the embodiment of the application in detail, the electronic device related to the embodiment of the application is explained. The electronic device provided by the embodiment of the application has a plurality of applications, such as a camera application, a game application, video music, a weather application, a calculator application and the like. The application mentioned below may be an application installed when the electronic device leaves the factory, or may be an application downloaded from a network or acquired by a user from other electronic devices during use of the electronic device.

It should be noted that the display method provided in the embodiment of the present application may be applicable to any electronic device having a display screen, such as a mobile phone, a tablet computer, a wearable device (e.g., a watch, a bracelet, a smart helmet, a smart glasses, etc.), a vehicle-mounted device, an augmented reality (augmented reality, AR)/Virtual Reality (VR) device, a notebook computer, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC), a netbook, a personal digital assistant (personal digital assistant, PDA), etc., which are not limited in this embodiment of the present application. The electronic device according to the embodiment of the present application may be a foldable electronic device, such as a foldable mobile phone, a foldable tablet computer, etc., which is not limited in this application.

The structure of the electronic device will be described below using a mobile phone as an example.

As shown in fig. 2, the mobile phone may include: processor 110, external memory interface 120, internal memory 121, universal serial bus (universal serial bus, USB) interface 130, charge management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headset interface 170D, sensor module 180, keys 190, motor 191, indicator 192, camera 193, display 194, and subscriber identity module (subscriber identification module, SIM) card interface 195, etc.

The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), a controller, a memory, a video codec, a digital signal processor (digital signal processor, DSP), a baseband processor, and/or a neural network processor (neural-network processing unit, NPU), etc. Wherein the different processing units may be separate devices or may be integrated in one or more processors.

The controller can be a neural center and a command center of the mobile phone. The controller can generate operation control signals according to the instruction operation codes and the time sequence signals to finish the control of instruction fetching and instruction execution.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to reuse the instruction or data, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby improving the efficiency of the system.

In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous receiver transmitter (universal asynchronous receiver/transmitter, UART) interface, a mobile industry processor interface (mobile industry processor interface, MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (subscriber identity module, SIM) interface, and/or a universal serial bus (universal serial bus, USB) interface, among others.

It should be understood that the connection relationship between the modules illustrated in this embodiment is only illustrative, and is not limited to the structure of the mobile phone. In other embodiments, the mobile phone may also use different interfacing manners in the foregoing embodiments, or a combination of multiple interfacing manners.

The charge management module 140 is configured to receive a charge input from a charger. The charger can be a wireless charger or a wired charger. The charging management module 140 can also supply power to the mobile phone through the power management module 141 while charging the battery 142.

The power management module 141 is used for connecting the battery 142, and the charge management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and/or the charge management module 140 and provides power to the processor 110, the internal memory 121, the external memory, the display 194, the camera 193, the wireless communication module 160, and the like. In some embodiments, the power management module 141 and the charge management module 140 may also be provided in the same device.

The wireless communication function of the mobile phone can be realized by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, a modem processor, a baseband processor and the like. In some embodiments, the antenna 1 and the mobile communication module 150 of the handset are coupled, and the antenna 2 and the wireless communication module 160 are coupled, so that the handset can communicate with a network and other devices through wireless communication technology.

The antennas 1 and 2 are used for transmitting and receiving electromagnetic wave signals. Each antenna in the handset may be used to cover a single or multiple communication bands. Different antennas may also be multiplexed to improve the utilization of the antennas. For example: the antenna 1 may be multiplexed into a diversity antenna of a wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

The mobile communication module 150 may provide a solution for wireless communication including 2G/3G/4G/5G, etc. applied to a cell phone. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA), etc. The mobile communication module 150 may receive electromagnetic waves from the antenna 1, perform processes such as filtering, amplifying, and the like on the received electromagnetic waves, and transmit the processed electromagnetic waves to the modem processor for demodulation.

The mobile communication module 150 can amplify the signal modulated by the modem processor, and convert the signal into electromagnetic waves through the antenna 1 to radiate. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be provided in the same device as at least some of the modules of the processor 110.

The wireless communication module 160 may provide solutions for wireless communication including WLAN (e.g., (wireless fidelity, wi-Fi) network), bluetooth (BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field wireless communication technology (near field communication, NFC), infrared technology (IR), etc. applied on a mobile phone.

The wireless communication module 160 may be one or more devices that integrate at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the electromagnetic wave signals, filters the electromagnetic wave signals, and transmits the processed signals to the processor 110. The wireless communication module 160 may also receive a signal to be transmitted from the processor 110, frequency modulate it, amplify it, and convert it to electromagnetic waves for radiation via the antenna 2.

The cell phone implements display functions through the GPU, the display 194, and the application processor, etc. The GPU is a microprocessor for image processing, and is connected to the display 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

The display screen 194 is used to display images, videos, and the like. The display 194 includes a display panel. In an embodiment of the present application, the display 194 may be used to display a main interface, an application interface. The main interface may include a folder, an application icon, a card, and the like.

The cell phone may implement photographing functions through an ISP, a camera 193, a video codec, a GPU, a display 194, an application processor, and the like. The ISP is used to process data fed back by the camera 193. The camera 193 is used to capture still images or video. In some embodiments, the handset may include 1 or N cameras 193, N being a positive integer greater than 1.

The external memory interface 120 may be used to connect to an external memory card, such as a Micro SD card, to extend the memory capabilities of the handset. The external memory card communicates with the processor 110 through an external memory interface 120 to implement data storage functions. For example, files such as music, video, etc. are stored in an external memory card.

The internal memory 121 may be used to store computer executable program code including instructions. The processor 110 executes various functional applications of the cellular phone and data processing by executing instructions stored in the internal memory 121. For example, in an embodiment of the present application, the processor 110 may include a storage program area and a storage data area by executing instructions stored in the internal memory 121.

The storage program area may store an application program (such as a sound playing function, an image playing function, etc.) required for at least one function of the operating system, etc. The storage data area may store data created during use of the handset (e.g., audio data, phonebook, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a nonvolatile memory such as at least one magnetic disk storage device, a flash memory device, a universal flash memory (universal flash storage, UFS), and the like.

The handset may implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, an application processor, and the like. Such as music playing, recording, etc. The keys 190 include a power-on key, a volume key, etc. The keys 190 may be mechanical keys. Or may be a touch key. The motor 191 may generate a vibration cue. The motor 191 may be used for incoming call vibration alerting as well as for touch vibration feedback. The indicator 192 may be an indicator light, may be used to indicate a state of charge, a change in charge, a message indicating a missed call, a notification, etc. The SIM card interface 195 is used to connect a SIM card. The SIM card may be inserted into the SIM card interface 195 or removed from the SIM card interface 195 to enable contact and separation with the handset. The mobile phone can support 1 or N SIM card interfaces, and N is a positive integer greater than 1. The SIM card interface 195 may support Nano SIM cards, micro SIM cards, and the like.

The sensor module 180 may include sensors such as a pressure sensor, a gyroscope sensor, a barometric sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, and a bone conduction sensor. Touch sensors, also known as "touch panels". The touch sensor may be disposed on the display screen 194, and the touch sensor and the display screen 194 form a touch screen, which is also referred to as a "touch screen". The touch sensor is used to detect a touch operation acting on or near it. The touch sensor may communicate the detected touch operation to the application processor to determine the touch event type. Visual output related to touch operations may be provided through the display 194. In other embodiments, the touch sensor may be disposed on the surface of the mobile phone at a different location than the display 194. In the embodiment of the application, the touch sensor can detect the touch operation of a user on the display screen, such as the long-press operation of a user on a setting area of a small folder/small-size card, and then the mobile phone can respond to the long-press operation of the user on the setting area of the small folder/small-size card to display an interface comprising a display switching button. Or the touch sensor can detect touch operation of a user on the display screen, such as sliding operation of the user, and then the mobile phone can respond to the sliding operation of the user to turn pages of the main interface, namely, turn pages of the desktop.

It will be appreciated that the structure shown in fig. 2 is not intended to be limiting in any way. In other embodiments, the handset may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The software system of the mobile phone can adopt a layered architecture, including an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. In the embodiment of the application, an Android system with a layered architecture is taken as an example, and the software structure of a mobile phone is illustrated. It should be understood that the system in the embodiment of the present application may be other systems, which is not limited in this respect.

The software architecture of the electronic device is described below in connection with different scenarios. Fig. 3 is a software structure block diagram of a mobile phone according to an embodiment of the present application. The layered architecture divides the software into several layers, each with distinct roles and branches. The layers communicate with each other through a software interface. In some embodiments, android will be ^TM The (Android) system is divided into five layers,the android system comprises an application program layer, an application program framework layer and an android layer from top to bottom ^TM Run-time (ART) and native C/c++ libraries, hardware abstraction layer (hardware abstract layer, HAL) and kernel layer.

The application layer may include a series of application packages. As shown in fig. 3, the application package may include applications for cameras, gallery, calendar, phone calls, maps, navigation, WLAN, bluetooth, music, video, short messages, etc.

The application framework layer provides an application programming interface (application programming interface, API) and programming framework for application programs of the application layer. The application framework layer includes a number of predefined functions.

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

The window manager provides, among other things, window management services (window manager service, WMS) that may be used for window management, window animation management, surface (surface) management, and as a transfer station to an input system.

The content provider is used to store and retrieve data and make such data accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phonebooks, etc.

The view system includes visual controls, such as controls to display text, controls to display pictures, and the like. The view system may be used to build applications. The display interface may be composed of one or more views. For example, a display interface including a text message notification icon may include a view displaying text and a view displaying a picture.

The resource manager provides various resources for the application program, such as localization strings, icons, pictures, layout files, video files, and the like.

The notification manager allows the application to display notification information in a status bar, can be used to communicate notification type messages, can automatically disappear after a short dwell, and does not require user interaction. Such as notification manager is used to inform that the download is complete, message alerts, etc. The notification manager may also be a notification in the form of a chart or scroll bar text that appears on the system top status bar, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, a text message is prompted in a status bar, a prompt tone is emitted, the electronic device vibrates, and an indicator light blinks, etc.

The activity manager may provide activity management services (activity manager service, AMS) that may be used for system component (e.g., activity, service, content provider, broadcast receiver) start-up, handoff, scheduling, and application process management and scheduling tasks.

The input manager may provide input management services (input manager service, IMS), which may be used to manage inputs to the system, such as touch screen inputs, key inputs, sensor inputs, and the like. The IMS retrieves events from the input device node and distributes the events to the appropriate windows through interactions with the WMS.

Android ^TM Runtime includes core libraries and android ^TM When in operation. Android device ^TM The runtime is responsible for converting the source code into machine code. Android device ^TM The runtime mainly comprises Advanced Or Time (AOT) compiling technology and Just In Time (JIT) compiling technology.

The core library is mainly used for providing the functions of basic Java class libraries, such as basic data structures, mathematics, IO, tools, databases, networks and the like. The core library provides an API for the user to develop applications.

The native C/c++ library may include a plurality of functional modules. For example: surface manager (surface manager), media frame (media frame), libc, openGL ES (OpenGL for Embedded Systems), lightweight database (SQLite), etc.

The surface manager is used for managing the display subsystem and providing fusion of 2D and 3D layers for a plurality of application programs. Media frames support a variety of commonly used audio, video format playback and recording, still image files, and the like. The media library may support a variety of audio and video coding formats, such as MPEG4 (motion picture expert group, moving picture compression standard), h.264, PNG (portable network graphics ), etc.

OpenGL ES provides for drawing and manipulation of 2D graphics and 3D graphics in applications. SQLite provides a lightweight relational database for applications of electronic devices.

The hardware abstraction layer runs in a user space (user space), encapsulates the kernel layer driver, and provides a call interface to the upper layer.

The kernel layer is a layer between hardware and software. The kernel layer at least comprises display drive, camera drive, audio drive and the like.

The workflow of the electronic device software and hardware is illustrated below based on fig. 2 and 3. When the touch sensor receives a touch operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into the original input event (including the coordinates of the touch operation). The original input event is stored at the kernel layer. The application framework layer acquires an original input event from the kernel layer, and identifies a control corresponding to the input event. Taking the example that the touch operation is a clicking operation, when the touch sensor receives the clicking operation, a corresponding hardware interrupt is sent to the kernel layer. The kernel layer may process the clicking operation into the original input event and store the event. Wherein the event may include the location coordinates acted upon by the clicking operation. The application framework layer obtains an original input event from the kernel layer, identifies the input event, and if the event can be identified as a clicking operation on the display switch button, the electronic device displays a large folder/large-size card in response to the clicking operation.

The following embodiments are described by taking the architecture of the mobile phone shown in fig. 2 as an example.

Fig. 4A is a schematic flow chart of a display method according to an embodiment of the present application. Referring to fig. 4A, the display method includes:

s410, the mobile phone displays a first interface, wherein the first interface comprises a small-size icon.

The first interface may be a desktop of the mobile phone. The first interface may include one or more of an application icon and a large-sized icon in addition to the small-sized icon. The small-size icons are icons that can be enlarged, including small folders and/or small-size cards, etc. The large-size icons are icons that can be reduced, including large folders and/or large-size cards, etc.

Wherein, the corresponding application can be started through the application icon.

The small folder and the large folder can comprise a plurality of APP, and the difference is that after the mobile phone detects that the user clicks the small folder, application icons of all APP under the folder can be displayed (i.e. the folder is unfolded), and at the moment, the user clicks the application icons of the APP to open the APP; under the large folder, the user can open the APP by directly clicking the application icon of the APP, and the folder is not required to be unfolded.

A jump to a certain service page within the corresponding application can be made through the small-size card and the large-size card.

S420, the mobile phone detects a first operation of amplifying the first icon by the user.

The first icon is any one small folder or small-size card in the first interface.

The first operation may include an operation in which the user selects (e.g., clicks, long presses, etc.) a first area on the first interface where the small folder/small-size card is located, causes the mobile phone to display a third interface including a display switch button, and an operation in which the display switch button is clicked. In some embodiments, the first operation may include an operation in which the user touches the first region where the small folder/small size card is located with two fingers while separating the two fingers. In other embodiments, the first operation may include an operation of touching the first area where the small folder/small size card is located with two fingers while separating the two fingers after a preset time when the user selects the first area where the small folder/small size card is located.

S430, responding to the first operation, the mobile phone displays a second interface, wherein the second interface is an updated interface of the first interface, the second interface comprises a second icon, and the position of the first icon on the first interface corresponds to the position of the second icon on the second interface.

The second icon is obtained by amplifying the first icon, and the size of the second icon is larger than that of the first icon. The description of the amplifying operation on the icon is described above, and will not be repeated here.

If the first icon is a small-sized card, the second icon is a card having a size larger than that of the first icon and a size adjacent to that of the small-sized card, when there are three or more cards having different sizes on the service page of the application. For example, a certain service page of an application corresponds to three cards with different sizes, e.g. card 1, card 2 and card 3 from small to large, respectively. If the first icon is card 1, the second icon is card 2; if the first icon is card 2, the second icon is card 3.

For example, as shown in FIG. 4B, the handset may display a main interface, such as interface 401 shown in FIG. 4B (a), where the interface 401 may include a utility 401a. When the user presses the utility 401a folder long, the handset may display the interface 402 shown in fig. 4B (B), and the interface 402 may include a display switch button, i.e., "display as large folder" 402a. After the user clicks the "display as large folder" 402a button, the utility 401a folder may be displayed as a large folder, such as the interface 403 shown in (c) of FIG. 4B, and the utility 403a may be included in the interface 403.

The interface 401 may be a first interface in S410, the utility 401a folder may be a first icon described in S420, the interface 403 may be a second interface in S430, the utility 403a folder is a second icon, the first operation of the user for zooming in on the first icon includes the operation of the user pressing the utility 401a folder for a long time and clicking on the "display as large folder" 402a button, and the interface 402 may be a third interface.

As another example, as shown in fig. 4C, the main interface is, for example, an interface 501 shown in (a) in fig. 4C, and the YOYO suggestion 501a may be included in the interface 501. When the user presses the YOYO suggestion 501a card for a long time, the cell phone may display the interface 502 shown in (b) of fig. 4C, and the interface 502 may include a display switch button, i.e., "display as large-size card" 502a. After the user clicks the "display large-size card" 502a button, the YOYO suggestion 501a card may be displayed as a 4×2 large-size card, for example, as an interface 503 shown in (C) of fig. 4C, the interface 503 including the YOYO suggestion 503a card.

The interface 501 may be a first interface in S410, the YOYO suggestion 501a card may be a first icon described in S420, the interface 503 may be a second interface in S430, the YOYO suggestion 503a card is an enlarged first icon second icon, the first operation of the user for enlarging the first icon includes an operation of the user for pressing the YOYO suggestion 501a card for a long time and an operation of clicking a button "display as large-size card" 502a, and the interface 502 may be a third interface.

Optionally, when the amplified YOYO suggestion 501a card is displayed, the mobile phone can also determine APP that is frequently used recently by the user, and add an APP icon that is frequently used recently by the user to the YOYO suggestion 501a card, so that the user can conveniently and quickly open a corresponding application. For example, as can be seen from comparison of (a) and (c) in fig. 23, the small-sized YOYO proposal 501a is switched to the large-sized YOYO proposal 503a, and icons of the video application, the smart life application, the weather application, and the calendar application, which are most commonly used by the user, are added to the YOYO proposal 503 a.

In the above process, the positions of the icons outside the area occupied by the second icon in the first interface and the second interface are the same. The original page layout can be maintained to the maximum extent, so that the page layout accords with the use habit of a user. For example, in fig. 4B, the icons of the music applications are the same in position in interface 401 and interface 403.

In the embodiment of the application, the position of the second icon in the second interface is associated with the position of the first icon in the first interface, the size of the first icon, the size of the second icon, the desktop layout of the electronic device and the icon distribution condition of the first interface.

In an alternative embodiment, the mobile phone may display the second interface in the absence of an empty area in the first interface that accommodates the second icon; in the case where there is an empty area in the first interface that accommodates the second icon, the second icon is displayed in the empty area of the first interface. Wherein the absence of a free area accommodating the second icon means that none of the free areas in the first interface can accommodate the second icon without moving other icons than the first icon. For example, in the interface 401 shown in fig. 4B (a), there is no free area that can accommodate the utility 403 a. The method can keep the position of the folder/card unchanged as much as possible, so that the folder/card accords with the use habit of a user.

The desktop layout of the mobile phone will be described in detail.

The desktop layout may refer to an icon arrangement manner supported by the desktop, for example, the desktop may be indicated to be divided into a preset number of grids, and a specific arrangement manner of the preset number of grids may be indicated. The desktop refers to a page that performs a page turning operation in response to a sliding operation by a user. Illustratively, referring to FIG. 5, the interface includes region 1 and region 2. In response to a sliding operation by a user, the content displayed in the area 1 can be switched along with the sliding operation, and the icon of a specific APP, such as a camera, an address book, a telephone, and information, is fixedly displayed in the area 2. The area 1 is a desktop according to the embodiment of the present application, and the desktop layout includes 24 grids of 4 columns and 6 rows, which is simply referred to as a 4×6 layout. Of course, in other embodiments, the desktop layout may be a 5×5 layout, a 5×6 layout, etc., without specific limitation herein.

Wherein the grid is the smallest area where the icon is placed. In other words, one icon occupies at least one grid.

The size of an icon may refer to the number of grids and arrangements that the icon occupies. For example, the size of the icons may be 1×1,2×1,2×2,4×1,4×2,4×4, etc. Wherein the 1×1 indication icon occupies 1 grid; the 2×1 indication icons occupy 2 grids, and the 2 grids are distributed in 2 columns and 1 row, the 4×2 indication icons occupy 8 grids, and the 8 grids are distributed in 4 columns and 2 rows; the 4×4 indication icons occupy 16 grids, and the 16 grids are distributed in 4 columns and 4 rows.

In one embodiment, the small folders may be 1×1 in size and the large folders may be 2×2 in size; the sizes of the small-size cards may be 2×1,2×2,4×1,4×2, etc., and the sizes of the large-size cards may be 2×2,4×1,4×2,4×4, etc.

In the embodiment of the present application, the size of the second icon is larger than the size of the first icon, which means that the number of meshes occupied by the second icon is larger than the number of meshes occupied by the first icon.

The position of the icon is the position of the icon in the current page. In an alternative embodiment, the location of the icon may be the approximate location of the icon, such as at the top corner of the page, at the edge of the page and not at the top corner, or at other locations in the page other than the edge. The desktop shown in fig. 5 includes a first type of position, a second type of position, and a third type of position, where the first type of position is a top corner of the page, the second type of position is an edge of the page and is not a top corner, and the third type of position is other positions in the page except for the edge.

In another alternative embodiment, the location of the icon may be a specific location coordinate of the icon, including, for example, an abscissa, an ordinate, and the like. The mobile phone can further determine that the icon is positioned at the top corner of the page, at the edge of the page and not at the top corner or at other positions in the page except the edge through the specific position of the icon.

The icon distribution information is used for indicating the icon distribution condition of the page (i.e. the first interface) where the first icon is located, and comprises the positions and the sizes of all icons in the page (i.e. the first interface) where the first icon is located. Through the icon distribution information, the mobile phone can determine whether an icon exists around the first icon, the size of the icon around the first icon, an idle area in the first interface and the like. The free area refers to an area that does not include an icon.

In the embodiment of the application, the mobile phone can determine the first potential expansion mode of the first icon, then determine the actual expansion mode from the first potential expansion mode, and expand the first icon according to the actual expansion mode to obtain the second icon. The expanding of the first icon to obtain the second icon can be understood as expanding a first area where the first icon is located to a second area where the second icon is located, wherein the first area and the second area are both opposite to the display screen.

The first potential expansion mode includes all expansion modes for expanding the first icon into the second icon, and is related to the position of the first icon in the first interface, the size of the first icon, the size of the second icon, and the desktop layout, and details refer to the description of S603, which is not described herein.

The actual expansion mode is determined according to the number of the first potential expansion modes, the influence degree of the expansion of the first icon on the page layout of the first interface, and one or more of the number of the preset elements influenced by the expansion of the first icon.

In an alternative embodiment, the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is smaller than or equal to a first threshold, or the actual expansion mode is an expansion mode in which the number of the preset elements influenced in the first potential expansion mode is smaller than or equal to a second threshold, or the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is smaller than or equal to the first threshold, and the number of the preset elements influenced is smaller than or equal to the second threshold.

As shown in fig. 6, the present application further provides a display method on the basis of fig. 4A, which illustrates a process of determining a display area of the second icon by the mobile phone. Referring to fig. 6, the display method includes:

s601, the mobile phone displays a first interface, wherein the first interface comprises a small-size icon.

S602, the mobile phone detects a first operation of a user for amplifying a first icon.

S603, the mobile phone determines a first potential expansion mode of the first icon.

The first potential expansion mode is all feasible modes of expanding from a first area where the first icon is located to a second area where the second icon is located, and is related to the position of the first icon, the size of the second icon and the desktop layout.

The following describes a first potential expansion mode of the first icon in different scenes with reference to the accompanying drawings.

Scene 1, desktop layout is 4×6, small size icons (i.e., first icons) are small folders of 1×1 size, and large size icons (i.e., second icons) are large folders of 2×2 size.

It has been described above that the first icon may be determined to be located at the top corner of the page, at the edge of the page and not at the top corner, or at other positions in the page than the edge, depending on the position of the first icon. Under the condition that the positions of the first icons are different, the corresponding first potential expansion modes are different.

Referring to fig. 7, in the case where a small folder (i.e., a "utility" folder) is located at a location other than an edge in a page, the first region in which the folder is located may be expanded in four directions (i.e., there are 4 first potential expansion manners). As shown in fig. 7 (a), the first area where the small folder is located may be expanded to the lower right (of the small folder); as shown in fig. 7 (b), the first area where the small folder is located may be expanded to the lower left (of the small folder); as shown in fig. 7 (c), the first area where the small folder is located may be expanded to the upper right (of the small folder); as shown in fig. 7 (d), the first region in which the small folder is located may be expanded to the upper left (of the small folder). That is, the first potential expansion means includes: expansion is performed to the lower right, lower left, upper right or upper left.

Referring to fig. 8, in the case where a small folder (i.e., a "utility" folder) is located at the top corner of a page, the first area in which the folder is located can only be expanded in one direction (i.e., there are 1 first potential expansion modes). As shown in fig. 8 (a), when the small folder is located at the top left vertex, the first area where the small folder is located may be expanded to the lower right (of the small folder); as shown in fig. 8 (b), when the small folder is located at the top right vertex, the first area where the small folder is located may be expanded to the lower left (of the small folder); as shown in fig. 8 (c), when the small folder is located at the lower right vertex, the first area where the small folder is located may be expanded to the upper left (of the small folder); as shown in fig. 8 (d), when the small folder is located at the lower left vertex, the first region in which the small folder is located may be expanded toward the upper right (of the small folder).

Referring to fig. 9 and 10, in the case where a small folder (i.e., a "utility" folder) is located at an edge of a page and is not at a top corner position, the folder may be expanded in two directions (i.e., there are 2 first potential expansion modes). As shown in (a) and (b) in fig. 9, when the small folder is located at the left edge and is not at the top corner, the first area where the small folder is located may be expanded to the upper right or lower right (of the small folder); as shown in (c) and (d) in fig. 9, when the small folder is located at the right edge and is not at the top corner, the first area where the small folder is located may be expanded to the upper left or lower left; as shown in (a) and (b) in fig. 10, when the small folder is located at the upper edge and is not at the top corner, the first area where the small folder is located may be expanded to the lower left or lower right (of the small folder); as shown in (c) and (d) of fig. 10, when the small folder is located at the lower edge and is not at the top corner, the first region where the small folder is located may be expanded to the upper left or upper right (of the small folder).

Scene 2, desktop layout is 4 x 6, small size icons (i.e., first icons) are small size cards of 2 x 1 size, large size icons (i.e., second icons) are large size cards of 2 x 2 size, e.g., first and second icons are "sports health" cards.

Referring to fig. 11-12, in the case of a small-sized card (i.e., a "sports health" card) located elsewhere in the page than at the edge, the card can be expanded in 6 directions (i.e., there are 6 first potential expansion modes). As shown in fig. 11 (a), the first area where the small-size card is located may be expanded toward the upper left (of the small-size card); as shown in (b) of fig. 11, the first area where the small-size card is located may be expanded directly above (the small-size card); as shown in fig. 11 (c), the first area where the small-size card is located may be expanded toward the upper right (of the small-size card); as shown in fig. 12 (a), the first area where the small-size card is located may be expanded toward the lower left (of the small-size card); as shown in (b) of fig. 12, the first area where the small-size card is located may be expanded directly below (the small-size card); as shown in fig. 12 (c), the first area where the small-size card is located may be expanded toward the lower right (of the small-size card). That is, the first potential expansion means includes: the lower right, lower left, right, upper right and upper left are expanded.

Referring to fig. 13-14, in the case of a small-sized card (i.e., a "sports health" card) located at the top corner of the page, the card can expand in two directions (i.e., there are 2 first potential expansion modes). As shown in (a) and (b) of fig. 13, when the small-size card is located at the top left vertex, the first area where the small-size card is located may be expanded to the right lower side or the bottom right side (of the small-size card); as shown in (c) and (d) of fig. 13, when the small-size card is located at the top right vertex, the first area where the small-size card is located may be expanded to the right lower side or the left lower side (of the small-size card); as shown in (a) and (b) in fig. 14, when the small-size card is located at the lower left vertex, the first area where the small-size card is located may be expanded to the right upper side or the upper right side (of the small-size card); as shown in (c) and (d) of fig. 14, when the first area where the small-size card is located at the lower right vertex, the small-size card can be expanded to directly above or to the upper left (of the small-size card).

Referring to fig. 15-16, there are 4 first potential expansion ways in which a small-sized card (i.e., a "sports health" card) is located at the left/right edge of the page and at a non-top corner position. As shown in (a), (b), (c), and (d) in fig. 15, when the small-size card is located at the left edge and is not at the top corner, the first area where the small-size card is located may be expanded to the right above, right below, right above, or right below (of the small-size card); as shown in (a), (b), (c), and (d) of fig. 16, when the small-size card is located at the right edge and is not at the top corner, the first area where the small-size card is located may be expanded to be directly above, directly below, to the upper left, or to the lower left (of the small-size card).

Referring to fig. 17-18, in the case of a small-sized card (i.e., a "sports health" card) located at the top/bottom edge of the page and not at the top corner, the card can be expanded in three directions (i.e., there are 3 first potential expansion modes). As shown in (a), (b), and (c) of fig. 17, when the small-size card is located at the upper edge and is not at the top corner, the first area where the small-size card is located may be expanded to the lower left, right, or lower right (of the small-size card); as shown in (a), (b), and (c) of fig. 18, when the small-sized card is positioned at the lower edge and is not at the top angle, the first area where the small-sized card is positioned may be expanded to the upper left, right, or upper right (of the small-sized card).

Scene 3, desktop layout is 4×6, small-size icons are (i.e. first icon) 2×2-sized small-size cards, large-size icons (i.e. second icon) are 4×2-sized large-size cards, e.g. both first and second icons are "clock" cards.

Referring to fig. 19, the small-sized card (i.e., the "clock" card) can be expanded in one direction (i.e., there is 1 first potential expansion mode). As shown in fig. 19 (a), when the small-size card is located at the left edge of the page, the first area where the small-size card is located may expand to the right (of the small-size card); as shown in (b) of fig. 19, when the small-size card is located at the right edge of the page, the first area where the small-size card is located may be expanded to the left (of the small-size card); as shown in fig. 19 (c), when the small-size card is located in the middle of the page (neither at the left edge nor at the edge), the first area where the small-size card is located can be expanded to both the left and right (of the small-size card).

Scene 4, desktop layout is 5×6, small-size icons are (i.e. first icon) 2×2-sized small-size cards, large-size icons (i.e. second icon) are 4×2-sized large-size cards, e.g. both first and second icons are "clock" cards.

Referring to fig. 20, when the small-size card is located at the left edge position or the right edge position of the page, the small-size card can be expanded in one direction (i.e., there is 1 first potential expansion mode). As shown in fig. 20 (a), when the small-size card is located at the left edge of the page, the first area where the small-size card is located may be expanded rightward; as shown in (b) of fig. 20, when the small-size card is located at the right edge of the page, the first area where the small-size card is located may be expanded to the left.

Referring to fig. 21, there are 2 first potential expansion modes for a small-size card when it is in the middle (i.e., not left and right edges) of the page. As shown in fig. 21 (a), the small-sized card can be expanded to the left; as shown in (b) of fig. 21, the small-sized card can be expanded leftward and rightward at the same time.

It should be noted that the above-mentioned several cases are only examples, and there may be many more cases in practice, for example, in the case where the desktop layout is 5×6, switching from a small-sized icon of 1×1 size to a large-sized icon of 2×2 size; in the case where the desktop layout is 4×6, the small-sized icons of 2×1 size are switched to large-sized icons of 4×2 or 4×4 size, and the like, and the specific limitation is not made here.

S604, the mobile phone judges whether the first potential expansion mode is unique.

If the mobile phone judges that the first potential expansion mode is unique, executing S605; if the mobile phone determines that the first potential expansion mode is not unique, S606 is executed.

S605, the mobile phone determines the first potential expansion mode as an actual expansion mode.

That is, under the condition that the first potential expansion mode is unique, the mobile phone determines the first potential expansion mode as an actual expansion mode. For example, in the scenario shown in fig. 8 (c), the first potential expansion mode of the "utility" folder is unique (i.e., it is to expand to the upper left), so as to determine that the actual expansion mode is to expand to the upper left.

S606, the mobile phone determines the first weight of each first potential expansion mode.

Under the condition that the first potential expansion modes are not unique, the mobile phone can determine the first weight of each first potential expansion mode. The first weight of the expansion mode is used for indicating the affected degree of the page layout of the first interface (simply referred to as the effect on the page layout of the first interface) when the first area is expanded in the expansion mode. The larger the first weight is, the larger the influence of the expansion mode on the page layout of the first interface is, and the smaller the first weight is, the smaller the influence of the expansion mode on the page layout of the first interface is.

In an alternative embodiment, the first weight of the expansion mode is the total number of meshes occupied by the affected icon when expanding the first area in the expansion mode. The affected icons are located in the area after the expansion of the first area.

For example, in the scenario shown in fig. 7, there are 4 first potential expansion modes, respectively expanding to the lower right, lower left, upper right or upper left. As shown in fig. 7 (a), if a small folder (i.e., a "utility" folder) is expanded to the right and below (i.e., the first potential expansion mode is expanded to the right and below) to obtain a large folder with a size of 2×2, two icons, namely a "video application" folder and a "sports health" card, are affected (i.e., the affected icons are the "video application" folder and the "sports health" card), where the number of meshes occupied by the "video application" folder is 1, the number of meshes occupied by the "sports health" card is 2, and thus the total number of meshes occupied by the affected icons is 3, i.e., the first weight is 3.

As shown in fig. 7 (b), if the small folder is expanded to the lower left (i.e., the first potential expansion mode is expanded to the lower left) to obtain a large folder with a size of 2×2, the two icons, namely, the "set" icon and the "sports health" card, are affected (i.e., the affected icons), wherein the number of meshes occupied by the "set" icon is 1, the number of meshes occupied by the "sports health" card is 2, and thus the total number of meshes occupied by the affected icons is 3, i.e., the first weight is 3.

As shown in fig. 7 (c), if the small folder is expanded to the upper right (i.e., the first potential expansion mode is expanded to the upper right) to obtain a large folder with a size of 2×2, the "video application" folder, the "file management" icon and the "clock" card will be affected (i.e., the affected icon), where the number of grids occupied by the "video application" folder is 1, the number of grids occupied by the "file management" icon is 1, the number of grids occupied by the "clock" card is 4, and thus the total number of grids occupied by the affected icon is 6, i.e., the first weight is 6.

As shown in (d) of fig. 7, if the small folder is expanded to the upper left (i.e., the potential expansion mode is expanding the first area to the upper left) to obtain a large folder with a size of 2×2, the "set" icon and the "clock" card will be affected (i.e., the affected icon), where the number of grids occupied by the "set" icon is 1, the number of grids occupied by the "clock" card is 4, and thus the total number of grids occupied by the affected icon is 5, i.e., the first weight is 5.

For another example, in the scenario shown in (a) and (b) in fig. 9, there are 2 first potential expansion modes, respectively expanding to the upper right or lower right. As shown in fig. 9 (a), if the small folder (i.e., the "utility" folder) expands upward to the right (i.e., the first potential expansion mode expands the first area upward to the right) to obtain a large folder with a size of 2×2, the "clock" card will be affected (i.e., the affected icon), where the number of grids occupied by the "clock" card is 4, i.e., the first weight is 4.

As shown in fig. 9 (b), if a small folder (i.e., a "utility" folder) is expanded to the right downward direction (i.e., the potential expansion mode is expanded to the right downward direction by a first area) to obtain a large folder with a size of 2×2, the "sports health" card will be affected (i.e., it is an affected icon), where the number of meshes occupied by the "sports health" card is 2, i.e., the first weight is 2.

For another example, in the scenario shown in (c) and (d) in fig. 9, there are 2 first potential expansion modes, respectively expanding to the upper left or lower left. As shown in fig. 9 (c), if the small folder (i.e., the "utility" folder) expands upward left (i.e., the first potential expansion mode expands the first area upward left) to obtain a large folder with a size of 2×2, the "music" icon, the "calculator" icon, and the "file management" icon are affected (i.e., the affected icons), where the number of meshes occupied by the "music" icon, the "calculator" icon, and the "file management" icon is 1, and thus the first weight is 3.

As shown in (d) of fig. 9, if the small folder (i.e., the "utility" folder) is expanded to the left and below (i.e., the potential expansion mode is expanded to the left and below by the first area) to obtain a large folder with a size of 2×2, the "file management" icon and the "sports health" card will be affected (i.e., the affected icon), where the number of grids occupied by the "sports health" card is 2, and the number of grids occupied by the "file management" icon is 1, so that the first weight is 3.

S607, the mobile phone determines that the first potential expansion mode with the minimum first weight is the second potential expansion mode.

Continuing with the example of the scenario shown in fig. 7, the first weight is the smallest (i.e., 3) due to the expansion to the lower right and the expansion to the lower left. Therefore, the mobile phone expands downwards to the right and expands downwards to the left to be determined as a second potential expansion mode.

Continuing with the example of the scenario shown in (a) and (b) in fig. 9, since the first weight of the expansion performed to the lower right is the smallest (i.e. 2), the expansion performed to the lower right is determined as the second potential expansion mode.

Continuing with the example of the scenario shown in (c) and (d) in fig. 9, the first weight is the smallest (i.e. 3) due to the expansion in the upper left direction and the expansion in the lower left direction. Therefore, the mobile phone expands towards the upper left and expands towards the lower left to be determined as a second potential expansion mode.

S608, the mobile phone judges whether the second potential expansion mode is unique.

If the mobile phone judges that the second potential expansion mode is unique, S609 is executed; if the mobile phone determines that the second potential expansion mode is not unique, S610 is executed.

S609, the mobile phone determines the second potential expansion mode as an actual expansion mode.

And under the condition that the second potential expansion mode is unique, the mobile phone determines the second potential expansion mode as an actual expansion mode. For example, in the scenario shown in (a) and (b) in fig. 9, the second potential expansion mode is unique, so that the mobile phone determines that expansion is performed to the lower right (i.e., the second potential expansion mode) as an actual expansion mode.

S610, the mobile phone determines a second weight of a second potential expansion mode.

And under the condition that the second potential expansion mode is not unique, the mobile phone determines a second weight of the second potential expansion mode. In an alternative embodiment, the second weight of the expansion mode is the number of macro elements (which may also be referred to as preset elements) that are affected when expanding the first region in the expansion mode. The large element may refer to an icon with a size larger than 1×1, for example, a folder with a size of 2×2, a card with a size of 2×1, a card with a size of 4×2, or the like.

Taking the scenario shown in fig. 7 as an example, the expansion to the lower right affects the "sports health" card, so that the corresponding second weight is 1; when expanding to the lower left, the 'sports health' card is also influenced, so that the corresponding second weight is 1.

Taking the scenes shown in (c) and (d) in fig. 9 as examples, the expansion to the upper left does not affect any macro element, so that the corresponding second weight is 0; when expanding to the lower left, the 'sports health' card is affected, so that the corresponding second weight is 1.

S611, the mobile phone determines that the second potential expansion mode with the minimum second weight is the third potential expansion mode.

Taking the scenario shown in fig. 7 as an example, the second weights of the expansion to the lower right and the expansion to the lower left are equal (i.e. 1). Therefore, the mobile phone expands downwards to the right and expands downwards to the left to be determined as a third potential expansion mode.

Continuing with the example of the scenario shown in (c) and (d) of fig. 9, the second weight expanding upward to the left is the smallest (i.e., 0). Therefore, the mobile phone expands to the upper left to be determined as a third potential expansion mode.

S612, the mobile phone judges whether the third potential expansion mode is unique.

If the mobile phone judges that the third potential expansion mode is unique, executing S613; if the mobile phone determines that the potential expansion mode with the minimum second weight is not unique, S614 is executed.

S613, the mobile phone determines the third potential expansion mode as an actual expansion mode.

And under the condition that the third potential expansion mode is unique, the mobile phone determines the third potential expansion mode as an actual expansion mode. For example, in the scenario shown in (c) and (d) in fig. 9, the third potential expansion mode is unique, so that the mobile phone determines that the expansion is performed to the upper left (i.e., the third potential expansion mode) as the actual expansion mode.

S614, the mobile phone determines an actual expansion mode from the third potential expansion modes according to the preset priority order.

In an alternative embodiment, the first icon and the second icon with different desktop layouts and different sizes may correspond to different priority orders, considering that the expansion manners supported by the first icon and the second icon with different desktop layouts and different sizes are different.

In an alternative embodiment, in the case where the desktop layout is 4×6, the size of the first icon is 1×1, and the size of the second icon is 2×2, the preset priority order may be lower right, lower left, upper right, upper left.

In an alternative embodiment, in the case where the desktop layout is 4×6, the size of the first icon is 2×1, and the size of the second icon is 2×2, the preset priority order may be right lower, left lower, right upper, left upper.

In an alternative embodiment, in the case where the desktop layout is 5×6, the size of the first icon is 2×2, and the size of the second icon is 4×2, the preset priority order may be expanding leftward, rightward, and simultaneously expanding leftward and rightward.

It should be noted that the above-mentioned preset priority order is only an example, and in other embodiments, the priority order may be different.

For example, in the scenario shown in fig. 7, the third potential expansion mode includes expansion to the lower right and expansion to the lower left, and since the size of the first icon is 1×1, the size of the second icon is 2×2, and the desktop layout is 4×6, expansion to the lower right may be determined as an actual expansion mode according to the priority order.

S615, expanding the first area by the mobile phone according to an actual expansion mode to obtain a second area, and displaying a second icon on the second area.

As can be seen from fig. 4B and fig. 6, after the user clicks the "display as large folder" 402a button, the mobile phone can determine that two first potential expansion modes exist in the folder of the utility 501a, which are respectively expansion to the lower right and expansion to the upper right. If the first area where the utility 501a is located is expanded to the lower right, the "sports health" card and the "set" icon are affected, so that the first weight corresponding to the expansion to the lower right is 3; if the first area where the utility 501a is located is expanded to the upper right, the "clock" card and the "set" icon are affected, so that the first weight corresponding to expanding to the upper right is 5. Therefore, the mobile phone determines the first potential expansion mode with the minimum first weight (namely, expansion is performed to the lower right) as the second potential expansion mode, and the mobile phone determines expansion to the lower right as the actual expansion mode because the second potential expansion mode is unique. Then, the mobile phone expands the first area where the utility tool 501a is located to the right and lower to obtain a second area, and displays the utility tool 503a on the second area.

As can be seen from fig. 4C and fig. 6, after the user clicks the button "display large-size card" 502a, the mobile phone can determine that there are 1 first potential expansion modes of the YOYO suggestion 501a card, i.e. expansion is performed to the right. Because the first potential expansion mode is unique, the mobile phone expands rightwards to be determined as an actual expansion mode. Then, the mobile phone expands the first area where the Yoyo suggestion 501a card is located to the right to obtain a second area, and the Yoyo suggestion 503a card is displayed on the second area.

In the embodiment of the application, the mobile phone can also display the affected icon on the fourth interface. The affected icons include icons located in an area of the first interface corresponding to the area occupied by the second icon (i.e., the second area). It should be noted that, the correspondence here means that the two areas may completely coincide. That is, the affected icons include icons within the second region when the region is mapped to the first interface. In an alternative embodiment, all affected icons are on the same page and cannot be dispersed. Of course, in other embodiments, all affected icons may be located on different pages, respectively.

The process of displaying the affected icons by the mobile phone will be described below by taking the case that all the affected icons are located on the same page.

In an alternative embodiment, a new desktop page is created for the mobile phone at the fourth interface. That is, after the mobile phone receives the first operation for amplifying the first icon, a desktop page (i.e., the fourth interface) may be newly created, and all affected icons may be displayed in the newly created desktop page. In this case, the handset always displays all affected icons in the newly created desktop page, regardless of whether the current page (i.e., the page on which the first icon is located, i.e., the first interface) is capable of accommodating all affected icons.

In another alternative embodiment, the fourth interface may be the second interface, a next page of the second interface, or a newly created desktop page, depending on the icon distribution of the affected icons and the first interface (which may also be referred to as the current page).

Specifically, the mobile phone may first determine whether the current page (i.e., the first interface) can accommodate all the affected icons, and if the current page can accommodate all the affected icons, the mobile phone may display all the affected icons in the second interface. If all the affected icons cannot be accommodated in the current page, the method can continue to judge whether the next page of the current page can accommodate all the affected icons. If the next page of the current page can accommodate all affected icons, displaying all affected icons on the next page of the current page. If the next page of the current page can not accommodate all the affected icons, the mobile phone can newly establish a desktop page and display all the affected icons in the newly established desktop page. It can be seen that the affected icons are arranged on the current page where the affected icons are, so that the influence of the size switching of the icons on the page layout can be reduced to the greatest extent.

The ability to accommodate all affected icons is understood to mean that there is also a free area in the first interface that displays all affected icons without moving other icons in the first interface.

In an alternative embodiment, the mobile phone may determine the display area of the affected icon in the page according to a preset order. If all affected icons have a display area in the page, the handset can determine that the page can accommodate all affected icons. The preset sequence may be from top to bottom and from left to right. Of course, in other embodiments, the preset sequence may be other, and the present invention is not limited thereto.

For example, in the scenario shown in fig. 4B, the affected icons are the "set" icon and the "sports health" card. In a preset order, the handset may first determine the display area of the "set" icon in the interface 401, to the right of the original location of the "set" icon, and to the left of the "application mall" icon. The handset then determines the display area of the "sports health" card. The number of grids occupied by the 'sports health' card is 2, and two idle grids exist on the left side of the 'weather' icon, so that the mobile phone determines that the display area of the 'sports health' card is on the left side of the 'weather' icon. In this manner, all affected icons may be accommodated in interface 401, so that the handset continues to display the "set" icon and the "sports health" card in interface 401 as shown in (c) of fig. 4B.

For another example, in the scenario illustrated in FIG. 4C, the affected icon is a "utility" folder. Since there is a 4 x 4 free grid in the interface 501, the interface 501 can accommodate all affected icons. So that the handset continues to display the "utility" folder in interface 501 as shown in fig. 4C (C).

If the display areas of the affected icons in the page are determined according to the preset sequence, at least one affected icon does not exist in the page, and the mobile phone can determine the display areas of the affected icons in the page again according to the sequence from the large size to the small size. If all affected icons have a display area in the page, the handset can determine that the page can accommodate all affected icons. If there is still at least one affected icon that does not have a display area in the page, the handset can determine that the page cannot accommodate all of the affected icons.

See, for example, the scenario shown in fig. 22. The scene shown in fig. 22 (a) is the same as that shown in fig. 7, and therefore, as described above: the mobile phone can expand the first area where the 'utility' folder is located to the right and below. Wherein the affected icons are "video application" folders and "sports health" cards. According to the preset sequence, the mobile phone can firstly determine the display area of the video application folder in the page, and then determine the display area of the sports health card in the page. As shown in fig. 22 (b), the mobile phone can determine that the display area of the "video application" folder is a 1×1-sized grid below the "music" icon, above the "utility" folder, and to the right of the "clock" card. But after the area displays the "video applications" folder, there is no display area for the "sports health" card in the page. And then determining the display area of the affected icon in the page again according to the order from the large size to the small size, namely determining the display area of the 'sports health' card in the page first, and determining the display area of the 'video application' folder in the page. As shown in fig. 22 (c), the display area of the "sports health" card is a grid of 2×1 size below the music "icon, above the" utility "folder, and to the right of the" clock "card, and the display area of the" video application "folder is a grid of 1×1 size below the" setup "icon, above the" glory video "application, and to the left of the" utility "folder.

It can be seen that this approach can promote the probability of retaining the affected folder on the current page, reducing the impact on the page layout.

For another example, when the first area where the "utility" folder is located is expanded in the expansion manner shown in (a) of fig. 8, the affected icons are the "calendar" icon and the "clock" card. According to the preset sequence, the mobile phone can firstly determine the display area of the calendar icon in the page and then determine the display area of the clock card in the page. Wherein the display area of the calendar icon in the page is located between the set icon and the video application folder; then, since there is only a free area of one grid in the page after the "video application" folder is placed, the "clock" card cannot be placed, so that there is no display area of the "clock" card in the page. In this way, the mobile phone can determine the display area of the affected icon in the page again according to the order from the large size to the small size. The size of the clock card is 2 multiplied by 2, and the size of the calendar icon is 1 multiplied by 1, so that the mobile phone firstly determines the display area of the clock card in the page and then determines the display area of the calendar icon in the page. And since there is no 2 x 2 free grid in the page, the "clock" card has no display area in the page. Thus, the handset can determine that the page is unable to accommodate all affected icons and can continue to determine whether the next page to the current page is able to accommodate all affected icons.

It should be noted that, when determining whether the next page of the current page can accommodate all the affected icons, the determination is still performed according to the above content, which is not described herein again.

It should be further noted that, if the mobile phone displays all affected icons on the newly created desktop page, all affected icons may be arranged according to the foregoing preset sequence. In addition, the newly built desktop page is located at the next page of the first interface, and the user can turn pages by sliding the desktop page left and right.

In summary, in the method provided by the application, no matter whether the page where the small-size icon is located has enough free area for accommodating the large-size icon, the electronic equipment always displays the large-size icon on the page where the small-size icon is located, i.e. the page where the icon is located is not changed, the influence of the expansion of the icon on the page layout is reduced, the page layout after the icon is enlarged accords with the use habit of a user as much as possible, and the user experience is improved.

Embodiments of the present application also provide a system-on-chip, as shown in FIG. 23, which includes at least one processor 2301 and at least one interface circuit 2302. The processor 2301 and the interface circuit 2302 may be interconnected by wires. For example, the interface circuit 2302 may be used to receive signals from other devices (e.g., a memory of an electronic apparatus). For another example, the interface circuit 2302 may be used to send signals to other devices (e.g., the processor 2301). The interface circuit 2302 may read instructions stored in memory and send the instructions to the processor 2301, for example. The instructions, when executed by the processor 2301, may cause an electronic device or server to perform the various steps of the embodiments described above. Of course, the system-on-chip may also include other discrete devices, which are not particularly limited in accordance with embodiments of the present application.

The present embodiment also provides a computer-readable storage medium having stored therein computer instructions which, when executed on an electronic device, cause the electronic device or server to perform the functions or steps of the method embodiments described above.

The present embodiment also provides a computer program product which, when run on a computer, causes the computer to perform the functions or steps of the method embodiments described above.

In addition, embodiments of the present application also provide an apparatus, which may be embodied as a chip, component or module, which may include a processor and a memory coupled to each other; the memory is configured to store computer-executable instructions, and when the device is operated, the processor may execute the computer-executable instructions stored in the memory, so that the chip performs the functions or steps executed by the mobile phone in the above method embodiment.

The electronic device, the communication system, the computer readable storage medium, the computer program product or the chip provided in this embodiment are used to execute the corresponding method provided above, so that the benefits achieved by the electronic device, the communication system, the computer readable storage medium, the computer program product or the chip can refer to the benefits in the corresponding method provided above, and are not repeated herein.

From the foregoing description of the embodiments, it will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-described division of functional modules is illustrated, and in practical application, the above-described functional allocation may be implemented by different functional modules according to needs, i.e. the internal structure of the apparatus is divided into different functional modules to implement all or part of the functions described above.

In the several embodiments provided by the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the modules or units is merely a logical function division, and there may be additional divisions when actually implemented, e.g., multiple units or components may be combined or integrated into another apparatus, or some features may be omitted or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and the parts displayed as units may be one physical unit or a plurality of physical units, may be located in one place, or may be distributed in a plurality of different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in the embodiments of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.

The integrated unit may be stored in a readable storage medium if implemented in the form of a software functional unit and sold or used as a stand-alone product. Based on such understanding, the technical solution of the embodiments of the present application may be essentially or a part contributing to the prior art or all or part of the technical solution may be embodied in the form of a software product stored in a storage medium, including several instructions for causing a device (may be a single-chip microcomputer, a chip or the like) or a processor (processor) to perform all or part of the steps of the methods of the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

Finally, it should be noted that the above-mentioned embodiments are merely for illustrating the technical solution of the present application and not for limiting the same, and although the present application has been described in detail with reference to the preferred embodiments, it should be understood by those skilled in the art that modifications and equivalents may be made to the technical solution of the present application without departing from the spirit and scope of the technical solution of the present application.

Claims

1. A display method, applied to an electronic device, the method comprising:

the electronic equipment displays a first interface, wherein the first interface comprises a first icon;

in response to a first operation of amplifying the first icon by a user, the electronic device displays a second interface, wherein the second interface is an updated interface of the first interface, the second interface comprises a second icon, the second icon is an icon obtained by amplifying the first icon, the size of the second icon is larger than that of the first icon, and the position of the first icon on the first interface corresponds to the position of the second icon on the second interface.

2. The method of claim 1, wherein the location of the second icon in the second interface is associated with the location of the first icon in the first interface, the size of the first icon, the size of the second icon, a desktop layout of the electronic device, and an icon distribution of the first interface.

3. The method according to claim 1 or 2, characterized in that the method further comprises:

the electronic equipment determines a first potential expansion mode of the first icon, wherein the first potential expansion mode comprises all expansion modes for expanding the first icon into the second icon;

determining an actual expansion mode from the first potential expansion modes, wherein the actual expansion mode is determined according to one or more of the number of preset elements influenced by expanding the first icon according to the number of the first potential expansion modes, and the influence degree of the expansion of the first icon on the page layout of the first interface;

and expanding the first icon according to the actual expansion mode to obtain the second icon.

4. The method of claim 3, wherein the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is less than or equal to a first threshold, or the actual expansion mode is an expansion mode in which the number of preset elements influenced in the first potential expansion mode is less than or equal to a second threshold, or the actual expansion mode is an expansion mode in which the degree of influence on the page layout of the first interface in the first potential expansion mode is less than or equal to a first threshold, and the number of the influenced preset elements is less than or equal to a second threshold.

5. A method according to claim 3, characterized in that the method further comprises:

if the first potential expansion modes are not unique, the electronic device determines a first weight corresponding to each first potential expansion mode, wherein the first weight is used for indicating the influence degree of the expansion of the first potential expansion modes on the page layout of the first interface;

the electronic equipment judges whether a second potential expansion mode is unique, wherein the second potential expansion mode is the first potential expansion mode with the minimum first weight;

and if the second potential expansion mode is unique, the electronic equipment determines the second potential expansion mode as the actual expansion mode.

6. The method of claim 5, wherein the method further comprises:

if the second potential expansion modes are not unique, the electronic device determines a second weight corresponding to each second potential expansion mode, wherein the second weight is used for indicating the number of preset elements influenced when the first icon is expanded in the second potential expansion mode;

the electronic equipment judges whether a third potential expansion mode is unique, wherein the third potential expansion mode is the second potential expansion mode with the minimum second weight;

And if the third potential expansion mode is unique, the electronic equipment determines the third potential expansion mode as the actual expansion mode.

7. The method of claim 6, wherein the method further comprises:

if the third potential expansion mode is not unique, the electronic equipment determines the actual expansion mode from the third potential expansion mode according to a preset priority order.

8. The method of any of claims 5-7, wherein the first weight is a number of meshes occupied by all affected icons when expanding the first icon in the first potential expansion manner, the affected icons including icons located in an area of the first interface corresponding to an area occupied by the second icon.

9. The method of any of claims 1-8, wherein if the first interface is capable of accommodating all affected icons, the second interface further includes all affected icons, the affected icons including icons located in an area of the first interface corresponding to an area occupied by the second icon.

10. The method according to claim 9, wherein the method further comprises:

If the first interface can not accommodate all the affected icons and the next desktop page adjacent to the first interface can accommodate all the affected icons, the electronic device moves all the affected icons to the next desktop page adjacent to the first interface.

11. The method according to claim 9 or 10, characterized in that the method further comprises:

if the first interface and the next desktop page adjacent to the first interface can not accommodate all the affected icons, the electronic device creates a new desktop page and moves all the affected icons to the new desktop page.

12. The method of claim 11, wherein the newly created desktop page is located next to the first interface.

13. The method of any of claims 1-12, wherein the first operation comprises: and selecting the first icon, and operating a display switching button on a third interface comprising the display switching button, wherein the third interface is an interface displayed by the electronic equipment in response to the operation of selecting the first icon by a user, and the display switching button is used for switching the first icon into the second icon.

14. The method of any of claims 1-13, wherein the electronic device displays a second interface comprising:

and the electronic equipment displays the second interface under the condition that the idle area containing the second icon does not exist in the first interface.

15. The method of claim 14, wherein the method further comprises:

in the case that an idle area containing a second icon exists in the first interface, the electronic device displays the second icon in the idle area of the first interface in response to a first operation of amplifying the first icon by a user.

16. The method of any one of claims 1-15, wherein the icons outside the area occupied by the second icon are located at the same location in the first interface and the second interface.

17. The method according to any one of claims 1-15, wherein,

the first icon is a small folder with the size of 1 multiplied by 1, and the second icon is a large folder with the size of 2 multiplied by 2.

18. The method of any one of claims 1-15, wherein the first icon is a small size card of size 2 x 2 and the second icon is a large size card of size 4 x 2.

19. An electronic device, the electronic device comprising: a memory and a processor; the processor is coupled with the memory; wherein the memory is for storing computer program code, the computer program code comprising computer instructions; the computer instructions, when executed by the processor, cause the electronic device to perform the method of any one of claims 1-18.

20. A computer-readable storage medium comprising computer instructions; the computer instructions, when run on an electronic device, cause the electronic device to perform the method of any one of claims 1-18.