Page display method and device, electronic equipment and storage medium

Abstract

The invention discloses a page display method and device, electronic equipment and a storage medium, and relates to the technical field of electronic equipment. The method is applied to the electronic equipment comprising an inner screen and an outer screen, and the inner screen is a folding screen. The method comprises the steps that under the condition that an inner screen is in a folded state, a main page is displayed on an outer screen, a touch operation acting on the main page is responded, display of the main page is switched to display of a target page on the outer screen, the target page comprises application icons corresponding to a plurality of target applications respectively, and the application icons correspond to the target applications respectively. The display parameters of the application icons on the target page are determined based on the display positions of the application icons on the target page. According to the folding type electronic equipment, the target page comprising the application icons corresponding to the multiple application programs is provided on the outer screen, unified management of the multiple applications is achieved, the display parameters of the application icons are determined on the basis of the display positions of the application icons on the target page, and the display effect can be improved.

Description

Technical Field

[0001] The present application relates to the technical field of electronic devices, and more specifically, to a page display method, device, electronic device and storage medium. Background Art

[0002] With the development of science and technology, electronic devices are used more and more widely and have more and more functions, becoming one of the necessities in people's daily life. In addition, as users have higher and higher requirements for electronic devices, current electronic devices are gradually designed into a foldable form including an inner screen and an outer screen. However, when information is displayed through the outer screen, the display effect is not good. Summary of the invention

[0003] In view of the above problems, the present application proposes a page display method, device, electronic device and storage medium to solve the above problems.

[0004] In a first aspect, an embodiment of the present application provides a page display method, which is applied to an electronic device including an inner screen and an outer screen, wherein the inner screen is a folding screen, and the method comprises: when the inner screen is in a folded state, displaying a main page on the outer screen; in response to a touch operation applied to the main page, switching on the outer screen from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to each of a plurality of applications, and display parameters of the plurality of application icons on the target page are determined based on the display positions of each of the plurality of application icons on the target page.

[0005] In a second aspect, an embodiment of the present application provides a page display device, which is applied to an electronic device including an inner screen and an outer screen, wherein the inner screen is a folding screen, and the device includes: a main page display module, which is used to display the main page on the outer screen when the inner screen is in a folded state; a target page display module, which is used to switch from displaying the main page to displaying the target page on the outer screen in response to a touch operation acting on the main page, wherein the target page includes application icons corresponding to each of a plurality of applications, and display parameters of the plurality of application icons on the target page are determined based on the display positions of each of the plurality of application icons on the target page.

[0006] In a third aspect, an embodiment of the present application provides an electronic device, comprising a memory and a processor, wherein the memory is coupled to the processor, the memory stores instructions, and when the instructions are executed by the processor, the processor executes the above method.

[0007] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, in which a program code is stored, and the program code can be called by a processor to execute the above method.

[0008] The page display method, device, electronic device and storage medium provided in the embodiments of the present application display a main page on the external screen when the inner screen is in a folded state, and switches from displaying the main page to displaying a target page on the external screen in response to a touch operation applied to the main page, wherein the target page includes application icons corresponding to multiple target applications, and display parameters of the multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page. Thus, for a foldable electronic device, a target page including application icons corresponding to multiple application programs is provided on the external screen, thereby achieving unified management of multiple applications, and determining the display parameters of the application icons based on their display positions on the target page, thereby improving the display effect. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without paying any creative work.

[0010] Figure 1 A schematic diagram showing the structure of an electronic device provided by an embodiment of the present application in a folded state;

[0011] Figure 2 A schematic diagram showing the structure of an electronic device provided by an embodiment of the present application in an unfolded state;

[0012] Figure 3 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0013] Figure 4 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0014] Figure 5 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0015] Figure 6 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0016] Figure 7 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0017] Figure 8 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0018] Fig. 9 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0019] Fig.10 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0020] Fig.11 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0021] Fig.12 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0022] Fig.13 A schematic diagram showing an interface change of an electronic device provided by an embodiment of the present application is shown;

[0023] Fig.14 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0024] Fig.15 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0025] Fig.16 A schematic diagram showing an interface change of an electronic device provided by an embodiment of the present application is shown;

[0026] Fig.17 A schematic diagram showing an interface change of an electronic device provided by an embodiment of the present application is shown;

[0027] Fig.18 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0028] Fig.19 A schematic diagram showing an interface change of an electronic device provided by an embodiment of the present application is shown;

[0029] Fig. 20 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0030] Fig.21 A schematic diagram showing a flow chart of a page display method provided by an embodiment of the present application is shown;

[0031] Fig. 22 A schematic diagram of an interface of an electronic device provided in an embodiment of the present application is shown;

[0032] Fig.23 A module block diagram of a page display device provided by an embodiment of the present application is shown;

[0033] Fig.24 A block diagram of an electronic device for executing a page display method according to an embodiment of the present application is shown;

[0034] Fig.25 A storage unit for storing or carrying program codes for implementing the page display method according to an embodiment of the present application is shown. DETAILED DESCRIPTION

[0035] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application.

[0036] At present, electronic devices are gradually designed to be foldable with inner and outer screens, and electronic devices generally advocate displaying lightweight functions on the outer screen. However, due to the limited screen size of the outer screen, a simple interaction of switching cards horizontally is generally used to switch between different applications. However, when there are many cards, the interaction is cumbersome and the display effect is poor.

[0037] In view of the above problems, the inventor has discovered after long-term research and proposed a page display method, device, electronic device and storage medium provided in an embodiment of the present application. By providing a target page including application icons corresponding to multiple application programs on the external screen of a foldable electronic device, unified management of multiple applications is achieved, and display parameters of the application icons are determined based on the display position of the application icons on the target page, so as to improve the display effect. The specific page display method is described in detail in the subsequent embodiments.

[0038] The following describes an application environment in which the page display method provided in the embodiment of the present application can be used.

[0039] See also Figure 1 and Figure 2 The electronic device 100 may be, but is not limited to, a mobile phone, a tablet computer, a game console, a vehicle-mounted device, or other electronic devices. The electronic device 100 of this embodiment is described by taking a mobile phone as an example.

[0040] The electronic device 100 may include a foldable shell assembly 110, an inner screen 120, an outer screen 130, and electronic components (not shown in the figure), wherein the inner screen 120 is a foldable screen, for example, the inner screen 120 is a flexible display screen. The electronic components are arranged in the foldable shell assembly 110, and the inner screen 120 is laid on the foldable shell assembly 110. The foldable shell assembly 110 is used to carry the inner screen 120 and protect the electronic components. The electronic components may include, but are not limited to, a central processing unit, a memory, a camera, a receiver, a fingerprint module, etc., and the specific electronic components may not be limited in the embodiments of the present application.

[0041] The foldable housing assembly 110 includes a first housing 111, a second housing 112 and a hinge mechanism 113, wherein the first housing 111 and the second housing 112 are respectively connected to the two sides of the hinge mechanism 113. The second housing 112 can be folded or unfolded relative to the first housing 111 through the hinge mechanism 113, so that the foldable housing assembly 110 drives the inner screen 120 to fold or unfold. When the foldable housing assembly 110 and the inner screen 120 are in a folded state, the volume of the electronic device 100 is relatively small, which is convenient for storage and carrying. When the foldable housing assembly 110 and the inner screen 120 are in an unfolded state, the volume of the electronic device 100 is relatively large, which is convenient for displaying information.

[0042] In this embodiment, the inner screen 120 includes a first display portion (first screen) 121 connected to the first shell 111, a second display portion (second screen) 122 connected to the second shell 112, and a bent display portion 123 connected to the first display portion 121 and the second display portion 122. Among them, the first display portion 121, the second display portion 122 and the bent display portion 123 can form a plurality of display areas (for example, two display areas, three display areas, four display areas...N display areas) correspondingly. The first display portion 121 and the second display portion 122 are folded or unfolded relative to the first shell 111 and the second shell 112, respectively. The bent display portion 123 is bent or flattened as the first display portion 121 and the second display portion 122 are folded or unfolded. In some embodiments, the first display portion 121, the second display portion 122 and the folding display portion 123 may be an integral structure, so that the inner screen 120 is a whole-piece flexible display screen; or, in some other embodiments, the folding display portion 123 is a foldable flexible portion, and the first display portion 121 and the second display portion 122 may be non-flexible portions, and the first display portion 121 and the second display portion 122 are relatively folded or unfolded through the folding display portion 123. In this embodiment, when the first housing 111 and the second housing 112 are in a folded state, the first display portion 121 and the second display portion 122 are close to each other, so that the electronic device 100 presents a structure of an inner folding screen, so that the inner screen 120 is protected from scratches and damage.

[0043] It should be understood that the naming of the above-mentioned first display portion 121, the second display portion 122 and the bent display portion 123 is only provided for the convenience of description and does not serve as a structural limitation of the inner screen 120. In actual application scenarios, the first display portion 121, the second display portion 122 and the bent display portion 123 may have no obvious boundaries, or the inner screen 120 may appear in other division structures. For example, the inner screen 120 includes a first display portion 121 and a second display portion 122 connected to the first display portion 121, and the first display portion 121 and the second display portion 122 can rotate relative to each other to be folded or unfolded.

[0044] When the inner screen 120 is folded, information can be displayed through the outer screen 130 of the electronic device 100. The display size of the outer screen 130 can be smaller than the size of the electronic device 100 in the folded state, or can be equal to the size of the electronic device 100 in the folded state; the shape of the outer screen 130 can be circular, rectangular, regular polygonal, irregular polygonal, etc., which is not limited here.

[0045] See also Figure 3 , Figure 3 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is used for providing a target page including application icons corresponding to multiple application programs on an external screen of a foldable electronic device, realizing unified management of multiple applications, and determining display parameters of the application icons based on the display positions of the application icons on the target page, thereby improving the display effect. In this embodiment, the page display method is applied to Fig.23 The page display device 200 and the electronic device 100 ( Fig.24 ). The following will take an electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic device used in this embodiment may include a smart phone, a tablet computer, etc., which is not limited here. Figure 3 The process shown is described in detail. In this embodiment, the electronic device includes an inner screen and an outer screen, and the inner screen is a folding screen. The page display method may specifically include the following steps:

[0046] Step S110: When the inner screen is in a folded state, displaying the main page on the outer screen.

[0047] The electronic device includes an inner screen and an outer screen, and the inner screen is a folding screen, that is, the inner screen can be in a folded state or in an unfolded state. When the inner screen is in the folded state, the electronic device can display information through the outer screen; when the inner screen is in the unfolded state, the electronic device can display information through the inner screen.

[0048] In this embodiment, it is possible to determine whether the inner screen of the electronic device is in a folded state, and if it is determined that the inner screen of the electronic device is in a folded state, the main page is displayed on the outer screen of the electronic device. The main page is a page used by the electronic device to display time, weather, and push notifications. Generally, the page displayed when the electronic device switches from the off-screen state to the on-screen state is the main page.

[0049] In some embodiments, the electronic device may correspond to different parameters when the inner screen is in different states. Optionally, when the inner screen is in a folded state, the electronic device may correspond to a first parameter, and when the inner screen is in an unfolded state, the electronic device may correspond to a second parameter. Based on this, the parameter corresponding to the electronic device may be determined, and based on the parameter corresponding to the electronic device, it may be determined whether the electronic device is in a folded state, wherein if it is determined that the parameter corresponding to the electronic device is the first parameter, it may be determined that the electronic device is in a folded state, and if it is determined that the parameter corresponding to the electronic device is the second parameter, it may be determined that the electronic device is not in a folded state.

[0050] In some embodiments, when the inner screen is in the folded state, the electronic device can directly display the home page on the outer screen. As a method, it can be detected whether the inner screen is switched from the unfolded state to the folded state, wherein if it is detected that the inner screen is switched from the unfolded state to the folded state, the home page can be directly displayed on the outer screen.

[0051] In some embodiments, when the inner screen is in a folded state, the electronic device can display the main page on the outer screen in response to the state change of the electronic device. As a way, when the inner screen is in a folded state and the outer screen is off, the state change of the electronic device can be detected, wherein if it is detected that the state change of the electronic device satisfies a preset state change, the main page can be displayed on the outer screen; if it is detected that the state change of the electronic device does not satisfy the preset state change, the outer screen can be kept in the off state. For example, if the state change of the electronic device satisfies a preset lifting state change or a preset shaking state change, the main page can be displayed on the outer screen.

[0052] In some embodiments, when the inner screen is in a folded state, the electronic device can display the main page on the outer screen in response to an operation on the electronic device. As a way, when the inner screen is in a folded state and the outer screen is off, the operation on the electronic device can be detected, wherein if it is detected that the operation on the electronic device satisfies a preset operation, the main page can be displayed on the outer screen; if it is detected that the operation on the electronic device does not satisfy the preset operation, the outer screen can be kept in an off state. For example, if a pressing operation on a target button of the electronic device or a sliding operation on the outer screen is detected, the main page can be displayed on the outer screen.

[0053] See also Figure 4 , Figure 4 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Figure 4 As shown, the electronic device 100 can display the main page A on the external screen 130 .

[0054] Step S120: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0055] In this embodiment, during the process of displaying the main page on the external screen, a touch operation on the main page can be detected. If a touch operation on the main page is detected, the external screen can be switched from displaying the main page to displaying the target page in response to the touch operation on the main page.

[0056] In some embodiments, during the process of displaying the main page on the external screen, the touch operation on the main page can be detected in real time; the touch operation on the main page can be detected at preset time intervals; the touch operation on the main page can be detected at preset time points; the touch operation on the main page can be detected according to other preset rules, etc., which are not limited here.

[0057] As an implementable manner, in response to a touch operation on the main page, switching on the external screen from displaying the main page to displaying the target page may include: in response to continuous click operations on the main page, switching on the external screen from displaying the main page to displaying the target page. For example, when the electronic device is displaying the main page, if it is detected that the click operations on the main page reach a preset number within a preset time period, the external screen may switch from displaying the main page to displaying the target page.

[0058] As another practicable manner, in response to a touch operation on the main page, switching on the external screen from displaying the main page to displaying the target page may include: in response to a long press operation on the main page, switching on the external screen from displaying the main page to displaying the target page. For example, when the electronic device is displaying the main page, if it is detected that the pressing time corresponding to the pressing operation on the main page reaches a preset time, the external screen may switch from displaying the main page to displaying the target page.

[0059] As another practicable manner, in response to a touch operation on the main page, switching on the external screen from displaying the main page to displaying the target page may include: the main page displays a switch control, and in response to a click operation on the switch control, switching on the external screen from displaying the main page to displaying the target page. For example, when the electronic device is displaying the main page and displaying the switch control on the main page, if a click operation on the switch control is detected, the external screen may switch from displaying the main page to displaying the target page.

[0060] As another practicable manner, in response to a touch operation on the main page, switching on the external screen from displaying the main page to displaying the target page may include: in response to a target sliding operation on the main page, switching on the external screen from displaying the main page to displaying the target page, wherein the sliding direction of the target sliding operation is a direction perpendicular to the axial direction of the electronic device. For example, when the electronic device is displaying the main page, if a left sliding operation or a right sliding operation on the main page is detected, the external screen may switch from displaying the main page to displaying the target page.

[0061] In some embodiments, when a touch operation acting on the main page is detected, the mode of the inner screen can be determined. If the mode of the inner screen is the target mode, the external screen may not switch from displaying the main page to displaying the target page, that is, the external screen may continue to display the main page; if the mode of the inner screen is not the target mode, the external screen may switch from displaying the main page to displaying the target page. Optionally, the target mode may include lock screen mode, super power saving mode, meditation mode, children's mode, high temperature mode, etc., which are not limited here. Optionally, when the mode of the inner screen is a specified mode in the target mode, a prompt message may be displayed on the main page at the same time to prompt that the target page cannot be entered. For example, "The current mode does not support entering the resource library" may be displayed. For example, the specified mode may include super power saving mode and high temperature mode.

[0062] See also Figure 5 , Figure 5 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Figure 5 As shown, the electronic device 100 can display the main page A on the external screen 130, and the main page A can display a prompt message "The current mode does not support entering the resource library".

[0063] Optionally, the target page may include application icons corresponding to multiple applications, and display parameters of the multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page. The multiple applications may be applications that are installed by default on the electronic device and adapted to the external screen; or the multiple applications may be applications selected by the user from applications that are installed on the electronic device and adapted to the external screen, which is not limited here.

[0064] Optionally, the arrangement order of application icons corresponding to multiple applications on the target page can be set by default by the electronic device. For example, the application icons corresponding to the multiple applications can be arranged by default in the order from front to back such as camera-schedule-weather-timer-recording; or, the arrangement order of application icons corresponding to multiple applications on the target page can be dynamically adjusted according to user needs, which is not limited here.

[0065] Optionally, if an application among the multiple applications is uninstalled or hidden on the inner screen, the application icon corresponding to the application can be removed from the target page, and other application icons among the application icons corresponding to the multiple applications can be replaced accordingly.

[0066] In some embodiments, the display parameters of multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page, that is, when the display positions of the application icons on the target page are different, the corresponding display parameters are different. For example, the display position of the first application icon among the multiple application icons on the target page is the first display position, and the display position of the second application icon among the multiple application icons on the target page is the second display position, the display parameter of the first application icon is the first display parameter, and the display parameter of the second application icon is the second display parameter, wherein the first display position is different from the second display position, and the first display parameter is different from the second display parameter.

[0067] As an implementable manner, the display parameters of multiple application icons on the target page are determined based on the display areas to which the display positions of the multiple application icons on the target page belong, that is, when the display areas corresponding to the display positions of the application icons on the target page are different, the corresponding display parameters are different. For example, the display position of the first application icon among the multiple application icons on the target page belongs to the first display area, and the display position of the second application icon among the multiple application icons on the target page belongs to the second display area. The display parameters of the first application icon are the first display parameters, and the display parameters of the second application icon are the second display parameters, wherein the first display area is different from the second display area, and the first display parameters are different from the second display parameters.

[0068] In some embodiments, the target page may include a top area, a middle area, and a bottom area. Optionally, the size relationship between the top area, the middle area, and the bottom area may be fixed after setting, or may be dynamically changed according to needs after setting, which is not limited here. Among them, the size of the middle area may be larger than the size of the top area, the size of the middle area may be larger than the size of the bottom area, the size of the top area may be smaller than the size of the bottom area, the size of the top area may be equal to the size of the bottom area, the size of the top area may be larger than the size of the bottom area, etc., which is not limited here.

[0069] As an implementable manner, the display parameters may include a display size. Optionally, among the application icons corresponding to multiple applications, the display size of the application icon whose display position is located in the bottom area is smaller than the display size of the application icon whose display position is located in the middle area; and / or, the display size of the application icon whose display position is located in the top area is smaller than the display size of the application icon whose display position is located in the middle area; and / or, the display size of the application icon whose display position is located in the top area may be smaller than, equal to, or larger than the display size of the application icon whose display position is located in the bottom area. For example, the display size of the application icon whose display position is located in the bottom area includes 46dp, the display size of the application icon whose display position is located in the top area includes 46dp, and the display size of the application icon whose display position is located in the middle area includes 72dp.

[0070] As an implementable manner, the display parameter may include a display size. Optionally, among the application icons corresponding to the multiple application programs, the display size of the application icon whose display position is located in the bottom area away from the side of the middle area is smaller than the display size of the application icon whose display position is located in the bottom area close to the side of the middle area; and / or, the display size of the application icon whose display position is located in the top area away from the side of the middle area is smaller than the display size of the application icon whose display position is located in the top area close to the side of the middle area; and / or, the display sizes of the application icons whose display positions are located in the middle area are the same. For example, the display size of the application icon whose display position is located in the bottom area away from the side of the middle area to the side close to the middle area gradually increases in the range of 46dp to 72dp, and can increase in the form of a linear equation, the display size of the application icon whose display position is located in the top area away from the side of the middle area to the side close to the middle area gradually increases in the range of 46dp to 72dp, and can increase in the form of a linear equation, and the display size of the application icon whose display position is located in the middle area includes 72dp.

[0071] In some embodiments, the display parameters may include display transparency. Optionally, among the application icons corresponding to multiple applications, the display transparency of the application icon whose display position is located in the bottom area is less than the display transparency of the application icon whose display position is located in the middle area; and / or, the display transparency of the application icon whose display position is located in the top area is less than the display transparency of the application icon whose display position is located in the middle area; and / or, the display transparency of the application icon whose display position is located in the top area may be less than, equal to, or greater than the display transparency of the application icon whose display position is located in the bottom area. For example, the display transparency of the application icon whose display position is located in the bottom area includes 35%, the display transparency of the application icon whose display position is located in the top area includes 35%, and the display transparency of the application icon whose display position is located in the middle area includes 100%.

[0072] As an implementable manner, the display parameters may include display transparency. Optionally, among the application icons corresponding to the multiple application programs, the display transparency of the application icon whose display position is located in the bottom area and away from the middle area is less than the display transparency of the application icon whose display position is located in the bottom area and close to the middle area; and / or, the display transparency of the application icon whose display position is located in the top area and away from the middle area is less than the display transparency of the application icon whose display position is located in the top area and close to the middle area; and / or, the display transparency of the application icons whose display position is located in the middle area is the same. For example, the display transparency of the application icon whose display position is located in the bottom area and away from the middle area to the middle area gradually increases in the range of 35% to 100%, and can increase in the form of a quadratic equation, the display transparency of the application icon whose display position is located in the top area and away from the middle area to the middle area gradually increases in the range of 35% to 100%, and can increase in the form of a quadratic equation, and the display transparency of the application icon whose display position is located in the middle area includes 100%.

[0073] See also Figure 6 , Figure 6 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Figure 6 As shown, the electronic device 100 can display a target page B on the external screen 130, wherein the target page B can be divided into a top area B1, a middle area B2 and a bottom area B3, optionally, multiple application icons are displayed in the middle area B2 and the bottom area B3, the display size of the application icon C displayed in the middle area B2 is larger than the display size of the application icon C displayed in the bottom area B3, and the display transparency of the application icon C displayed in the middle area B2 is greater than the display transparency of the application icon C displayed in the bottom area B3.

[0074] See also Figure 7 , Figure 7 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Figure 7 As shown, the electronic device 100 can display a target page B on the external screen 130, wherein the target page B can be divided into a top area B1, a middle area B2 and a bottom area B3, optionally, multiple application icons are displayed in the top area B1 and the middle area B2, the display size of the application icon C displayed in the middle area B2 is larger than the display size of the application icon C displayed in the top area B1, and the display transparency of the application icon C displayed in the middle area B2 is greater than the display transparency of the application icon C displayed in the top area B1.

[0075] See also Figure 8 , Figure 8FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Figure 8 As shown, the electronic device 100 can display a target page B on the external screen 130, wherein the target page B can be divided into a top area B1, a middle area B2 and a bottom area B3, optionally, multiple application icons are displayed in the top area B1, the middle area B2 and the bottom area B3, the display size of the application icon C displayed in the middle area B2 is larger than the display size of the application icon C displayed in the top area B1 and the bottom area B3, and the display transparency of the application icon C displayed in the middle area B2 is greater than the display transparency of the application icon C displayed in the top area B1 and the bottom area B3.

[0076] In some implementations, if the target page does not include an application icon (e.g., the electronic device has not added the application icon to the resource library in the inner screen), when a touch operation acting on the main page is detected, a prompt message indicating that the target page does not include an application icon may also be displayed. Fig. 9 , Fig. 9 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Fig. 9 As shown, if the target page does not include an application icon, a prompt message indicating that the target page does not include an application icon may be displayed.

[0077] A page display method provided in an embodiment of the present application displays a main page on an external screen when an inner screen is in a folded state, and switches from displaying the main page to displaying a target page on the external screen in response to a touch operation applied to the main page, wherein the target page includes application icons corresponding to a plurality of target applications, and display parameters of the plurality of application icons on the target page are determined based on display positions of the plurality of application icons on the target page. Thus, for a foldable electronic device, a target page including application icons corresponding to a plurality of application programs is provided on the external screen, unified management of a plurality of applications is achieved, and display parameters of the application icons are determined based on display positions of the application icons on the target page, thereby improving display effects and enhancing user experience.

[0078] See also Fig.10 , Fig.10 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. In this embodiment, the target page includes a top area, a middle area, and a bottom area, and the display parameters include display size and display transparency. Fig.10 The process shown is described in detail, and the page display method may specifically include the following steps:

[0079] Step S210: When the inner screen is in a folded state, display the main page on the outer screen.

[0080] Step S220: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0081] For the detailed description of step S210 to step S220, please refer to step S110 to step S120, which will not be repeated here.

[0082] Step S230: If the first application icon moves from the middle area to the top area or the bottom area, reducing the display size of the first application icon and / or reducing the display transparency of the first application icon, wherein the first application icon is any one of the multiple application icons.

[0083] Optionally, any one application icon can be determined from multiple application icons as the first application icon, wherein the initial display position of the first application icon can be located in the top area, in the middle area, or in the bottom area, which is not limited here.

[0084] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, the application icons can be moved on the target page in response to the operation input by the user. Based on this, if the application icon moves from the middle area to the top area, the display size of the first application icon is reduced and / or the display transparency of the first application icon is reduced; or, if the application icon moves from the middle area to the bottom area, the display size of the first application icon is reduced and / or the display transparency of the first application icon is reduced. For example, the display size of the first application icon is reduced from 72dp to 46dp, and / or the display transparency of the first application icon is reduced from 100% to 35%.

[0085] Step S240: If the first application icon moves from the top area or the bottom area to the middle area, increasing the display size of the first application icon and / or improving the display transparency of the first application icon.

[0086] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, the application icons can be moved on the target page in response to the operation input by the user. Based on this, if the application icon moves from the top area to the middle area, the display size of the first application icon is increased and / or the display transparency of the first application icon is improved; or, if the application icon moves from the bottom area to the middle area, the display size of the first application icon is increased and / or the display transparency of the first application icon is improved. For example, the display size of the first application icon is increased from 46dp to 72dp, and / or the display transparency of the first application icon is increased from 35% to 100%.

[0087] Step S250: If the first application icon moves from the top area or the bottom area close to the middle area to the side away from the middle area, gradually reduce the display size of the first application icon and / or gradually reduce the display transparency of the first application icon.

[0088] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, the application icons can be moved on the target page in response to the operation input by the user. Based on this, if the first application icon moves from the side of the top area close to the middle area to the side away from the middle area, the display size of the first application icon is gradually reduced and / or the display transparency of the first application icon is gradually reduced; or, if the first application icon moves from the side of the bottom area close to the middle area to the side away from the middle area, the display size of the first application icon is gradually reduced and / or the display transparency of the first application icon is gradually reduced. For example, the display size of the first application icon is gradually reduced from 72dp, such as gradually reduced from 72dp in the form of a linear equation, and / or the display transparency of the first application icon is gradually reduced from 100%, such as gradually reduced from 100% in the form of a quadratic equation.

[0089] In some embodiments, gradually reducing the display size of the first application icon and / or gradually reducing the display transparency of the first application icon may include: gradually reducing the display size of the first application icon to a target size and / or gradually reducing the display transparency of the first application icon to a target transparency and then maintaining or hiding it. For example: gradually reducing the display size of the first application icon from 72dp to 46dp, and / or gradually reducing the display transparency of the first application icon from 100% to 35, then maintaining the first application icon on the target page with the changed parameters or sliding it out of the target page.

[0090] Step S260: If the first application icon moves from the side of the top area or the bottom area away from the middle area to the side close to the middle area, gradually increase the display size of the first application icon and / or gradually increase the display transparency of the first application icon.

[0091] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, the application icons can be moved on the target page in response to the operation input by the user. Based on this, if the first application icon moves from the side of the top area away from the middle area to the side close to the middle area, the display size of the first application icon is gradually increased and / or the display transparency of the first application icon is gradually increased; or, if the first application icon moves from the side of the bottom area away from the middle area to the side close to the middle area, the display size of the first application icon is gradually increased and / or the display transparency of the first application icon is gradually increased. For example, the display size of the first application icon is gradually increased from 46dp, such as gradually reduced from 46dp in the form of a linear equation, and / or the display transparency of the first application icon is gradually increased from 35%, such as gradually increased from 35% in the form of a quadratic equation.

[0092] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in the embodiment also divides the target page into a top area, a middle area and a bottom area. When the application icon moves from the middle area to the top area or the bottom area, the display size of the application icon is reduced and / or the display transparency of the application icon is reduced; when the application icon moves from the top area or the bottom area to the middle area, the display size of the application icon is increased and / or the display transparency of the application icon is increased; when the application icon moves from a side of the top area or the bottom area close to the middle area to a side away from the middle area, the display size of the application icon is gradually reduced to a target display size and / or the display transparency of the application icon is gradually reduced to the target transparency and then hidden; when the application icon moves from a side of the top area or the bottom area away from the middle area to a side close to the middle area, the display size of the application icon is gradually increased and / or the display transparency of the application icon is gradually increased, thereby performing different parameter updates according to the movement of the application icon in different areas to improve the display effect and visual experience.

[0093] See also Fig.11 , Fig.11The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. In this embodiment, the target page includes a top area, a middle area, and a bottom area. The initial display positions of multiple application icons are located in the middle area and the bottom area. A first mask is added to the bottom area. Fig.11 The process shown is described in detail, and the page display method may specifically include the following steps:

[0094] Step S310: When the inner screen is in a folded state, display the main page on the outer screen.

[0095] Step S320: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0096] For the detailed description of step S310 to step S320, please refer to step S110 to step S120, which will not be repeated here.

[0097] Step S330: If the multiple application icons begin to move out of the target page from the top area, a second mask is added to the top area.

[0098] Optionally, multiple application icons can be moved on the target page to hide or display. For example, multiple target application icons can be moved from the bottom area into the target page for display, and can be moved from the top area out of the target page for hiding. Wherein, the number of multiple application icons is greater than the upper limit of the number of application icons allowed to be displayed on the target page. At this time, some of the multiple application icons are displayed on the target page, and other application icons in the multiple application icons are not displayed on the target page (hidden). For example, if they are hidden below the bottom area, they can be moved into the target page for display. At this time, since there are application icons outside the bottom area, a first mask can be added to the bottom area to indicate that there are undisplayed application icons below the bottom area of ​​the target page by displaying the first mask, so as to enhance the user's senses and usage experience. As a method, the color of the first mask can be obtained by picking the color of the bottom area.

[0099] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, the application icons can move on the target page in response to the operation input by the user. Based on this, if multiple application icons begin to move out of the target page from the top area, a second mask can be added to the top area, that is, when the application icons have not moved out of the target page from the top area, no mask is added to the top area, and when an application icon begins to move out of the target page from the top area, the second mask begins to be added to the top area, so as to prompt that there are undisplayed application icons above the top area of ​​the target page by displaying the second mask, so as to enhance the user's sense and use experience. As a way, the color of the second mask can be obtained by picking the color of the top area.

[0100] Step S340: If all of the multiple application icons have been moved from the bottom area to the target page, canceling the first mask in the bottom area.

[0101] In this embodiment, in the process of displaying application icons corresponding to multiple application programs on the target page, the application icons can be moved on the target page in response to the operation input by the user. Based on this, if all the application icons have been moved from the bottom area to the target page, the first mask can be cancelled in the bottom area, that is, when the application icons are initially included outside the bottom area, the first mask can be added to the bottom area. When the application icons have been completely moved into the target page (that is, the application icons are not included outside the bottom area), the first mask is cancelled in the bottom area, so as to indicate that there are no undisplayed application icons below the bottom area of ​​the target page by not displaying the first mask, so as to enhance the user's sense and usage experience.

[0102] In some implementations, if multiple application programs begin to move out of the target page from the top area while all the application icons have moved into the target page from the bottom area, a second mask may be added to the top area and the first mask may be removed from the bottom area.

[0103] Compared with the page display method provided in an embodiment of the present application, Figure 3In the page display method shown in the figure, the present embodiment further divides the target page into a top area, a middle area and a bottom area. When initially displayed, there are undisplayed application icons below the bottom area of ​​the target page. At this time, a first mask can be added to the bottom area to prompt that there are undisplayed application icons below the bottom area of ​​the target page. Based on this, if multiple application icons begin to move out of the target page from the top area, a second mask can be added to the top area to prompt that there are undisplayed application icons above the top area of ​​the target page. If multiple application icons have all moved into the target page from the bottom area, the first mask is removed from the bottom area to indicate that there are no undisplayed application icons below the bottom area of ​​the target page, thereby improving the moving display effect of icons in different areas and improving the user's senses and usage experience.

[0104] See also Fig.12 , Fig.12 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig.12 The process shown is described in detail, and the page display method may specifically include the following steps:

[0105] Step S410: When the inner screen is in a folded state, display the main page on the outer screen.

[0106] Step S420: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0107] For the detailed description of step S410 to step S420, please refer to step S110 to step S120, which will not be repeated here.

[0108] Step S430: In response to a click operation on a second application icon, reduce a display size of the second application icon and then restore the display size of the second application icon, wherein the second application icon is any one of the multiple application icons.

[0109] Optionally, any one application icon may be determined from a plurality of application icons as the second application icon, wherein the initial display position of the second application icon may be located in the middle area.

[0110] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, a click operation on the application icon can be detected. If a click operation on the second application icon is detected, the display size of the second application icon can be reduced and then restored in response to the click operation on the second application icon, as a click feedback of the user clicking the application icon. Optionally, a time length can be preset, and then the display size of the second application icon can be reduced for a set time length and then restored in response to the click operation on the second application icon.

[0111] See also Fig.13 , Fig.13 A schematic diagram of interface changes of an electronic device provided by an embodiment of the present application is shown. Fig.13 As shown, the electronic device 100 can display a target page B on the external screen 130, in which a second application icon C1 is displayed. If a click operation on the second application icon C1 is detected, the display size of the second application icon C1 can be reduced and then restored.

[0112] Step S440: In response to a click operation on the second application icon, the display brightness of the second application icon is reduced and then restored.

[0113] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, a click operation on the application icon can be detected. If a click operation on the second application icon is detected, the display brightness of the second application icon can be reduced and then restored in response to the click operation on the second application icon, as a click feedback of the user clicking the application icon. Optionally, a time length can be pre-set, and then the display brightness of the second application icon can be reduced for a set time length and then restored in response to the click operation on the second application icon.

[0114] In some embodiments, if a click operation on the second application icon is detected, the display size of the second application icon can be reduced and then restored, and the display brightness of the second application icon can be reduced and then restored in response to the click operation on the second application icon.

[0115] In some embodiments, if a click operation on a second application icon is detected, the application corresponding to the second application icon can be started on the external screen in response to the click operation on the second application icon to enable quick use of the application corresponding to the second application icon on the external screen.

[0116] See also Fig.14 , Fig.14 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Fig.14 As shown, the electronic device 100 can display the application interface of the application corresponding to the second application icon C1 on the external screen 130.

[0117] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in the embodiment also responds to a click operation on an application icon by reducing the display size of an application icon and then restoring the display size of a second application icon, and / or responds to a click operation on an application icon by reducing the display brightness of the second application icon and then restoring the display brightness of the second application icon, thereby improving the interactive feedback effect with the user and enhancing the user's interactive experience.

[0118] See also Fig.15 , Fig.15 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig.15 The process shown is described in detail, and the page display method may specifically include the following steps:

[0119] Step S510: When the inner screen is in a folded state, display the main page on the outer screen.

[0120] Step S520: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0121] For the detailed description of step S510 to step S520, please refer to step S110 to step S120, which will not be repeated here.

[0122] Step S530: In response to a pressing operation on a third application icon, increase the display size of the third application icon and maintain the display size of the fourth application icon, wherein the third application icon is any one of the multiple application icons, and the fourth application icon is an application icon among the multiple application icons except the third application icon.

[0123] Optionally, any one application icon from the multiple application icons can be determined as the third application icon, and application icons other than the third application icon from the multiple application icons can be determined as fourth application icons, wherein the initial display position of the third application icon can be located in the middle area.

[0124] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, a press operation on the application icon can be detected. If a press operation on the third application icon is detected, the display size of the third application icon can be increased in response to the press operation on the third application icon, and the display size of the fourth application icon can be maintained to highlight the third application icon. For example, the display size of the third application icon can be increased to 80dp, and the display size of the fourth application icon can be maintained at 76dp.

[0125] In some embodiments, if a press operation on the third application icon is detected, the press duration corresponding to the press operation can be determined. If the press duration reaches a duration threshold, the display size of the third application icon can be increased and the display size of the fourth application icon can be maintained.

[0126] See also Fig.16 , Fig.16 A schematic diagram of interface changes of an electronic device provided by an embodiment of the present application is shown. Fig.16 As shown, the electronic device 100 can display a target page B on the external screen 130, in which a third application icon C2 and a fourth application icon C3 are displayed. If a pressing operation on the third application icon C2 is detected, the display size of the third application icon C2 can be increased, and the display size of the fourth application icon C3 can be maintained.

[0127] As an implementable method, when a pressing operation on the third application icon is detected, in addition to increasing the display size of the third application icon and maintaining the display size of the fourth application icon, the display size of the third application icon can also be increased and the display size of the fourth application icon can be reduced. Specifically, in the process of displaying application icons corresponding to multiple applications on the target page, a pressing operation on the application icon can be detected. Among them, if a pressing operation on the third application icon is detected, the display size of the third application icon can be increased in response to the pressing operation on the third application icon, and the display size of the fourth application icon can be reduced to highlight the third application icon. For example, the display size of the third application icon can be increased to 80dp, and the display size of the fourth application icon can be reduced to 97%.

[0128] In some embodiments, if a press operation on the third application icon is detected, the press duration corresponding to the press operation can be determined. If the press duration reaches a duration threshold, the display size of the third application icon can be increased and the display size of the fourth application icon can be reduced.

[0129] See also Fig.17 , Fig.17 A schematic diagram of interface changes of an electronic device provided by an embodiment of the present application is shown. Fig.17 As shown, the electronic device 100 can display a target page B on the external screen 130, in which a third application icon C2 and a fourth application icon C3 are displayed. If a pressing operation on the third application icon C2 is detected, the display size of the third application icon C2 can be increased, and the display size of the fourth application icon C3 can be reduced.

[0130] In some embodiments, if a press operation on a third application icon is detected, it can be determined that the user has selected the third application icon, and the third application icon can be controlled to move with the user's drag operation; or, if a press operation on the third application icon is detected, the press duration corresponding to the press operation can be determined. If the press duration reaches a duration threshold, it can be determined that the user has selected the third application icon, and the third application icon can be controlled to move with the user's drag operation.

[0131] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in the embodiment also responds to a pressing operation on an application icon by increasing the display size of the pressed application icon and maintaining the display size of other application icons; or, responds to a pressing operation on an application icon by increasing the display size of the pressed application icon and decreasing the display size of other application icons, thereby improving the interactive feedback effect with the user and enhancing the user's interactive experience.

[0132] See also Fig.18 , Fig.18 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig.18 The process shown is described in detail, and the page display method may specifically include the following steps:

[0133] Step S610: When the inner screen is in a folded state, display the main page on the outer screen.

[0134] Step S620: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0135] For the detailed description of step S610 to step S620, please refer to step S110 to step S120, which will not be repeated here.

[0136] Step S630: Control the movement of the fifth application icon in response to the drag operation on the fifth application icon, and determine the latest display position of the fifth application icon on the target page based on the drag operation, wherein the fifth application icon is any one of the multiple application icons.

[0137] Optionally, any one application icon may be determined from the plurality of application icons as the fifth application icon, wherein the initial display position of the fifth application icon may be located in the middle area.

[0138] In this embodiment, during the process of displaying application icons corresponding to multiple application programs on the target page, a drag operation on the application icon may be detected. If a drag operation on the fifth application icon is detected, the fifth application icon may be controlled to move in response to the drag operation on the fifth application icon, and the latest display position of the fifth application icon on the target page based on the drag operation may be determined.

[0139] In some embodiments, when a long press operation (an operation in which the pressing duration reaches a duration threshold) on the fifth application icon is detected, dragging of the fifth application icon can be supported, and the movement of the fifth application icon can be controlled in response to the drag operation on the fifth application icon.

[0140] In some embodiments, in the process of controlling the movement of the fifth application icon in response to a drag operation applied to the fifth application icon, it is determined whether a release operation is detected. If a release operation is detected, the release position corresponding to the fifth application icon on the target page is determined as the latest display position of the fifth application icon on the target page.

[0141] See also Fig.19 , Fig.19 A schematic diagram of interface changes of an electronic device provided by an embodiment of the present application is shown. Fig.19 As shown, the electronic device 100 can display a target page B on the external screen 130 , in which a fifth application icon C4 is displayed, and the fifth application icon C4 can move in response to a drag operation.

[0142] Step S640: Based on the latest display positions, updating the display positions of the multiple application icons on the target page and updating the display parameters of the multiple application icons on the target page.

[0143] In this embodiment, when the latest display position of the fifth application icon is determined, the display positions of the multiple application icons on the target page can be updated based on the latest display position, and the display parameters of the multiple application icons on the target page can be updated to achieve the adjusted arrangement of the application icons.

[0144] For example, if the fifth application icon moves from the middle area to the bottom area, the display size of the fifth application icon may be reduced and / or the display transparency of the fifth application icon may be reduced. At the same time, other application icons in the plurality of application icons may adjust their display parameters accordingly.

[0145] In some embodiments, in the process of controlling the movement of the fifth application icon in response to the drag operation on the fifth application icon, if the fifth application icon moves to the top edge of the top area or the bottom edge of the bottom area, one or more of the multiple application icons may be triggered to move on the target page to hide or display, thereby achieving the movement of the multiple application icons. If the fifth application icon moves away from the top edge of the top area or the bottom edge of the bottom area, the movement of the application icon may be stopped.

[0146] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in the embodiment also controls the movement of the application icon in response to the drag operation applied to the application icon, and determines the latest display position of the application icon on the target page based on the drag operation, and based on the latest display position, updates the display positions of multiple application icons on the target page and updates the display parameters of multiple application icons on the target page, thereby updating the icon arrangement of the target page based on the drag operation and improving the user's interactive experience.

[0147] See also Fig. 20 , Fig. 20 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig. 20 The process shown is described in detail, and the page display method may specifically include the following steps:

[0148] Step S710: When the inner screen is in a folded state, display the main page on the outer screen.

[0149] Step S720: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0150] For the detailed description of step S710 to step S720, please refer to step S110 to step S120, which will not be repeated here.

[0151] Step S730: In response to a sliding operation on the multiple application icons, one or more of the multiple application icons are moved on the target page to be hidden or displayed.

[0152] In this embodiment, in the process of displaying application icons corresponding to multiple applications on the target page, a sliding operation on the application icon can be detected. Among them, if a sliding operation on multiple application icons is detected, one or more of the multiple application icons can be moved on the target page to hide or display in response to the sliding operation on the multiple application icons. Optionally, one or more of the multiple application icons can be moved out of the top area of ​​the target page to hide, and one or more of the multiple application icons can be moved into the display from the bottom area of ​​the target page; or, one or more of the multiple application icons can be moved out of the bottom area of ​​the target page to hide, and one or more of the multiple application icons can be moved into the display from the top area of ​​the target page.

[0153] In some embodiments, during the process of displaying application icons corresponding to multiple application programs on the target page, if a sliding operation on the target page is detected, one or more of the multiple application icons may be moved on the target page to be hidden or displayed. For example, if an upward sliding operation on the target page is detected, one or more of the multiple application icons may be moved upward on the target page to be hidden or displayed; or, if a downward sliding operation on the target page is detected, one or more of the multiple application icons may be moved downward on the target page to be hidden or displayed.

[0154] In some embodiments, during the process of displaying application icons corresponding to multiple application programs on the target page, if it is detected that the target application icon (any one of the multiple application icons) is dragged and moved to the edge of the top area or the edge of the bottom area of ​​the target page, one or more of the multiple application icons can be moved on the target page to hide or display. For example, if it is detected that the target application icon is dragged and moved to the edge of the top area of ​​the target page, one or more of the multiple application icons can be moved downward on the target page to hide or display; or, if it is detected that the target application icon is dragged and moved to the edge of the bottom area of ​​the target page, one or more of the multiple application icons can be moved upward on the target page to hide or display.

[0155] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in this embodiment also responds to a sliding operation on multiple application icons, so that one or more of the multiple application icons are moved on the target page to be hidden or displayed, thereby realizing the switching display of multiple application icons and improving the switching display effect of the application icons.

[0156] See also Fig.21 , Fig.21 The following is a flow chart of a page display method provided by an embodiment of the present application. The method is applied to the above-mentioned electronic device, which includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig.21 The process shown is described in detail, and the page display method may specifically include the following steps:

[0157] Step S810: When the inner screen is in a folded state, display the main page on the outer screen.

[0158] Step S820: In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on display positions of the multiple application icons on the target page.

[0159] For the detailed description of step S810 to step S820, please refer to step S110 to step S120, which will not be repeated here.

[0160] Step S830: If a new application icon is added to the target page, a prompt message is displayed.

[0161] In this embodiment, if a new application icon is added to the target page, a prompt message is displayed, wherein the prompt message can be used to prompt the user to view the newly added application icon. Optionally, the prompt message can include one or a combination of text prompt message, vibration prompt message, graphic prompt message, and voice prompt message.

[0162] In some embodiments, if a new application is installed on the electronic device, an application icon corresponding to the installed application can be added to the target page; alternatively, the electronic device can provide a resource library management function on the inner screen, and the user can add application icons to the resource library. Accordingly, if the user adds an application icon to the resource library on the inner screen, the added application icon can be added to the target page.

[0163] In some implementations, if a new application icon is added to the target page, and the application corresponding to the application icon has not been started on the external screen, a prompt message may be displayed.

[0164] In some implementations, if an application icon is added to the target page and the application icon is not displayed on the target page (hidden), a prompt message may be displayed.

[0165] In some implementations, during the process of displaying the prompt information, if a touch operation acting on the prompt information is detected, the newly added application icon can be located and displayed, and the prompt information can be deleted from the target page.

[0166] In some implementations, during the process of displaying the prompt information, if no touch operation acting on the prompt information is detected within a preset time period, the prompt information is deleted from the target page.

[0167] Compared with the page display method provided in an embodiment of the present application, Figure 3 The page display method shown in the figure, this embodiment also displays prompt information when a new application icon is added to the target page to enhance the user experience.

[0168] See also Fig. 22 , Fig. 22 FIG. 1 shows a schematic diagram of an interface of an electronic device provided in an embodiment of the present application. Fig. 22 As shown, the electronic device 100 can display the target page B on the external screen 130, and display a prompt message "View new applications" on the target page B.

[0169] See also Fig.23 , Fig.23 The module block diagram of the page display device provided by an embodiment of the present application is shown. The page display device 200 is applied to the above electronic device, and the electronic device includes an inner screen and an outer screen, and the inner screen is a folding screen. Fig.23The page display device 200 includes: a main page display module 210 and a target page display module 220, wherein:

[0170] The main page display module 210 is used to display the main page on the outer screen when the inner screen is in a folded state.

[0171] The target page display module 220 is used to respond to the touch operation applied to the main page and switch from displaying the main page to displaying the target page on the external screen, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page.

[0172] Furthermore, the target page display module 220 includes: a target page display submodule, wherein:

[0173] The target page display submodule is used to respond to a target sliding operation on the main page, switching from displaying the main page to displaying the target page on the external screen, wherein the sliding direction of the target sliding operation is perpendicular to the axial direction of the electronic device.

[0174] Further, the target page includes a top area, a middle area and a bottom area, the display parameters include a display size and a display transparency, and the page display device 200 further includes: a first icon display module, a second icon display module, a third icon display module and a fourth icon display module, wherein:

[0175] The first icon display module is used to reduce the display size of the first application icon and / or reduce the display transparency of the first application icon if the first application icon moves from the middle area to the top area or the bottom area, wherein the first application icon is any one of the multiple application icons.

[0176] The second icon display module is used to increase the display size of the first application icon and / or improve the display transparency of the first application icon if the first application icon moves from the top area or the bottom area to the middle area.

[0177] The third icon display module is used to gradually reduce the display size of the first application icon and / or gradually reduce the display transparency of the first application icon if the first application icon moves from the side of the top area or the bottom area close to the middle area to the side away from the middle area.

[0178] The fourth icon display module is used to gradually increase the display size of the first application icon and / or gradually increase the display transparency of the first application icon if the first application icon moves from the side of the top area or the bottom area away from the middle area to the side close to the middle area.

[0179] Furthermore, the target page includes a top area, a middle area and a bottom area, a first mask is added to the bottom area, and the page display device 200 further includes: a mask adding module and a mask canceling module, wherein:

[0180] The mask adding module is used to add a second mask on the top area if the multiple application icons begin to move out of the target page from the top area.

[0181] The mask canceling module is used to cancel the first mask in the bottom area if the multiple application icons have all been moved from the bottom area to the target page.

[0182] Furthermore, the page display device 200 further includes: a display size reduction module and a display brightness reduction module, wherein:

[0183] The display size reduction module is used to respond to a click operation on a second application icon, reduce the display size of the second application icon, and then restore the display size of the second application icon, wherein the second application icon is any one of the multiple application icons.

[0184] The display brightness reducing module is used to respond to a click operation on the second application icon, reduce the display brightness of the second application icon, and then restore the display brightness of the second application icon.

[0185] Furthermore, the page display device 200 further includes: an application startup module, wherein:

[0186] The application program launching module is used to respond to a click operation on the second application icon and launch the application program corresponding to the second application icon on the external screen.

[0187] Furthermore, the page display device 200 further includes: a first size increasing module and a second size increasing module, wherein:

[0188] The first size increasing module is used to respond to a pressing operation on a third application icon, increase the display size of the third application icon, and maintain the display size of a fourth application icon, wherein the third application icon is any one of the multiple application icons, and the fourth application icon is an application icon among the multiple application icons except the third application icon.

[0189] The second size increasing module is used to increase the display size of the third application icon and reduce the display size of the fourth application icon in response to a pressing operation on the third application icon.

[0190] Furthermore, the page display device 200 further includes: a latest display position determination module and a display parameter update module, wherein:

[0191] The latest display position determination module is used to control the movement of the fifth application icon in response to the drag operation on the fifth application icon, and determine the latest display position of the fifth application icon on the target page based on the drag operation, wherein the fifth application icon is any one of the multiple application icons.

[0192] The display parameter updating module is used to update the display positions of the multiple application icons on the target page and update the display parameters of the multiple application icons on the target page based on the latest display positions.

[0193] Furthermore, the page display device 200 further includes: an icon moving module, wherein:

[0194] The icon moving module is used to move one or more of the multiple application icons on the target page to hide or display in response to a sliding operation on the multiple application icons.

[0195] Furthermore, the page display device 200 further includes: a prompt information display module, wherein:

[0196] The prompt information display module is used to display prompt information if a new application icon is added to the target page.

[0197] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the above-described devices and modules can refer to the corresponding processes in the aforementioned method embodiments, and will not be repeated here.

[0198] In several embodiments provided in the present application, the coupling between modules may be electrical, mechanical or other forms of coupling.

[0199] In addition, each functional module in each embodiment of the present application can be integrated into a processing module, or each module can exist physically separately, or two or more modules can be integrated into one module. The above integrated modules can be implemented in the form of hardware or software functional modules.

[0200] See also Fig.24, which shows a structural block diagram of an electronic device 100 provided in an embodiment of the present application. The electronic device 100 may be an electronic device capable of running applications, such as a smart phone, a tablet computer, an e-book, etc. The electronic device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, and one or more applications, wherein the one or more applications may be stored in the memory 120 and configured to be executed by one or more processors 110, and the one or more programs are configured to execute the method described in the aforementioned method embodiment.

[0201] Among them, the processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire electronic device 100, and executes various functions and processes data of the electronic device 100 by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. Optionally, the processor 110 can be implemented in at least one hardware form of digital signal processing (Digital Signal Processing, DSP), field programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). The processor 110 can integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU) and a modem. Among them, the CPU mainly processes the operating system, user interface and application programs; the GPU is responsible for rendering and drawing the content to be displayed; and the modem is used to process wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 110, but may be implemented separately through a communication chip.

[0202] The memory 120 may include a random access memory (RAM) or a read-only memory (ROM). The memory 120 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 120 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for implementing functions (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the following various method embodiments, etc. The data storage area may also store data (such as a phone book, audio and video data, chat record data) created by the electronic device 100 during use.

[0203] See also Fig.25, which shows a structural block diagram of a computer-readable storage medium provided in an embodiment of the present application. The computer-readable medium 300 stores program codes, which can be called by a processor to execute the method described in the above method embodiment.

[0204] The computer readable storage medium 300 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read-only memory), an EPROM, a hard disk, or a ROM. Optionally, the computer readable storage medium 300 includes a non-transitory computer-readable storage medium. The computer readable storage medium 300 has storage space for program code 310 that performs any method steps in the above method. These program codes can be read from or written to one or more computer program products. The program code 310 can be compressed, for example, in an appropriate form.

[0205] In summary, the page display method, device, electronic device and storage medium provided in the embodiments of the present application, when the inner screen is in a folded state, displays the main page on the external screen, and in response to a touch operation applied to the main page, switches the display of the main page on the external screen to displaying the target page, wherein the target page includes application icons corresponding to multiple target applications, and display parameters of the multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page. Therefore, for a foldable electronic device, a target page including application icons corresponding to multiple application programs is provided on the external screen to achieve unified management of multiple applications, and the display parameters of the application icons are determined based on the display positions of the application icons on the target page, which can improve the display effect and enhance the user experience.

[0206] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A page display method, characterized in that: Applied to an electronic device including an inner screen and an outer screen, the inner screen being a folding screen, the method comprising: When the inner screen is in a folded state, displaying the main page on the outer screen; In response to a touch operation applied to the main page, the external screen switches from displaying the main page to displaying a target page, wherein the target page includes application icons corresponding to multiple application programs, and display parameters of the multiple application icons on the target page are determined based on the display positions of the multiple application icons on the target page.

2. The method according to claim 1, characterized in that The target page includes a top area, a middle area, and a bottom area, and the display parameters include a display size, wherein: The display size of the application icon whose display position is located in the bottom area is smaller than the display size of the application icon whose display position is located in the middle area; and / or The display size of the application icon whose display position is located in the top area is smaller than the display size of the application icon whose display position is located in the middle area.

3. The method according to claim 2, characterized in that in: The display size of the application icon whose display position is located in the bottom area away from the middle area is smaller than the display size of the application icon whose display position is located in the bottom area close to the middle area; and / or The display size of the application icon whose display position is located in the top area and away from the middle area is smaller than the display size of the application icon whose display position is located in the top area and close to the middle area; and / or The display sizes of the application icons whose display positions are located in the middle area are the same.

4. The method according to claim 1, characterized in that: The target page includes a top area, a middle area, and a bottom area, and the display parameters include display transparency, wherein: The display transparency of the application icon whose display position is located in the bottom area is lower than the display transparency of the application icon whose display position is located in the middle area; and / or The display transparency of the application icon whose display position is located in the top area is smaller than the display transparency of the application icon whose display position is located in the middle area.

5. The method according to claim 4, characterized in that in: The display transparency of the application icon whose display position is located in the bottom area away from the middle area is lower than the display transparency of the application icon whose display position is located in the bottom area close to the middle area; and / or The display transparency of the application icon whose display position is located in the top area away from the middle area is lower than the display transparency of the application icon whose display position is located in the top area close to the middle area; and / or The display transparency of the application icons whose display positions are located in the middle area is the same.

6. The method according to claim 1, characterized in that The target page includes a top area, a middle area, and a bottom area, the display parameters include a display size and a display transparency, and in response to the first touch operation acting on the main page, after the external screen switches from displaying the main page to displaying the target page, the method further includes: If a first application icon moves from the middle area to the top area or the bottom area, reducing the display size of the first application icon and / or reducing the display transparency of the first application icon, wherein the first application icon is any one of the multiple application icons; or If the first application icon moves from the top area or the bottom area to the middle area, increasing the display size of the first application icon and / or improving the display transparency of the first application icon; or If the first application icon moves from a side of the top area or the bottom area close to the middle area to a side away from the middle area, gradually reducing the display size of the first application icon and / or gradually reducing the display transparency of the first application icon; or If the first application icon moves from a side of the top area or the bottom area away from the middle area to a side close to the middle area, the display size of the first application icon is gradually increased and / or the display transparency of the first application icon is gradually increased.

7. The method according to any one of claims 1 to 6, characterized in that: The target page includes a top area, a middle area, and a bottom area, the multiple application icons are moved on the target page to be hidden or displayed, a first mask is added to the bottom area, and in response to the touch operation acting on the main page, after the external screen switches from displaying the main page to displaying the target page, the further comprising: If the plurality of application icons begin to move out of the target page from the top area, adding a second mask on the top area; and / or If all of the multiple application icons have been moved from the bottom area to the target page, the first mask is removed from the bottom area.

8. The method according to any one of claims 1 to 6, characterized in that: In response to the first touch operation on the main page, after the external screen switches from displaying the main page to displaying the target page, the method further includes: In response to a click operation on a second application icon, reducing a display size of the second application icon and then restoring the display size of the second application icon, wherein the second application icon is any one of the multiple application icons; and / or In response to a click operation on the second application icon, the display brightness of the second application icon is reduced and then restored.

9. The method according to claim 8, characterized in that The method further comprises: In response to a click operation on the second application icon, an application corresponding to the second application icon is started on the external screen.

10. The method according to any one of claims 1 to 6, characterized in that: In response to the first touch operation on the main page, after the external screen switches from displaying the main page to displaying the target page, the method further includes: In response to a pressing operation on a third application icon, increasing the display size of the third application icon and maintaining the display size of a fourth application icon, wherein the third application icon is any one of the plurality of application icons and the fourth application icon is an application icon among the plurality of application icons except the third application icon; or In response to a pressing operation on the third application icon, a display size of the third application icon is increased, and a display size of the fourth application icon is decreased.

11. The method according to any one of claims 1 to 6, characterized in that: In response to the first touch operation on the main page, after the external screen switches from displaying the main page to displaying the target page, the method further includes: controlling the movement of a fifth application icon in response to a drag operation on the fifth application icon, and determining a latest display position of the fifth application icon on the target page based on the drag operation, wherein the fifth application icon is any one of the plurality of application icons; Based on the latest display positions, the display positions of the multiple application icons on the target page are updated, and the display parameters of the multiple application icons on the target page are updated.

12. The method according to any one of claims 1 to 6, characterized in that: In response to the first touch operation on the main page, after the external screen switches from displaying the main page to displaying the target page, the method further includes: In response to a sliding operation on the multiple application icons, one or more of the multiple application icons are moved on the target page to be hidden or displayed.

13. The method according to any one of claims 1 to 6, characterized in that: The method further comprises: If a new application icon is added to the target page, a prompt message is displayed.

14. The method according to any one of claims 1 to 6, characterized in that: The step of switching, in response to a touch operation on the main page, from displaying the main page to displaying the target page on the external screen includes: In response to a target sliding operation applied to the main page, the external screen switches from displaying the main page to displaying the target page, wherein a sliding direction of the target sliding operation is a direction perpendicular to an axial direction of the electronic device.

15. A page display device, characterized in that: Applicable to an electronic device including an inner screen and an outer screen, wherein the inner screen is a folding screen, the device includes: A main page display module, used for displaying the main page on the outer screen when the inner screen is in a folded state; A target page display module is used to respond to a touch operation applied to the main page and switch from displaying the main page to displaying the target page on the external screen, wherein the target page includes application icons corresponding to each of a plurality of application programs, and display parameters of the plurality of application icons on the target page are determined based on display positions of the plurality of application icons on the target page.

16. An electronic device, characterized in that: The method comprises a memory and a processor, wherein the memory is coupled to the processor, and the memory stores instructions. When the instructions are executed by the processor, the processor executes the method according to any one of claims 1 to 14.

17. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores program codes, which can be called by a processor to execute the method according to any one of claims 1 to 14.

Images