Desktop display method and electronic device

Abstract

This application provides a desktop display method and an electronic device. The electronic device can determine the number of desktop pages that can be displayed simultaneously on the screen based on the aspect ratio of the screen currently used for display, and then adjust the size of the desktop pages to display the corresponding number of desktop pages on the screen. Furthermore, when the screen aspect ratio changes, the layout of desktop components within the desktop pages displayed on the screen remains constant. This allows users to quickly find the desktop components they need according to their usage habits, improving the user experience.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to desktop display methods and electronic devices. Background Technology

[0002] Mobile phones, tablets, laptops, smartwatches, and other electronic devices all run desktop applications. Based on these applications, electronic devices can display a desktop. The desktop can contain application (APP) icons, widgets, app cards, and other desktop components. The desktop is the user's entry point for using and managing apps, and it is a frequently used user interface. Improving the user experience of the desktop is a pressing issue that needs to be addressed. Summary of the Invention

[0003] This application provides a desktop display method and an electronic device. The electronic device can determine the number of desktop pages that can be displayed simultaneously on the screen based on the aspect ratio of the screen currently used for display, and then adjust the size of the desktop pages to display the corresponding number of desktop pages on the screen. Furthermore, when the screen aspect ratio changes, the layout of desktop components within the desktop pages displayed on the screen remains constant. This allows users to quickly find the desktop components they need according to their usage habits, improving the user experience.

[0004] In a first aspect, this application provides a desktop display method. An electronic device detects that the aspect ratio of the screen used for display is a first aspect ratio; the electronic device displays a first set of desktop pages according to the first aspect ratio, the first set of desktop pages including a first desktop page; the electronic device detects that the aspect ratio of the screen used for display has changed to a second aspect ratio, the second aspect ratio being different from the first aspect ratio; the electronic device displays a second set of desktop pages according to the second aspect ratio, the number of desktop pages in the second set of desktop pages being different from the number of desktop pages in the first set of desktop pages, the second set of desktop pages including the first desktop page.

[0005] The aspect ratio can be referenced from this application. Figure 8A The aspect ratio shown is 1. A second aspect ratio can be found in this application. Figure 8A The aspect ratio shown is 2.

[0006] The first and second sets of desktop pages can be referenced from this application. Figures 1A to 1C , Figure 4A , Figures 7A to 7E The desktop page shown on the screen.

[0007] As can be seen, when the aspect ratio of the screen used for display in an electronic device changes, the number of desktop pages displayed simultaneously on the screen can also change. This improves screen utilization, allowing users to view more desktop components at once on a larger screen. Furthermore, before and after the aspect ratio of the screen changes, the electronic device can display the same desktop page. The desktop components on the same page are identical, and their layout is the same. This enhances the user experience, allowing users to quickly find the desktop components they need based on their usage habits.

[0008] In conjunction with the first aspect, in some embodiments, the first desktop page includes a first group of desktop components, wherein the relative positional relationship of the first group of desktop components under a first aspect ratio is the same as the relative positional relationship of the first group of desktop components under a second aspect ratio.

[0009] For example, the first desktop page can be referenced Figure 7A The desktop page 1 shown is an example. Electronic devices display the first set of desktop pages according to the first aspect ratio. (See page 1 for reference.) Figure 7B The scene shown. The electronic device displays the first set of desktop pages according to the second aspect ratio. (See reference.) Figure 7A The scene shown.

[0010] As can be seen, when the aspect ratio of an electronic device's screen changes, the layout of desktop components on the displayed desktop page remains constant. This improves the user experience, allowing users to quickly find the desktop components they need based on their usage habits.

[0011] In conjunction with the first aspect, in some embodiments, the aspect ratio of the screen used for display in the electronic device changes in one or more of the following situations: changes in the landscape or portrait state of the electronic device, and changes in the folded state of the electronic device.

[0012] In conjunction with the first aspect, in some embodiments, when a first set of desktop pages is displayed, the electronic device receives a first operation; in response to the first operation, the electronic device displays a third set of desktop pages, the number of desktop pages in the third set of desktop pages being the same as the number of desktop pages in the first set of desktop pages, and the desktop pages included in the third set of desktop pages being partially or completely different from the desktop pages included in the first set of desktop pages.

[0013] The first step can be referenced from this application. Figure 4A The leftward swipe operation is shown. The first set of desktop pages can be referenced in this application. Figure 4A The desktop pages shown are page 1, page 2, and page 3. A third set of desktop pages can be referenced in this application. Figure 4B Desktop pages 4 and 5 are shown, or refer to this application. Figure 4CThe desktop pages shown are page 2, page 3, and page 4.

[0014] In conjunction with the first aspect, in some embodiments, the electronic device detects that the aspect ratio of the screen used for display has changed to a third aspect ratio; the electronic device displays a fourth set of desktop pages according to the third aspect ratio, wherein the number of desktop pages in the fourth set of desktop pages, the number of desktop pages in the second set of desktop pages, and the number of desktop pages in the first set of desktop pages are different from each other, and the fourth set of desktop pages includes the first desktop page.

[0015] As can be seen, when the aspect ratio of the screen used for display in an electronic device changes, the number of desktop pages displayed simultaneously on the screen can also change. This improves screen utilization, allowing users to view more desktop components at once on a larger screen. Furthermore, before and after the aspect ratio of the screen changes, the electronic device can display the same desktop page. The desktop components on the same page are identical, and their layout is the same. This enhances the user experience, allowing users to quickly find the desktop components they need based on their usage habits.

[0016] In conjunction with the first aspect, in some embodiments, the number of desktop pages in the first group of desktop pages is 1, and the number of desktop pages in the second group of desktop pages is 2; or, the number of desktop pages in the first group of desktop pages is 1, the number of desktop pages in the second group of desktop pages is 2, and the number of desktop pages in the third group of desktop pages is 3.

[0017] In conjunction with the first aspect, in some embodiments, the first desktop page includes a first set of desktop components, the size of which differs under a first aspect ratio from the size of which differs under a second aspect ratio.

[0018] In conjunction with the first aspect, in some embodiments, the first set of desktop pages includes a second desktop page, which is the desktop page following the first desktop page. When the first set of desktop pages is displayed, the electronic device receives a second operation; in response to the second operation, the electronic device swaps the positions of the first desktop page and the second desktop page in the first set of desktop pages; when the aspect ratio of the screen used for display changes to a second aspect ratio, the first desktop page is still the desktop page following the second desktop page.

[0019] The second step can be referenced in this application. Figures 5A-5C The operation shown swaps the positions of desktop page 2 and desktop page 3.

[0020] When the aspect ratio of the screen used for display is different, the desktop pages displayed on the screen are arranged in the same order. When the aspect ratio of the screen used for display is a first aspect ratio, the arrangement order of the desktop pages is changed. After the aspect ratio of the screen used for display changes to a second aspect ratio, the desktop pages can be displayed according to the changed arrangement order.

[0021] In conjunction with the first aspect, in some embodiments, the first desktop page includes a first desktop component, and the first group of desktop pages includes a third desktop page. The electronic device receives a third operation; in response to the third operation, the electronic device moves the first desktop component from the first desktop page to a first position on the third desktop page; when the aspect ratio of the screen used for display changes to a second aspect ratio, the first desktop component remains displayed at the first position on the third desktop page.

[0022] The third step can be referenced in this application. Figures 9A to 9C The operation of the moving component 911 shown.

[0023] It can be seen that electronic devices can change the position of desktop components based on the user's actions of moving them. When the aspect ratio of the screen used for display is a first aspect ratio, the electronic device changes the position of the desktop components. After the aspect ratio of the screen used for display changes to a second aspect ratio, the electronic device can display the desktop page according to the changed position of the desktop components.

[0024] In conjunction with the first aspect, in some embodiments, after the electronic device moves the first desktop component from the first desktop page to a first position on the third desktop page, the display position of the desktop component on the first desktop page remains unchanged.

[0025] As can be seen, after the electronic device removes the first desktop component from the first desktop page, the layout of the other desktop components on the first desktop page does not change with the movement of the first desktop component. This allows users to quickly find desktop components on the first desktop page according to their own operating habits.

[0026] In conjunction with the first aspect, in some embodiments, a second set of desktop components is displayed at the first position before the electronic device moves the first desktop component from the first desktop page to the first position of the third desktop page. That is, the second set of desktop components is a conflicting component. The electronic device displays the second set of desktop components in one or more of the following locations: a second position of the third desktop page, a fourth desktop page, a fifth desktop page, and a sixth desktop page, wherein the fourth desktop page is the desktop page following the third desktop page, the fifth desktop page is the desktop page preceding the third desktop page, and the sixth desktop page is a newly created desktop page by the electronic device.

[0027] Among them, the electronic device can determine whether the empty space on the third desktop is sufficient to display all the components of the second set of desktops.

[0028] If the empty space on the third desktop is sufficient to display all the components of the second set of desktops, the electronic device displays the second set of desktop components in the second position on the third desktop page.

[0029] If the empty space on the third desktop cannot display all the second group desktop components, the electronic device displays part of the second group desktop components in the second position on the third desktop, and displays the remaining second group desktop components on one or more desktop pages of the fourth, fifth, and sixth desktop pages.

[0030] As can be seen, electronic devices can change the position of desktop components based on the user's actions of moving desktop components. Furthermore, when conflicting components exist, the electronic device can first try to find a new position for the conflicting component on its original desktop page. If the original desktop page cannot display all the conflicting components, the electronic device can try to find a new position for the conflicting component on an adjacent desktop page, or by creating a new desktop page.

[0031] In some embodiments, during the process of repositioning conflicting components, the electronic device can prioritize moving the conflicting components to the new display position row by row. This reduces changes in the relative positions of desktop components, making it easier for users to quickly locate desktop components after moving them.

[0032] In conjunction with the first aspect, in some embodiments, when the remaining second group of desktop components is displayed on one or more of the fourth, fifth, and sixth desktop pages, the display position of the original desktop components on one or more of the fourth, fifth, and sixth desktop pages remains unchanged.

[0033] As can be seen, in scenarios involving repositioning conflicting components, after an electronic device adds one or more conflicting components to a desktop page, the layout of the original desktop components on that desktop page can remain unchanged. This reduces the number of desktop components that need to be moved during the repositioning process, allowing users to quickly find desktop components on a desktop page with conflicting components according to their own operating habits.

[0034] Secondly, this application provides an electronic device. The electronic device may include a memory and a processor. The memory may be used to store a computer program. The processor may be used to invoke the computer program to execute any of the possible implementation methods described in the first aspect.

[0035] Thirdly, this application provides a computer-readable storage medium storing instructions that, when executed by a processor, can implement any of the possible implementations described in the first aspect.

[0036] Fourthly, this application provides a computer program product that may contain computer instructions that, when executed on a processor, can implement any of the possible implementation methods described in the first aspect.

[0037] Fifthly, this application provides a chip for use in an electronic device, the chip including one or more processors for invoking computer instructions to cause the electronic device to perform any of the possible implementation methods in the first aspect.

[0038] It is understood that the electronic device provided in the second aspect, the computer-readable storage medium provided in the third aspect, the computer program product provided in the fourth aspect, and the chip provided in the fifth aspect are all used to execute the methods provided in the embodiments of this application. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects in the corresponding methods, and will not be repeated here. Attached Figure Description

[0039] Figures 1A to 1C These are schematic diagrams of some desktop display scenarios provided in the embodiments of this application;

[0040] Figure 2 This is a schematic diagram of another desktop display scenario provided in an embodiment of this application;

[0041] Figure 3 These are schematic diagrams of some desktop pages provided in the embodiments of this application;

[0042] Figures 4A to 4C These are schematic diagrams of other desktop display scenarios provided in the embodiments of this application;

[0043] Figures 5A to 5G These are schematic diagrams of some desktop display scenarios provided in the embodiments of this application;

[0044] Figures 6A to 6C These are schematic diagrams of some foldable screen devices provided in the embodiments of this application;

[0045] Figures 7A to 7E These are schematic diagrams of some desktop display scenarios provided in the embodiments of this application;

[0046] Figure 8A This is a flowchart of a desktop display method provided in an embodiment of this application;

[0047] Figures 8B to 8E These are schematic diagrams illustrating the determination of the desktop page display area and desktop page size provided in embodiments of this application;

[0048] Figures 9A to 9L These are schematic diagrams of some desktop display scenarios provided in the embodiments of this application;

[0049] Figure 10A This is a flowchart of a desktop display method provided in an embodiment of this application;

[0050] Figure 10B This is a flowchart of a desktop display method provided in an embodiment of this application;

[0051] Figures 11A to 11C These are schematic diagrams of other desktop display scenarios provided in the embodiments of this application;

[0052] Figure 12 This is a schematic diagram of the hardware structure of the electronic device 100 provided in the embodiments of this application;

[0053] Figure 13 This is a schematic diagram of the software structure of the electronic device 100 provided in the embodiments of this application;

[0054] Figure 14 This is a schematic diagram of the software structure of another electronic device 100 provided in an embodiment of this application. Detailed Implementation

[0055] The technical solutions of the embodiments of this application are described below with reference to the accompanying drawings. In the description of the embodiments of this application, the terminology used in the following embodiments is for the purpose of describing specific embodiments only and is not intended to limit the application. As used in the specification and appended claims of this application, the singular expressions "a," "the," "the," "the," and "this" are intended to also include expressions such as "one or more," unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, "at least one" and "one or more" refer to one or more (including two). The term "and / or" is used to describe the relationship between related objects, indicating that three relationships can exist; for example, A and / or B can represent: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship.

[0056] References to "one embodiment" or "some embodiments" in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized. The term "connection" includes direct connections and indirect connections, unless otherwise stated. "First" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated.

[0057] In the embodiments of this application, the words "exemplarily" or "for example" are used to indicate examples, illustrations, or explanations. Any embodiment or design described as "exemplarily" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design solutions. Specifically, the use of the words "exemplarily" or "for example" is intended to present the relevant concepts in a specific manner.

[0058] A desktop can include one or more desktop pages. A desktop page can be used to place one or more app icons, widgets, application cards, and other desktop components. Desktop components can refer to graphical user interface (GUI) applications, which can be used to provide shortcuts to visual information and / or functions. Different desktop pages contain different desktop components. A desktop page can also be called a desktop display page.

[0059] In some embodiments, in response to an operation to switch desktop pages, the electronic device can switch the currently displayed desktop page on the screen. This allows the user to switch the currently displayed desktop page to find the corresponding desktop components.

[0060] Figures 1A to 1C Examples of desktop display scenarios are shown.

[0061] like Figure 1A As shown, the electronic device 100 is in portrait mode. The electronic device 100 can display a desktop 210. The desktop 210 may include a status bar 211, a desktop page 212, a page indicator 213, an application dock 214, and a dock 215.

[0062] The status bar 211 may include one or more signal strength indicators, battery status indicators, time indicators, etc.

[0063] Desktop page 212 can contain desktop components such as app icons, widgets, and application cards. For example, desktop page 212 can contain... Figure 1A Components 7 to 16 are shown.

[0064] Page indicator 213 indicates the positional relationship between the currently displayed desktop page (e.g., desktop page 212) and other desktop pages. Through page indicator 213, the user can know which desktop page is currently being viewed.

[0065] like Figure 1A As shown, page indicator 213 contains five indicators arranged from left to right: indicator 213A, indicator 213B, indicator 213C, indicator 213D, and indicator 213E. This means the desktop currently includes five desktop pages. When desktop page 212 is currently displayed on the screen, indicator 213A is selected. Indicator 213A can be used to indicate desktop page 212. That is, desktop page 212 is the first desktop page among the five.

[0066] In response to an operation used to switch desktop pages (such as swiping left or right on the desktop), the electronic device 100 can switch the desktop pages displayed on the screen. The selected indicator in the page indicator 213 changes as the desktop page is switched.

[0067] The dock214 can be used to place one or more desktop components. For example, the dock214 can contain... Figure 1A Components 1 through 4 are shown. The desktop components in dock214 can be fixed.

[0068] Dock 215 can be used to place one or more recently used desktop components of electronic device 100. For example, dock 214 may contain... Figure 1A Components 5 and 6 are shown. Unlike dock 214, the desktop components in dock 215 can change dynamically. For example, when the desktop component recently used by electronic device 100 changes, the desktop components in dock 215 can change accordingly.

[0069] Dock 214 can be called the persistent application area. Dock 215 can be called the recently used application area. Both dock 214 and dock 215 can be fixed to the bottom of desktop 210. The desktop components in dock 214 and dock 215 can remain displayed when the electronic device 100 switches the desktop page currently displayed on the screen.

[0070] Desktop 210 may contain more or less content, and this application embodiment does not limit this.

[0071] In response to Figure 1A The operation shown is a leftward swipe on the desktop 210, which the electronic device 100 can display. Figure 1B The desktop 210 is shown. The electronic device 100 can switch the desktop page displayed on desktop 210 to the next desktop page of desktop page 212, that is... Figure 1B The desktop page 216 is shown.

[0072] like Figure 1B As shown, when switching from desktop page 212 to desktop page 216, the selected indicator in page indicator 213 changes from indicator 213A to indicator 213B. That is, indicator 213B can be used to indicate desktop page 216.

[0073] In response to Figure 1B The operation shown is a leftward swipe on the desktop 210, which the electronic device 100 can display. Figure 1C The desktop 210 is shown. The electronic device 100 can switch the desktop page displayed on desktop 210 to the next desktop page of desktop page 216, that is... Figure 1C The desktop shown is page 217.

[0074] like Figure 1C As shown, when switching from desktop page 216 to desktop page 217, the selected indicator in page indicator 213 changes from indicator 213B to indicator 213C. That is, indicator 213C can be used to indicate desktop page 217.

[0075] As can be seen, during the desktop page switching process, dock214 and dock215 can remain displayed and do not change with the desktop page switching.

[0076] In some embodiments, the desktop layout of the electronic device 100 may differ in portrait and landscape modes. Portrait mode may indicate that the shorter side of the electronic device 100 is horizontally positioned or nearly horizontally positioned. Landscape mode may indicate that the longer side of the electronic device 100 is horizontally positioned or nearly horizontally positioned. This application does not limit the method for detecting the portrait / landscape mode. For example, when the electronic device 100 is in landscape mode, the screen aspect ratio is a1:b1. When the electronic device 100 is in portrait mode, the screen aspect ratio changes to b1:a1.

[0077] When the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can adjust the desktop layout to adapt to the landscape mode of the electronic device 100.

[0078] Figure 2 An example diagram illustrating another desktop display scenario is shown.

[0079] like Figure 2 As shown, the screen of electronic device 100 displays... Figure 1B When the desktop page 216 is displayed, the electronic device 100 switches from portrait mode to landscape mode. The electronic device 100 displays desktop 220. Desktop 220 may include desktop page 221, page indicator 222, dock 223, and dock 224.

[0080] Desktop page 221 can contain components 17 through 33. It can be seen that the desktop components in desktop page 221 are similar to those mentioned above. Figure 1B The desktop components in desktop page 216 are the same, but their arrangement is different. Desktop page 221 is a different desktop page from desktop page 216. Specifically, the horizontal length of the screen is longer when the electronic device 100 is in landscape mode compared to portrait mode. The number of desktop components that can be placed in a row in desktop page 221 is greater than the number that can be placed in a row in desktop page 216. For example, a maximum of 8 desktop components can be placed in a row in desktop page 221, while a maximum of 4 desktop components can be placed in a row in desktop page 216. The vertical length of the screen is shorter when the electronic device 100 is in landscape mode compared to portrait mode. The same number of desktop components occupy fewer rows in desktop page 221 than in desktop page 216. For example, components 17 to 33 occupy 3 rows in desktop page 221, while components 17 to 33 occupy 5 rows in desktop page 216.

[0081] In comparison with the above Figure 1B and Figure 2It can be seen that when the horizontal and vertical screen states of the electronic device 100 change, the positions of the same desktop components displayed on the screen will change. The changed positions of the desktop components may not conform to the user's operation habits, affecting the user experience. For example, when the electronic device 100 is in the vertical screen state, the user is accustomed to clicking on component 25 at the last position of the desktop component in the third row of the desktop page216 shown in Figure 1B to open the application corresponding to component 25. As Figure 2 shown, when the electronic device changes to the horizontal screen state, component 25 is moved to the second position of the desktop component in the second row. The user cannot find component 25 based on the position where they are accustomed to clicking. That is to say, the user needs to spend time and effort looking for the desktop component in a desktop layout that they are not familiar with.

[0082] An embodiment of the present application provides a desktop display method. Among them, the electronic device can determine that the number of desktop pages that can be simultaneously displayed on the screen is a first value according to the aspect ratio of the width to height of the currently used display screen. The electronic device can adjust the size of the desktop page according to the size of the area of the current screen actually used to display the desktop page and the first value, and then display the corresponding number (i.e., the first value) of desktop pages on the screen. Among them, the aspect ratio of the screen can be the ratio of the width to the height of the screen (i.e., width: height). Among them, the width of the screen can represent the length in the horizontal direction of the screen. The height of the screen can represent the length in the vertical direction of the screen. Adjusting the size of the desktop page includes adjusting the size of the desktop components in the desktop page, but keeping the layout of the desktop components in the desktop page unchanged.

[0083] Exemplarily, if the aspect ratio of the screen is greater than 0 and less than q1 (i.e., the aspect ratio is within the interval (0, q1)), then one desktop page can be displayed on the screen at a time. If the aspect ratio of the screen is greater than or equal to q1 and less than or equal to q2 (i.e., the aspect ratio is within the interval [q1, q2]), then 2 desktop pages can be simultaneously displayed on the screen. If the aspect ratio of the screen is greater than q2, then 3 desktop pages can be simultaneously displayed on the screen. Among them, 0 < q1 < q2. The embodiments of the present application do not limit the values of q1 and q2 above. For example, q1 is 0.75, and q2 can be 1.5.

[0084] It can be seen that when the aspect ratio of the electronic device screen changes (for example, the electronic device switches between the horizontal and vertical screen states, or the electronic device is a folding screen device and the folding state changes, etc.), the layout of the desktop components in the desktop pages displayed on the screen by the electronic device always remains unchanged. This can improve the user experience of the desktop. The user can quickly find the required desktop components on the desktop according to their usage habits.

[0085] In some embodiments, a larger screen width allows an electronic device to display more desktop pages simultaneously. This improves screen utilization, enabling users to view more desktop components at once on a larger screen.

[0086] In some embodiments, the electronic device 100 can treat a single desktop page as a whole and adjust its size accordingly. A desktop page can also be referred to as a virtual screen. The electronic device 100 may store a range of desktop page sizes. This range may include a value or a range of aspect ratios. When adjusting the size of a desktop page, the electronic device 100 must ensure that the adjusted aspect ratio is the same as or within the range specified above. This ensures that the desktop components on the adjusted page do not become excessively deformed due to the size adjustment, thus affecting their visual appeal. The desktop page size range may also include a minimum desktop page size. When adjusting the size of a desktop page, the electronic device 100 must ensure that the adjusted desktop page size is greater than or equal to the minimum desktop page size within the specified range. This ensures that the desktop components on the adjusted page are not too small, thus preventing interference with user viewing and operation of the desktop components.

[0087] It should be noted that before and after resizing a desktop page, the desktop components contained within that desktop page remain unchanged, and the relative positions of the desktop components within that desktop page can also remain unchanged. When an electronic device resizes a desktop page, the desktop page before and after the resizing is the same desktop page.

[0088] Figure 3 Examples of desktop pages are shown.

[0089] like Figure 3 As shown, the electronic device 100 may include desktop page 1, desktop page 2, and desktop page 3. The desktop components included in desktop page 1 to desktop page 3, and the layout of these desktop components, may be preset by the electronic device 100 at the factory, or determined based on user operations (e.g., downloading an app, adding / removing desktop components on the desktop page, etc.). Desktop page 1 can be referred to the aforementioned... Figure 1A The desktop page 212 is shown. Desktop page 2 can be referenced from the previous section. Figure 1B The desktop page 216 is shown. Desktop page 3 can be referenced from the previous section. Figure 1C The desktop page 217 is shown. Desktop pages 1 to 3 are merely illustrative examples of this application and should not be construed as limiting this application.

[0090] like Figure 3 As shown, the width of desktop page 1 represents its horizontal length. The height of desktop page 1 represents its vertical length. The width and height of other desktop pages are the same as those for desktop page 1.

[0091] With the aspect ratio of the screen currently used for display remaining unchanged, the size of the desktop pages (e.g., desktop page1, desktop page2, desktop page3, etc.) displayed on the screen by the electronic device 100 is the same.

[0092] The electronic device 100 can store the arrangement order of desktop pages and display the desktop pages according to the arrangement order of desktop components. For example, desktop pages 1 to 3 can be arranged in the following order: desktop page 1, desktop page 2, desktop page 3. Here, desktop page 1 is the first desktop page. Desktop page 2 is the next desktop page after desktop page 1. That is, desktop page 2 is the desktop page immediately following desktop page 1. Desktop page 1 is the desktop page immediately preceding desktop page 2. Desktop page 3 is the next desktop page after desktop page 2. That is, desktop page 3 is the desktop page immediately following desktop page 2. Desktop page 2 is the desktop page immediately preceding desktop page 3.

[0093] This application does not limit the method for storing the arrangement order of desktop pages. For example, the electronic device 100 can use a doubly linked list data structure to store the arrangement order of desktop pages. The doubly linked list allows the electronic device 100 to quickly find the preceding and following desktops of any desktop page. Specifically, the preceding desktop page of the first desktop page is empty, and the following desktop page of the last desktop page is empty.

[0094] Figures 4A to 4C Examples of other desktop display scenarios are shown.

[0095] like Figure 4AAs shown, the electronic device 100 is in landscape mode. The electronic device 100 can determine the number of desktop pages that can be displayed simultaneously on the screen based on the current screen aspect ratio (i.e., the ratio of the longer side to the shorter side). Here, we will use an example where the aspect ratio of the electronic device 100 in landscape mode corresponds to 3 desktop pages. That is, the electronic device 100 can display 3 desktop pages simultaneously on the screen when in landscape mode.

[0096] like Figure 4A As shown, the electronic device 100 can display a desktop 410. The desktop 410 may include desktop page1, desktop page2, desktop page3, page indicator 411, dock 412, and dock 413.

[0097] The electronic device 100 can display the desktop pages on the desktop 410 from left to right according to the arrangement order of the desktop pages. The arrangement order of desktop page 1, desktop page 2, and desktop page 3 can be referred to the above. Figure 3 Introduction.

[0098] Page indicator 411 can be referred to in the foregoing. Figure 1A The page indicator 213 is shown. The page indicator 411 may include five indicators: indicators 411A to 411E. Each indicator can be used to indicate a desktop page. For example, indicator 411A can be used to indicate desktop page 1. Indicator 411B can be used to indicate desktop page 2. Indicator 411C can be used to indicate desktop page 3. Since desktop pages 1 to 3 are currently displayed on desktop 410, indicators 411A, 411B, and 411C are all selected.

[0099] For dock412, please refer to the above. Figure 1A The dock214 and dock413 shown can be referenced from the previous description. Figure 1A The dock215 shown here will not be described further.

[0100] like Figure 4A As shown, in response to a leftward swipe operation on the desktop 410, the electronic device 100 can switch the desktop page displayed on the desktop 410.

[0101] In some embodiments, the electronic device 100 can switch desktop pages in units of multiple desktop pages (e.g., 3 desktop pages) displayed simultaneously on the desktop 410.

[0102] like Figure 4B As shown, in response to Figure 4AThe leftward swipe operation shown on desktop 410 allows electronic device 100 to switch the desktop page displayed on desktop 410 to desktop page 4 and desktop page 5. Desktop page 4 can be... Figure 4A The desktop page following page 3 is shown. Desktop page 5 can be the desktop page following page 4.

[0103] When the desktop page displayed on desktop 410 is switched to desktop page 4 and desktop page 5, the selected indicator in page indicator 411 can be switched from indicators 411A to 411C to indicators 411D and 411E. Indicator 411D can be used to indicate desktop page 4. Indicator 411E can be used to indicate desktop page 5.

[0104] If the electronic device 100 contains more desktop pages, it can switch between displaying other desktop pages in response to a left or right swipe operation on the desktop 410. For example, if the electronic device 100 contains a desktop page after desktop page 5, it can... Figure 4B The right side of desktop page 5 shows the desktop page following desktop page 5.

[0105] It is displayed on desktop 410. Figure 4B In the case of desktop page 4 and desktop page 5 as shown, in response to a right swipe operation on desktop 410, electronic device 100 can switch the desktop page displayed on desktop 410 to Figure 4A The desktop pages 1 through 3 are shown.

[0106] In some embodiments, the electronic device 100 may switch desktop pages on a per-desktop-page basis.

[0107] like Figure 4C As shown, in response to Figure 4A The leftward swipe operation shown applies to desktop 410. The electronic device 100 can move the desktop page displayed on desktop 410 to the left by the distance corresponding to one desktop page. Specifically, desktop page 1 is moved off-screen. Desktop page 2 is moved to the left... Figure 4A The image shows the display position of desktop page 1. Desktop page 3 is moved to the left. Figure 4A The desktop page 2 is shown in the display position. Desktop page 4 is moved into the screen and displayed to the right of desktop page 3. That is, electronic device 100 moves the desktop page displayed on desktop 410 from the position shown on desktop page 2. Figure 4A The desktop pages 1 through 3 shown are switched to Figure 4C The desktop pages 2 through 4 are shown.

[0108] The desktop pages displayed on desktop 410 are switched to desktop pages 2 to 4. The selected indicator in page indicator 411 can be switched from indicator 411A to indicator 411C to indicator 411B to indicator 411D.

[0109] It is displayed on desktop 410. Figure 4C In the case of desktop pages 2 to 4 as shown, in response to a rightward swipe operation on desktop 410, electronic device 100 can switch the desktop pages displayed on desktop 410 to... Figure 4A The desktop pages 1 through 3 are shown.

[0110] In some embodiments, when the electronic device 100 displays any one of desktop pages (page 1, page 2, and page 3) in portrait mode (see reference) Figures 1A to 1C If the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can display... Figure 4A The desktop 410 is shown. When the electronic device 100 displays desktop page 4 or desktop page 5 in portrait mode, if the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can display... Figure 4B Desktop 410 is shown.

[0111] Alternatively, when electronic device 100 displays desktop page 1 in portrait mode (see reference). Figure 1A If the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can display... Figure 4A Desktop 410 is shown. When desktop page 2 is displayed on electronic device 100 in portrait mode (see reference). Figure 1B If the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can display... Figure 4C The desktop 410 is shown. That is to say, when the electronic device 100 switches from portrait mode to landscape mode, the electronic device 100 can select the desktop page displayed in portrait mode as the first desktop page to be displayed, select the next few (e.g., the last two) desktop pages of that desktop page, and display them in landscape mode.

[0112] In some embodiments, when the electronic device 100 displays multiple desktop pages in landscape mode, if the electronic device 100 switches from landscape to portrait mode, the electronic device 100 can display the desktop page that was displayed first (i.e., on the far left) in the landscape mode during the screen change. For example, when the electronic device 100 displays multiple desktop pages in portrait mode... Figure 4A When the electronic device 100 is in the desktop page 1 to desktop page 3 state, if it switches from landscape mode to portrait mode, the electronic device 100 can display... Figure 1A Desktop 210 is shown. Displayed on electronic device 100 in portrait mode. Figure 4C When the desktop pages 2 to 4 are shown, if the electronic device 100 switches from landscape mode to portrait mode, the electronic device 100 can display... Figure 1B Desktop 210 is shown.

[0113] Alternatively, when the electronic device 100 displays multiple desktop pages in landscape mode, if the electronic device 100 switches from landscape mode to portrait mode, the electronic device 100 can display any desktop page in landscape mode when switching between landscape and portrait modes.

[0114] As mentioned above Figures 1A to 1C A comparison shows that the relative positions of the desktop components on pages 1 through 3 remain consistent whether the electronic device 100 is in landscape or portrait mode. This ensures that users can quickly find the desktop components they need based on their operating habits when switching between portrait and landscape modes. Furthermore, when the electronic device 100 is in landscape mode, it can display multiple desktop pages simultaneously. This increases the amount of information displayed on the desktop and improves screen utilization.

[0115] In some embodiments, when multiple desktop pages are displayed on the screen simultaneously, the electronic device 100 can adjust the arrangement order of the desktop pages according to the operation used to adjust the arrangement order of the desktop pages.

[0116] Figures 5A to 5G Examples of desktop display scenarios are shown.

[0117] like Figure 5AAs shown, the electronic device 100 can display a desktop 510. Desktop 510 displays desktop pages 1 to 3. Desktop pages 1 to 3 can be referred to the description in the foregoing embodiment. Desktop 510 may also include page indicators 511. When desktop pages 1 to 3 are displayed on desktop 510, indicators 511A to 511C in page indicators 511 are selected. Indicator 511A can be used to indicate desktop page 1. Indicator 511B can be used to indicate desktop page 2. Indicator 511C can be used to indicate desktop page 3.

[0118] In response to Figure 5A The long press operation shown on the desktop 510 can be displayed on the electronic device 100. Figure 5B The desktop editing page 520 is shown. Desktop editing page 520 can be a desktop that is in an editable state. Besides the long press operation described above, other operations can also be used to access desktop editing page 520.

[0119] like Figure 5B As shown, the electronic device 100 displays a removal component 521 in the upper left corner of component 7 on desktop page 1. The removal component 521 can be used to delete component 7 from desktop page 1, or to uninstall the application corresponding to component 7. The electronic device 100 can also display removal components in the upper left corner of other desktop components. The removal components displayed on other desktop components can refer to the removal component 521 described above.

[0120] In response to Figure 5B The operation shown is a dragging and dropping of the desktop page2, which allows the electronic device 100 to move the display position of the desktop page2.

[0121] like Figure 5C As shown, in response to a dragging operation from the location of desktop page 2 to the location of desktop page 3, the electronic device 100 can move desktop page 2 to the location of desktop page 3. In some embodiments, after desktop page 2 has been moved a preset distance to the location of desktop page 3, the electronic device 100 can swap the display positions of desktop page 2 and desktop page 3.

[0122] like Figure 5D As shown, the electronic device 100 can move desktop page 3 to the left to the position to the right of desktop page 1, and move desktop page 2 to the right to the position to the right of desktop page 3.

[0123] In response to an operation that exits the editable state (e.g., acting on...) Figure 5DClicking on the blank area of ​​the desktop editing page 520 shown will allow the electronic device 100 to display... Figure 5E Desktop 510 is shown. (As shown) Figure 5E As shown, the desktop pages displayed on desktop 510, from left to right, are: Desktop Page 1, Desktop Page 3, and Desktop Page 2. The electronic device 100 can swap the order of Desktop Page 2 and Desktop Page 3. Figures 5B to 5D Before the display positions of desktop page 2 and desktop page 3 were swapped, desktop page 3 was the next desktop page after desktop page 2. Figures 5B to 5D As shown, after swapping the display positions of desktop page 2 and desktop page 3, desktop page 3 becomes the desktop page preceding desktop page 2. Because the order of desktop page 2 and desktop page 3 has been swapped, therefore... Figure 5E The indicator 511B shown can be used to indicate desktop page 3, and the indicator 511C can be used to indicate desktop page 2.

[0124] When desktop page 3 is set as the previous desktop page of desktop page 2 in landscape mode, electronic device 100 switches from landscape to portrait mode. Electronic device 100 can then display in portrait mode. Figure 5F Desktop 530 is shown.

[0125] like Figure 5F As shown, desktop page 3 can be displayed on desktop 530. In response to a leftward swipe operation on desktop 530, electronic device 100 can display... Figure 5G The desktop 530 is shown. The electronic device 100 can switch the desktop page displayed on the desktop 530 to the next desktop page after desktop page 3, namely desktop page 2.

[0126] It can be seen that the arrangement order of the desktop pages displayed by the electronic device 100 is the same in both landscape and portrait modes. When the electronic device 100 changes the arrangement order of the desktop pages in landscape mode, the electronic device 100 can display the desktop pages in portrait mode according to the changed arrangement order.

[0127] Beyond screen orientation switching scenarios, scenarios where the aspect ratio of an electronic device's display changes can also include scenarios where foldable screen devices change their folding state. The following example uses a tri-fold screen to illustrate some scenarios of displaying a desktop on a foldable device.

[0128] Figures 6A to 6C The diagrams shown are examples of some foldable screen devices.

[0129] like Figures 6A to 6C As shown, electronic device 200 can be a foldable screen device with a tri-fold screen. A tri-fold screen can refer to a foldable screen with two folding edges. A tri-fold screen can be folded to form three screens (i.e., three separate display areas). The folding states of electronic device 200 can include a half-folded state and a folded state.

[0130] like Figure 6A As shown, the electronic device 200 is in its unfolded state. The foldable screen of the electronic device 200 may include screen A, screen B, screen C, and two vertical folding edges (i.e., folding edge 1 and folding edge 2). Screens A and B are located on both sides of folding edge 1 and can rotate around it. Screens B and C are located on both sides of folding edge 2 and can rotate around it. In the unfolded state, the electronic device 200 can display screens A, B, and C as a single screen.

[0131] In some embodiments, the electronic device 200 may include a front-facing camera. The front-facing camera may be set in... Figure 6A The top of screen A is shown. The position of the front-facing camera described above is merely an illustrative example and should not be construed as limiting the scope of this application.

[0132] In some embodiments, in the unfolded state, screen A can be rotated around the folding edge 1, according to... Figure 6A Rotate in the direction 11a shown; Screen C can rotate around the folded edge 2, according to Figure 6A Rotation in direction 11b is shown. For example, in the unfolded state, the angle between screens B and C remains unchanged, and screen A rotates around the folding edge 1 in direction 11a, thus forming the electronic device 200. Figure 6B The half-folded state shown.

[0133] like Figure 6B As shown, in the semi-folded state, the electronic device 200 can display screens B and C as a single screen. Compared to the screen used for display in the unfolded state, the screen width used for display in the semi-folded state is smaller.

[0134] In some embodiments, Figure 6B In the semi-folded state shown, screen B, together with screen A, can be rotated around folding edge 2, according to... Figure 6B Rotate in the direction 12a shown; Screen C can rotate around the folded edge 2, according to Figure 6B Rotate in the direction shown in 12b. For example, in Figure 6B In the semi-folded state shown, the angle between screen A and screen B remains unchanged, screen B rotates about folding edge 2 in direction 12a, and / or screen C rotates about folding edge 2 in direction 12b, and electronic device 200 can form Figure 6C The folded state shown.

[0135] like Figure 6CAs shown, in the folded state, screens A and B face away from each other. Screens B and C face each other. Screen A is visible to the user, while screens B and C are not. The electronic device 200 can use screen A for display. Compared to the screens used for display in the unfolded and folded states, the screen width used for display in the folded state is the smallest.

[0136] Figures 7A to 7E Examples of desktop display scenarios are shown.

[0137] like Figure 7A As shown, the electronic device 200 is in an unfolded state and in landscape mode. The landscape state of the electronic device 200 in its unfolded state can be interpreted as the long side of the screen composed of screens A, B, and C being placed horizontally or nearly horizontally, meaning that folded edge 1 and folded edge 2 are placed vertically or nearly vertically. The portrait state of the electronic device 200 in its unfolded state can be interpreted as the short side of the screen composed of screens A, B, and C being placed horizontally or nearly horizontally, meaning that folded edge 1 and folded edge 2 are placed horizontally or nearly horizontally.

[0138] like Figure 7A As shown, the electronic device 200 can display a desktop 710 on a screen composed of screens A, B, and C. Desktop 710 can display desktop page1, desktop page2, and desktop page3. For a scenario where the electronic device 200 displays the desktop in landscape mode in its unfolded state, please refer to the aforementioned example. Figures 4A to 4C The scene shown is the desktop displayed by the electronic device 100 in landscape mode.

[0139] like Figure 7B As shown, the electronic device 200 is in an unfolded state and in portrait orientation. The electronic device 200 can display a desktop 720 on a screen composed of screens A, B, and C. Desktop page 1 can be displayed on the desktop 720. For a scenario where the electronic device 200 displays the desktop in portrait orientation while in its unfolded state, please refer to the aforementioned... Figures 1A to 1C The scene shown is the desktop displayed by the electronic device 100 in portrait mode.

[0140] like Figure 7C As shown, the electronic device 200 is in a semi-folded state and in landscape mode. The landscape state of the electronic device 200 in the semi-folded state can mean that the folded edge (e.g., folded edge 2) is positioned vertically or nearly vertically. The portrait state of the electronic device 200 in the semi-folded state can mean that the folded edge (e.g., folded edge 2) is positioned horizontally or nearly horizontally.

[0141] The electronic device 200 can determine the number of desktop pages that can be displayed simultaneously on the screen based on the aspect ratio of the current screen (i.e., the screen composed of screen B and screen C). In the semi-folded state, the aspect ratio of the electronic device 200 in landscape mode is similar to that in portrait mode. Here, we will take as an example that the electronic device 200 can display two desktop pages simultaneously on the screen in both landscape and portrait modes in the semi-folded state.

[0142] like Figure 7C As shown, the electronic device 200 can display a desktop 730 on a screen composed of screens B and C. Desktop 730 can display desktop page 1 and desktop page 2. Desktop 730 may also include page indicators 731. When desktop page 1 and desktop page 2 are displayed on desktop 730, indicators 731A and 731B in page indicators 731 are selected. Indicator 731A can be used to indicate desktop page 1. Indicator 731B can be used to indicate desktop page 2.

[0143] like Figure 7D As shown, the electronic device 200 is in a semi-folded state and in portrait mode. The electronic device 200 can display a desktop 740 on the screen composed of screen B and screen C. Desktop 740 can display desktop page1 and desktop page2. Desktop 740 may also include a page indicator 731. The page indicator 731 can be referred to the description in the foregoing embodiments.

[0144] In the half-folded state, the scenario of switching desktop pages displayed on the desktop when the electronic device 200 is in landscape or portrait mode can be referred to the above. Figure 4B or Figure 4C The scene shown is not described in detail here.

[0145] like Figure 7E As shown, the electronic device 200 is in a folded state and in portrait mode. The portrait mode of the electronic device 200 in its folded state indicates that the shorter side of screen A is horizontally or nearly horizontally positioned. The electronic device 200 can display desktop 750 on screen A. Desktop 750 can display desktop page1. For a scenario where the electronic device 200 displays the desktop in portrait mode while folded, please refer to the aforementioned... Figures 1A to 1C The scene shown is the desktop displayed by the electronic device 100 in portrait mode.

[0146] In some embodiments, the electronic device 200 can detect the size of the screen currently used for display. If the size of the screen currently used for display is smaller than a preset size threshold, the electronic device 200 can maintain the content displayed in portrait mode when switching to landscape mode. That is, the electronic device 200 can display multiple desktop pages on the screen simultaneously without reducing the size of the desktop pages in landscape mode. This avoids the desktop pages being too small, which would make it inconvenient for users to view and operate desktop components.

[0147] For example, when the electronic device 200 is in a folded state and in landscape mode, the electronic device 200 can maintain its display. Figure 7E The desktop 750 shown is shown. The display orientation of the content displayed on the desktop 750 does not change when the electronic device switches between portrait and landscape modes.

[0148] In some embodiments, the display is shown when the electronic device 200 is in a landscape state in its unfolded state. Figure 7A In the case of desktop pages 1 to 3 as shown, if the electronic device 200 changes from the unfolded state to... Figure 7C The electronic device 200 can display the half-folded state shown. Figure 7C The desktop page 1 and desktop page 2 are shown. Alternatively, when electronic device 200 is... Figure 7A The expansion state change shown is Figure 7C The half-folded state shown indicates that the electronic device 200 can... Figure 7C The screen composed of screens B and C, as shown, displays desktop page 2 and desktop page 3. That is, when the folding state of the foldable screen device changes, causing the number of desktop pages that can be displayed simultaneously on the screen to change from s to s-1, the foldable screen device can display any consecutive arrangement of s-1 desktop pages from the s desktop pages displayed on the screen before the folding state change on the screen after the folding state change. s is an integer greater than 1.

[0149] Displayed when the electronic device 200 is in portrait mode in its unfolded state. Figure 7A In the case of desktop page 1 as shown, if electronic device 200 changes from unfolded state to... Figure 7C The electronic device 200 can display the half-folded state shown. Figure 7DThe desktop page 1 and desktop page 2 are shown. That is to say, when the folding state of the foldable screen device changes, causing the number of desktop pages that the foldable screen device can display on the screen at the same time to change from 1 to q (q is an integer greater than 1), the foldable screen device can take the desktop page displayed on the screen before the folding state change as the first desktop page to be displayed, select the next q-1 desktop pages of that desktop page, and display them on the screen after the folding state change.

[0150] When electronic device 200 from Figure 7C or Figure 7D The semi-folded state change shown is the folded state, and the electronic device 200 can be used as a display screen in the folded state (e.g., Figures 6A to 6C The screen A shown displays any one of the desktop pages displayed by the electronic device 200 in a semi-folded state.

[0151] As can be seen, the aspect ratio of the screen used for display changes when the electronic device 200 changes its folded state or switches between portrait and landscape modes. The electronic device 200 can adjust the number of desktop pages displayed on the desktop according to the change in screen aspect ratio. Furthermore, the electronic device 200 can maintain the relative positions of desktop components within each desktop page. This allows users to quickly find the desktop components they need according to their operating habits when the electronic device 200 is in different states, and also increases the amount of information displayed on the desktop in landscape mode, improving screen utilization.

[0152] Figure 8A An exemplary flowchart of a desktop display method provided in this application is shown.

[0153] S811. Obtain the dimensions of the screen to be displayed, and determine the aspect ratio of the screen to be 1 based on the screen dimensions.

[0154] Electronic devices can determine the screen currently used for display and obtain the size of that screen.

[0155] For example, the aforementioned Figure 1A The electronic device 100 shown has only one screen. The screen used for display is the same in both landscape and portrait modes. Specifically, in portrait mode, the electronic device 100 determines the screen's aspect ratio to be the ratio of the shorter side to the longer side, based on the screen's dimensions. In landscape mode, the electronic device 100 determines the screen's aspect ratio to be the ratio of the longer side to the shorter side, based on the screen's dimensions.

[0156] For example, the aforementioned Figure 6AThe illustrated electronic device 200 includes screens A, B, and C. The screen used for display differs depending on the folding state of the electronic device 200. Specifically, in the unfolded state, the screen used for display can be a combination of screens A, B, and C. In the unfolded, landscape orientation, the electronic device 200 determines the screen's aspect ratio as the longer side of the combined screens A, B, and C : the shorter side of the combined screens A, B, and C. In the unfolded, portrait orientation, the electronic device 200 determines the screen's aspect ratio as the shorter side of the combined screens A, B, and C : the longer side of the combined screens A, B, and C. In the semi-folded state, the screen used for display can be a combination of screens B and C. In the semi-folded, landscape orientation, the electronic device 200 determines the screen's aspect ratio as (short side of screen B + short side of screen C) : the field side of screen C. In the semi-folded, portrait mode, electronic device 200 can determine the screen's aspect ratio as the field side of screen C : (the short side of screen B + the short side of screen C). In the folded mode, the screen used for display by electronic device 200 can be screen A. In the folded, portrait mode, electronic device 200 can determine the screen's aspect ratio as the short side of screen A : the long side of screen A.

[0157] For determining the screen aspect ratio of other types of electronic devices, please refer to the methods used for determining the screen aspect ratio of electronic device 100 or electronic device 200 mentioned above.

[0158] This example uses an aspect ratio of 1 for the screen currently used by electronic devices for display.

[0159] S812. Based on the aspect ratio 1, determine m1 single desktop page areas of equal size in the area on the screen used to display desktop pages. Each single desktop page area is used to display one desktop page.

[0160] refer to Figure 8B The screen currently used for display on the electronic device has a width of a1 and a height of b1. Therefore, the aspect ratio is a1:b1.

[0161] Electronic devices can determine the number of desktop pages that can be displayed on the screen at one time based on an aspect ratio of 1.

[0162] In some embodiments, multiple screen aspect ratio intervals may be stored in an electronic device. Different aspect ratio intervals may correspond to different numbers of desktop pages. The electronic device can determine the number of desktop pages that can be displayed on the screen at one time according to which screen aspect ratio interval the aspect ratio 1 belongs to. For example, the electronic device may store the following intervals: (0, q1), [q1, q2], (q2, +∞). 0 < q1 < q2. Among them, (0, q1) may correspond to 1 desktop page. [q1, q2] may correspond to 2 desktop pages. (q2, +∞) may correspond to 3 desktop pages. If the aspect ratio of the screen belongs to the interval (q2, +∞), then 3 desktop pages can be displayed on the screen at one time. The above intervals are only exemplary illustrations of this application and should not limit this application.

[0163] Here, an example is given where the aspect ratio 1 of a1:b1 corresponds to m1 desktop pages. That is, in the case where the aspect ratio is the aspect ratio 1, the electronic device can display m1 desktop pages on the screen at the same time. m1 is a positive integer.

[0164] It should be noted that in the desktop display scenario, the display content on the screen includes not only desktop pages, but also a status bar, a page indicator, a dock, etc. (refer to the aforementioned Figure 1A shown desktop 2)10). Therefore, only a part of the screen area is used to display desktop pages. In the case where the aspect ratio 1 corresponds to m1 desktop pages, the electronic device can determine m1 single-desktop-page areas with equal sizes in the area of the screen used to display desktop pages. One single-desktop-page area can be used to display one desktop page.

[0165] Refer to Figure 8C , the area of the electronic device's screen used to display desktop pages can be a rectangular area with a width of a2 and a height of b2. Where a2 is less than a1 and b2 is less than b1.

[0166] In some embodiments, the electronic device can equally divide the area used to display desktop pages into m1 single-desktop-page areas in the order from left to right. As Figure 8C [[ID=!18]] shown, the area used to display desktop pages can be equally divided into m1 single-desktop-page areas: Area 1, Area 2,..., Area m1. The width of any one of these m1 single-desktop-page areas is a2 / m1, and the height is b2.

[0167] S813. Display the corresponding desktop pages in the m1 single-desktop-page areas.

[0168] In some embodiments, the electronic device can traverse the m1 single desktop page regions sequentially from left to right, and bind the corresponding desktop page to the currently traversed single desktop page region according to the arrangement order of the desktop pages. The desktop page corresponding to a single desktop page region can be the desktop page bound to this single desktop page region.

[0169] In this case, if it is determined that the current screen can display m1 desktop pages simultaneously, the electronic device can determine the first desktop page to be displayed. When traversing to... Figure 8C As shown in area 1, the electronic device can bind the first desktop page to be displayed to area 1. When traversing... Figure 8C As shown in area 2, the electronic device can bind the next desktop page after the first desktop page to be displayed to area 2. Similarly, the electronic device can bind m1 desktop pages to the aforementioned m1 single desktop page areas.

[0170] For example, if the first desktop page to be displayed is the aforementioned Figure 3 As shown in the example of desktop page1, the electronic device can bind desktop page1 to region 1, and desktop page2 to region 2.

[0171] If the number of desktop pages to be displayed and those following it is less than m1, then after the first desktop page to be displayed and all subsequent desktop pages are bound to a single desktop page area, the remaining single desktop page areas that are not yet bound to a desktop page do not need to be bound. That is, no desktop page will be displayed in the single desktop page areas on the screen that are not bound to a desktop page (see reference). Figure 4B (The blank area on the right side of page 5 of the desktop shown).

[0172] In some embodiments, after determining the size of the single desktop page area, the electronic device can determine the size of the desktop page based on a range of desktop page sizes. The desktop page size range may include a value or a range of aspect ratios. The electronic device can adjust the size of the desktop page so that it can be displayed at an appropriate size within its bound single desktop page area while still meeting its size range.

[0173] refer to Figure 8D This example uses a desktop page with an aspect ratio of a3:b3. That is, when adjusting the size of a desktop page on an electronic device, the aspect ratio of the adjusted desktop page must be a3:b3. From the aforementioned... Figure 8CIt can be seen that the width of a single desktop page area is a2 / m1, and the height is b2. The electronic device can adjust the width of the desktop page to L1 and the height to L2. Where L1:L2 = a3:b3, and L1≤a2 / m, L2≤b2. Then, the electronic device can display the desktop page bound to it, with a size of L1*L2, within the single desktop page area.

[0174] The above Figure 8D The method for adjusting the size of the desktop page shown is merely an illustrative example of this application and should not be construed as limiting this application.

[0175] For example, the aspect ratio of a desktop page doesn't have to be a fixed value (e.g., a3:b3). Electronic devices can adjust the desktop page size so that its aspect ratio meets a preset range. This fully utilizes the single desktop page area for display and prevents components within the desktop page from becoming excessively distorted due to adjustments in the desktop page size.

[0176] In some embodiments, in response to switching desktop pages (see above) Figure 4A (As shown in the leftward swipe operation), the electronic device can redefine m1 single desktop page areas on the screen and bind the desktop page to be displayed after switching desktop pages to the corresponding single desktop page area. The method for binding desktop pages to single desktop page areas can be referred to the description of step S814 above. The size of the desktop page to be displayed after switching desktop pages can reuse the size determined before receiving the desktop page switching operation (e.g., ...). Figure 8D (As shown in L1:L2). Then, the electronic device can display the desktop page to be displayed after switching desktop pages in the single desktop page area bound to it.

[0177] For example, in the foregoing Figure 4A In this system, the electronic device 100 can define three single desktop page areas in the area used to display desktop pages, in order from left to right: area 1, area 2, and area 3. The electronic device 100 can bind desktop page 1 to area 1, desktop page 2 to area 2, and desktop page 3 to area 3. In this way, the electronic device 100 can determine the display positions of desktop pages 1 through 3 on the desktop 410 based on the binding relationship between the desktop pages and the single desktop page areas (see reference). Figure 4A (The display location is shown). In response to Figure 4AAs shown in the leftward swipe operation, the electronic device 100 can re-define three single desktop page areas in the area used to display desktop pages, in a left-to-right order: area 1', area 2', and area 3'. The electronic device 100 can then... Figure 4B Desktop page 4 is bound to region 1', and desktop page 5 is bound to region 2'. Since desktop page 5 is the last desktop page in the sequence, region 3' has no bound desktop pages. Electronic device 100 can determine the display positions of desktop page 4 and desktop page 5 on desktop 410 based on the binding relationship between desktop pages and single desktop page regions (see reference). Figure 4B (The location shown is displayed).

[0178] In some embodiments, a preset interval may exist between two adjacent single desktop page areas. The electronic device can determine the size of a single desktop page area based on the number of desktop pages corresponding to the screen currently used for display, the size of the area used to display the desktop page, and the interval between two adjacent single desktop page areas.

[0179] refer to Figure 8E The electronic device can determine m1 single desktop page areas in the area used to display desktop pages, arranged from left to right. The interval between two adjacent single desktop page areas is Δd. Then, the width of a single desktop page area is (a2-(m1-1)*Δd) / m1, and the height is b2. Then, the electronic device can determine the size of the desktop page based on the size of the single desktop page area and the size range of the desktop page.

[0180] In some embodiments, the single desktop page area is not limited to being determined sequentially from left to right in the area used to display desktop pages; the electronic device may also determine the single desktop page area sequentially from top to bottom in the area used to display desktop pages. In this way, the electronic device can display multiple desktop pages in the area used to display desktop pages in a top-to-bottom order. Alternatively, the electronic device may also determine multiple rows of single desktop page areas sequentially from left to right, then from top to bottom in the area used to display desktop pages.

[0181] S814: The aspect ratio of the screen used for display has changed to an aspect ratio of 2.

[0182] When an electronic device switches between portrait and landscape orientations, or changes its folded state, the aspect ratio of the screen used for display may change. For example, the electronic device may detect a change in the aspect ratio of the screen used for display from aspect ratio 1 to aspect ratio 2.

[0183] S815. Based on the aspect ratio 2, determine m2 single desktop page areas of equal size in the area on the screen used to display desktop pages.

[0184] The electronic device can determine the number of desktop pages that can be displayed on the screen at one time based on an aspect ratio of 2. For example, when the screen aspect ratio is 2, the electronic device can display m² desktop pages simultaneously. The electronic device can define m² single desktop page areas of equal size within the area used to display desktop pages. The method for determining the size of the aforementioned m² single desktop page areas can be found in the previous section. Figure 8C or Figure 8E Introduction.

[0185] S816: Display the corresponding desktop page in m2 single desktop page areas.

[0186] Step S816 can be referred to step S813 above.

[0187] The scenario where an electronic device adjusts the displayed desktop page on the screen after the aspect ratio of the screen changes can be referenced in the previous section. Figures 1A to 1C , Figures 4A to 4C , Figures 7A to 7E The scene shown.

[0188] As shown by the above method, electronic devices can adjust the number of desktop pages displayed on the screen according to changes in the screen's aspect ratio. Furthermore, the relative positions of desktop components within each page can remain constant. This allows users to quickly find the desktop components they need based on their operating habits, regardless of the device's state, and also increases the amount of information displayed on the desktop in landscape mode, improving screen utilization.

[0189] In some embodiments, when the electronic device 100 displays one or more desktop pages on the screen, the electronic device 100 may, in response to an operation of moving a desktop component, move the desktop component to another location on the desktop page where it is located, or move the desktop component from one desktop page to another.

[0190] Figures 9A to 9L Examples of desktop display scenarios are shown.

[0191] like Figure 9A As shown, the electronic device 100 can display a desktop 910. Desktop 910 can display desktop page 910A, desktop page 910B, and desktop page 910C.

[0192] Desktop page 910A can contain component 911. Component 911 can be a card, occupying the space corresponding to 8 app icons (i.e., 2 rows * 4 columns of app icons) on the desktop. The last row of desktop page 910A is empty and can be used to place other desktop components.

[0193] Desktop page 910B can contain components 912 through 919. Component 913 can be a card, occupying the space corresponding to four app icons (i.e., 2 rows * 2 columns of app icons) on the desktop. Components 912, 914 through 919 can be app icons or app folders. The last row of desktop page 910B is empty and can be used to place other desktop components.

[0194] Desktop page 910C can contain components 920 and 921. Components 920 and 921 can be the last row of desktop components currently displayed on desktop page 910C. On desktop page 910C, there are empty spaces to the right and below component 921, which can be used to place other desktop components.

[0195] In response to Figure 9A The operation of the movable component 911 shown (e.g., long press and drag the component 911) allows the electronic device 100 to move the component 911 following the movement of the user's finger.

[0196] like Figure 9B As shown, component 911 was originally displayed at position A on desktop page 910A. In response to the operation of moving component 911, electronic device 100 can move component 911 from position A to other positions on desktop 910.

[0197] like Figure 9C As shown, the electronic device 100 can move component 911 to the position where components 912 to 915 were originally displayed, based on the operation of the moving component 911. Since component 911 occupies the original display position of components 912 to 915, components 912 to 915, as well as desktop components located after component 915 on desktop page 910A (such as components 916 to 919), all become desktop components whose display positions conflict with component 911 (hereinafter referred to as conflicting components). The aforementioned conflicting components can represent desktop components whose display positions need to be updated due to the movement of other desktop components.

[0198] Understandably, since component 911 occupies the original display positions of components 912 to 915, components 912 to 915 become conflicting components. When electronic device 100 is searching for new display positions for components 912 to 915, it will occupy the original display positions of components 916 to 919. Therefore, components 916 to 919 also become conflicting components. After finding new display positions for components 912 to 915, electronic device 100 also needs to find new display positions for components 916 to 919.

[0199] In some embodiments, the electronic device 100 may first search for a new display location (i.e., find a new position) within the desktop page where the conflicting component is located. If the desktop page where the conflicting component is located cannot accommodate some or all of the conflicting components, the electronic device may search for a new position for the conflicting component that failed to find a new position within the desktop page where the conflicting component is located by searching the adjacent desktop page after and / or the adjacent desktop page before the desktop page where the conflicting component is located.

[0200] In some embodiments, when locating and moving conflicting components, the electronic device 100 can move a row of desktop components as a whole to the new display position, row by row. This reduces the impact of desktop component movement on the user's ability to locate desktop components.

[0201] like Figure 9C As shown, desktop page 910B is the desktop page containing the conflicting components (i.e., components 912 to 919). Electronic device 100 can determine whether there is a space below component 911 in desktop page 910B where desktop components can be displayed. It can be seen that there are two rows below component 911 in desktop page 910B where desktop components can be displayed. Electronic device 100 can then move components 912 to 915 from... Figure 9B Move to the position shown Figure 9C Below component 911 shown. The relative positional relationship between components 912 and 915 remains unchanged.

[0202] Move component 911 to desktop page 910B. Figure 9CAfter the indicated position, there is no space in desktop page 910B to display components 916 to 919. That is, finding a suitable position for components 916 to 919 in desktop page 910B fails. Electronic device 100 can search for a suitable position to display components 916 to 919 in the adjacent desktop page following desktop page 910B, namely desktop page 910C. Specifically, electronic device 100 can find a suitable position to display components 916 to 919 in desktop page 910C. Electronic device 100 can move components 916 to 919 to the next line after components 920 and 921 in desktop page 910C. It can be seen that although there is empty space to the right of component 921, the electronic device does not display components 916 to 919 in the empty space to the right of component 921, but instead displays components 916 to 919 as a whole in the next line after components 920 and 921. This way, the layout of the original desktop components in page 910C is not changed, nor is the relative positional relationship between components 916 to 919 altered, making it convenient for users to quickly find desktop components after moving them.

[0203] After component 911 is moved from position A to desktop page 910B, position A can remain under control. This means the layout of desktop components on desktop page 910A does not change with the movement of component 911. This allows users to easily find desktop components on desktop page 910A according to their own operating habits even after moving component 911 from page 910A to page 910B. Optionally, after component 911 is moved from position A to page 910B, the desktop components below position A on desktop page 910A can be moved upwards in sequence to fill the empty space left by component 911.

[0204] In some embodiments, when the desktop page following the desktop page where the conflicting component is located does not have an empty space that allows the conflicting component, which failed to find its place in its original desktop page, to maintain its overall display row by row, the electronic device 100 can find its place in the desktop page preceding the desktop page where the conflicting component is located.

[0205] like Figure 9D As shown, the electronic device 100 can display a desktop 930. Desktop 930 can display desktop page 930A, desktop page 930B, and desktop page 930C.

[0206] Desktop page 930A may contain component 931, and components 940 through 943. Component 931 can be found in the previous section. Figure 9AThe description of component 911 is shown below. Components 940 to 943 can be the last row of desktop components currently displayed on desktop page 930A. On desktop page 930A, there is an empty space below components 940 to 943 that can hold a row of desktop components.

[0207] Desktop page 930B may contain components 932 through 939. Components 932 through 939 can be found in the preceding text. Figure 9B Components 912 to 919 are shown. The last row in page 930B of the desktop is empty and can be used to place other desktop components.

[0208] Desktop page 930C can contain components 944 through 947. Components 944 through 947 can be app icons or app folders. There is an empty space to the right of component 945 that can hold two desktop components. There is also an empty space to the right of component 947 that can hold two desktop components. Currently, there is no empty space in desktop page 930C that can hold a full row of desktop components.

[0209] In response to Figure 9D As shown, the electronic device 100 can move component 931 in accordance with the movement of the user's finger.

[0210] like Figure 9E As shown, component 931 was originally displayed at position B on page 930A of the desktop. The electronic device 100 can move component 931 to the position where components 932 to 935 were originally displayed, based on the operation of moving component 931. When component 931 is moved to... Figure 9E In the desktop page 930B shown, components 932 to 939 are conflicting components. Conflicting components can be found in the previous section. Figure 9B The electronic device 100 can find new display positions for components 932 to 939.

[0211] Electronic device 100 can transfer components 932 to 935 from Figure 9D Move to the position shown Figure 9E Below component 931. The relative positions of components 932 to 935 remain unchanged.

[0212] Move component 931 to desktop page 930B. Figure 9EAfter the indicated position, there is no space in desktop page 930B to display components 936 to 939. That is, finding a suitable position for components 936 to 939 in desktop page 930B fails. Electronic device 100 can search for a suitable position for components 936 to 939 in the adjacent desktop page preceding desktop page 930B, i.e., desktop page 930A. Specifically, electronic device 100 can find a suitable position for components 936 to 939 in desktop page 930A. Electronic device 100 can then move components 936 to 939 to the next row after components 940 to 943 in desktop page 930A. This preserves the original layout of desktop components in desktop page 930A and maintains the relative positions of components 936 to 939, allowing users to quickly find desktop components after moving them.

[0213] In some embodiments, before the electronic device 100 locates components 936 to 939 in desktop page 930A, the electronic device 100 may first detect whether there are any components in the adjacent desktop page following desktop page 930B, i.e., desktop page 930C, that can keep components 936 to 939 displayed as a whole. Figure 9D and Figure 9E As can be seen, there are no components on desktop page 930C that can keep components 936 to 939 displayed as a whole. Therefore, electronic device 100 can find a place for components 936 to 939 on desktop page 930A.

[0214] In some embodiments, if the next adjacent desktop page of the desktop page containing the conflicting component does not have an empty space that allows the conflicting component, which failed to find its place in its original desktop page, to maintain its overall display row by row, the electronic device 100 can detect whether there is an empty space in the next adjacent desktop page that can accommodate the conflicting component. If there is an empty space in the next adjacent desktop page that can accommodate the conflicting component, the electronic device 100 can place the conflicting component in the corresponding empty space.

[0215] like Figure 9FAs shown, after component 931 is moved from position B to the location on desktop page 930B where components 932 to 935 were originally displayed, conflicting components 936 to 939 fail to find a suitable place on desktop page 930B. Electronic device 100 can find empty spaces on desktop page 930C where components 936 to 939 can be placed: the empty space to the right of component 945 and the empty space to the right of component 947. Electronic device 100 can move components 936 and 937 to the empty space to the right of component 945, and move components 938 and 939 to the empty space of component 947. It can be seen that when there is no empty space on desktop page 930C where components 936 to 939 can be displayed as a whole, electronic device 100 can also fill the gaps in the scattered empty spaces on desktop page 930C, moving the conflicting components that failed to find a suitable place on desktop page 930B to the empty spaces on desktop page 930C.

[0216] Optionally, the electronic device 100 can first search for empty spaces in the adjacent desktop pages following and preceding the desktop page containing the conflicting component, allowing the conflicting component to be displayed as a whole. If neither the adjacent desktop page following nor preceding the desktop page contains an empty space for the conflicting component to be displayed as a whole, the electronic device 100 can search for empty spaces in the adjacent desktop page following and / or preceding the desktop page to place the conflicting component. That is, the electronic device 100 can first determine whether the conflicting component can be moved and displayed as a whole to the adjacent desktop page following or preceding the desktop page. If not, the electronic device 100 can, as a second-best option, move the conflicting component to an empty space scattered within the adjacent desktop page following or preceding the desktop page.

[0217] In some embodiments, the electronic device 100 may first search for a suitable location on the desktop page where the conflicting component was originally located. If some conflicting components fail to find a suitable location on their original desktop page, the electronic device 100 may search for a suitable location on the adjacent desktop page following the original desktop page of the conflicting component, and move the conflicting components to an empty space on the adjacent desktop page. If some conflicting components still fail to find a suitable location after searching on the adjacent desktop page, the electronic device 100 may search for a suitable location on the adjacent desktop page preceding the original desktop page of the conflicting component, and move the conflicting components to an empty space on the adjacent desktop page.

[0218] like Figure 9G As shown, the electronic device 100 can display a desktop 950. Desktop 950 can display desktop page 950A, desktop page 950B, and desktop page 950C.

[0219] Desktop page 950A may include components 951, 960 to 963. Desktop page 950A can be referenced from the previous section. Figure 9D The desktop shown is page 930A.

[0220] Desktop page 950B may contain components 952 through 959. Desktop page 950B can be referenced from the preceding text. Figure 9D The desktop shown is page 950B.

[0221] Desktop page 950C can contain component 964. Component 964 can be an app icon or an app folder. There is an empty space to the right of component 964 that can hold two desktop components. It can be seen that the empty space to the right of component 964 is the only remaining empty space in desktop page 950C.

[0222] In response to Figure 9G The operation of the movable component 951 shown indicates that the electronic device 100 can move the component 951 in accordance with the movement of the user's finger.

[0223] like Figure 9H As shown, component 951 was originally displayed at position C on page 950A of the desktop. The electronic device 100 can move component 951 to the position where components 952 to 955 were originally displayed, based on the operation of moving component 951. When component 951 is moved to... Figure 9H In the desktop page 950B shown, components 952 to 959 are conflicting components. Conflicting components can be found in the previous section. Figure 9B Introduction.

[0224] Electronic device 100 can first find a new location for the conflicting components on page 950B of the desktop. For example, electronic device 100 can find new display locations for components 952 to 955 on page 950B of the desktop. Specifically, electronic device 100 can move components 952 to 955 from... Figure 9G Move to the position shown Figure 9H Below component 951 shown.

[0225] Since components 956 to 959 failed to find their place on desktop page 950B, electronic device 100 can find their place on the adjacent desktop page after desktop page 950B, namely desktop page 950C. For example, electronic device 100 can find a new display position for components 956 and 957 on desktop page 950C. Specifically, electronic device 100 can move components 956 and 957 to... Figure 9H The two empty spaces on the right side of component 964 shown.

[0226] Since components 958 and 959 failed to find their place on desktop page 950C, electronic device 100 can find their place on the adjacent desktop page before desktop page 950B, i.e., desktop page 950A. For example, electronic device 100 can find a new display position for components 958 and 959 on desktop page 950A. Specifically, electronic device 100 can move components 958 and 959 to... Figure 9H The empty space in the next row below components 960 to 963 shown.

[0227] like Figure 9I As shown, the electronic device 100 can display a desktop 970. Desktop 970 can display desktop page 970A, desktop page 970B, and desktop page 970C.

[0228] Desktop page 970A may contain component 971. Component 971 can be found in the aforementioned section. Figure 9A Component 911 is shown.

[0229] Desktop page 970B can contain components 972 through 978. Components 973 and 978 can both be cards, occupying the space corresponding to four app icons (i.e., 2 rows * 2 columns of app icons) on the desktop. Components 972, 974 through 977 can be app icons or app folders. Currently, there is no empty space in desktop page 970B that can hold a full row of desktop components.

[0230] Desktop page 970C may include component 979. Component 979 can be found in the aforementioned documentation. Figure 9G The example shown is component 964. It can be seen that the empty space to the right of component 979 is the only remaining empty space in desktop page 970C.

[0231] In response to Figure 9I The operation of the movable component 971 shown indicates that the electronic device 100 can move the component 971 in accordance with the movement of the user's finger.

[0232] like Figure 9J As shown, component 971 was originally displayed at position D on page 970A of the desktop. The electronic device 100 can move component 971 to the position where components 972 to 976 were originally displayed, based on the operation of moving component 971. When component 971 is moved to... Figure 9J In the desktop page 970B shown, components 972 to 978 are conflicting components. Conflicting components can be referred to in the preceding text. Figure 9B Introduction.

[0233] Electronic device 100 can first find a new location for the conflicting components on page 970B of the desktop. For example, electronic device 100 can find new display locations for components 972 to 976 on page 970B of the desktop. Specifically, electronic device 100 can move components 972 to 976 from... Figure 9I Move to the position shown Figure 9J Below component 971 shown.

[0234] Since components 977 and 978 fail to find their place on desktop page 970B, electronic device 100 can find their place on the adjacent desktop page following desktop page 970B, namely desktop page 970C. For example, electronic device 100 can find a new display position for component 977 on desktop page 970C. Specifically, electronic device 100 can move component 977 to... Figure 9J The empty space to the right of component 979 shown.

[0235] With component 977 moved to the empty space to the right of component 979, the remaining empty space on desktop page 970C can only display one app icon or one app folder. Since component 978 occupies the space corresponding to four app icons, there is no empty space on desktop page 970C to accommodate component 978.

[0236] Since component 978 fails to find its place on desktop page 970C, electronic device 100 can find a new place for component 978 on the adjacent desktop page before desktop page 970B, i.e., desktop page 970A. For example, electronic device 100 can find a new display position for component 978 on desktop page 970A. Specifically, electronic device 100 can move component 978 to... Figure 9J The empty space to the left of position D shown.

[0237] In some embodiments, if the desktop page containing the conflicting component has no subsequent and / or preceding desktop pages, and the conflicting component fails to find its place in its original desktop page, the electronic device can create subsequent and / or preceding desktop pages. The electronic device can then move the conflicting component that failed to find its place in its original desktop page to the newly created desktop page.

[0238] like Figure 9K As shown, the electronic device 100 can display a desktop 980. The desktop 980 can display desktop page 980A, desktop page 980B, and page indicator 991.

[0239] Desktop page 980A can contain component 981. Desktop page 980A can be referenced from the previous section. Figure 9A The desktop shown is page 910A.

[0240] Desktop page 980B may contain components 982 through 989. Desktop page 980A can be referenced above. Figure 9A The desktop shown is page 910B.

[0241] Page indicator 991 may contain two indicators. These two indicators can be used to indicate desktop page 980A and desktop page 980B, respectively. It can be seen that there are currently only two desktop pages in electronic device 100. Desktop page 980B has no adjacent desktop page.

[0242] In response to Figure 9K The operation of the movable component 981 shown indicates that the electronic device 100 can move the component 981 in accordance with the movement of the user's finger.

[0243] like Figure 9L As shown, component 981 was originally displayed at position E on page 980A of the desktop. The electronic device 100 can move component 981 to the position where components 982 to 985 were originally displayed, based on the operation of moving component 981. When component 981 is moved to... Figure 9L In the desktop page 980B shown, components 982 to 989 are conflicting components. Conflicting components can be found in the previous section. Figure 9B Introduction.

[0244] Electronic device 100 can first find a new location for the conflicting components on page 980B of the desktop. For example, electronic device 100 can find new display locations for components 982 to 985 on page 980B of the desktop. Specifically, electronic device 100 can move components 982 to 985 from... Figure 9K Move to the position shown Figure 9L Below component 981 shown.

[0245] Because components 986 to 989 failed to find their place on desktop page 980B, and desktop page 980B has no adjacent desktop page, electronic device 100 can create... Figure 9L The desktop page 980C is shown. Desktop page 980C is the next desktop page following desktop page 980B. Electronic device 100 can move components 986 to 989 to... Figure 9L The desktop page 980C is shown.

[0246] It should be noted that the electronic device 100 can save the desktop page after the aforementioned desktop components have changed position. When the screen aspect ratio changes, the electronic device 100 can display the desktop according to the desktop page after the aforementioned desktop components have changed position. That is to say, the desktop component layout remains consistent in the desktop pages displayed by the electronic device 100 on screens with different aspect ratios.

[0247] As described above, electronic devices can change the position of desktop components based on user actions. Furthermore, they can find new display positions for conflicting components according to a preset strategy. Specifically, during the repositioning process, the device can prioritize moving conflicting components to new display positions row by row. This reduces changes in the relative positions of desktop components, making it easier for users to quickly locate components after moving them. Additionally, by displaying multiple desktop pages simultaneously on the screen according to its aspect ratio, the device can shorten the path required for users to move components from one page to another, improving the user experience.

[0248] Figure 10A An exemplary flowchart of a desktop display method provided in this application is shown.

[0249] S1011, Received an operation to move desktop component 1 of desktop page 1 to position 1 on desktop page 2.

[0250] For example, the operation of moving desktop component 1 to position 1 can be referred to the above. Figure 9A As shown, move component 911 to Figure 9C The operation shown is on page 910B of the desktop. Location 1 can be referenced. Figure 9B The positions of components 912 to 915 are shown.

[0251] S1012. Determine if there are conflicting components based on position 1.

[0252] The electronic device can determine whether a desktop component was originally displayed at location 1.

[0253] If a desktop component was originally displayed at position 1, the electronic device can identify the desktop component that was originally displayed at position 1 in desktop page 2 as a conflicting component. If desktop component 1 is moved to position 1, the electronic device needs to find a new display position for the aforementioned conflicting component.

[0254] If there is no desktop component at location 1, the electronic device can be determined to have no conflicting components.

[0255] If there are no conflicting components, the electronic device can perform the following step S1013.

[0256] If a conflicting component exists, the electronic device may perform the following step S1014.

[0257] S1013. Display desktop component 1 at location 1.

[0258] S1014. Traverse the conflicting components and locate the conflicting components in page 2 of the desktop.

[0259] In some embodiments, the electronic device can traverse the conflicting components sequentially from left to right and from top to bottom, and locate the conflicting components. The electronic device can use a preset location strategy for locating the conflicting components.

[0260] Positioning strategies may include, but are not limited to:

[0261] Strategy 1: First, find a suitable location on the desktop page where the conflicting component is located. If the location is found successfully, move the conflicting component to its new location on the desktop page. If the location is not found, search for an empty space on the adjacent desktop pages of the desktop page where the conflicting component is located so that the desktop component in the same row can be displayed as a whole.

[0262] Strategy 2: Find an empty space in the desktop page immediately following the desktop page containing the conflicting component and fill it. If all the empty spaces in the adjacent desktop pages are filled, and there are still conflicting components that have not been found, then find an empty space in the desktop page immediately preceding the desktop page containing the conflicting component and fill it.

[0263] Strategy 3: If the desktop page containing the conflicting component does not have an adjacent desktop page, create an adjacent desktop page and move the conflicting component to the newly created desktop page.

[0264] It should be noted that the electronic device can use one of the above-mentioned positioning strategies to locate the conflicting component, or the electronic device can combine multiple of the above-mentioned positioning strategies to locate the conflicting component.

[0265] For example, the electronic device can first try to find a suitable location for the conflicting component according to strategy 1. If there is no empty space in the adjacent desktop pages of the desktop page containing the conflicting component that allows the desktop component in the same row to be displayed as a whole, the electronic device can then try to find a suitable location for the conflicting component according to strategy 2. Alternatively, if finding a suitable location on the desktop page containing the conflicting component fails, and the desktop page containing the conflicting component has no adjacent desktop pages, the electronic device can then try to find a suitable location for the conflicting component according to strategy 3.

[0266] The positioning strategies described above are merely illustrative examples of this application and should not be construed as limiting the scope of this application. Electronic devices may also use other positioning strategies to locate conflicting components.

[0267] S1015. Determine whether the conflicting component has been successfully located in desktop page 2.

[0268] If the conflicting component is successfully located on desktop page 2, the electronic device can perform the following step S1016.

[0269] If the conflicting component fails to be located on desktop page 2, the electronic device may perform the following step S1018.

[0270] S1016. Determine whether the conflicting components have completed traversal.

[0271] The electronic device can find the correct position for the currently traversed conflicting components during the traversal process. If the current conflicting component is successfully located, the electronic device can continue traversing the conflicting components until all conflicting components have been traversed, and a new display position has been found for all conflicting components.

[0272] For example, the aforementioned conflicting components include conflicting component 1 and conflicting component 2. Conflicting component 2 can be the next desktop component after conflicting component 1. When traversing to conflicting component 1, the electronic device can locate conflicting component 1. When conflicting component 1 is successfully located, the electronic device can traverse to conflicting component 2 and locate it. And so on, the electronic device can locate the conflicting components one by one according to their order of arrangement.

[0273] In some embodiments, during the process of locating conflicting components, the electronic device may generate new conflicting components. For example, the conflicting components determined by the electronic device in step S1012 based on position 1 include conflicting component 1, but not component 1a. Component 1a was originally displayed at the new display position found by the electronic device for conflicting component 1. Therefore, when conflicting component 1 is moved to this new display position, component 1a becomes a conflicting component due to the change in the position of conflicting component 1. The electronic device needs to find a new display position for component 1a. That is to say, conflicting components may include the conflicting components determined based on position 1 in step S1012, as well as new conflicting components generated during the process of locating the already determined conflicting components. When all the above-mentioned conflicting components have found new display positions, the conflicting component traversal is complete.

[0274] If the traversal of the conflicting components is not completed, the electronic device can traverse to the next conflicting component after the currently successfully located conflicting component and execute step S1014.

[0275] If the conflicting components have completed the traversal, the electronic device may perform the following step S1017.

[0276] S1017. Display desktop component 1 at location 1, and display the corresponding conflicting component at the new location found for the conflicting component.

[0277] The scenario where the electronic device displays the corresponding conflicting component at the new location found for the conflicting component can be referred to the above. Figures 9A to 9L The scenario described.

[0278] S1018. Determine if desktop page2 has an adjacent desktop page.

[0279] If desktop page 2 has no preceding desktop page and / or following desktop page, the electronic device may perform the following step S1019.

[0280] If desktop page 2 has a preceding desktop page and / or a following desktop page, the electronic device can perform the following step S1020.

[0281] S1019. Prompt: Desktop component 1 failed to be placed. Alternatively, create an adjacent desktop page for desktop page 2 and find a place for the conflicting component in the newly created desktop page.

[0282] In some embodiments, if desktop page 2 has no preceding and / or following desktop page, and the conflicting component fails to find its place in desktop page 2, the electronic device may prompt the user that desktop component 1 has failed to be placed. That is, desktop component 1 cannot be moved to position 1 on desktop page 2.

[0283] Alternatively, if desktop page 2 has no preceding and / or following desktop page, and the conflicting component fails to find its place in desktop page 2, the electronic device can create a neighboring desktop page (e.g., a following desktop page) for desktop page 2. The newly created desktop page can accommodate all conflicting components that failed to find their place in desktop page 2.

[0284] After the electronic device locates the conflicting component in the newly created desktop page, it can perform the above step S1016.

[0285] S1020. Locate the conflicting component in the preceding and / or following desktop pages of desktop page 2.

[0286] If desktop page 2 has a preceding adjacent desktop page and / or a following adjacent desktop page, and the conflicting component fails to be located in desktop page 2, the electronic device can locate the conflicting component in the preceding adjacent desktop page and / or the following adjacent desktop page of desktop page 2.

[0287] In some embodiments, the electronic device can search in the adjacent desktop pages following desktop page 2 for an empty space that allows the desktop component in the row containing the conflicting component to be displayed as a whole. If the adjacent desktop page has an entire empty row, the conflicting component is successfully placed. If the adjacent desktop page does not have an entire empty row, the electronic device can search in the adjacent desktop pages preceding desktop page 2 for an empty space that allows the desktop component in the row containing the conflicting component to be displayed as a whole. If the adjacent desktop page has an entire empty row, the conflicting component is successfully placed. If the adjacent desktop page does not have an entire empty row, the electronic device can search in the adjacent desktop pages following desktop page 2 for an empty space to place a conflicting component currently being traversed. If found, the conflicting component is successfully placed. If not found, the electronic device can search in the adjacent desktop pages preceding desktop page 2 for an empty space to place a conflicting component currently being traversed. If found, the conflicting component is successfully placed.

[0288] After the electronic device successfully locates the conflicting component in the preceding and / or following desktop pages of desktop page 2, it can execute the above step S1016.

[0289] In some embodiments, if the conflicting component fails to find a place in the preceding and following desktop pages of desktop page 2, the electronic device may notify the user that desktop component 1 has failed to be placed. Alternatively, the electronic device may expand the search range to find a place for the conflicting component. For example, the electronic device may search for a place in the second or third desktop page after desktop page 2.

[0290] As demonstrated by the above methods, electronic devices can change the position of desktop components based on user actions. Furthermore, they can find new display positions for conflicting components according to a preset strategy. Specifically, during the relocation process, the electronic device can prioritize moving conflicting components to new display positions row by row. This reduces changes in the relative positions of desktop components, making it easier for users to quickly locate components after moving them. In addition, by displaying multiple desktop pages simultaneously on the screen based on the screen's aspect ratio, the electronic device can shorten the path required for users to move desktop components from one page to another, improving the user experience.

[0291] Figure 10B An exemplary flowchart of a desktop display method provided in this application is shown.

[0292] S1031, Received an operation to move desktop component 1 of desktop page 1 to position 1 on desktop page 2.

[0293] Step S1031 can be referred to the above. Figure 10A The step S1011 shown.

[0294] S1032. Display desktop component 1 at location 1.

[0295] S1033. When the aspect ratio of the screen used for display changes from aspect ratio 1 to aspect ratio 2, the desktop component 1 is maintained at position 1.

[0296] In some embodiments, aspect ratio 1 and aspect ratio 2 are different. The number of desktop pages that can be displayed simultaneously on the screen under aspect ratio 1 is different from the number of desktop pages that can be displayed simultaneously on the screen under aspect ratio 2. After desktop component 1 moves to position 1 on desktop page 2, the electronic device can display desktop component 1 at position 1 on desktop page 2 when the aspect ratio of the screen used for display is aspect ratio 1, and the electronic device can also display desktop component 1 at position 1 on desktop page 2 when the aspect ratio of the screen used for display is aspect ratio 2.

[0297] In other words, after an electronic device moves the display position of a desktop component, the desktop component can remain displayed in the new display position, even if the aspect ratio of the screen used for display changes to any value.

[0298] It should be noted that, regardless of the aspect ratio of the screen used for display, the one or more components that move due to the relocation of the display position of desktop component 1 will remain displayed in their new position after the relocation. The one or more components that move due to the relocation of the display position of desktop component 1 can be referred to in the preceding text. Figure 10A The conflicting components are shown.

[0299] In some embodiments, a communication connection may be established between the first device and the second device. The first device may instruct the second device to display the desktop of the first device. The number of desktop pages of the first device that can be displayed simultaneously on the screen of the second device may be determined by the aspect ratio of the area on the second device used to display the content of the first device.

[0300] Figures 11A to 11C Examples of other desktop display scenarios are shown.

[0301] like Figure 11A As shown, the electronic device 100 can display a desktop 1110. Desktop 1110 may include desktop page 1. Desktop 1110 can be referenced from the foregoing. Figure 1A Desktop 210 is shown. Desktop page 1 can be referred to in the description of the foregoing embodiments.

[0302] A communication connection is established between electronic device 100 and electronic device 200. This application embodiment does not limit the type of electronic device 200. For example, electronic device 200 may be a laptop computer.

[0303] In this device, electronic device 100 can instruct electronic device 200 to display its desktop via screen mirroring. However, it is not limited to screen mirroring; electronic device 100 can also instruct electronic device 200 to display its desktop in other ways. Screen mirroring will be used as an example here.

[0304] In some embodiments, electronic device 100 can obtain the aspect ratio of the projection area in electronic device 200 used to display the projection content of electronic device 100 from electronic device 200. The projection area can be the screen size of electronic device 200, such as... Figure 11C For example, it could also be the projection area set by the electronic device 200, such as... Figure 11A Examples could also be the projection area adjusted by the user, such as... Figure 11B For example, based on the aspect ratio of the projection area, the electronic device 100 can determine the number of desktop pages that can be displayed simultaneously in the projection area, as well as the size of the desktop pages. See the preceding section for details. Figures 8A to 8E The method is shown. Then, electronic device 100 can generate drawing data for the desktop page to be projected and send the drawing data to electronic device 200. Electronic device 200 can display the corresponding desktop page in the projection area according to the drawing data.

[0305] like Figure 11A As shown, electronic device 200 can display projection window 1120. Projection window 1120 can be used to display the projection content of electronic device 100. Electronic device 200 can send the size or aspect ratio of projection window 1120 to electronic device 100. Electronic device 100 can determine that projection window 1120 can display one desktop page at a time based on the aspect ratio of projection window 1120. Electronic device 100 can generate drawing data for desktop page 1 and send the drawing data of desktop page 1 to electronic device 200. In this way, electronic device 200 can display in projection window 1120. Figure 11A The desktop page 1 is shown.

[0306] In some embodiments, in addition to the drawing data of desktop page 1, the electronic device 100 can also... Figure 11A The drawing data of other content in the desktop 1110 (e.g., status bar, page indicator, application dock, etc.) is sent to the electronic device 200 so that the electronic device 200 can display it in the projection window 1120.

[0307] In some embodiments, in response to an operation performed on the projection window 1120 to switch desktop pages, the electronic device 200 can send information about the operation to the electronic device 100. The electronic device 100 can determine the new desktop page based on the operation information and send the rendering data of the new desktop page to the electronic device 200. Thus, the electronic device 200 can display the new desktop page in the projection window 1120.

[0308] Optionally, the content displayed on the screen of electronic device 100 and the content displayed in the projection window 1120 of electronic device 200 can be independent of each other. For example, after the content displayed in projection window 1120 changes from desktop page 1 to other content, electronic device 100 can keep displaying desktop page 1 on the desktop. As another example, after the content displayed on the screen of electronic device 100 changes from desktop page 1 to other content (such as other desktop pages, or the user interface of other applications), the content displayed in projection window 1120 can remain unchanged.

[0309] Alternatively, the content displayed on the screen of electronic device 100 can be related to the content displayed in the projection window 1120 of electronic device 200. For example, the content displayed on the screen of electronic device 100 can be consistent with the content displayed in the projection window 1120 of electronic device 200.

[0310] In some embodiments, the aspect ratio of the projection area in the electronic device 200 used to display the content projected from the electronic device 100 can be varied. The electronic device 200 can adjust the size of the projection area in response to an operation that adjusts the size of the projection area, and send the adjusted size or aspect ratio of the projection area to the electronic device 100. The electronic device 100 can then redetermine the number of desktop pages that can be displayed simultaneously in the projection area, as well as the size of the desktop pages, based on the adjusted aspect ratio. Then, the electronic device 100 can generate rendering data for the desktop pages to be projected and send this rendering data to the electronic device 200. The electronic device 200 can then display the corresponding desktop pages in the projection area based on the rendering data.

[0311] like Figure 11B As shown, in response to the operation of adjusting the size of the projection area, the electronic device 200 can display the projection window 1130. It can be seen that the size of the projection window 1130 is... Figure 11AThe projection window 1120 shown has a different size. Electronic device 200 can send the size or aspect ratio of projection window 1130 to electronic device 100. Electronic device 100 can determine whether projection window 1130 can display two desktop pages at once based on its aspect ratio. Electronic device 100 can generate rendering data for desktop page 1 and desktop page 2, and send this data to electronic device 200. In this way, electronic device 200 can display... Figure 11B The desktop page 1 and desktop page 2 are shown.

[0312] like Figure 11C As shown, a communication connection is established between electronic device 100 and electronic device 300. This application embodiment does not limit the type of electronic device 300. For example, electronic device 200 can be a television.

[0313] In this device, electronic device 100 can instruct electronic device 300 to display its desktop via screen mirroring. However, it is not limited to screen mirroring; electronic device 100 can also instruct electronic device 300 to display its desktop in other ways. Screen mirroring will be used as an example here.

[0314] In some embodiments, electronic device 300 can display the projected content from electronic device 100 in full screen. Electronic device 300 can send the dimensions of its screen to electronic device 100. Electronic device 100 can determine the number of desktop pages that can be displayed simultaneously on its screen, as well as the size of each desktop page, based on the aspect ratio of its screen. Then, electronic device 100 can generate rendering data for the desktop pages to be projected and send this rendering data to electronic device 300. Electronic device 300 can then display the corresponding desktop pages on its screen based on the rendering data.

[0315] like Figure 11C As shown, electronic device 100 can determine the screen size of electronic device 300 to simultaneously display four desktop pages based on the aspect ratio of its screen. Electronic device 100 can generate rendering data for desktop page 1, desktop page 2, desktop page 3, and desktop page 4, and send this rendering data to electronic device 300. In this way, electronic device 300 can display... Figure 11C The desktop pages 1 through 4 are shown.

[0316] In some embodiments, a first device (e.g., electronic device 100) can send the layout data of all desktop pages in the first device to a second device (e.g., electronic device 200, or electronic device 300, etc.). The second device can determine the number of desktop pages that can be displayed simultaneously in the projection area, as well as the size of the desktop pages, based on the aspect ratio of the projection area used to display the content projected from the first device. See the foregoing for details. Figures 8A to 8E The method is shown. Then, the second device can display the corresponding number of desktop pages in the projection area based on the layout data of the desktop pages from the first device.

[0317] As can be seen from the above scenario, in the case where the first device instructs the second device to display the desktop of the first device, the layout of the desktop components in the desktop page displayed on the second device is the same as the layout displayed on the first device. This allows the user on the second device to quickly find the desktop components they need based on their usage habits on the first device. Furthermore, this method can improve the utilization rate of the area on the second device used to display the content of the first device.

[0318] The structure of the electronic device involved in this application is described below.

[0319] Figure 12 An exemplary schematic diagram of the hardware structure of electronic device 100 is shown.

[0320] like Figure 12 As shown, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc.

[0321] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0322] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0323] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0324] The processor 110 may also include a memory for storing instructions and data. In some examples, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or is recurring. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0325] In this application, a computer program may be stored in the memory to enable a controller or processor to implement the desktop display method of this application through an interface or protocol. Exemplarily, the computer program in the memory may be used to: identify the aspect ratio of the screen currently used for display; determine the number of desktop pages that can be displayed simultaneously on the screen based on the screen's aspect ratio; adjust the size of the desktop pages and display the corresponding number of desktop pages on the screen when the aspect ratio of the screen currently used for display changes; and move the desktop components in response to operations involving moving desktop components and locate conflicting components.

[0326] USB port 130 is a USB standard compliant interface, specifically a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge electronic device 100, and can also be used for data transfer between electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback.

[0327] The charging management module 140 receives charging input from a charger, which can be a wireless charger or a wired charger. While charging the battery 142, the charging management module 140 can also supply power to the electronic device via the power management module 141.

[0328] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 to power the processor 110, internal memory 121, external memory, display 194, camera 193, and wireless communication module 160, etc.

[0329] The wireless communication function of electronic device 100 can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor, and baseband processor. Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in conjunction with a tuning switch. Mobile communication module 150 can provide solutions for wireless communication applications including 2G / 3G / 4G / 5G on electronic device 100. Mobile communication module 150 can include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. Mobile communication module 150 can receive electromagnetic waves through antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to modem processor for demodulation. Mobile communication module 150 can also amplify the signal modulated by modem processor and convert it into electromagnetic waves for radiation through antenna 1. The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0330] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connecting the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering.

[0331] Display screen 194 is used to display images, videos, etc. Display screen 194 can be a liquid crystal display (LCD), an OLED display, etc. This application embodiment does not limit the material of display screen 194. In some embodiments, display screen 194 may also include a flexible foldable screen. In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1. For example, electronic device 100 may include an inner screen and an outer screen. The inner screen may be a foldable screen.

[0332] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0333] The ISP is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, converting it into an image visible to the naked eye.

[0334] Camera 193 is used to capture still images or videos. In some embodiments, electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0335] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP can perform Fourier transforms on the frequency energy.

[0336] NPU stands for Neural Network (NN) Computing Processor. By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as AI image generation, image fusion, image recognition, facial recognition, speech recognition, and text understanding.

[0337] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0338] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image display, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0339] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0340] Audio module 170 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. Audio module 170 can also be used for encoding and decoding audio signals. In some examples, audio module 170 may be located in processor 110, or some functional modules of audio module 170 may be located in processor 110. Speaker 170A, also called a "loudspeaker," is used to convert audio electrical signals into sound signals. Receiver 170B, also called a "handset," is used to convert audio electrical signals into sound signals. Microphone 170C, also called a "microphone" or "microphone," is used to convert sound signals into electrical signals. Headphone jack 170D is used to connect wired headphones.

[0341] The sensor module 180 may include pressure sensors, gyroscope sensors, barometric pressure sensors, magnetic sensors, accelerometers, gravity sensors, distance sensors, proximity sensors, fingerprint sensors, temperature sensors, touch sensors, ambient light sensors, bone conduction sensors, angle sensors, etc.

[0342] In some embodiments, the electronic device 100 may use data collected by an accelerometer and / or a gyroscope sensor to determine its landscape or portrait orientation. When the electronic device switches from landscape to portrait mode, or vice versa, it may detect the aspect ratio of the screen currently being displayed in order to update the desktop page displayed on the desktop.

[0343] In some embodiments, the electronic device 100 may use data collected by one or more sensors, such as an accelerometer, a gyroscope, a magnetometer, and an angle sensor, to detect whether the folding state of the electronic device 100 has changed. When the folding state of the electronic device 100 changes, the electronic device 100 may detect the aspect ratio of the screen currently used for display in order to update the desktop page displayed on the desktop.

[0344] Buttons 190 include a power button, volume buttons, and a fingerprint button. The fingerprint button can incorporate a fingerprint sensor.

[0345] Motor 191 can generate vibration as a notification. Indicator 192 can be an indicator light, used to indicate charging status, battery level changes, or to indicate messages, missed calls, notifications, etc.

[0346] The SIM card interface 195 is used to connect a SIM card. The SIM card can be inserted into or removed from the SIM card interface 195 to make contact with and detach from the electronic device 100. The electronic device 100 can support one or N SIM card interfaces, where N is a positive integer greater than 1. The electronic device 100 interacts with the network through the SIM card to achieve functions such as calls and data communication. In some examples, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be removed from it.

[0347] Figure 13 An exemplary schematic diagram of the software structure of an electronic device 100 is shown.

[0348] like Figure 13 As shown, the electronic device 100 may include a desktop application, a screen aspect ratio determination module, a desktop page size determination module, a display module, a storage module, and a desktop component movement module.

[0349] The screen aspect ratio determination module can be used to determine the aspect ratio of the screen currently used for display by the electronic device 100. The method for determining the screen aspect ratio can be referred to the aforementioned methods. Figure 8A The following is an introduction to step S811.

[0350] When the screen aspect ratio changes, the screen aspect ratio determination module can send the changed screen aspect ratio to the desktop page size determination module.

[0351] The desktop page size determination module can be used to determine the size of the desktop page currently displayed on the screen based on the screen's aspect ratio. See the previous section for details. Figures 8C to 8D Introduction.

[0352] The desktop page size determination module can be used to send the size of the desktop page to the desktop application.

[0353] Desktop applications can use the display module to show the desktop page on the screen based on its size. The method for displaying the desktop page can be found above. Figure 8A The steps S813 to S815 are shown.

[0354] The storage module can be used to store the arrangement order of multiple desktop pages in the electronic device 100.

[0355] In some embodiments, the desktop application can also detect user actions for moving desktop components and determine the destination location of the desktop component. The desktop application can send the destination location of the desktop component to the desktop component moving module. The desktop component moving module can detect whether there are conflicting components based on the destination location of the desktop component, and find a new location for the conflicting component if a conflicting component exists. The method for finding a new location for the conflicting component can be referred to the foregoing. Figure 10A The method shown is as follows. The desktop component moving module can call the display module to display the moved desktop component at the destination location, and move the conflicting component to the display location found for the conflicting component.

[0356] Not limited to the above Figure 13 As shown in the diagram, the electronic device 100 may also include more or fewer modules, or combine some modules, or split some modules.

[0357] The foregoing Figures 6A to 6C The structure of the electronic device 200 shown can be referred to the description of the electronic device 100 above.

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

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

[0360] The electronic devices we use in our daily lives come in various types and forms, and are applied in a wide range of scenarios. Therefore, based on the different forms and functions of electronic devices, different application scenarios, and different user needs, the operating systems used in these devices may also differ. These operating systems share commonalities but also have their own unique characteristics. Different operating systems affect user experience, application ecosystem, and system performance. The basic functions implemented by the electronic device provided in this application can be implemented using a general-purpose operating system or a dedicated operating system. To more clearly illustrate the implementation of the embodiments of this application under a specific operating system, the architecture of HarmonyOS is shown below. Those skilled in the art can deduce the implementation of the embodiments of this application under other specific operating systems, such as... Implementation under the operating system.

[0361] Figure 14 An exemplary schematic diagram of the software structure of another electronic device 100 is shown.

[0362] The software architecture of electronic device 100 can be divided into several layers. In some embodiments, from bottom to top, these layers are: kernel layer, system service layer, framework layer, and application layer. The layers communicate with each other through software interfaces. System functions can be tailored, added, or combined at the subsystem granularity in different device deployment scenarios. Each subsystem can also be tailored, added, or combined at the functional granularity.

[0363] The Kernel Abstraction Layer (KAL) provides basic kernel capabilities to upper layers by shielding the differences between multiple kernels, including but not limited to process / thread management, memory management, file system, network management, and peripheral device management.

[0364] Kernel Subsystem: Supports the selection of a suitable OS kernel for different resource-constrained devices, including but not limited to Linux kernel, HarmonyOS kernel, LiteOS, etc.

[0365] Driver Subsystem: The driver framework is the foundation for the open system hardware ecosystem, providing unified peripheral access capabilities and a framework for driver development and management. The driver framework includes: display drivers, camera drivers, audio drivers, Bluetooth drivers, sensor drivers, etc.

[0366] The system service layer comprises the core capabilities of the system, providing services to applications through the framework layer. This layer includes, but is not limited to, the following subsystems:

[0367] The system's basic capability subsystems provide foundational capabilities for the operation, scheduling, and migration of distributed applications across multiple devices. These include, for example, a distributed soft bus, distributed data management, distributed task scheduling, and the Ark multi-language runtime; as well as multi-modal input subsystems, graphics subsystems, security subsystems, and AI subsystems. The multi-modal input subsystem integrates input from various dimensions. Specifically, it receives device input events (such as those from keyboards, mice, touchscreens, and touchpads) based on the kernel subsystem and driver framework. After normalizing and standardizing these events, it distributes them to the UI framework module. The UI framework module then encapsulates the events and forwards them to the application, or distributes them to the application through other interfaces. The graphics subsystem mainly includes UI components, layouts, animations, fonts, input events, window management, and rendering modules. The graphics service provides graphics rendering and display output functions, internally providing a smooth and efficient display experience through the rational utilization of system hardware resources.

[0368] Basic software service subsystems: provide common and general software services; for example, event notification subsystem, telephone service subsystem, multimedia subsystem, etc.

[0369] Enhanced software service subsystem suite: Provides differentiated capability-enhancing software services for different devices; for example, it may include proprietary business subsystems for smart screens, wearable devices, and IoT devices.

[0370] Hardware service subsystem set: provides hardware services; for example, it may include location service subsystem, user IAM (Identity and Access Management) subsystem, wearable proprietary hardware service subsystem, biometric identification, IoT proprietary hardware service subsystem, etc.

[0371] Distributed task scheduling enables distributed service management (discovery, synchronization, registration, and invocation), supporting remote startup, remote invocation, remote connection, and migration of applications across devices.

[0372] Distributed data management enables data synchronization, data storage, data sharing, and data access across all scenarios and devices.

[0373] The distributed soft bus provides communication-related capabilities for seamless interconnection between multiple devices, including: WLAN service capabilities, Bluetooth service capabilities, soft bus, inter-process communication RPC (Remote Procedure Call) and other communication capabilities.

[0374] Ark Multilingual Runtime is a unified compilation runtime platform designed to support the joint compilation and execution of multiple programming languages ​​and multiple chip platforms.

[0375] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. Examples include the UI framework module (which provides a complete infrastructure for UI development of system applications, including UI functionalities such as components, layouts, animations, and interactive events, as well as real-time interface preview tools), the user application framework, and the Ability framework (an Ability is a lightweight application; the Ability framework schedules and manages the operation and lifecycle of Abilities). Different devices may run different operating systems, and therefore support different APIs. In some embodiments, the UI framework module can be the ArkUI framework.

[0376] The HarmonyOS API is a series of open capabilities provided to support HarmonyOS application development. The HarmonyOS API can be set at the framework layer or independently of the framework layer. Examples include: Audio API (audio service), Push API (push service), and Account API (account service).

[0377] Applications can include system apps and extended / third-party apps. System apps can include the desktop, control bar, settings, contacts, phone, camera, etc., while extended / third-party apps can include social apps, travel apps, etc.

[0378] In some embodiments, the electronic device 100 can implement the desktop display method of this application based on the aforementioned system basic capability subsystem set. Specifically, the electronic device 100 can detect the aspect ratio of the screen used for display through a multi-modal input subsystem. The multi-modal input subsystem can send the aspect ratio of the currently displayed screen to the UI framework module. The UI framework module can determine the number of desktop pages that can be displayed simultaneously on the current screen, as well as the size of the desktop pages, based on the screen's aspect ratio, and then invoke the graphics subsystem to display the corresponding desktop pages on the screen.

[0379] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the above-described method embodiments.

[0380] This application also provides a computer program product, including a computer program that, when run on a processor, can implement the steps in the various method embodiments described above.

[0381] This application also provides a chip system, which includes a processing circuit and an interface circuit. The interface circuit receives code instructions and transmits them to the processing circuit. The processing circuit executes the code instructions to enable the chip system to implement the steps of any method embodiment of this application. The chip system can be a single chip or a chip module composed of multiple chips.

[0382] It is understood that the user interfaces described in the embodiments of this application are merely example interfaces and do not constitute a limitation on the solution of this application. In other embodiments, the user interface may adopt different interface layouts, may include more or fewer controls, and may add or remove other functional options, as long as they are based on the same inventive concept provided in this application, they are all within the protection scope of this application.

[0383] It should be noted that, without causing contradictions or conflicts, any feature in any embodiment of this application, or any part of any feature, can be combined, and the combined technical solution is also within the scope of the embodiments of this application.

[0384] The above-described embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit it. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

Claims

1. A desktop display method, characterized in that, The method includes: The electronic device detects that the aspect ratio of the screen used for display is a first aspect ratio; The electronic device displays a first set of desktop pages according to the first aspect ratio, and the first set of desktop pages includes the first desktop page; The electronic device detects that the aspect ratio of the screen used for display has changed to a second aspect ratio, which is different from the first aspect ratio; The electronic device displays a second set of desktop pages according to the second aspect ratio. The number of desktop pages in the second set of desktop pages is different from the number of desktop pages in the first set of desktop pages. The second set of desktop pages includes the first set of desktop pages.

2. The method according to claim 1, characterized in that, The first desktop page includes a first group of desktop components, wherein the relative positional relationship of the first group of desktop components under the first aspect ratio is the same as the relative positional relationship of the first group of desktop components under the second aspect ratio.

3. The method according to claim 1 or 2, characterized in that, The aspect ratio of the screen used for display in the electronic device changes in one or more of the following situations: the screen orientation of the electronic device changes from portrait to landscape, and the screen orientation of the electronic device changes from folded to upright.

4. The method according to any one of claims 1-3, characterized in that, The method further includes: When the first set of desktop pages is displayed, the electronic device receives a first operation; In response to the first operation, the electronic device displays a third set of desktop pages, the number of desktop pages in the third set of desktop pages being the same as the number of desktop pages in the first set of desktop pages, and the desktop pages included in the third set of desktop pages being partially or completely different from the desktop pages included in the first set of desktop pages.

5. The method according to any one of claims 1-4, characterized in that, The method further includes: The electronic device detects that the aspect ratio of the screen used for display has changed to a third aspect ratio; The electronic device displays a fourth set of desktop pages according to the third aspect ratio. The number of desktop pages in the fourth set of desktop pages, the number of desktop pages in the second set of desktop pages, and the number of desktop pages in the first set of desktop pages are all different. The fourth set of desktop pages includes the first set of desktop pages.

6. The method according to any one of claims 1-4, characterized in that, The first group of desktop pages contains 1 desktop page, and the second group of desktop pages contains 2 desktop pages; or, The first group of desktop pages contains 1 desktop page, the second group of desktop pages contains 2 desktop pages, and the third group of desktop pages contains 3 desktop pages.

7. The method according to any one of claims 1-6, characterized in that, The first desktop page includes a first set of desktop components, the size of which is different in the first aspect ratio than in the second aspect ratio.

8. The method according to any one of claims 1-5 and 7, characterized in that, The first set of desktop pages includes a second desktop page, which is the desktop page following the first desktop page. The method further includes: While displaying the first set of desktop pages, the electronic device receives a second operation; In response to the second operation, the electronic device swaps the positions of the first desktop page and the second desktop page in the first group of desktop pages; When the aspect ratio of the screen used for display changes to the second aspect ratio, the first desktop page is still the desktop page following the second desktop page.

9. The method according to any one of claims 1-8, characterized in that, The first desktop page includes a first desktop component, the first group of desktop pages includes a third desktop page, and the method further includes: The electronic device receives a third operation; In response to the third operation, the electronic device moves the first desktop component from the first desktop page to a first position on the third desktop page; When the aspect ratio of the screen used for display changes to the second aspect ratio, the first desktop component is still displayed at the first position on the third desktop page.

10. The method according to claim 9, characterized in that, After the electronic device moves the first desktop component from the first desktop page to the first position on the third desktop page, the display position of the desktop component on the first desktop page remains unchanged.

11. The method according to claim 9 or 10, characterized in that, Before the electronic device moves the first desktop component from the first desktop page to a first position on the third desktop page, a second set of desktop components is displayed at the first position; The method further includes: The electronic device displays the second set of desktop components in one or more of the following locations: the second position of the third desktop page, the fourth desktop page, the fifth desktop page, and the sixth desktop page, wherein the fourth desktop page is the desktop page following the third desktop page, the fifth desktop page is the desktop page preceding the third desktop page, and the sixth desktop page is a newly created desktop page by the electronic device.

12. The method according to claim 11, characterized in that, The electronic device displays the second set of desktop components in one or more of the following locations: the second position of the third desktop page, the fourth desktop page, the fifth desktop page, and the sixth desktop page, specifically including: Determine whether the empty space on the third desktop is sufficient to display all the second group of desktop components; If the empty space on the third desktop is sufficient to display all the second set of desktop components, the electronic device displays the second set of desktop components at the second position on the third desktop page; If the empty space on the third desktop cannot display all the second group of desktop components, the electronic device displays part of the second group of desktop components at the second position on the third desktop, and displays the remaining second group of desktop components on one or more desktop pages of the fourth, fifth, and sixth desktop pages.

13. The method according to claim 12, characterized in that, When the remaining second group of desktop components are displayed on one or more of the fourth, fifth, and sixth desktop pages, the display position of the original desktop components on the fourth, fifth, and sixth desktop pages remains unchanged.

14. An electronic device, characterized in that, The electronic device includes a memory and a processor, wherein the memory is used to store a computer program; the processor executes the computer program to implement the method of any one of claims 1-13.

15. A computationally readable storage medium storing instructions, characterized in that, When the instructions are executed by the processor, they implement the method of any one of claims 1-13.

16. A computer program product, characterized in that, The computer program product includes computer instructions that, when executed by a processor, implement the method of any one of claims 1-13.

Images