Page layout method and electronic equipment

Abstract

The invention provides a page layout method and electronic equipment. Folding parameters and breakpoint information can be defined by different types of folding screen equipment in a standardized description mode, and a unified interface is provided for obtaining the folding parameters and the breakpoint information. The breakpoint information may indicate a change in a folded state of the folding screen device. The application can be displayed by adopting a corresponding page layout according to the folding parameter and the breakpoint information. When one or more types of electronic devices are newly added, an application developer can only provide the corresponding page layout according to needs, and layout adaptation does not need to be carried out again. In this way, appropriate page layouts can be provided when the application is applied to different types of folding screen devices and the folding screen devices are in different folding states, the user watching and using experience of the application page is improved, the development cost of the application can be reduced, and the development efficiency of application developers is improved.

Description

Technical Field

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

[0002] With the development of foldable screen devices, the types of foldable screen devices are becoming increasingly diverse. For example, foldable screen devices can include vertical folding screens, horizontal folding screens, single-folding screens, bi-folding screens, tri-folding screens, and other multi-folding screens. The layout of application pages often differs on different types of foldable screen devices. Furthermore, when the folding state of the foldable screen device changes, the application page layout often needs to be changed accordingly. When an application page is displayed on different types of foldable screen devices, or when it is displayed in different folding states of the foldable screen device, problems such as unsightly stretched pages and truncated pages may occur, affecting the user's viewing and use of the application page. Summary of the Invention

[0003] This application provides a page layout method and an electronic device. The foldable screen device can provide folding parameters and breakpoint information to the application, enabling the application to determine the type of foldable screen device and its current folding state. In this way, the application can use the corresponding page layout based on the folding parameters and breakpoint information. This allows for providing suitable page layouts for applications on different types of foldable screen devices and when the foldable screen device is in different folding states, improving the user's viewing and usage experience of the application pages.

[0004] Firstly, this application provides a page layout method. This method is applicable to a first device including a first application. The first device includes a foldable screen and stores first folding parameters, which include one or more of the following: folding direction, maximum number of folds, folding method, folding ratio, and main / sub-screen type. The first device generates first breakpoint information to indicate that the first device is in a first folded state. Based on the first folding parameters and the first breakpoint information, the first device displays the first page of the first application according to a first layout. The first device changes from the first folded state to a second folded state and generates second breakpoint information based on the second folded state. Based on the first folding parameters and the second breakpoint information, the first device displays the first page according to a second layout.

[0005] The first application can be any application in the first device. For example, the first application can be a desktop application. The first page can be the desktop provided by the desktop application. In the embodiments of this application, the first device is... Figures 8A to 8L In the case of the bi-fold screen device shown, if the first fold state is Figures 8A to 8E The folded state shown can be used as a reference for the first layout. Figures 8A to 8E The layout of desktop 810 is shown; if the second folded state is Figures 8G to 8HThe semi-folded state shown can be used as a reference for the second layout. Figures 8G to 8H The layout of desktop 830 is shown; if the second folded state is Figure 8J and Figure 8K The second layout can be referenced from the unfolded state shown. Figure 8J and Figure 8K The layout of desktop 850 is shown. For example, the first application could be a lock screen application. The first page could be the lock screen page provided by the desktop. In the first device described in this embodiment... Figure 9A and Figure 9B In the case of the bi-fold screen device shown, if the first fold state is Figure 9A The semi-folded state shown can be used as a reference for the first layout. Figure 9A The layout of the lock screen page 910 shown; if the second folded state is Figure 9B The second layout can be referenced from the unfolded state shown. Figure 9B The layout of the lock screen page shown is 920.

[0006] As can be seen, the application's page layout can change according to the folding state of the first device. Application developers can design page layouts for various types of foldable screen devices, as well as page layouts for foldable screen devices in different folding states. During operation, the application can adopt a page layout corresponding to the current folding state of the first device based on the first folding parameters and breakpoint information. This ensures that the application provides a suitable page layout on different types of foldable screen devices and when the foldable screen device is in different folding states, reducing issues such as excessive page stretching and page truncation when the folding state changes, and improving the user viewing and usage experience of the application page.

[0007] In conjunction with the first aspect, in some embodiments, after the first device generates the first breakpoint information, the first application obtains the first folding parameters and the first breakpoint information; the first application determines the page layout of the first page when the first device is in a first folded state as a first layout based on the first folding parameters and the first breakpoint information; after the first device generates the second breakpoint information according to the second folded state, the first application obtains the second breakpoint information; the first application determines the page layout of the first page when the first device is in a second folded state as a second layout based on the first folding parameters and the second breakpoint information.

[0008] As can be seen, during operation, the application can obtain the first folding parameters of the first device and the breakpoint information corresponding to the current folding state. Based on these parameters and breakpoint information, it can determine the appropriate page layout for the first page when the first device is in its current folded state. This reduces issues such as excessive page stretching and truncation when displaying the application page on different types of foldable screens or when the folding state of the foldable device changes, thus improving the user experience.

[0009] In conjunction with the first aspect, in some embodiments, the first device includes a first interface and a second interface; wherein the first folding parameter is obtained by the first application using the first interface; and the first breakpoint information and the second breakpoint information are obtained by the first application using the second interface.

[0010] In conjunction with the first aspect, in some embodiments, the size and / or position of page elements of the first page in the first layout are different from the size and / or position of page elements of the first page in the second layout.

[0011] In conjunction with the first aspect, in some embodiments, the folding direction includes horizontal folding and vertical folding; the maximum number of folds includes single folding and double folding; the folding method includes inward folding and outward folding; the folding ratio includes 1:1, 1:1:1, and 1:2; the main and secondary screen types include: the main screen is full-screen and the secondary screen is empty, and the main screen is full-screen and the secondary screen is half-screen. The main screen can be the foldable screen of the first device, and the secondary screen is a screen in the first device that is independent of the foldable screen.

[0012] In conjunction with the first aspect, in some embodiments, the first breakpoint information includes indication information of a first folded state and indication information of the screen being on and off when the first device is in the first folded state; the second breakpoint information includes indication information of a second folded state and indication information of the screen being on and off when the first device is in the second folded state.

[0013] In conjunction with the first aspect, in some embodiments, the second breakpoint information includes the first breakpoint information; based on the first folding parameter and the second breakpoint information, the first device displays an animation corresponding to the page layout of the first page changing from the first layout to the second layout.

[0014] In conjunction with the first aspect, in some embodiments, the page layout method provided in this application can also be applied to a second device including the first application. The second device includes a foldable screen and stores second folding parameters, which include one or more of the following: folding direction, maximum number of folds, folding method, folding ratio, and main / sub-screen type. The second device generates third breakpoint information to indicate that the second device is in a third folded state. Based on the second folding parameters and the third breakpoint information, the second device displays the first page according to the third layout. The second device changes from the third folded state to a fourth folded state and generates fourth breakpoint information based on the fourth folded state. Based on the second folding parameters and the fourth breakpoint information, the second device displays the first page according to the fourth layout. The second folding parameters are different from the first folding parameters.

[0015] The second folding parameter differs from the first folding parameter, which can indicate that the types of the first device and the second device are different. For example, the first device is as described in the embodiments of this application. Figures 3A to 3DThe image shows a horizontally folding bi-fold screen device. The second device is described in the embodiment of this application. Figures 1A to 1C The device shown is a single-fold screen that folds vertically and inwards.

[0016] In some embodiments, the second device may include the first interface and the second interface described above. The first application can obtain the second folding parameters of the second device through the first interface. The first application can obtain the third breakpoint information and the fourth breakpoint information of the second device through the second interface.

[0017] It can be seen that the description methods of folding parameters and breakpoint information for different types of foldable screen devices can be standardized. Furthermore, different types of foldable screen devices can use a unified interface to provide applications with folding parameters and breakpoint information. Application developers can pre-design page layouts for various types of foldable screen devices, as well as page layouts for different folding states, as needed. When adding one or more types of electronic devices, application developers can provide the corresponding page layouts only as needed, without having to re-adapt the layout (e.g., adapting the interface for obtaining folding parameters and breakpoint information, adapting the description methods of folding parameters and breakpoint information, etc.). This not only ensures that applications can provide suitable page layouts on different types of foldable screen devices and when the folding screen devices are in different folding states, improving the user viewing and usage experience of application pages, but also reduces application development costs and improves the development efficiency of application developers.

[0018] In conjunction with the first aspect, in some embodiments, the first device is a device of a first type, and the first folding parameters of the first type of devices are the same; and / or, the second device is a device of a second type, and the second folding parameters of the second type of devices are the same.

[0019] As can be seen, multiple foldable screen devices of the same type have identical folding parameters, which can all be defined using a standardized description method. These devices may differ in one or more aspects, such as device model, manufacturer, thickness, and number of cameras. Because these devices share the same folding parameters, application developers only need to design one page layout suitable for that type of foldable screen device. The application can then use the appropriate page layout at runtime based on the folding parameters and breakpoint information. This eliminates the need for developers to design multiple page layouts for the same type of foldable screen device. For example, developers don't need to design multiple page layouts for multiple foldable screen devices of the same type but different models. This improves development efficiency.

[0020] 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.

[0021] 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.

[0022] 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.

[0023] 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.

[0024] 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

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

[0026] Figures 2A to 2C These are schematic diagrams of other foldable screen devices provided in the embodiments of this application;

[0027] Figures 3A to 3D These are schematic diagrams of other foldable screen devices provided in the embodiments of this application;

[0028] Figure 4A and Figure 4B These are schematic diagrams of other foldable screen devices provided in the embodiments of this application;

[0029] Figures 5A-5C These are schematic diagrams of other foldable screen devices provided in the embodiments of this application;

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

[0031] Figure 7A and Figure 7B This is a schematic diagram of the software structure of the electronic device 100 provided in the embodiments of this application;

[0032] Figures 8A to 8L These are schematic diagrams illustrating some page layout scenarios provided in the embodiments of this application;

[0033] Figure 9A and Figure 9B These are schematic diagrams illustrating other page layout scenarios provided in the embodiments of this application;

[0034] Figure 10 This is a flowchart of a page layout method provided in an embodiment of this application. Detailed Implementation

[0035] 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.

[0036] 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.

[0037] 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.

[0038] An application can provide one or more pages. These pages can be source code written in a specific computer language such as Java or Extensible Markup Language (XML). The page source code is parsed and rendered on the electronic device, ultimately presenting content that the user can recognize. A page can include one or more page elements, such as text, icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0039] For example, a desktop application may provide a desktop view. A lock screen application may provide a lock screen view. A calling application may provide call logs, contact lists, and dial pads.

[0040] A page can have one or more page layouts. Page layouts can be designed by the application developer. A page layout indicates how a page will be displayed. Page layouts can include, but are not limited to: the size of page elements, the position of page elements, the color of page elements, etc. A page's layout can differ on different electronic devices.

[0041] In some embodiments, the application's pages may employ one or more layouts such as static layout, fluid layout, flexible layout, adaptive layout, and responsive layout.

[0042] Fixed layout: The size of page elements is typically measured in pixels (px). In a fixed layout, the size and position of page elements remain unchanged regardless of screen size changes. Therefore, fixed layouts cannot automatically adapt to different screen sizes.

[0043] Fluid layout: Allows page elements to dynamically change size based on the viewport or the size of their parent container. In fluid layout, page elements are typically displayed as percentages. This allows page elements to expand or shrink accordingly when the screen size changes, thus better filling the available space.

[0044] Flexible layout: Use cascading style sheets flexbox (CSSflexbox) to create flexible grid structures. CSS flexbox allows page elements to automatically resize and arrange themselves within a container. This allows applications to layout pages effectively even without knowing the container's size.

[0045] Adaptive layout: Provides specific layout versions for different screen sizes or device types. Electronic devices can use media queries to apply different CSS, or use frames and scripts to dynamically load appropriate layouts. For example, an application can design specific layouts for multiple preset breakpoints. Media queries can monitor various media characteristics such as window width, screen orientation, color depth, and device type. The page layout is adjusted synchronously when media characteristics change. Breakpoints can refer to a range of window width values. The application window can be divided into multiple different value ranges in the width dimension, i.e., multiple different breakpoints. When using adaptive layout, developers can design page layouts corresponding to one or more breakpoints as needed. The application can adopt the layout corresponding to the current breakpoint based on changes in the window width. Table 1 below provides some examples of breakpoint information:

[0046] Breakpoint Name Value range (vp) Equipment Description xs [0，320) Minimum width type device sm [320，520) Small width type equipment md [520，840) Medium width type equipment lg [840，+∞) Large width type equipment

[0047] Table 1

[0048] It's important to note that device screen width can also be divided into multiple ranges. Therefore, the device screen width can also be divided into multiple breakpoints. For example, when the device screen width is within the range [0, 320), the breakpoint can be xs, and the device can be a minimum width device. In full-screen mode, the application window's width is the same as the device screen width. The application can determine breakpoints based on changes in the device screen width and thus adopt the layout corresponding to the current breakpoint.

[0049] The breakpoints described above are merely illustrative examples and should not be construed as limiting the scope of this application. More or fewer breakpoints can be established based on the range of application window width or device screen width.

[0050] Responsive layout: Combining fluid and flexible layout techniques, it uses media queries to adjust the layout, ensuring readability and accessibility of content across different devices. Responsive layout allows a single page to have different layouts for different screen sizes, eliminating the need to design multiple different versions of the page layout for each screen size.

[0051] In some embodiments, a responsive layout may include a grid layout. A grid layout can represent dividing different screen sizes into different numbers of grids based on the screen width of the electronic device, thereby achieving adaptive display of the page. The spacing between the grids can be set.

[0052] With the aforementioned adaptive or responsive layouts, the application's page can respond and adjust accordingly to changes in screen size, achieving page adaptation to screen dimensions. However, these adaptive and responsive layouts struggle to support the page layout requirements of applications when foldable devices change their folded state.

[0053] For example, although the folding state of a foldable device changes, the screen used for display may remain the same. One or more applications may need to change the page layout during the folding process. Because the screen used for display remains unchanged during the folding process, applications using adaptive or responsive layouts cannot detect the change in breakpoints, thus failing to meet the requirement of changing the page layout during the folding process.

[0054] In some embodiments, the screen size used for display on a foldable device in its unfolded state may be the same as or similar to the screen size of a tablet computer. One or more applications may want the layout of their pages on the unfolded foldable device to differ from that on the tablet computer. Because the breakpoints corresponding to the unfolded foldable device and the tablet computer may be the same, applications cannot distinguish whether the screen belongs to the unfolded foldable device or the tablet computer, and therefore cannot use different page layouts on the unfolded foldable device and the tablet computer.

[0055] In some embodiments, the screen on a foldable device may include an irregularly shaped screen, such as a circular screen. The adaptive and responsive layouts described above cannot support the adaptive display of application pages on irregularly shaped screens.

[0056] Furthermore, the interfaces used to pass device information (e.g., device type, folding status, etc.) to applications may differ across different electronic devices. Additionally, the way device information is described may also vary across different electronic devices. When an application needs to be deployed on different electronic devices, it requires different layout adaptations for each device. For example, layout adaptation for electronic devices includes, but is not limited to: calling interfaces provided by the electronic device to obtain device information, identifying the descriptive content of the device information, etc. Therefore, for each new type of electronic device added, the application needs to re-adapt its layout for the new type of electronic device. This increases the application's development cost and reduces the development efficiency of application developers.

[0057] This application provides a page layout method. Different types of electronic devices can use a unified interface to transmit device information to the application. If the electronic device is a foldable screen device, the device information may include folding parameters and breakpoint information. Folding parameters may include information reflecting the foldable screen device type, such as folding direction, maximum number of folds, folding method, folding ratio, and main / secondary screen type. Folding parameters can also be called device parameters, etc. Breakpoint information may include information reflecting changes in the foldable screen device state, such as the current folding state, screen-on state, and breakpoint information from the previous folding state. Breakpoint information can also be called folding state information, device form information, etc. Both the folding parameters and breakpoint information mentioned above can be defined using standardized description methods.

[0058] Because the interfaces used to transmit device information are unified and the description methods for device information are standardized, application developers can pre-design page layouts for various types of foldable screen devices, as well as page layouts for foldable screen devices in different folding states, as needed. During application operation, the application can obtain folding parameters and breakpoint information through the interfaces, and thus adopt the corresponding page layout. When one or more new types of electronic devices are added, application developers can provide the corresponding page layout only as needed, without having to re-adapt the layout (e.g., adapting the interfaces for obtaining folding parameters and breakpoint information, adapting the description methods for folding parameters and breakpoint information, etc.). This not only enables the application to provide appropriate page layouts on different types of foldable screen devices and when the foldable screen device is in different folding states, improving the user viewing and usage experience of the application pages, but also reduces application development costs and improves the development efficiency of application developers.

[0059] The following is an introduction to some of the foldable screen devices involved in this application.

[0060] A foldable screen device can refer to an electronic device that has a foldable screen. A foldable screen can include multiple screens, which can also be referred to as multiple display areas. The angle between these multiple screens can change as the screen is folded.

[0061] Based on one or more of the following information—folding direction, maximum number of folds, folding method, folding ratio, and main / secondary screen type—folding screen devices can be classified into different types.

[0062] Foldable screen devices can fold in either horizontal or vertical directions. Foldable screens, depending on their folding direction, can be categorized as vertical or horizontal. A vertically folding screen can fold vertically. It may have a horizontal folding edge. A vertically folding screen can include multiple screens located above and below the horizontal folding edge. For example, a vertically folding screen can be folded vertically, i.e., folded along the horizontal folding edge to form two screens. A horizontally folding screen can fold horizontally. It may have a vertical folding edge. A horizontally folding screen can include multiple screens located to the left and right of the vertical folding edge. For example, a horizontally folding screen can be folded horizontally, i.e., folded along the vertical folding edge to form two screens.

[0063] The maximum number of folds in a foldable screen device refers to the number of folding edges. Foldable screens, depending on the maximum number of folds, can be categorized as single-fold, double-fold, etc. A single-fold screen refers to a foldable screen with one folding edge. A single-fold screen can be folded to form two screens (i.e., two separate display areas). A double-fold screen refers to a foldable screen with two folding edges. A double-fold screen can be folded to form three screens (i.e., three separate display areas). Double-fold screens can also be called bi-fold screens, etc. Beyond single-fold and double-fold screens, foldable screens can also have more folds (i.e., more folding edges), such as tri-fold screens and other multi-fold screens.

[0064] Foldable screen devices can fold inwards or outwards. Foldable screens, depending on their folding method, can include inward-folding screens and outward-folding screens. An inward-folding screen refers to a foldable screen that folds inwards. When folded, an inward-folding screen is not visible to the user. For example, an inward-folding screen includes a first screen and a second screen. When folded, the first and second screens face each other. An outward-folding screen refers to a foldable screen that folds outwards. When folded, an outward-folding screen remains visible to the user. For example, an outward-folding screen includes a first screen and a second screen. When folded, the first and second screens face away from each other. In some embodiments, the foldable screen of a foldable screen device can fold inwards or outwards.

[0065] The folding ratio of a foldable screen device can refer to the ratio of the screen sizes of the multiple screens included in the foldable screen.

[0066] The main and secondary screen types of a foldable screen device can include one or more information such as the size, position, and shape of the main and secondary screens. The main screen of a foldable screen device can be the foldable screen itself. The secondary screen can be another screen in the foldable screen device that is independent of the foldable screen.

[0067] Figures 1A to 1C The diagrams show some examples of foldable screen devices.

[0068] The electronic device 100 can be a foldable screen device. The foldable screen of the electronic device 100 can be a vertical folding screen, a single folding screen, or an inward folding screen. The folding state of the electronic device 100 can include an unfolded state, a half-folded state, and a folded state. These folding states can also be referred to as folding forms, folding device forms, etc.

[0069] like Figure 1A As shown, the electronic device 100 is in an unfolded state (i.e., the foldable screen of the electronic device 100 is in an unfolded state). The unfolded state can represent the fully unfolded form of the foldable screen. The foldable screen of the electronic device 100 may include a horizontal folding edge, screen A1, and screen B1. Screen A1 may be located above the folding edge. Screen B1 may be located below the foldable screen. In the unfolded state, the angle between screen A1 and screen B1 is 180° or approximately 180°, and screens A1 and B1 may be on the same plane. In the unfolded state, screens A1 and B1 can be displayed as a single screen. The foldable screen of the electronic device 100 can be arranged along the folding edge... Figure 1A Folding in directions 11a and 11b as shown, forming Figure 1B The half-folded state shown.

[0070] like Figure 1B As shown, the electronic device 100 is in a half-folded state (i.e., the foldable screen of the electronic device 100 is in a half-folded state). The half-folded state can be an intermediate form between the unfolded state and the folded state of the foldable screen. In the half-folded state, screens A1 and B1 are visible to the user. The foldable screen of the electronic device 100 can be folded along the folding edge, according to... Figure 1B The directions 12a and 12b shown continue to fold, forming Figure 1C The folded state shown.

[0071] like Figure 1C As shown, the electronic device 100 is in a folded state (i.e., the foldable screen of the electronic device 100 is in a folded state). The folded state can refer to the completely folded shape of the foldable screen. The folded state can also be called the closed state, etc. In the folded state, the angle between screen A1 and screen B1 is 0° or approximately 0°. Since the foldable screen is an inward-folding screen, in the folded state, screen A1 and screen B1 are opposite each other and can be attached together. At this time, the foldable screen (i.e., screens A1 and B1) is not visible to the user.

[0072] In the folded state, screens A1 and B1 can rotate along the fold edge in a direction that moves them away from each other. In this way, the electronic device 100 can be moved from... Figure 1C The folding state change shown is Figure 1B The semi-folded state shown eventually transforms into... Figure 1A The expanded state shown.

[0073] The folding ratio of electronic device 100 can be the ratio of the screen size of screen A1 to the screen size of screen B1. The folding ratio can also refer to the ratio of the screen sizes of the multiple screens included in the foldable screen. For example, if the screen size of screen A1 is the same as the screen size of screen B1, then the folding ratio of electronic device 100 can be 1:1.

[0074] In some embodiments, the electronic device 100 may also have a display screen on the back of the foldable screen. Optionally, this display screen may be located on the back of the A1 screen and / or the B1 screen.

[0075] For example, such as Figure 1C As shown, the electronic device 100 may include a C1 screen. The C1 screen may be located in Figure 1B The back of screen A1 is shown. Screen C1 can be a display screen independent of the foldable screen. The size of screen C1 can be smaller than the size of the foldable screen. Screen C1 can be a rectangular screen, or a circular or other irregularly shaped screen. This application embodiment does not limit the screen shape, screen size, or position of screen C1. In the folded state, screen C1 is visible to the user.

[0076] The C1 screen is optional. In some embodiments, the electronic device 100 may also exclude the C1 screen.

[0077] The foldable screen of electronic device 100 can be referred to as the main screen of electronic device 100. If electronic device 100 includes other screens independent of the foldable screen, then these other screens independent of the foldable screen can be referred to as secondary screens of electronic device 100. The type of main and secondary screens of electronic device 100 can be determined according to the screen size of the main screen and the screen size of the secondary screen. For example, a foldable screen including screen A1 and screen B1 is the main screen of electronic device 100. Figure 1CThe C1 screen shown is the secondary screen of electronic device 100. The screen size of C1 screen is half the screen size of the foldable screen. The main and secondary screen types of electronic device 100 can include: the main screen is full-screen, and the secondary screen is half-screen. The main and secondary screen types of electronic device 100 can be represented by the array [2, -1]. Positive values ​​in array [2, -1] represent the main screen of electronic device 100, and negative values ​​represent the secondary screen. Since the screen size of C1 screen is half the screen size of the foldable screen, the ratio of the main screen size to the secondary screen size can be 2:1. Alternatively, the main and secondary screen types of electronic device 100 can be represented by the array {[1, 1], [1, 0]}. [1, 1] in {[1, 1], [1, 0]} can represent that the main screen is located on both half-screens of electronic device 100 (i.e., containing two screens). [1, 0] in {[1, 1], [1, 0]} can represent that the secondary screen is located on only one half-screen of the electronic device (i.e., having only one separate screen). {[1, 1], [1, 0]} can also reflect the positional relationship between the main and secondary screens. Here, [1, 1] can indicate that the main screen of electronic device 100 includes a first screen (e.g., screen A1) and a second screen (e.g., screen B1). [1, 0] can indicate that the secondary screen of electronic device 100 is located behind the first screen. It is understandable that if the main and secondary screen type of electronic device 100 is {[1, 1], [0, 1]}, then [1, 1] can indicate that the main screen of electronic device 100 includes a first screen (e.g., screen A1) and a second screen (e.g., screen B1). [0, 1] can indicate that the secondary screen of electronic device 100 is located behind the second screen.

[0078] This application does not limit the way the main and secondary screen types of the electronic device 100 are represented.

[0079] Optionally, the main and secondary screen types of the electronic device 100 may also include information describing the screen shape.

[0080] If electronic device 100 has only a main screen and no secondary screen, then the main and secondary screen types of electronic device 100 can include: the main screen is full-screen, and the secondary screen is empty. The main and secondary screen types of electronic device 100 can be represented by the array [2, 0]. The value 2 in [2, 0] indicates that the main screen of electronic device 100 contains two screens, and the value 0 indicates that electronic device 100 has no secondary screen. Alternatively, the main and secondary screen types of electronic device 100 can be represented by the array {[1, 1], [0, 0]}. [1, 1] in {[1, 1], [0, 0]} indicates that the main screen of electronic device 100 contains two screens, and [0, 0] indicates that electronic device 100 has no secondary screen.

[0081] In some embodiments, the electronic device 100 may store folding parameters. Folding parameters may include: foldType, maxFoldCount, foldMode, foldRation, and foldScreenType. Here, foldType can represent the folding direction of the electronic device 100. The value of foldType can be FoldType.VERTICAL (vertical fold) or FoldType.HORIZONTAL (horizontal fold). maxFoldCount can represent the maximum number of folds in the electronic device 100. The value of maxFoldCount can be the number of folded edges included in the folding screen of the electronic device 100. foldMode can represent the folding method of the electronic device 100. The value of foldMode can be FoldMode.INWARD (inward fold) or FoldMode.OUTWARD (outward fold). foldRation can represent the folding ratio of the electronic device 100. foldScreenType can represent the main and secondary screen types of the electronic device 100.

[0082] For example, Figures 1A to 1C The folding parameters of the foldable screen device shown may include:

[0083]

[0084] or, Figures 1A to 1C The foldScreenType of the foldable screen device shown can be represented as {FoldScreenType.FULL, FoldScreenType.HALF}, or as {2, -1}. FoldScreenType.FULL indicates that the main screen of the electronic device 100 is full-screen. FoldScreenType.HALF indicates that the secondary screen of the electronic device 100 is half-screen.

[0085] In some embodiments, the angle α1 between screen A1 and screen B1 can range from [0°, 180°]. Wherein, if α1 ∈ [0°, P1], the electronic device 100 is in a folded state. If α1 ∈ (P1, P2), the electronic device 100 is in a half-folded state. If α1 ∈ [P2, 180°], the electronic device 100 is in an unfolded state. 0° < P1 < P2 < 180°. P1 and P2 can be preset angle thresholds. P1 and P2 can be determined based on the usage habits of a large number of users of foldable screens; or, P1 and P2 can be set by the user in the electronic device 100.

[0086] For example, based on the usage habits of most users, when the angle α1 between screen A1 and screen B1 is greater than 100°, the user is more likely to want to use screen A1 and screen B1 as a whole (i.e., as a complete display), and the folding screen is in the unfolded state. When the angle α1 between screen A1 and screen B1 is less than 80°, the user is more likely to want to use screen C1 alone, and the folding screen is in the closed state.

[0087] Therefore, in this embodiment of the application, the preset angle threshold P1 can be in the range of (0, 80°), and the preset angle threshold P2 can be in the range of [100°, 180°]. For example, the preset angle threshold P1 can be 75°, and the preset angle threshold P2 can be 105°. The above examples are merely for explaining this application and should not be construed as limiting it.

[0088] If the folding screen of electronic device 100 is a vertical folding screen, a single folding screen, or an outward folding screen, then electronic device 100 in the state of Figure 1A In the unfolded state shown, it can be done along the folded edge, according to Figure 1A The screen is folded in the opposite direction of direction 11a and the opposite direction of direction 11b, forming a semi-folded state. For example, the folding parameters of an electronic device 100 having a vertical screen, a single-fold screen, and an outward-folding screen may include:

[0089]

[0090] Figures 2A to 2C Examples of other foldable screen devices are shown in the diagram.

[0091] Among them, the folding screen of electronic device 100 can be a horizontal folding screen, a single folding screen, or an inward folding screen.

[0092] like Figure 2A As shown, the electronic device 100 is in an unfolded state. The folding screen of the electronic device 100 may include a vertical folding edge, screen A2, and screen B2. Screen A2 may be located on the left side of the folding edge. Screen B2 may be located on the right side of the folding edge. In the unfolded state, the angle between screen A2 and screen B2 is 180° or approximately 180°, and screens A2 and B2 may be located on the same plane. In the unfolded state, screens A2 and B2 can be displayed as a single screen. The folding screen of the electronic device 100 can be folded along the folding edge... Figure 2A Folding in directions 21a and 21b as shown, forming Figure 2B The half-folded state shown.

[0093] like Figure 2B As shown, electronic device 100 is in a semi-folded state. In the semi-folded state, screens A2 and B2 are visible to the user. The folding screen of electronic device 100 can be folded along the folding edge, according to... Figure 2B The directions 22a and 22b shown continue to fold, forming Figure 2C The folded state shown.

[0094] like Figure 2C As shown, the electronic device 100 is in a folded state. In the folded state, the angle between screen A2 and screen B2 is 0° or approximately 0°. Since the folded screen is an inward-folding screen, in the folded state, screens A2 and B2 are opposite each other and can be attached together. At this time, the folded screen (i.e., screens A2 and B2) is not visible to the user.

[0095] In some embodiments, the electronic device 100 may also have a display screen on the back of the foldable screen. Optionally, this display screen may be located on the back of the A2 screen and / or the B2 screen.

[0096] For example, such as Figure 2B and Figure 2C As shown, the electronic device 100 may include a C2 screen. The C2 screen may be located behind the A2 screen. The C2 screen may be a display screen independent of the folding screen. The C2 screen can be referred to the aforementioned... Figure 1C The C1 screen shown.

[0097] The angle α2 between screen A2 and screen B2 can range from [0° to 180°]. Electronic device 100 can determine its current folding state based on the value of α2, as detailed in the previous section on determining the folding state based on α1.

[0098] The aspect ratio and main / secondary screen types of electronic device 100 can be referenced from the above. Figures 1A to 1C The introduction is omitted here.

[0099] In some embodiments, the electronic device 100 may store folding parameters of the electronic device 100. Figures 2A to 2C The folding parameters of the foldable screen device shown may include:

[0100]

[0101] If the folding screen of electronic device 100 is a horizontal folding screen, a single folding screen, or an outward folding screen, then electronic device 100 in the state of Figure 2A In the unfolded state shown, it can be done along the folded edge, according to Figure 2A The screen is folded in the opposite direction of direction 21a and the opposite direction of direction 21b, forming a semi-folded state. The embodiments of this application will not elaborate further on the horizontally folded outward-folding screen with only one folding edge.

[0102] Figures 3A to 3D Examples of other foldable screen devices are shown in the diagram.

[0103] Among them, the folding screen of electronic device 100 can be a horizontal folding screen or a bi-folding screen.

[0104] like Figure 3A As shown, the folding screen of the electronic device 100 may include two horizontal folding edges: folding edge 1 and folding edge 2. The folding screen also includes screens A3, B3, and C3. Screens A3 and B3 can be distributed on both sides of folding edge 1 and can rotate around folding edge 1. Screens B3 and C3 can be distributed on both sides of folding edge 2 and can rotate around folding edge 2. Among them, screens A3 and B3 can be folded outward along folding edge 1, that is, screens A3 and B3 can form an outward folding screen. Screens B3 and C3 can be folded inward along folding edge 2, that is, screens B3 and C3 can form an inward folding screen.

[0105] like Figure 3A As shown, the electronic device 100 is in an unfolded state. In the unfolded state, the angle between screen A3 and screen B3 is 180° or approximately 180°, and the angle between screen B3 and screen C3 is 180° or approximately 180°. Screens A3, B3, and C3 can be unfolded into a single plane. In the fully unfolded state, the electronic device 100 can display screens A3, B3, and C3 as a single screen.

[0106] In some embodiments, in the fully unfolded state, the A3 screen can be rotated around the folding edge 1, according to... Figure 3A Rotate in the direction 31a shown; screen C3 can rotate around folded edge 2, according to Figure 3A Rotation in direction 31b is shown. For example, in the fully unfolded state, the angle between screens B3 and C3 remains unchanged, and screen A3 rotates around the folding edge 1 in direction 31a, thus forming the electronic device 100. Figure 3B The half-folded state shown.

[0107] like Figure 3B As shown, electronic device 100 is in a half-folded state. Figure 3B In the semi-folded state shown, the angle between screen A3 and screen B3 is 0° or approximately 0°, and the angle between screen B3 and screen C3 is 180° or approximately 180°. Screen A3 and screen B3 face away from each other. Screens B3 and C3 unfold into a single plane. Figure 3B In the half-folded state shown, the electronic device 100 can display the B3 screen and the C3 screen as a single screen.

[0108] In some embodiments, Figure 3B In the semi-folded state shown, screen B3, together with screen A3, can be rotated around folding edge 2, according to... Figure 3B Rotate in the direction 32a shown; screen C3 can rotate around folded edge 2, according to Figure 3B Rotate in the direction shown in 32b. For example, in Figure 3BIn the semi-folded state shown, the angle between screens A3 and B3 remains unchanged, screen B3 rotates about folding edge 2 in direction 32a, and / or screen C3 rotates about folding edge 2 in direction 32b, and electronic device 100 can form Figure 3C The folded state shown.

[0109] like Figure 3C As shown, the electronic device 100 is in a folded state. In the folded state, the angle between screen A3 and screen B3 is 0° or approximately 0°, and the angle between screen B3 and screen C3 is 0° or approximately 0°. Screens A3 and B3 face away from each other. Screens B3 and C3 face each other. In the folded state, screen A3 is visible to the user, while screens B3 and C3 are not visible to the user. The electronic device 100 can use screen A3 for display.

[0110] As can be seen, when the electronic device 100 with a bi-fold screen is in an unfolded, half-folded, or folded state, any two adjacent screens (e.g., screen A3 and screen B3, or screen B3 and screen C3) are either fully unfolded or fully folded. The fully unfolded state can refer to an angle of 180° or approximately 180° between two adjacent screens. The fully folded state can refer to an angle of 0° or approximately 0° between two adjacent screens.

[0111] like Figure 3D As shown, the electronic device 100 is in a support state. The support state can refer to a state where two adjacent displays in a folding screen are partially unfolded. This partially unfolded state is between the fully unfolded state and the fully folded state. When the electronic device 100 is in... Figure 3A In the unfolded state shown, screen A3 rotates about folding edge 1 in direction 31a, and screen C3 rotates about folding edge 2 in direction 31b, thus forming the electronic device 100. Figure 3D The support structure is shown. In Figure 3D In the support configuration shown, the angle α3 between screen A3 and screen B3, and the angle β3 between screen B3 and screen C3 are both greater than 0° and less than 180°.

[0112] In some embodiments, Figure 3D In the bracket configuration shown, the A3 screen is folded around edge 1 according to... Figure 3D Rotate in the direction 33a shown, and screen C3 rotates around the folded edge 2 according to Figure 3D When rotated in the direction 33b shown, the electronic device 100 can form Figure 3C The folded state shown. That is to say, the electronic device 100 in the unfolded state can be folded through... Figure 3D The support structure shown is further folded to form... Figure 3C The folded state shown.

[0113] The scaling ratio of electronic device 100 can be the ratio of the screen size of A3 screen, B3 screen, and C3 screen. For example, if the screen sizes of A3 screen, B3 screen, and C3 screen are the same, then the scaling ratio of electronic device 100 can be 1:1:1.

[0114] In some embodiments, the electronic device 100 may have other displays independent of the foldable screen on the back of the foldable screen. Optionally, this display may be located on the back of any one or more screens among the A3 screen, B3 screen, and C screen.

[0115] If electronic device 100 has only a main screen containing screens A3, B3, and C3, and no secondary screens, then the main and secondary screen types of electronic device 100 can include a full-screen main screen and a half-screen secondary screen. The main and secondary screen types of electronic device 100 can be represented by the data [3, 0]. The value 3 in [3, 0] indicates that the main screen of electronic device 100 contains three screens, and the value 0 indicates that electronic device 100 has no secondary screens. Alternatively, the main and secondary screen types of electronic device 100 can be represented by the array {[1, 1, 1], [0, 0, 0]}. In {[1, 1, 1], [0, 0, 0]}, [1, 1, 1] indicates that the main screen of electronic device 100 contains three screens, and [0, 0, 0] indicates that electronic device 100 has no secondary screens.

[0116] If the main and secondary screen types of electronic device 100 are {[1, 1, 1], [1, 0, 0]}, then [1, 1, 1] can indicate that the main screen of electronic device 100 includes three screens: a first screen (e.g., screen A3), a second screen (e.g., screen B3), and a third screen (e.g., screen C3). [1, 0, 0] can indicate that the secondary screen of electronic device 100 includes one screen, and the secondary screen is located behind the first screen in the main screen.

[0117] In some embodiments, the angle α3 between screen A3 and screen B3 can range from [0°, 180°]. The angle β3 between screen B3 and screen C3 can range from [0°, 180°]. The electronic device 100 can determine its folding state based on the values ​​of α3 and β3. For example, if α3 ∈ [0°, P1] and β3 ∈ [0°, P1], the electronic device 100 is in a folded state. If α3 ∈ [0°, P1] and β3 ∈ [P2, 180°], the electronic device 100 is in a half-folded state. If α3 ∈ [P2, 180°] and β3 ∈ [P2, 180°], the electronic device 100 is in an unfolded state. If α3 ∈ (P1, P2) and β3 ∈ (P1, P2), the electronic device 100 is in a support state. The values ​​of P1 and P2 can be found in the description of the foregoing embodiments.

[0118] Figures 3A to 3DThe folding parameters of the foldable screen device shown may include:

[0119]

[0120] Alternatively, the primary / secondary screen type `foldScreenType` can also be represented as `{FoldScreenType.FULL, FoldScreenType.NULL}`, or as `{3, 0}`. `FoldScreenType.NULL` can indicate that electronic device 100 has no secondary screen.

[0121] Figure 4A and Figure 4B Examples of other foldable screen devices are shown in the diagram.

[0122] like Figure 4A As shown, the folding screen of electronic device 100 can be a horizontal folding screen or a bi-folding screen. Specifically, the folding screen of electronic device 100 can include screen A4, screen B4, and screen C4. Screens A4 and B4 can fold inward along the folding edge, meaning screens A4 and B4 can form an inward folding screen. Screens B4 and C4 can also fold inward along the folding edge, meaning screens B4 and C4 can form an inward folding screen.

[0123] like Figure 4A As shown, screen A4 can rotate around the folded edge in direction 41a, causing the angle α4 between screen A4 and screen B4 to gradually decrease. The value of α4 can be in the range of [0°, 180°]. Screen C4 can rotate around the folded edge in direction 41b, causing the angle β4 between screen B4 and screen C4 to gradually decrease. The value of β4 can be in the range of [0°, 180°].

[0124] The folding state of the electronic device 100 can be determined based on the size of α4 and β4. For details, please refer to the above introduction on determining the folding state of the electronic device 100 based on the size of α3 and β3.

[0125] Figure 4A The folding parameters of the foldable screen device shown may include:

[0126]

[0127]

[0128] like Figure 4B As shown, the folding screen of electronic device 100 can be a horizontal folding screen or a bi-folding screen. Specifically, electronic device 100 may include screen A5, screen B5, and screen C5. Screens A5 and B5 can fold outwards along their folding edges, meaning screens A5 and B5 can form an outward-folding screen. Screens B5 and C5 can also fold outwards along their folding edges, meaning screens B5 and C5 can form an outward-folding screen.

[0129] like Figure 4B As shown, screen A5 can rotate around the folded edge in direction 42a, causing the angle α5 between screen A5 and screen B5 to gradually increase. The value of α5 can be in the range of [0°, 180°]. Screen C5 can rotate around the folded edge in direction 42b, causing the angle β5 between screen B5 and screen C5 to gradually increase. The value of β5 can be in the range of [0°, 180°].

[0130] The folding state of the electronic device 100 can be determined based on the size of α5 and β5. For details, please refer to the above introduction on determining the folding state of the electronic device 100 based on the size of α3 and β3.

[0131] Figure 4B The folding parameters of the foldable screen device shown may include:

[0132]

[0133] Figure 4A and Figure 4B The scaling ratio and main / sub-screen types of the electronic device 100 shown can be used as a reference. Figures 3A to 3D Introduction.

[0134] Figures 5A-5C Examples of other foldable screen devices are shown in the diagram.

[0135] like Figure 5A As shown, the foldable screen of electronic device 100 can be a horizontal folding screen or a single folding screen. The foldable screen of electronic device 100 can include an A6 screen and a B6 screen. The A6 screen can be located on the left side of the folding edge, and the B6 screen can be located on the right side. The screen size of the A6 screen can be different from that of the B6 screen. For example, the screen size of the A6 screen may be half the screen size of the B6 screen. The folding ratio of electronic device 100 can be 1:2.

[0136] like Figure 5B As shown, the folding screen of electronic device 100 can be an inward folding screen. Screen A6 can rotate around the folding edge in direction 51a, and screen B6 can rotate around the folding edge in direction 51b, so that the included angle α6 between screens A6 and B6 gradually decreases. The value range of α6 can be [0°, 180°]. Electronic device 100 can determine the folding state of electronic device 100 according to the size of α6, and for details, please refer to the above introduction on determining the folding state based on α1.

[0137] Figure 5B The folding parameters of the foldable screen device shown may include:

[0138]

[0139] Alternatively, the primary and secondary screen type foldScreenType can also be represented as {FoldScreenType.FULL,FoldScreenType.NULL}, or as {3,0}.

[0140] like Figure 5C The folding screen of the electronic device 100 can be an outward-folding screen. Screen A6 can rotate around the folding edge in direction 52a, and screen B6 can rotate around the folding edge in direction 52b, so that the included angle α7 between screens A6 and B6 gradually increases. The value range of α7 can be [0°, 180°]. The electronic device 100 can determine the folding state of the electronic device 100 according to the size of α7, and for details, please refer to the above introduction on determining the folding state based on α1.

[0141] Figure 5C The folding parameters of the foldable screen device shown may include:

[0142]

[0143] Figures 5A-5C The main and secondary screen types of the electronic device 100 shown can be referenced. Figures 1A to 1C Introduction.

[0144] As can be seen, the description methods of folding parameters for different types of foldable screen devices are standardized. Any newly added type of foldable screen device can have its folding parameters represented using the description methods provided in this application embodiment. Furthermore, the folding parameter acquisition interface for applications to obtain folding parameters can be the same across different types of foldable screen devices. This eliminates the need for applications to re-adapt their layouts to different types of foldable screen devices. Application developers can design page layouts for various types of foldable screen devices, allowing the application to adopt the corresponding page layout based on the folding parameters at runtime. This enables applications to provide suitable page layouts on different types of foldable screen devices, improving the user experience and viewing experience of the application pages.

[0145] In some embodiments, the foldable screen of the electronic device 100 can be a single, integrated screen. For example, the foldable screen can be a flexible foldable screen. A flexible foldable screen includes folding edges made of a flexible material. Part or all of the flexible foldable screen is made of a flexible material. That is to say, the above... Figure 1A and Figure 1B The A1 and B1 screens shown can be complete screens with an integrated structure. Figure 2A and Figure 2B The A2 and B2 screens shown can be complete screens with an integrated structure. Figures 3A to 3D The A3, B3, and C3 screens shown can be complete screens with an integrated structure. Figure 4AThe A4, B4, and C4 screens shown can be complete screens with an integrated structure. Figure 4B The A5, B5, and C5 screens shown can be complete screens with an integrated structure. Figures 5A-5C The A6 screen, B6 screen, and C6 screen shown can be complete screens with an integrated structure.

[0146] In some embodiments, the foldable screen of the electronic device 100 can be a multi-screen foldable screen, which can consist of multiple independent displays. These multiple displays can be connected sequentially via a folding axis or a hinge. Each display can rotate about the folding axis or hinge connected to it, thereby realizing the folding of the multi-screen foldable screen.

[0147] It should be noted that the foldable screen device and its corresponding folding parameters described above are merely illustrative examples of this application. One or more of the folding parameters may also be defined using other names and representations. This application does not limit the folding direction, maximum number of folds, folding method, folding ratio, or main / sub-screen type of the foldable screen device.

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

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

[0150] like Figure 6 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.

[0151] 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.

[0152] 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.

[0153] 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.

[0154] 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.

[0155] In this application, a computer program may be stored in the memory to enable a controller or processor to implement the wallpaper display method of this application through an interface or protocol. For example, the computer program in the memory may be used to: identify the folded state of the electronic device 100; report the folding parameters and breakpoint information of the electronic device 100 to the application program in the application layer; update the breakpoint information of the electronic device 100 according to changes in the folding state; and adopt a corresponding page layout according to the folding parameters and breakpoint information of the electronic device 100.

[0156] 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.

[0157] 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.

[0158] 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.

[0159] 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.

[0160] 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.

[0161] 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.

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

[0163] 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.

[0164] 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.

[0165] 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.

[0166] 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.

[0167] 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.

[0168] 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.

[0169] 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.

[0170] 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.

[0171] 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.

[0172] The gyroscope sensor can be used to determine the motion posture of the electronic device 100. In some embodiments, the gyroscope sensor can determine the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes). The gyroscope sensor can also determine the offset angle of the electronic device 100. In some embodiments, the electronic device 100 can detect the angle (i.e., folding angle) between two adjacent screens included in the folding screen using the gyroscope sensor. The two adjacent screens can rotate along the same folding edge. The display screen 194 of the electronic device 100 can be folded and may include multiple screens. Each of these multiple screens can be equipped with a gyroscope sensor, which can be used to measure the orientation (i.e., the orientation direction vector) of the corresponding screen. The electronic device 100 can determine the angle between adjacent screens based on the change in the orientation angle of each screen measured by the gyroscope sensor.

[0173] An accelerometer can detect the magnitude of acceleration of an electronic device 100 in various directions (typically three axes). In some embodiments, the accelerometer can be used to identify the posture of the electronic device 100, and can be applied to applications such as screen orientation switching and pedometers.

[0174] Magnetic sensors may include Hall sensors, magnetometers, and the like. In some embodiments, electronic device 100 can detect the folded state of electronic device 100 using a magnetic sensor.

[0175] An angle sensor can be used to detect the folding angle of the foldable screen of the electronic device 100. In some embodiments, the angle sensor can be located at the folding portion of the foldable screen, for example, at the location of the folding edge. Based on the folding angle, the electronic device 100 can determine the folding state. This application does not limit the method by which the electronic device 100 detects the folding angle of the foldable screen.

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

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

[0178] 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.

[0179] Figure 7A and Figure 7B An exemplary schematic diagram of the software structure of an electronic device 100 is shown.

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

[0181] A layered architecture can divide software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the software structure of electronic device 100 may include an application layer, a system service layer, a hardware device interface (HDI), a user-mode driver, and a kernel-mode driver. Electronic device 100 may also include a hardware layer.

[0182] The application layer can include a series of application packages. For example... Figure 7A As shown, the application layer may include desktop applications, music applications, sleep / wake-up applications, always-on display (AOD) applications, call applications, and so on. Applications in the application layer can obtain the folding parameters and breakpoint information of the electronic device 100, and perform page layout based on these parameters and breakpoint information.

[0183] The system service layer may include sensor services, window management services, graphics services, power services, AOD services, multi-mode services, etc.

[0184] The sensor service can be used to receive the folding status of the electronic device 100 reported by the lower-level driver.

[0185] like Figure 7B As shown, the sensor service can transmit the folded state of the electronic device 100 to system services such as window management service, graphics service, power service, AOD service, and multi-mode service.

[0186] The window management service can be used to manage window applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture the screen, among other things.

[0187] Graphics services can be used to obtain the page layout of an application and render it.

[0188] Power services can be used to restart the system, control the screen's on / off state, and query the system's power status.

[0189] AOD service can be used in conjunction with AOD applications to enable always-on display functionality.

[0190] Multimodal services can provide users with a rich variety of human-computer interaction methods. A multimodal input service may include an input device management module, an input event receiving module, an input event preprocessing module, and an input event distribution module. The input device management module manages the attribute information of input devices, encapsulates listener interfaces for upper-layer modules, and monitors the peripheral status of input devices. The aforementioned input devices can refer to devices capable of receiving user input, including but not limited to: touchscreens, fingerprint sensors, cameras, microphones, etc. The input event receiving module receives input events from input devices. The input event preprocessing module performs unified operations such as transformation, normalization, and standardization on input events. The input event distribution module distributes the preprocessed input events to the corresponding processing programs for processing.

[0191] In some embodiments, one or more system services such as window management service, power service, AID service, and multi-mode service can generate breakpoint information based on the folding state sent by the sensor service and provide a breakpoint interface to the application at the application layer. The system service can pass the breakpoint information to the application through the breakpoint interface.

[0192] The system service generates breakpoint information that can include: foldStatus, foldScreenStatus, and preBreakpoint. foldStatus represents the folded state of electronic device 100. The value of foldStatus can be an array, which can include the folding angles corresponding to all folded edges of electronic device 100. Optionally, the value of foldStatus can also include fields indicating the folded state. foldScreenStatus represents the screen illumination status of electronic device 100. The value of foldScreenStatus can include two arrays. These two arrays are used to indicate the screen illumination status of the main screen and secondary screen of electronic device 100, respectively, and the length of these two arrays can be determined by the maximum number of folds of electronic device 100. For example, if the maximum number of folds of electronic device 100 is 1, the length of the array in foldScreenStatus can be 2. If the maximum number of folds of electronic device 100 is 2, the length of the array in foldScreenStatus can be 3. preBreakpoint represents the breakpoint information of the previous folded state of electronic device 100. Electronic device 100 can detect its current folded state at regular intervals (e.g., 20 milliseconds or 30 milliseconds). The breakpoint information of the previous folded state can refer to the breakpoint information determined relative to the previous folded state detection. The breakpoint information of the previous folded state can be used to implement page layout in scenarios where the folded state changes continuously. For example, the application can display corresponding animation effects as the electronic device 100 changes from a folded state to an unfolded state.

[0193] For example, the aforementioned Figures 1A to 1C The foldable screen device shown is in the state Figure 1A In the folded state shown, breakpoint information may include:

[0194]

[0195] The foregoing Figures 3A to 3D The foldable screen device shown is in the state Figure 3B In the half-fold state shown, the breakpoint information may include:

[0196]

[0197] In some embodiments, the foldStatus and foldScreenStatus in the breakpoint information can be combined into a single parameter.

[0198] For example, the aforementioned Figures 1A to 1C The foldable screen device shown is in the state Figure 1AIn the folded state shown, breakpoint information may include:

[0199]

[0200]

[0201] The foregoing Figures 3A to 3D The foldable screen device shown is in the state Figure 3B In the half-fold state shown, the breakpoint information may include:

[0202]

[0203] The breakpoint information described above is merely an illustrative example and should not be construed as limiting the scope of this application. Breakpoint information may include more or fewer items of information. One or more items of breakpoint information may also be defined with other names and representations.

[0204] As can be seen, compared to dividing breakpoints solely based on screen width or window width, the breakpoint information provided in this embodiment better reflects changes in the folding state of the foldable device, allowing applications to adjust page layouts promptly as the folding state changes. Application developers can design page layouts for different folding states, enabling applications to adopt corresponding layouts based on breakpoint information during runtime. This allows applications to provide appropriate page layouts when the foldable device is in different folding states, improving the user experience of viewing and using the application pages.

[0205] In some embodiments, the window management service can identify the application to which the window currently displayed on the screen belongs (i.e., the foreground application), and then send breakpoint information to the foreground application through the breakpoint interface. For example, the foreground application can be a desktop application, a music application, a call application, etc. In this way, the foreground application can promptly adopt the corresponding page layout based on the breakpoint information when the folded state of the electronic device 100 changes.

[0206] In some embodiments, the power service can send breakpoint information to the sleep / wake application via the breakpoint interface. This allows the sleep / wake application to adjust the screen's on / off state in a timely manner based on the breakpoint information as the folded state of the electronic device 100 changes. The sleep / wake application can also send the on-screen information to the graphics service via the power service, enabling the graphics service to perform graphics rendering on the on-screen display.

[0207] In some embodiments, the AOD service can send breakpoint information to the AOD application via a breakpoint interface. This allows the AOD application to adjust the display position of the AOD and play corresponding AOD motion effects in a timely manner based on the breakpoint information as the folded state of the electronic device 100 changes. The AOD application can also send the AOD content to be displayed to the graphics service via the AOD service, so that the graphics service can render the corresponding AOD content on the screen.

[0208] In some embodiments, the breakpoint information mentioned above may be generated by a sensor service. For example, when receiving a folding state reported by a lower-level driver, the sensor service can generate breakpoint information based on the folding state and pass the breakpoint information to one or more services such as the window management service, graphics service, power service, AOD service, and multi-mode service. Then, one or more services such as the window management service, graphics service, power service, AOD service, and multi-mode service can send the breakpoint information to the application in the application layer through the breakpoint interface.

[0209] In some embodiments, the system service layer may further include a folding parameter acquisition interface. Applications in the application layer can call the folding parameter acquisition interface to obtain the folding parameters of the electronic device 100. This application embodiment does not limit the implementation methods of the above-mentioned breakpoint interface and folding parameter acquisition interface.

[0210] HDI (Hardware Interface) can be a standardized hardware description interface provided by a hardware driver foundation (HDF) for developers. HDI can be used to provide standardized hardware device interfaces for upper-layer applications or services. HDI can provide a unified implementation path for hardware access, shielding the specific implementation of hardware interfaces, achieving decoupling between system software and hardware architecture, thereby improving development efficiency.

[0211] User-mode drivers may include a folding posture feedback module, a screen management, layer control and compositing module, a display memory management framework, and a screen touch management module.

[0212] The folding attitude feedback module can be used to acquire data collected by sensors (e.g., data collected by one or more sensors such as angular velocity sensors, angle sensors, and magnetic sensors) from the sensor driver in kernel mode. The folding attitude feedback module can determine the folding state of the electronic device 100 based on the sensor data and send the folding state of the electronic device 100 to the aforementioned sensor service via HDI. In some embodiments, the folding attitude feedback module can be a sensor HDI Host.

[0213] The screen management, layer control, and compositing module can be used for window compositing and display. Specifically, this module can receive layer information from graphics services, including the content, position, and transparency of each graphic, and use hardware acceleration to composite these images on the screen. This eliminates the need for software rendering via the GPU or CPU, reducing the burden on the GPU and CPU and improving the display performance of the electronic device 100. In some embodiments, the screen management, layer control, and compositing module can be a hardware composer (HWC) HDI host.

[0214] The display memory management module can be used to manage the display memory in the electronic device 100. In some embodiments, the display memory management framework may be a gralloc HDI host.

[0215] The screen touch management module can be used to manage user operations on the touchscreen of the electronic device 100. In some embodiments, the screen touch management module may be an input HDI host.

[0216] Kernel-mode drivers may include sensor drivers, AOD drivers, framebuffers, display subsystem (DSS) drivers, panel drivers, and touch panel (TP) drivers.

[0217] The hardware layer of the electronic device 100 may include sensors, a display subsystem (DSS), an organic light-emitting diode (OLED), a touch panel, and so on.

[0218] The sensors in the hardware layer can be referred to in the foregoing. Figure 6 The sensor module 180 is shown. The sensor can report the collected data to the sensor driver. Then, the sensor driver can report the data collected by the sensor to the folding attitude feedback module.

[0219] AOD driver can be used to display AOD content. In some embodiments, the graphics service can send AOD content to the screen management, layer control, and compositing module via HDI. The screen management, layer control, and compositing module can perform layer compositing on the AOD content to be displayed and instruct the AOD driver to display the AOD content.

[0220] Frame buffers can be used to cache content displayed on the screen. Screen management, layer control, and compositing modules can modify the content displayed on the screen by modifying the content in the frame buffer.

[0221] The display subsystem can be used to retrieve video or images from the frame buffer and output them to the display panel via an interface. The display panel can be an OLED. However, it is not limited to OLED; other display panels can include liquid crystal displays (LCDs), active-matrix organic light-emitting diodes (AMOLEDs), flexible light-emitting diodes (FLEDs), MiniLEDs, MicroLEDs, Micro-OLEDs, quantum dot light-emitting diodes (QLEDs), etc.

[0222] In some embodiments, the display subsystem driver can retrieve display content from the frame buffer and pass the display content to the display panel driver. The display panel driver can then control the display subsystem and the OLED to perform the display.

[0223] A touch panel can be installed on the screen. The touch panel can detect touch operations on the screen, including but not limited to: single click, double click, long press, and swipe. The touch panel can report the detected touch operations to the touch panel driver. The touch panel driver can then report the touch operations to the multi-mode service through the screen touch management module. The multi-mode service can then report the touch operations to the relevant applications to implement the corresponding functions.

[0224] The following uses a two-fold screen as an example to introduce the page layout scenario provided in the embodiments of this application.

[0225] Figures 8A to 8L Examples of page layout scenarios are shown.

[0226] For foldable screen devices with a bi-fold screen, please refer to the above. Figures 3A to 3D Introduction.

[0227] like Figure 8A As shown, the electronic device 100 is in a folded state. The electronic device 100 can display the desktop 810 on its first screen. The second and third screens of the electronic device 100 can both be in a screen-off state. The first screen can be referenced as described above. Figure 3A The A3 screen shown is shown. The second screen can be referenced from the previous description. Figure 3A The image shows screen B3. The third screen can be referenced from the previous section. Figure 3A The C3 screen shown.

[0228] Desktop 810 may include one or more indicators (e.g., indicator 811A, indicator 811B, indicator 811C, indicator 811D, indicator 811E, indicator 811F), application dock 812, and desktop page 813.

[0229] Desktop page 813 can contain one or more desktop widgets. Desktop widgets can include, but are not limited to, app icons, cards, application folders, etc. For example, desktop page 813 may include... Figure 8A The app icons shown are 5 to 16.

[0230] In some embodiments, the electronic device 100 may include one or more desktop pages. These desktop pages may be preset or user-defined. Different desktop pages may include different desktop components.

[0231] The indicators in desktop 810 can be used to indicate the positional relationship between the currently displayed desktop page and other desktop pages in electronic device 100. Through these indicators, the user can know which desktop page is currently being viewed. In some embodiments, electronic device 100 includes a negative one screen. The indicators in desktop 810 may also include indicators for indicating the negative one screen.

[0232] For example, indicator 811A can be used to indicate the negative one screen. Indicator 811B can be used to indicate desktop page 813. Indicators 811C to 811F can be used to indicate the four desktop pages located to the right of desktop page 813. The display style of indicator 811A used to indicate the negative one screen can be different from the display style of the indicators used to indicate desktop pages (e.g., indicators 811B to 811F).

[0233] like Figure 8A As shown, when desktop page 813 is displayed on desktop 810, the indicator 811B used to indicate desktop page 813 can be selected. Other indicators can be deselected.

[0234] In response to user actions used to switch desktop pages (such as swiping left or right on the area where the desktop page is located), the electronic device 100 can switch the desktop pages displayed on the desktop. The selected indicator can change as the desktop page is switched.

[0235] Dock 812 can be used to place one or more desktop widgets. For example, dock 812 can contain app icons 1 through 4. Dock 812 can be fixed to the bottom of desktop 810. Desktop widgets in dock 812 can remain visible when switching desktop pages. The app dock can also be called an application tray, application navigation bar, etc.

[0236] In response to Figure 8A The electronic device 100 can display the leftward swipe gesture shown. Figure 8B The desktop 810 shown is shown. The electronic device 100 can change the desktop page displayed on the first screen. Figure 8A The desktop page 813 shown has been switched to Figure 8B The desktop shown is page 814.

[0237] like Figure 8B As shown, when switching from desktop page 813 to desktop page 814, the selected indicator in desktop 810 can be changed by... Figure 8A The indicator 811B shown is switched to Figure 8B The indicator 811C is shown. Additionally, dock 812 can remain displayed. It can be seen that indicator 811C can be used to indicate desktop page 814. Desktop page 814 can be the desktop page adjacent to desktop page 813 to the right of desktop page 813.

[0238] In response to Figure 8B The electronic device 100 can display the leftward swipe gesture shown. Figure 8C The desktop 810 shown is shown. The electronic device 100 can change the desktop page displayed on the first screen. Figure 8B The desktop page 814 shown is switched to Figure 8C The desktop shown is page 815.

[0239] like Figure 8C As shown, when switching from desktop page 814 to desktop page 815, the selected indicator in desktop 810 can be changed by... Figure 8B The indicator 811C shown is switched to Figure 8C The indicator 811D is shown. It can be seen that indicator 811D can be used to indicate desktop page 815. Desktop page 815 can be the desktop page adjacent to desktop page 814 on the right.

[0240] In response to Figure 8C The electronic device 100 can display the leftward swipe gesture shown. Figure 8DThe desktop 810 shown is shown. The electronic device 100 can change the desktop page displayed on the first screen. Figure 8C The desktop page 815 shown is switched to Figure 8D The desktop page 816 is shown.

[0241] like Figure 8D As shown, when switching from desktop page 815 to desktop page 816, the selected indicator in desktop 810 can be changed by... Figure 8C The indicator 811D shown is switched to Figure 8D The indicator 811E is shown. It can be seen that indicator 811E can be used to indicate desktop page 816. Desktop page 816 can be the desktop page adjacent to desktop page 815 to the right of desktop page 815.

[0242] In response to Figure 8D The electronic device 100 can display the leftward swipe gesture shown. Figure 8E The desktop 810 shown is shown. The electronic device 100 can change the desktop page displayed on the first screen. Figure 8D The desktop page 816 shown has been switched to Figure 8E The desktop shown is page 817.

[0243] like Figure 8E As shown, when switching from desktop page 816 to desktop page 817, the selected indicator in desktop 810 can be changed by... Figure 8D The indicator 811E shown is switched to Figure 8E The indicator 811F is shown. It can be seen that indicator 811F can be used to indicate desktop page 817. Desktop page 817 can be the desktop page adjacent to desktop page 816 on the right.

[0244] It is displayed on the desktop 810. Figure 8A In the case of desktop page 813 as shown, in response to a rightward swipe operation on desktop 810, electronic device 100 can display... Figure 8F The negative one screen 820 is shown. This application embodiment does not limit the content included in the negative one screen 820.

[0245] In some embodiments, when electronic device 100 from Figure 8A The folded state shown changes to Figure 8G The semi-folded state shown can be displayed by the desktop application based on the folding parameters and breakpoint information of the electronic device 100. Figure 8G The desktop shown is 830.

[0246] like Figure 8GAs shown, in the half-folded state, the first screen of the electronic device 100 can be in a screen-off state, and the electronic device 100 can display the desktop 830 on the second and third screens. The desktop 830 may include two desktop pages: desktop page 813 and desktop page 814. The desktop 830 may also include one or more indicators (e.g., indicators 811A to 811F), and dock 831.

[0247] like Figure 8G As shown, the electronic device 100 can display desktop page 813 on the second screen and desktop page 814 on the third screen. The electronic device 100 can display indicators and dock 831 on the second and third screens. Indicators 811A to 811F can be referred to the description in the foregoing embodiments. Since desktop page 813 and desktop page 814 are currently displayed on the screen, indicators 811B for desktop page 813 and 811C for desktop page 814 are both selected. The desktop components included in dock 831 are the same as described above. Figure 8A The dock 812 shown contains the same desktop components. Because the dock 831 has a larger display area, the spacing between the desktop components in dock 831 can be larger than the spacing between them in dock 812. It can be seen that... Figure 8A The dock812 shown is only displayed on the first screen. Figure 8G The dock831 layout shown is displayed on the second and third screens.

[0248] In response to Figure 8G The electronic device 100 can display the leftward swipe gesture shown. Figure 8H The desktop 830 is shown. The electronic device 100 can move desktop page 813 off the screen and move the next desktop page (i.e., desktop page 815) on the screen. In other words, the electronic device 100 can move the desktop pages displayed on the second and third screens from... Figure 8G The desktop pages 813 and 814 shown are switched to Figure 8H The desktop pages 814 and 815 are shown.

[0249] like Figure 8H As shown, electronic device 100 can display desktop page 814 on the second screen and desktop page 815 on the third screen. Electronic device 100 can control the selected indicator... Figure 8G Indicators 811B and 811C shown are switched to Figure 8H Indicators 811C and 811D are shown. Dock 831 can remain unchanged.

[0250] It is displayed on the desktop 830. Figure 8G In the case of desktop pages 813 and 814, in response to a rightward swipe operation on desktop 830, electronic device 100 can display... Figure 8I The negative one screen 840 and the desktop 841 containing the desktop page 813 are shown.

[0251] like Figure 8I As shown, the electronic device 100 can display the negative screen 840 on the second screen and move the desktop page 813 from... Figure 8G The second screen shown moves to the right. Figure 8I The third screen shown. The negative one screen 840 can be the aforementioned... Figure 8F The negative one screen 820 is shown. Furthermore, the electronic device 100 can also display indicators (e.g., indicators 811A to 811F) from... Figure 8G The positions shown on the second and third screens have been moved to... Figure 8I The image shown is located only on the third screen and is displayed on the third screen. Figure 8I The dock 832 is shown. Since the current screen displays the negative one screen 840 and desktop page 813, therefore, in Figure 8I In the middle, the indicator 811A used to indicate the negative one screen 840 and the indicator 811B used to indicate the desktop page 813 can be selected.

[0252] In some embodiments, when the electronic device 100 changes to Figure 8J As shown in the unfolded state, the desktop application can display [the information] based on the folding parameters and breakpoint information of the electronic device 100. Figure 8J The desktop shown is 850.

[0253] like Figure 8J As shown, in the unfolded state, the electronic device 100 can display a desktop 850 on the first screen, the second screen, and the third screen. The desktop 850 may include three desktop pages: desktop page 813, desktop page 814, and desktop page 815. The desktop 850 may also include one or more indicators (e.g., indicators 811A to 811F), and a dock 851.

[0254] like Figure 8JAs shown, the electronic device 100 can display desktop page 813 on the first screen, desktop page 814 on the second screen, and desktop page 815 on the third screen. The electronic device 100 can display indicators (e.g., indicators 811A to 811F) at target locations on any one or more of the first, second, and third screens. Indicators 811A to 811F can be referred to in the description of the foregoing embodiments. This application embodiment does not limit the position of indicators 811A to 811F displayed by the electronic device 100 in the unfolded state. The electronic device 100 can display dock 851 at the bottom of the first, second, and third screens. The desktop components included in dock 851 are the same as those described above. Figure 8G The dock831 shown above and the aforementioned Figure 8A The dock812 shown contains the same desktop components. Because the display area of ​​the dock851 is larger... Figure 8G The display area of ​​dock831 is shown; therefore, the spacing between desktop components in dock851 can be larger than that in dock831. It can be seen that... Figure 8G The dock831 layout shown is displayed on the second and third screens. Figure 8J The dock851 layout shown is displayed on the first, second, and third screens.

[0255] In response to Figure 8J The electronic device 100 can display the leftward swipe gesture shown. Figure 8K The desktop 850 is shown. The electronic device 100 can move desktop page 813 off the screen and move the next desktop page (i.e., desktop page 816) on the screen. In other words, the electronic device 100 can move the desktop pages displayed on the first, second, and third screens from... Figure 8J The desktop pages 813 to 815 shown are switched to Figure 8K The desktop pages 814 to 816 are shown.

[0256] like Figure 8K As shown, the electronic device 100 can display desktop page 814 on the first screen, desktop page 815 on the second screen, and desktop page 816 on the third screen. The electronic device 100 can also control the selected indicator... Figure 8J Indicators 811B to 811D shown are switched to Figure 8K Indicators 811C to 811E are shown. Dock 851 can remain unchanged.

[0257] It is displayed on the desktop 850. Figure 8JIn the case of desktop pages 813 to 814 as shown, in response to a rightward swipe operation on desktop 850, electronic device 100 can display... Figure 8L The negative one screen 860 and desktop 861 are shown.

[0258] like Figure 8L As shown, the electronic device 100 can display a negative screen 860 on the first screen, and a desktop 861 on the second and third screens. The negative screen 860 is similar to the aforementioned... Figure 8I The negative one screen 840 shown above, the aforementioned Figure 8F The negative one screen 820 shown can be the same. Desktop 861 may include desktop pages 813 and 814, indicators (e.g., indicators 811A to 811F), and dock 852. Desktop 861 can be referenced from the foregoing. Figure 8G The desktop 830 is shown in the description.

[0259] It should be noted that the page layout of the desktop application in different folded states of the electronic device 100 is merely an exemplary description of this application and should not be construed as limiting this application.

[0260] Depend on Figures 8A to 8L As shown in the scenario, the application's page layout can change according to the folded state of the electronic device 100. Application developers can design page layouts for different folded states. During operation, the application can adopt the page layout corresponding to the current folded state of the electronic device 100 based on breakpoint information, reducing issues such as excessive page stretching and page truncation when the folded state changes, thus improving the user's viewing and usage experience.

[0261] Figure 9A and Figure 9B Examples of other page layout scenarios are shown.

[0262] like Figure 9A As shown, the electronic device 100 is in a semi-folded state. The electronic device 100 can display on the second and third screens when the screen is locked. Figure 9A The lock screen page 910 is shown. The lock screen page 910 may include a lock screen icon 911, a time indicator 912, a music card 913, a flashlight control 914, and a camera control 915.

[0263] The lock screen indicator 911 indicates that the electronic device 100 is currently in a locked state.

[0264] The time indicator 912 can indicate the current time information.

[0265] Music card 913 can be used to control the music played on electronic device 100. Not limited to music card 913, electronic device 100 can also display cards for other applications when the screen is locked. This explanation uses music card 913 as an example.

[0266] The flashlight control 914 can be used to turn the flashlight function of the electronic device 100 on or off.

[0267] Camera control 914 can be used to open the camera application of electronic device 100.

[0268] like Figure 9B As shown, when the electronic device 100 is in the unfolded state, the electronic device 100 can display on the first screen, the second screen, and the third screen when the screen is locked. Figure 9B The lock screen page 920 is shown. Lock screen page 920 may include a lock screen icon 921, a time indicator 922, a music card 923, a flashlight control 924, and a camera control 925. The components in lock screen page 920 can be referenced in the description of the components in lock screen page 910 mentioned above.

[0269] contrast Figure 9A and Figure 9B As can be seen, the page layouts of lock screen pages 910 and 920 are different. For example, the size of lock screen icon 921 is larger than that of lock screen icon 911. The font size of the Chinese text in time indicator 922 is larger than that in time indicator 912. The size of music card 923 is larger than that of music card 913.

[0270] In some embodiments, the page layout of lock screen page 910 and lock screen page 920 can be determined by the lock screen application based on the folding parameters of electronic device 100 and breakpoint information. For example, when electronic device 100 is in... Figure 9A As shown in the semi-folded state, the lock screen application can obtain the page layout corresponding to the semi-folded state of the two-folded screen device based on the folding parameters and breakpoint information of the electronic device 100, and thus display... Figure 9A The lock screen page 910 is shown. When the electronic device 100 is in Figure 9B As shown in the unfolded state, the lock screen application can obtain the page layout corresponding to the unfolded state of the two-fold screen device based on the folding parameters and breakpoint information of the electronic device 100, and thus display... Figure 9B The lock screen page 920 is shown. The page layout of the lock screen application in the half-folded state of the bi-fold screen can be different from the page layout in the unfolded state of the bi-fold screen, and both can be designed in advance by the lock screen application developer.

[0271] In some embodiments, during the change of the folded state of the electronic device 100, the electronic device 100 may display an animation corresponding to the change in page layout. For example, when the electronic device 100 is in a locked screen state, and from... Figure 9A The semi-folded state shown Figure 9B During the unfolded state transition shown, the electronic device 100 can display a lock screen page that changes from its previous state. Figure 9A The page layout changes shown are as follows Figure 9B The animations corresponding to the page layout shown. These animations may include one or more of the following: the size of the lock screen icon 911 gradually increases to the size of the lock screen icon 921, and its display position gradually moves to the left to the position of the lock screen icon 912; the font size of the text in the time indicator 912 gradually increases to the font size of the text in the time indicator 922, and its display position gradually moves to the left to the position of the time indicator 922; the size of the music card 913 gradually increases to the size of the music card 923, and its display position gradually moves to the left to the position of the music card 923; the display position of the flashlight control 914 gradually moves to the left to the position of the flashlight control 924. The increase in the size of the music card 913 may include the increase in the size of one or more controls within the audio card 913.

[0272] The lock screen pages 910 and 920 described above are merely illustrative examples of this application and should not be construed as limiting this application.

[0273] Depend on Figure 9A and Figure 9B As shown in the scenario, the application's page layout can change according to the folded state of the electronic device 100. Application developers can design page layouts for different folded states. During operation, the application can adopt the page layout corresponding to the current folded state of the electronic device 100 based on breakpoint information, reducing issues such as excessive page stretching and page truncation when the folded state changes, thus improving the user's viewing and usage experience.

[0274] The following describes the method for page layout based on the folding parameters and breakpoint information in the aforementioned embodiments.

[0275] In some embodiments, application developers can design page layouts for various types of foldable screen devices as needed, as well as page layouts for foldable screen devices in different folding states.

[0276] For example, the page layout of application 1 when a foldable screen device with a vertical folding screen, a single folding screen, an inward folding screen, and a folding ratio of 1:1 is in the unfolded state may include:

[0277]

[0278] Application 1's page layout in the folded state of a foldable screen device with a vertical fold, single fold, or inward fold and a fold-to-expansion ratio of 1:1 can include:

[0279]

[0280]

[0281] Foldable screen devices with vertical folding screens, single folding screens, and inward folding screens, and a folding ratio of 1:1, can be found in the aforementioned examples. Figures 1A to 1C The electronic device 100 shown.

[0282] Application 1's page layout in the folded state of a foldable screen device with horizontal, bi-fold, inward, and outward folding screens and a fold-to-open ratio of 1:1:1 can include:

[0283]

[0284] Application 1's page layout in the unfolded state of a foldable screen device with horizontal, bi-fold, inward, and outward folding screens and a folding ratio of 1:1:1 can include:

[0285]

[0286] Application 1's page layout for foldable devices with horizontal, bi-fold, inward, and outward folding screens and a folding ratio of 1:1:1 when in the half-folded state can include:

[0287]

[0288] Foldable screen devices with horizontal folding, bi-folding, inward folding, and outward folding screens, and a folding-to-open ratio of 1:1:1, can be referred to the aforementioned examples. Figures 3A to 3D The electronic device 100 shown.

[0289] Application 1 can be any application in electronic device 100. This application embodiment does not limit the specific content of the page layout described above.

[0290] Not limited to the above-mentioned mode11UI(), mode12UI(), mode21UI(), mode22UI(), and mode23UI(), the developers of Application 1 can also design page layouts for more different types of foldable screen devices in different folding states.

[0291] The application can determine the required page layout based on folding parameters and breakpoint information. For example, application 1 can perform page layout as follows:

[0292]

[0293]

[0294] UIApply() can be a method for an application (e.g., application 1) to perform page layout. The breakpoint parameter passed to UIApply() can be the breakpoint information of the electronic device 100. The content of the breakpoint information can be referred to the description in the previous embodiment. When performing page layout, application 1 can first determine the foldable screen device type of electronic device 100. Specifically, application 1 can obtain the folding parameter currentMode of electronic device 100 and determine the foldable screen device type of electronic device 100 based on currentMode. For example, currentMode1 can represent a foldable screen device with a vertical fold, single fold, or inward fold with a fold ratio of 1:1. currentMode2 can represent a foldable screen device with a horizontal fold, double fold, inward fold, or outward fold with a fold ratio of 1:1:1.

[0295] If the currentMode of electronic device 100 matches currentMode1, application 1 can determine the current folded state of electronic device 100 based on the breakpoint information of electronic device 100. If electronic device 100 is in the unfolded state, application 1 can use the page layout corresponding to mode11UI(). If electronic device 100 is in the folded state, application 1 can use the page layout corresponding to mode12UI().

[0296] The matching of currentMode and currentMode1 in electronic device 100 indicates that the folding parameters of electronic device 100 match the folding parameters of the folding screen device corresponding to currentMode1. That is, the folding direction of electronic device 100 is the same as the folding direction of the folding screen device corresponding to currentMode1. The maximum number of folds in electronic device 100 is the same as the maximum number of folds in the folding screen device corresponding to currentMode1. The folding method of electronic device 100 is the same as the folding method of the folding screen device corresponding to currentMode1. The unfolding ratio of electronic device 100 is the same as the unfolding ratio of the folding screen device corresponding to currentMode1. The main and secondary screen types of electronic device 100 are the same as the main and secondary screen types of the folding screen device corresponding to currentMode1.

[0297] If the currentMode of electronic device 100 matches currentMode2, application 1 can determine the current folded state of electronic device 100 based on the breakpoint information of electronic device 100. If electronic device 100 is in a folded state, application 1 can use the page layout corresponding to mode21UI(). If electronic device 100 is in an unfolded state, application 1 can use the page layout corresponding to mode22UI(). If electronic device 100 is in a half-folded state, application 1 can use the page layout corresponding to mode23UI().

[0298] The matching of currentMode and currentMode2 of electronic device 100 can indicate that the folding parameters of electronic device 100 match the folding parameters of the folding screen device corresponding to currentMode2.

[0299] When the collapsed state changes, the application can call the UIApply() layout method mentioned above to adjust the application's page layout. For example, application 1 can perform page layout as follows:

[0300]

[0301] GridCol is a component in the grid layout. Application 1 can set the properties of components on the page through GridCol. For example, the component's properties can include span. span can represent the number of columns the component occupies in the grid. span:{sm:4,md:4,lg:6} can mean that when the width of the screen used for display is at the breakpoint sm, a component on the page occupies 4 columns of grid; when the width of the screen used for display is at the breakpoint md, a component on the page occupies 4 columns of grid; and when the width of the screen used for display is at the breakpoint lg, a component on the page occupies 6 columns of grid. The total number of columns of grid on the screen of electronic device 100 can be preset. For example, the wider the screen of electronic device 100, the more columns of grid can be on the screen. The above setting of span is only an exemplary description of this application and should not be construed as limiting this application.

[0302] In some embodiments, the page layout applied to different types of foldable screen devices, and the corresponding page layout when the foldable screen device is in different folding states, can adopt one or more layouts such as fixed layout, fluid layout, flexible layout, adaptive layout, and responsive layout.

[0303] getBreakPoint() can be a breakpoint interface used to obtain breakpoint information. UIApply() can be found in the description of the foregoing embodiments.

[0304] As can be seen, the application can update the page layout when the folded state changes through breakpoint information callbacks, so as to display the appropriate page layout in different folded states, reduce problems such as excessive page stretching and page truncation when the folded state changes, and improve the user viewing and usage experience of the application page.

[0305] Furthermore, because different types of foldable screen devices use a unified interface for applications to obtain folding parameters and breakpoint information, and the description of these parameters and breakpoint information is also standardized, when a new type of foldable screen device is added, application developers only need to provide a page layout suitable for the new device (e.g., designing a new `modeUI()`) and add new logic for determining the device type and folding state in the `UIApply()` method mentioned above, without modifying the `build()` method used for page layout. In other words, when a new type of foldable screen device is added, application developers only need to provide the corresponding page layout as required, without needing to re-adapt the layout (e.g., adapting the interface for obtaining folding parameters and breakpoint information, adapting the description of these parameters and breakpoint information, etc.). This reduces application development costs and improves the development efficiency of application developers.

[0306] Figure 10 A flowchart of a page layout method provided in this application is shown as an example.

[0307] S1011. Obtain the folding parameters and breakpoint information 1 of the electronic device 100. The breakpoint information 1 indicates that the electronic device 100 is in a folded state.

[0308] The folding parameters of electronic device 100 may include one or more of the following: folding direction, maximum number of folds, folding method, folding ratio, and main / sub-screen type. The folding parameters of electronic device 100 are fixed. Electronic device 100 can store its own folding parameters. Applications within electronic device 100 can retrieve the folding parameters of electronic device 100 during runtime through the folding parameter acquisition interface.

[0309] The folding parameters can be represented using a standardized description method, as detailed in the foregoing embodiments.

[0310] The breakpoint information of electronic device 100 may include the current folded state of electronic device 100. Optionally, the breakpoint information of electronic device 100 may also include one or more of the following: the screen-on state in the current folded state, breakpoint information from the previous folded state, etc. The breakpoint information of electronic device 100 changes with the folded state. Electronic device 100 may periodically detect its current folded state and generate breakpoint information based on the current folded state. Applications within electronic device 100 can obtain the breakpoint information of electronic device 100 through the breakpoint interface during runtime.

[0311] For example, when electronic device 100 is detected to be in a folded state 1, electronic device 100 can generate breakpoint information 1. Folded state 1 can be a folded state, an unfolded state, or a half-folded state, etc. This application embodiment does not limit the folded state 1.

[0312] The breakpoint information of the electronic device 100 can be represented using a standardized description method, as detailed in the foregoing embodiments.

[0313] S1012. Based on the folding parameters and breakpoint information 1, display according to page layout 1.

[0314] The application in electronic device 100 can obtain the page layout corresponding to the folding parameters and breakpoint information 1, such as page layout 1. The page layout 1 can be pre-stored in the memory of electronic device 100 by the application. Alternatively, the page layout 1 can be obtained by the application from a corresponding application server. This application embodiment does not limit the method of obtaining page layout 1. After obtaining page layout 1, the application in electronic device 100 can display the corresponding page on the screen according to page layout 1.

[0315] Step S1012 can refer to the description of the UIApply() method and the Build() method in the foregoing embodiments.

[0316] S1013, The breakpoint information of electronic device 100 is updated to breakpoint information 2, and breakpoint information 2 indicates that electronic device 100 is in folded state 2.

[0317] Folding state 2 can be a different folding state than folding state 1 described above. When the breakpoint information is updated, the application in the electronic device 100 can obtain the breakpoint information 2 through the breakpoint interface.

[0318] S1014. Based on the folding parameters and breakpoint information 2, display according to page layout 2.

[0319] The application in electronic device 100 can obtain the page layout corresponding to the folding parameters and breakpoint information 2, such as page layout 2. Then, the application in electronic device 100 can display the corresponding page on the screen according to page layout 2.

[0320] For example, electronic device 100 is Figures 8A to 8L The image shows a two-fold screen device. If folded state 1 is... Figures 8A to 8F Given the folded state shown, breakpoint information 1 may include:

[0321]

[0322] Page layout 1 can be referenced from the above. Figures 8A to 8F The page layout of the desktop application shown.

[0323] If folding state 2 is Figures 8G to 8I The half-fold state shown can be broken point information 2, which may include:

[0324]

[0325]

[0326] Page layout 2 can be referenced from the above. Figures 8G to 8I The desktop application's page layout is shown.

[0327] In some embodiments, an application in the electronic device 100 can display animations showing changes in page layout based on breakpoint information 2 for the previous collapsed state. For example, the breakpoint information in breakpoint information 2 for the previous collapsed state is breakpoint information 1 as described above. The application in the electronic device 100 can play an animation showing a change from page layout 1 to page layout 2.

[0328] For example, in the foregoing Figures 8A to 8L The electronic device 100 shown is from Figure 8G The semi-folded state shown Figure 8J During the unfolded state transition shown, the desktop application can obtain breakpoint information during this folded state transition. The desktop application can then display information based on the obtained breakpoints. Figure 8G The desktop pages 813 and 814 shown are moved to the left respectively. Figure 8J The animations shown are for the first and second screens, as well as the animation of the desktop page 815 gradually moving left into the third screen. The desktop application can also display based on the obtained breakpoint information. Figure 8G The indicators 811A to 811F shown are moved to the left. Figure 8J The animation shown on the second screen, and Figure 8G The dock831 shown gradually changes to Figure 8J The animation shown is for dock851.

[0329] This application does not limit the animation displayed when the page layout is changed.

[0330] As demonstrated by the above methods, different types of foldable screen devices can use standardized descriptions to define folding parameters and breakpoint information, and use a unified interface to provide applications with these parameters and breakpoint information. Application developers can pre-design page layouts for various types of foldable screen devices, as well as page layouts for different folding states, as needed. During application operation, the application can obtain folding parameters and breakpoint information through the interface and adopt the corresponding page layout. When adding one or more types of electronic devices, application developers can provide the corresponding page layout only as needed, without needing to re-adapt the layout (e.g., adapting the interface for obtaining folding parameters and breakpoint information, adapting the description methods for folding parameters and breakpoint information, etc.). This not only ensures that applications can provide suitable page layouts on different types of foldable screen devices and when the foldable screen device is in different folding states, improving the user viewing and usage experience of the application pages, but also reduces application development costs and improves the development efficiency of application developers.

[0331] 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.

[0332] 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.

[0333] 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.

[0334] 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.

[0335] 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.

[0336] 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 method of page layout, characterized by, The method is applied to a first device including a first application, the first device including a folding screen, the first device storing a first folding parameter of the first device, the first folding parameter including one or more of a folding direction, a maximum folding number, a folding mode, a folding and unfolding ratio, and a main and auxiliary screen type; and the method includes: The first device generates first breakpoint information, the first breakpoint information being used to indicate that the first device is in a first folding state; According to the first folding parameter and the first breakpoint information, the first device displays a first page of the first application in a first layout; The first device changes from the first folding state to a second folding state, and generates second breakpoint information according to the second folding state; According to the first folding parameter and the second breakpoint information, the first device displays the first page in a second layout.

2. The method of claim 1, wherein, After the first device generates the first breakpoint information, the method further includes: The first application acquires the first folding parameter and the first breakpoint information; The first application determines, according to the first folding parameter and the first breakpoint information, that a page layout of the first page when the first device is in the first folding state is the first layout; After the second breakpoint information is generated according to the second folding state, the method further includes: The first application acquires the second breakpoint information; The first application determines, according to the first folding parameter and the second breakpoint information, that a page layout of the first page when the first device is in the second folding state is the second layout.

3. The method of claim 2, wherein, The first device includes a first interface and a second interface; The first folding parameter is acquired by the first application using the first interface; and the first breakpoint information and the second breakpoint information are acquired by the first application using the second interface.

4. The method according to any one of claims 1 to 3, characterized in that, In the first layout, sizes of page elements of the first page and / or positions of the page elements are different from sizes of page elements of the first page and / or positions of the page elements in the second layout.

5. The method according to any one of claims 1-4, characterized in that, The folding direction includes horizontal folding and vertical folding; the maximum folding number includes single folding and double folding; the folding mode includes inner folding and outer folding; the folding and unfolding ratio includes 1:1, 1:1:1, and 1:2; and the main and auxiliary screen type includes a case where a main screen is a full screen and an auxiliary screen is empty, and a case where the main screen is a full screen and the auxiliary screen is a half screen, the main screen being the folding screen, and the auxiliary screen being a screen independent of the folding screen in the first device.

6. The method according to any one of claims 1-5, characterized in that, The first breakpoint information includes indication information of the first folding state and indication information of screen on and screen off when the first device is in the first folding state; and the second breakpoint information includes indication information of the second folding state and indication information of screen on and screen off when the first device is in the second folding state.

7. The method according to any one of claims 1 to 6, characterized in that, The second breakpoint information includes the first breakpoint information; and the method further includes: According to the first folding parameter and the second breakpoint information, the first device displays an animation corresponding to a change of a page layout of the first page from the first layout to the second layout.

8. The method according to any one of claims 1-7, characterized in that, The method is also applied to a second device including the first application, the second device including a folding screen, the second device storing a second folding parameter of the second device, the second folding parameter including one or more of a folding direction, a maximum folding number, a folding mode, a folding and unfolding ratio, and a main and sub-screen type; the method further includes: The second device generates third breakpoint information, the third breakpoint information being used to indicate that the second device is in a third folding state; According to the second folding parameter and the third breakpoint information, the second device displays the first page according to a third layout; The second device changes from the third folding state to a fourth folding state, and generates fourth breakpoint information according to the fourth folding state; According to the second folding parameter and the fourth breakpoint information, the second device displays the first page according to a fourth layout; The second folding parameter is different from the first folding parameter.

9. The method of claim 8, wherein, The first device is a first type of device, and the first folding parameter of the first type of device is the same; and / or, The second device is a second type of device, and the second folding parameter of the second type of device is the same.

10. An electronic device, comprising: The electronic device includes a memory and a processor, wherein the memory is used to store a computer program; and the processor executes the computer program to implement the method of any one of claims 1-9.

11. A computer readable storage medium storing instructions, wherein, The instructions are executed by the processor to implement the method of any one of claims 1-9.

12. A computer program product, characterised in that, The computer program product includes computer instructions, which are executed by the processor to implement the method of any one of claims 1-9.

Images