Interface display method and device

Abstract

The application discloses an interface display method and device, and belongs to the technical field of communication. The interface display method is applied to an electronic device comprising at least a first screen, and comprises the following steps: receiving a first input, wherein the first input is used for triggering the electronic device to display a first interface of a first application, and the screen resolution of the first screen is less than a lower limit value of a resolution interval to which the first application is adapted; in response to the first input, scaling interface content of the first interface of the first application to obtain target interface content, and displaying the target interface content on the first screen.

Description

Technical Field

[0001] This application belongs to the field of communication technology, specifically relating to an interface display method and device. Background Technology

[0002] With the development of communication technology, electronic device screens are taking on more and more display forms. However, for the sake of aesthetics, some electronic devices have smaller screen sizes, and their screen resolutions may be smaller than the lower limit of the resolution range corresponding to third-party applications.

[0003] As a result, many third-party applications cannot be displayed properly on these small screens. For example, controls in the display interface may not be fully displayed, controls may overlap, the display interface may crash, controls may not be clickable, and touch input operations may conflict, resulting in a poor user experience when using third-party applications on small screens. Summary of the Invention

[0004] The purpose of this application is to provide an interface display method and apparatus that can achieve a better display effect on the display interface of an application on an electronic device screen when the screen resolution of the electronic device is less than the lower limit of the resolution range corresponding to the application.

[0005] In a first aspect, embodiments of this application provide an interface display method applied to an electronic device that includes at least a first screen. The interface display method includes: receiving a first input, the first input being used to trigger the electronic device to display a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of a resolution range adapted to the first application; and responding to the first input, scaling the interface content of the first interface of the first application to obtain target interface content, and displaying the target interface content on the first screen.

[0006] Secondly, embodiments of this application provide an interface display device applied to an electronic device that includes at least a first screen. The interface display device includes: a receiving module, a processing module, and a display module. The receiving module is used to receive a first input, which triggers the electronic device to display a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. The processing module is used to scale the interface content of the first interface of the first application in response to the first input to obtain target interface content. The display module is used to display the target interface content on the first screen.

[0007] Thirdly, embodiments of this application provide an electronic device including a processor and a memory, the memory storing programs or instructions executable on the processor, the programs or instructions, when executed by the processor, implementing the steps of the method described in the first aspect.

[0008] Fourthly, embodiments of this application provide a readable storage medium on which a program or instructions are stored, which, when executed by a processor, implement the steps of the method described in the first aspect.

[0009] Fifthly, embodiments of this application provide a chip, the chip including a processor and a communication interface, the communication interface being coupled to the processor, the processor being used to run programs or instructions to implement the method as described in the first aspect.

[0010] In a sixth aspect, embodiments of this application provide a computer program product stored in a storage medium, which is executed by at least one processor to implement the method described in the first aspect.

[0011] In this embodiment, the electronic device receives a first input, which triggers the electronic device to display a first interface of a first application. The screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. In response to the first input, the interface content of the first interface of the first application is scaled to obtain target interface content, which is then displayed on the first screen. Thus, by triggering the electronic device to scale the interface content of the first interface of the first application through the first input, the user can ensure that the interface content is displayed correctly on the first screen even when the screen resolution of the electronic device is less than the lower limit of the resolution range corresponding to the application, resulting in a better display effect and improving the user experience of the electronic device screen. Attached Figure Description

[0012] Figure 1 This is a schematic diagram of a system structure for implementing an interface display method according to an embodiment of this application;

[0013] Figure 2 This is one of the flowcharts illustrating an interface display method provided in an embodiment of this application;

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

[0015] Figure 4A This is a schematic diagram illustrating the effect of a folded mobile phone according to an embodiment of this application;

[0016] Figure 4B This is a schematic diagram illustrating the unfolded effect of a mobile phone according to an embodiment of this application;

[0017] Figure 5 This is a third flowchart illustrating an interface display method provided in an embodiment of this application;

[0018] Figure 6This is a schematic diagram illustrating an example of an interface display method flow provided in an embodiment of this application;

[0019] Figure 7 This is a schematic diagram of the structure of an interface display device provided in an embodiment of this application;

[0020] Figure 8 This is one of the hardware structure diagrams of an electronic device provided in the embodiments of this application;

[0021] Figure 9 This is a second schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0022] The technical solutions of the embodiments of this application will be clearly described below with reference to the accompanying drawings. Obviously, the described embodiments are only some, not all, of the embodiments of this application. All other embodiments obtained by those skilled in the art based on the embodiments of this application are within the scope of protection of this application.

[0023] The terms "first," "second," etc., used in the specification and claims of this application are used to distinguish similar objects and not to describe a specific order or sequence. It should be understood that such use of data can be interchanged where appropriate so that embodiments of this application can be implemented in orders other than those illustrated or described herein, and the objects distinguished by "first," "second," etc., are generally of the same class and the number of objects is not limited; for example, a first object can be one or more. Furthermore, in the specification and claims, "and / or" indicates at least one of the connected objects, and the character " / " generally indicates that the preceding and following objects are in an "or" relationship.

[0024] With the development of communication technology, electronic device screens are taking on increasingly diverse forms. However, some electronic devices, for aesthetic reasons, have smaller screen sizes, and their screen resolutions may be lower than the lower limit of the resolution range for third-party applications. For example, in foldable screen electronic devices, the outer screen is typically located behind the inner screen, with a display area only half that of the inner screen. Furthermore, its resolution is relatively low, usually below the lower limit of the resolution range for third-party applications. This results in most third-party application interfaces being incompatible with the outer screen of the foldable device. Even if the interface of a third-party application can be displayed on the outer screen, it cannot be displayed at a normal aspect ratio.

[0025] As a result, many third-party applications cannot be displayed properly on these small screens. For example, controls in the display interface may not be fully displayed, controls may overlap, the display interface may crash, controls may not be clickable, and touch input operations may conflict, resulting in a poor user experience when using third-party applications on small screens.

[0026] In this embodiment, the electronic device can receive a first input from the user to trigger the display of a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. Then, in response to the first input, the electronic device scales the content of the first interface of the first application to obtain the target interface content, and displays the target interface content on the first screen. Thus, by having the user trigger the scaling of the content of the first interface of the first application through the first input, the user can ensure that the interface content is displayed correctly on the first screen, thereby improving the user's experience with the electronic device screen.

[0027] like Figure 1 The diagram shown is an architectural schematic of a possible system framework provided in an embodiment of this application. Figure 1 In this system, the architecture consists of three layers: the application (APP) layer 11, the system framework layer 12, and the display synthesis input native bottom layer 13.

[0028] The application layer 11 includes various applications in the system (including system applications and third-party applications) as well as auxiliary service applications.

[0029] System framework layer 12 is the framework of the system, including sub-service modules of various management systems. Electronic devices can process applications accordingly based on this system framework. Specifically, system framework layer 12 includes an intermediate conversion system that converts screen information of various application systems. This intermediate conversion system can convert display parameters such as resolution and screen density.

[0030] The aforementioned system framework layer 12 also includes a screen management system service module, a component activity management system service module, and a window display management system service module. The intermediate conversion system converts the display parameters and distributes them to these service modules for parameter updates. The display is then presented through the view display system within this system framework layer 12.

[0031] In addition, the aforementioned system framework layer 12 also includes a list management and distribution module and an application configuration processing subsystem module. These two modules are used to distribute application lists and perform configuration processing on the corresponding applications.

[0032] The native layer 13 of the display synthesis input includes the customization of the layer interface display synthesis system and the input system, ensuring that the interface display and touch operation of third-party applications in the view display system of electronic devices are normal.

[0033] Taking the above system as an example, in this embodiment of the application, developers can, based on the above, Figure 1 The system architecture shown is used to develop a software program that implements the interface display method provided in the embodiments of this application, thereby enabling the interface display method to be based on the following... Figure 1 The operating system shown is running. That is, the processor or electronic device can implement the interface display method provided in this embodiment of the invention by running the software program in the operating system.

[0034] The interface display method and apparatus provided in this application will be described in detail below with reference to the accompanying drawings, through specific embodiments and application scenarios.

[0035] The execution subject of the interface display method provided in this embodiment of the invention can be an electronic device (including mobile electronic devices and non-mobile electronic devices), or it can be a functional module and / or functional entity in the electronic device that can implement the interface display method. The specific implementation can be determined according to actual usage requirements, and this embodiment of the invention does not limit it. The following uses an electronic device that includes at least a first screen as an example to illustrate an interface display method provided in this embodiment of the invention, hereinafter collectively referred to as an electronic device.

[0036] This application provides an interface display method. Figure 2 A flowchart illustrating an interface display method provided in an embodiment of this application is shown. This method can be applied to an electronic device including a first screen. Figure 2 As shown, the interface display method provided in this application embodiment may include the following steps 201 to 202.

[0037] Step 201: The electronic device receives the first input.

[0038] In this embodiment, the first input is used to trigger the electronic device to display the first interface of the first application.

[0039] In this embodiment of the application, the first input may include: a user's click input on the first screen of the electronic device, or a user's folding input on the electronic device.

[0040] For example, the above-mentioned click input can be single-click input, double-click input, or any number of clicks input, and the above-mentioned click input can also be long-press input or short-press input.

[0041] In some embodiments of this application, the first application described above can be any third-party application, including but not limited to video applications, shopping applications, navigation applications, chat applications, etc.

[0042] In some embodiments of this application, the first application may be an application directly displayed on the first screen, or it may be at least one application displayed in an application set.

[0043] For example, the above application set includes at least one third-party application.

[0044] For example, a user can click on an application that is directly displayed on the first screen to display the first interface of the first application on the first screen, or the user can enter the application collection entry and click on the first application to display the first interface of the first application on the first screen.

[0045] For example, the above application collection entry can be displayed as a folder or as a component.

[0046] It should be noted that the above-mentioned first application refers to an application that has not yet been displayed on the first screen, such as a newly installed application being displayed on the first screen for the first time.

[0047] In some embodiments of this application, the screen resolution of the first screen is less than the lower limit of the resolution range adapted by the first application.

[0048] For example, the lower limit of the resolution range adapted to the first application is the minimum resolution at which the first application can be displayed normally on the screen of an electronic device.

[0049] For example, if the resolution of the first screen of an electronic device is 200*300, and the resolution range adapted to the first application is (400*600, 900*1080), then it is determined that the resolution of the first screen of the electronic device is less than the lower limit of the resolution range adapted to the first application.

[0050] In some embodiments of this application, the electronic device stores the application configuration of a first application, which includes, but is not limited to, the resolution range adapted to the first application and the initial display parameters of the interface of the first application displayed on the first screen.

[0051] Step 202: In response to the first input, the electronic device scales the content of the first interface of the first application and displays the target interface content on the first screen of the electronic device.

[0052] In some embodiments of this application, the interface content of the first interface described above includes at least one component.

[0053] For example, the at least one component mentioned above can be at least one constituent element for composing the target interface content, and may include controls for input or display, such as text or images.

[0054] Examples include the search component on the homepage of a video application, and the "Recommendations" section on the homepage of a video application.

[0055] Further, optionally, combined Figure 2 ,like Figure 3 As shown, in some embodiments of this application, step 202, "the electronic device scales the interface content of the first interface of the first application in response to the first input," includes steps 202a and 202b:

[0056] Step 202a: In response to the first input, the electronic device scales each of at least one component according to the target scaling factor to obtain the component parameters of each scaled component.

[0057] For example, the component parameters may include at least one of the following: the display position of the component in the first interface, the component size, and the RGB value of each pixel in the component pattern corresponding to the component.

[0058] For example, the target scaling factor is used to adjust the interface content of the first interface.

[0059] For example, scaling each of at least one component is achieved by scaling the electronic device via a matrix.

[0060] For example, a Matrix is ​​a matrix whose main function is coordinate mapping and numerical transformation, and it has the following 3x3 matrix representation:

[0061]

[0062] Assuming the target scaling factor is 0.5, multiply both MSCALE_X and MSCALE_Y by the target scaling factor of 0.5 to obtain the final matrix result. The values ​​of this matrix result are the component parameters of each component after scaling.

[0063] Step 202b: Generate the target interface content based on the component parameters of each scaled component.

[0064] For example, taking a video application as the first example, assuming that the main interface of the video application contains a search component and video thumbnails, the electronic device can scale down the search component and video thumbnails proportionally according to the target scaling factor K1 to generate a scaled-down main interface of the video application.

[0065] It should be noted that although the target interface content is scaled to the size of the first screen, the size of the target interface content and the touch input area are not the same as the size of the first screen. Therefore, the electronic device needs to modify the touch input region and layer buffer scaling matrix accordingly, and pass the modified parameters to the touch sensor driver (SurfaceFlinger, SF) to composite the display, so that the touch input area is also changed to an area suitable for the size of the first screen.

[0066] In the interface display method provided in this application embodiment, the electronic device receives a first input, which triggers the electronic device to display a first interface of a first application. The screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. In response to the first input, the interface content of the first interface of the first application is scaled to obtain target interface content, which is then displayed on the first screen. Thus, by triggering the electronic device to scale the interface content of the first interface of the first application through the first input, the user can ensure that the interface content is displayed correctly on the first screen even when the screen resolution of the electronic device is less than the lower limit of the resolution range corresponding to the application, resulting in a better display effect and improving the user experience of the electronic device screen.

[0067] In some embodiments of this application, the electronic device may consist only of a first screen, the screen resolution of which is less than the lower limit of the resolution range of the first application. Based on this, the aforementioned first input can be a touch input to an application icon on the first screen.

[0068] In other embodiments of this application, the electronic device may include a first screen and a foldable second screen, wherein the display orientations of the first and second screens are opposite. It is understood that the electronic device can be considered a multi-screen terminal having at least two display screens, including a first screen and a second screen, wherein when the second screen is in an unfolded state, the display orientations of the first and second screens are opposite.

[0069] For example, the above-mentioned unfolded state refers to the second screen being in a flat state.

[0070] For example, with Figure 4ATaking a foldable electronic device in a folded state as an example, the foldable electronic device includes a first screen 21 and a foldable second screen 22. When the second screen 22 is unfolded, the first screen 21 is positioned opposite to the second screen 22 and is smaller than the display screen of the second screen 22. Specifically, since the second screen 22 is a foldable screen, when the second screen 22 of the foldable electronic device is folded 360° along the common axis x, the foldable electronic device is in a fully folded state. At this time, the second screen 22 is folded and hidden inside; therefore, the second screen 22 can be called the inner screen. Simultaneously, the first screen 21 and the second screen 22 are positioned opposite to each other; therefore, the first screen 21 can be called the outer screen.

[0071] For example, combined Figure 4A ,like Figure 4B As shown, Figure 4B This is a schematic diagram of a foldable electronic device in its unfolded state. The second screen 22 of the foldable electronic device unfolds 180° along the common axis x, so that the second screen 22 is in the unfolded state. At this time, the first screen 21 is located behind the second screen 22, that is, the display orientation of the first screen 21 and the second screen 22 is opposite.

[0072] In one possible embodiment, the first input may be a click input to a first application on a first screen.

[0073] Optionally, in some embodiments of this application, in scenarios where the electronic device includes a first screen and a foldable second screen, the above-mentioned step 202, "the electronic device responds to the first input, scales the interface content of the first interface of the first application, and displays the target interface content on the first screen of the electronic device," includes step 202a1:

[0074] Step 202a1: When the second screen of the electronic device is in a folded state, the electronic device responds to the first input, scales the interface content of the first interface of the first application to obtain the target interface content, and displays the target interface content on the first screen.

[0075] For example, the first input described above is used to select a first application.

[0076] For example, the first input described above may include a user's click input on a first application on a first screen of an electronic device.

[0077] For example, after receiving the user's first input on the first application, the electronic device scales the content of the first interface of the first application selected by the user and displays the scaled content on the first screen.

[0078] In one possible embodiment, taking the first screen as the outer screen and the second screen as the inner screen as an example, the interface display method provided in this application embodiment may include the following steps A1 and A2.

[0079] Step A1: The electronic device displays the application collection entry on the external screen desktop, and the applications in the application collection entry can be operated and displayed normally on the external screen.

[0080] For example, an electronic device can display applications in an application collection entry based on user input to that entry.

[0081] For example, since the application collection entry is located on the external screen desktop of the electronic device, users can operate the applications they need to operate without opening the electronic device, thus simplifying the steps for users to operate the application.

[0082] Step A2: The electronic device receives input from the user for any application in the application collection entry, and then displays the interface of any application on the external screen desktop of the electronic device.

[0083] It is understood that, based on the solution of this application, any application displayed on the outer screen desktop of the electronic device has the same functions as that displayed on the inner screen.

[0084] It should be noted that users can also rotate the electronic device for input, so that the interface of the application displayed on the outer screen of the electronic device changes its display orientation according to the user's input.

[0085] For example, electronic devices can allow users to swipe or press buttons on the external screen, just like with built-in system apps and the internal screen, such as swiping back to exit and swiping up to enter the background.

[0086] It should be noted that, based on the technical solution of this application, the third-party applications and built-in system applications of electronic devices can have consistent interaction on the external screen, and seamless switching between the display interfaces of third-party applications and built-in system applications is supported.

[0087] For example, assuming the external screen displays the first interface of the first application, after the user swipes or taps on the electronic device, the electronic device can cancel the first interface of the first application displayed on the external screen and display the display interface of the built-in system application on the external screen, thereby achieving consistent interaction and supporting seamless switching between the interfaces of third-party applications and built-in system applications.

[0088] In this way, users can directly select the application they want to view on the external screen of their electronic device and zoom in and out on the application's content so that the application's interface can be displayed normally on the external screen, thus improving the user experience when using the external screen of the electronic device.

[0089] In another possible embodiment, the first input described above can be a folded input to the second screen.

[0090] Further optionally, in some embodiments of this application, before step 201 "the electronic device receives the first input" described above, the interface display method provided in the embodiments of this application further includes step 301:

[0091] Step 301: Display the first interface of the first application on the second screen of the electronic device.

[0092] For example, the second screen is in an expanded state.

[0093] For example, the first input described above may include folded input to a second screen of the electronic device.

[0094] For example, the first input described above is used to fold the second screen of the electronic device so as to display the first interface displayed on the second screen onto the first screen.

[0095] For example, when the first interface of the first application is displayed on the second screen of the electronic device, the electronic device receives the user's folding input for the second screen and determines the target resolution based on the resolution range of the first application displayed on the second screen and the aspect ratio of the first screen.

[0096] In this way, users can switch the display content to the external screen for normal display by directly folding the screen when the internal screen of the electronic device is displaying the interface content.

[0097] Optionally, in some embodiments of this application, before step 202 "scaling the interface content of the first interface of the first application" described above, the interface display method provided in the embodiments of this application further includes steps 401 and 402:

[0098] Step 401: The electronic device determines the target resolution within the resolution range adapted to the first application based on the screen aspect ratio of the first screen.

[0099] For example, the target resolution is used to lay out the display content of the first interface at that resolution. It is understood that the interface content of the first interface at the target resolution can be displayed correctly.

[0100] For example, the aspect ratio of the target resolution is the same as that of the first screen. For instance, if the aspect ratio of the first screen is 3:2, then the aspect ratio of the target resolution must also be 3:2. That is, the aspect ratio of the target resolution can be 6:4 or 12:8.

[0101] For example, the electronic device determines a resolution with the same aspect ratio as the first screen within the resolution range adapted to the first application, and sets that resolution as the target resolution.

[0102] Step 402: The electronic device uses the quotient between the screen resolution of the first screen and the target resolution as the target scaling factor.

[0103] For example, the quotient obtained by dividing the width and height of the first screen resolution by the width and height of the target resolution is used as the target scaling factor.

[0104] For example, if the resolution of the first screen is 200*400 and the target resolution is 400*800, then 200÷400=0.5 and 400÷800=0.5, so 0.5 is the target scaling factor.

[0105] In some embodiments of this application, after determining the target resolution, the electronic device lays out the interface content of the first interface of the first application according to the target resolution. Then, the laid-out interface content is scaled based on the target scaling factor to obtain the scaled interface content, namely the target interface content mentioned above. Finally, the target interface content is displayed on the first screen.

[0106] Optionally, in some embodiments of this application, combined with Figure 2 ,like Figure 5 As shown, after step 202 "displaying the target interface content on the first screen of the electronic device", the interface display method provided in this application embodiment further includes steps 501 to 503:

[0107] Step 501: The electronic device adds the display parameters of the target interface content displayed on the first screen to the application configuration of the first application.

[0108] For example, the above display parameters include the resolution of the target interface content display, the pixel density value of the target interface content, and the component parameters of the components in the target interface content.

[0109] In one example, the application configuration of the first application mentioned above can be summarized into the application list.

[0110] For example, the above list of applications includes applications that are normally displayed on the first screen, and the application configuration of those applications.

[0111] For example, the above application list can be stored locally or configured by the network side.

[0112] Step 502: If the first application has successfully run according to the displayed parameters, the electronic device receives the second input.

[0113] For example, the second input is used to select the application icon corresponding to the first application on the first screen.

[0114] For example, the second input may include a click on the application icon corresponding to the first application.

[0115] For example, the phrase "in the case that the first application has successfully run according to the display parameters" is used to indicate that the display interface of the first application has been successfully displayed normally on the first screen of the electronic device and has been closed by the user, that is, the first application has stopped running.

[0116] For example, after the first application is displayed normally on the external screen of the electronic device, the electronic device stores the display parameters of the application on the external screen and adds them to the application configuration. At this time, the user closes the first application. The electronic device receives the user's second input, restarts the first application, and displays it on the external screen.

[0117] Step 503: The electronic device responds to the second input and displays the interface of the first application on the first screen based on the display parameters in the application configuration.

[0118] For example, the electronic device can parse the above list of applications to obtain the display parameters in the application configuration of the first application.

[0119] For example, when a user clicks on the application icon corresponding to the first application on the first screen, the electronic device can directly use the application configuration of the first application to display the interface of the first application on the first screen.

[0120] In one possible example, after the user inputs the application icon corresponding to the application, the electronic device parses the application list to determine whether the application is in the application list. If it is in the application list, the electronic device can directly use the application configuration of the application in the application list so that the display content of the application can be displayed normally on the screen of the electronic device.

[0121] In another possible example, after the user inputs the app icon, the electronic device parses the app list to determine if the app is in the list. If it is not in the list, the electronic device scales the app's display content and displays the scaled content on the screen.

[0122] In some embodiments of this application, the electronic device first determines the screen on which the application will be displayed, and then calls different configuration parameters based on the displayed screen. For example, if the application is displayed on the second screen, the electronic device can directly configure the original display parameters of the application and display the application's content on the second screen; if the application is displayed on the first screen, the electronic device directly configures the display parameters corresponding to the first screen.

[0123] Specifically, when the application is displayed on the screen, based on the recorded relevant status information of the corresponding screen and the current screen resolution and other relevant information, the relevant information is distributed to the application to refresh the display content layout.

[0124] In this way, the electronic device stores the display parameters that are normally displayed on the screen and configures these display parameters to the application as needed the next time it is used, thereby reducing the steps required to display the content of the electronic device interface.

[0125] The following describes in detail, with reference to a possible embodiment, the interface display method provided in this application. Specifically, based on the above... Figure 4A and Figure 4B Taking the foldable screen electronic device shown as an example, such as Figure 6 As shown, it includes the following steps 101 to 113.

[0126] Step 101. After the foldable screen electronic device is powered on, it first parses the list of applications stored locally, combines the application information with the relevant system data (application configuration information stored locally) and buffers it, and notifies other module applications such as external screen desktop application icons, external screen runnable application interception modules, etc.

[0127] Step 102. If the foldable screen electronic device has a newly installed application, proceed to step 104 for applications that have already been installed;

[0128] Step 103. If an updated application list is issued from the network at this time, the system-related data information is buffered and updated according to the latest configuration result of the network list.

[0129] Step 104. The newly installed application begins to parse the application's unique identifier (uid) and other package application information, and integrates it with the corresponding application's resolution configuration range information;

[0130] Step 105. When a user opens and uses an application on the inner or outer screen of a foldable screen electronic device, the process of launching the application and binding it with the system proceeds to step 106.

[0131] Step 106. At this point, the system of the foldable screen electronic device needs to determine whether the application is in the application list. If it is, it updates the system-related data information cached above on a process-by-process basis, that is, updates the configuration information of the application to the required configuration information and proceeds to step 107.

[0132] Step 107. The system of the foldable screen electronic device updates the configuration information data such as whether the application should be zoomed in or zoomed out, or keeps the relevant zoom configuration information data of the current screen, based on the inner or outer screen of the foldable screen electronic device currently displayed by the application, i.e., based on the currently used focus screen. Then proceed to step 108.

[0133] Step 108. When the system of the foldable screen electronic device detects a change in the screen where the currently used application interface is located, such as when the second screen of the foldable screen electronic device is folded, the system of the foldable screen electronic device will update the application configuration information accordingly and proceed to step 109.

[0134] Step 109. Combine the configured resolution information of the corresponding screen, and update the relevant resolution scaling information according to the focus screen where the application is launched, then proceed to step 110 to update the system and application status;

[0135] Step 110. Update the mAppScale scaling information of the application process. The corresponding electronic device system updates the status information of the server window interface and process record information to record and prepare the information for the application in step 111.

[0136] Step 111. When the application needs to display on the outer screen of the foldable screen electronic device, based on the recorded relevant status information and the current screen resolution, this relevant information is distributed to the application for layout refresh and display. Specifically, the modified screen status information such as config, displayinfo, frame, and inserts of the corresponding application interface is given to the application process. In this way, the application will display and refresh the interface content according to the screen size we expect it to run on. At the same time, the underlying input parameters of the foldable screen electronic device will also be modified accordingly, leading to step 112.

[0137] Step 112. When the application is to be displayed on the outer screen of the foldable screen electronic device, the layout display and refresh are performed according to the screen size we expect it to run on in step 111. However, since the application interface size and touch input area are inconsistent with the outer screen size, the system needs to change the interface touch input region and layer buffer scaling matrix to the sf composite display side, and then proceed to step 113.

[0138] Step 113. After system and application-side processing and adaptation, the application is finally adapted to run, display and operate normally on the external screen; if you continue to use it by entering or exiting other applications, then proceed to the system adaptation solution process in step 105.

[0139] Understandably, electronic devices can add application lists to their own product configurations based on their product positioning and needs, or receive application lists from the network, and can individually adjust and control the resolution and pixel density of each application's interface.

[0140] In this way, electronic devices can directly call the display parameters corresponding to the applications in the local application configuration list when displaying applications, without having to repeatedly adjust the parameters for calculating the display content.

[0141] It should be noted that the interface display method provided in this application embodiment can be executed by an interface display device, an electronic device, or a functional module or entity within an electronic device. This application embodiment uses an interface display device executing the interface display method as an example to illustrate the interface display device provided in this application embodiment.

[0142] Figure 7 A schematic diagram of a possible structure of the interface display device involved in an embodiment of this application is shown. For example... Figure 7 As shown, the interface display device 700 may include: a receiving module 701, a processing module 702, and a display module 703;

[0143] The receiving module 701 is used to receive a first input, which triggers the electronic device to display a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application; the processing module 702 is used to scale the interface content of the first interface of the first application in response to the first input received by the receiving module 701 to obtain the target interface content; and the display module 703 is used to display the target interface content processed by the processing module 702 on the first screen.

[0144] Optionally, in some embodiments of this application, the interface content of the first interface includes at least one component; the processing module 702 is specifically used to: respond to the first input received by the receiving module 701, scale each of the at least one component according to the target scaling factor to obtain the component parameters of each scaled component; and generate the target interface content based on the component parameters of each scaled component.

[0145] Optionally, in some embodiments of this application, the electronic device further includes a foldable second screen, with the first screen and the second screen having opposite display orientations; the processing module 702 is specifically used to scale the interface content of the first interface of the first application in response to the first input received by the receiving module 701 when the second screen is in a folded state, to obtain the target interface content; the display module 703 is specifically used to display the target interface content processed by the processing module 702 on the first screen.

[0146] Optionally, in some embodiments of this application, the processing module 702 is further configured to determine a target resolution within a resolution range based on the aspect ratio of the first screen, wherein the aspect ratio of the target resolution is the same as that of the screen; the processing module 702 is further configured to use the quotient between the screen resolution and the target resolution as a target scaling factor.

[0147] Optionally, in some embodiments of this application, before the receiving module 701 receives the first input, the display module 703 is further configured to display the first interface on the second screen, wherein the second screen is in an unfolded state; wherein the first input is a folding input to the second screen.

[0148] Optionally, in some embodiments of this application, the processing module 702 is used to add the display parameters of the target interface content displayed on the first screen to the application configuration of the first application; the receiving module 701 is also used to receive a second input when the first application has successfully run according to the display parameters; the display module 703 is also used to display the interface of the first application on the first screen in response to the second input received by the receiving module 701, based on the display parameters in the application configuration.

[0149] In the interface display device provided in this application embodiment, the device receives a first input, which triggers the electronic device to display a first interface of a first application. The screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. In response to the first input, the interface content of the first interface of the first application is scaled to obtain target interface content, which is then displayed on the first screen. Thus, by triggering the electronic device to scale the interface content of the first interface of the first application through the first input, the user can ensure that the interface content is displayed correctly on the first screen even when the screen resolution of the electronic device is less than the lower limit of the resolution range corresponding to the application, resulting in a better display effect and improving the user experience of the electronic device screen.

[0150] The interface display device in this application embodiment can be an electronic device or a component within an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or other devices besides a terminal. For example, the electronic device can be a mobile phone, tablet computer, laptop computer, PDA, in-vehicle electronic device, mobile internet device (MID), augmented reality (AR) / virtual reality (VR) device, robot, wearable device, ultra-mobile personal computer (UMPC), netbook, or personal digital assistant (PDA), etc. It can also be a server, network attached storage (NAS), personal computer (PC), television set (TV), ATM, or self-service machine, etc. This application embodiment does not specifically limit the scope of the device.

[0151] The interface display device in this application embodiment can be a device with an operating system. This operating system can be Android, iOS, or other possible operating systems; this application embodiment does not specifically limit the specific operating system used.

[0152] The interface display device provided in this application embodiment can achieve... Figures 1 to 6 The various processes implemented in the method implementation examples will not be described again here to avoid repetition.

[0153] Optionally, such as Figure 8 As shown, this application embodiment also provides an electronic device 800, including a processor 801 and a memory 802. The memory 802 stores a program or instructions that can run on the processor 801. When the program or instructions are executed by the processor 801, they implement the various steps of the above-described interface display method embodiment and can achieve the same technical effect. To avoid repetition, they will not be described again here.

[0154] It should be noted that the electronic devices in the embodiments of this application include the mobile electronic devices and non-mobile electronic devices described above.

[0155] Figure 9 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of this application.

[0156] The electronic device 100 includes, but is not limited to, components such as: radio frequency unit 101, network module 102, audio output unit 103, input unit 104, sensor 105, display unit 106, user input unit 107, interface unit 108, memory 109, and processor 110.

[0157] Those skilled in the art will understand that the electronic device 100 may also include a power supply (such as a battery) for supplying power to various components. The power supply may be logically connected to the processor 110 through a power management system, thereby enabling functions such as managing charging, discharging, and power consumption through the power management system. Figure 9 The electronic device structure shown does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which will not be elaborated here.

[0158] The user input unit 107 is used to receive a first input, which triggers the electronic device to display the first interface of the first application. The screen resolution of the first screen of the electronic device 100 is less than the lower limit of the resolution range adapted to the first application. The processor 110 is used to scale the interface content of the first interface of the first application in response to the first input received by the user input unit 107 to obtain the target interface content. The display unit 106 is used to display the target interface content processed by the processor 110 on the first screen.

[0159] Optionally, in some embodiments of this application, the interface content of the first interface includes at least one component; the processor 110 is specifically configured to: respond to the first input received by the user input unit 107, scale each of the at least one component according to the target scaling factor to obtain the component parameters of each scaled component; and generate the target interface content based on the component parameters of each scaled component.

[0160] Optionally, in some embodiments of this application, the electronic device 100 further includes a foldable second screen, with the first screen and the second screen having opposite display orientations; the processor 110 is specifically configured to, when the second screen is in a folded state, scale the interface content of the first interface of the first application in response to the first input received by the user input unit 107 to obtain the target interface content; the display unit 106 is specifically configured to display the target interface content processed by the processor 110 on the first screen.

[0161] Optionally, in some embodiments of this application, the processor 110 is further configured to determine a target resolution within a resolution range based on the aspect ratio of the first screen, wherein the aspect ratio of the target resolution is the same as that of the screen; the processor 110 is further configured to use the quotient between the screen resolution and the target resolution as a target scaling factor.

[0162] Optionally, in some embodiments of this application, before the user input unit 107 receives the first input, the display unit 106 is further configured to display the first interface on the second screen, wherein the second screen is in an unfolded state; wherein the first input is a folded input to the second screen.

[0163] Optionally, in some embodiments of this application, the processor 110 is configured to add the display parameters of the target interface content displayed on the first screen to the application configuration of the first application; the user input unit 107 is further configured to receive a second input when the first application has successfully run according to the display parameters; and the display unit 106 is further configured to display the interface of the first application on the first screen in response to the second input received by the user input unit 107, based on the display parameters in the application configuration.

[0164] In the electronic device provided in this application embodiment, the electronic device receives a first input, which triggers the electronic device to display a first interface of a first application. The screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. In response to the first input, the interface content of the first interface of the first application is scaled to obtain target interface content, which is then displayed on the first screen. Thus, by triggering the electronic device to scale the interface content of the first interface of the first application through the first input, the user can ensure that the interface content is displayed correctly on the first screen even when the screen resolution of the electronic device is less than the lower limit of the resolution range corresponding to the application, resulting in a better display effect and improving the user experience of the electronic device screen.

[0165] It should be understood that, in this embodiment, the input unit 104 may include a graphics processing unit (GPU) 1041 and a microphone 1042. The GPU 1041 processes image data of still images or videos obtained by an image capture device (such as a camera) in video capture mode or image capture mode. The display unit 106 may include a display panel 1061, which may be configured in the form of a liquid crystal display, an organic light-emitting diode, or the like. The user input unit 107 includes at least one of a touch panel 1071 and other input devices 1072. The touch panel 1071 is also called a touch screen. The touch panel 1071 may include a touch detection device and a touch controller. Other input devices 1072 may include, but are not limited to, a physical keyboard, function keys (such as volume control buttons, power buttons, etc.), a trackball, a mouse, and a joystick, which will not be described in detail here.

[0166] The memory 109 can be used to store software programs and various data. The memory 109 may primarily include a first storage area for storing programs or instructions and a second storage area for storing data. The first storage area may store the operating system, application programs or instructions required for at least one function (such as sound playback, image playback, etc.). Furthermore, the memory 109 may include volatile memory or non-volatile memory, or both. The non-volatile memory may be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. Volatile memory can be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct memory bus RAM (DRRAM). The memory 109 in the embodiments of this application includes, but is not limited to, these and any other suitable types of memory.

[0167] Processor 110 may include one or more processing units; optionally, processor 110 integrates an application processor and a modem processor, wherein the application processor mainly handles operations involving the operating system, user interface, and applications, and the modem processor mainly handles wireless communication signals, such as a baseband processor. It is understood that the aforementioned modem processor may also not be integrated into processor 110.

[0168] This application also provides a readable storage medium storing a program or instructions. When the program or instructions are executed by a processor, they implement the various processes of the above-described interface display method embodiments and achieve the same technical effect. To avoid repetition, they will not be described again here.

[0169] The processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes computer-readable storage media, such as computer read-only memory (ROM), random access memory (RAM), magnetic disk, or optical disk.

[0170] This application embodiment also provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is used to run programs or instructions to implement the various processes of the above-described interface display method embodiments and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0171] It should be understood that the chip mentioned in the embodiments of this application may also be referred to as a system-on-a-chip, system chip, chip system, or system-on-a-chip, etc.

[0172] This application provides a computer program product, which is stored in a storage medium and executed by at least one processor to implement the various processes of the interface display method embodiment described above, and can achieve the same technical effect. To avoid repetition, it will not be described again here.

[0173] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element. Furthermore, it should be noted that the scope of the methods and apparatuses in the embodiments of this application is not limited to performing functions in the order shown or discussed, but may also include performing functions substantially simultaneously or in the reverse order, depending on the functions involved. For example, the described methods may be performed in a different order than described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

[0174] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions to cause a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0175] The embodiments of this application have been described above with reference to the accompanying drawings. However, this application is not limited to the specific embodiments described above. The specific embodiments described above are merely illustrative and not restrictive. Those skilled in the art can make many other forms under the guidance of this application without departing from the spirit and scope of the claims, and all of these forms are within the protection scope of this application.

Claims

1. A method for displaying an interface, characterized in that, Applied to an electronic device that includes at least a first screen, the method includes: The device receives a first input, which triggers the electronic device to display a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. In response to the first input, the interface content of the first interface of the first application is scaled to obtain the target interface content, and the target interface content is displayed on the first screen; The content of the first interface includes at least one component; The step of scaling the content of the first interface of the first application in response to the first input to obtain the target interface content includes: In response to the first input, each of the at least one component is scaled according to the target scaling factor to obtain the scaled component parameters of each component; The target interface content is generated based on the scaled component parameters of each component.

2. The method according to claim 1, characterized in that, The electronic device also includes a foldable second screen, and the display orientations of the first screen and the second screen are opposite. The step of scaling the content of the first interface of the first application in response to the first input to obtain target interface content and displaying the target interface content on the first screen includes: When the second screen is in a folded state, in response to the first input, the interface content of the first interface of the first application is scaled to obtain the target interface content, and the target interface content is displayed on the first screen.

3. The method according to claim 1 or 2, characterized in that, Before scaling the content of the first interface of the first application, the method further includes: Based on the aspect ratio of the first screen, a target resolution is determined within the resolution range, wherein the aspect ratio of the target resolution is the same as that of the screen. The quotient between the screen resolution and the target resolution is used as the target scaling factor.

4. The method according to claim 2, characterized in that, Before receiving the first input, the method further includes: The first interface is displayed on the second screen, and the second screen is in an expanded state. The first input is a folding input to the second screen.

5. The method according to claim 1, characterized in that, After displaying the target interface content on the first screen, the method further includes: Add the display parameters for displaying the target interface content on the first screen to the application configuration of the first application; If the first application runs successfully according to the display parameters, a second input is received. In response to the second input, the interface of the first application is displayed on the first screen based on the display parameters in the application configuration.

6. An interface display device, characterized in that, An electronic device comprising at least a first screen, the device includes: a receiving module, a processing module, and a display module; The receiving module is used to receive a first input, which triggers the electronic device to display a first interface of a first application, wherein the screen resolution of the first screen is less than the lower limit of the resolution range adapted to the first application. The processing module is used to scale the content of the first interface of the first application in response to the first input received by the receiving module to obtain the target interface content. The display module is used to display the target interface content processed by the processing module on the first screen; The content of the first interface includes at least one component; The processing module is specifically used for: In response to the first input received by the receiving module, each component of the at least one component is scaled according to the target scaling factor to obtain the component parameters of each scaled component; The target interface content is generated based on the scaled component parameters of each component.

7. The apparatus according to claim 6, characterized in that, The electronic device also includes a foldable second screen, and the display orientations of the first screen and the second screen are opposite. The processing module is specifically used to scale the content of the first interface of the first application in response to the first input received by the receiving module when the second screen is in a folded state, so as to obtain the target interface content. The display module is specifically used to display the target interface content processed by the processing module on the first screen.

8. The apparatus according to claim 6 or 7, characterized in that, The processing module is further configured to determine a target resolution within the resolution range based on the screen aspect ratio of the first screen, wherein the aspect ratio of the target resolution is the same as the screen aspect ratio; The processing module is further configured to use the quotient between the screen resolution and the target resolution as the target scaling factor.

9. The apparatus according to claim 7, characterized in that, Before the receiving module receives the first input, the display module is further configured to display the first interface on the second screen, wherein the second screen is in an expanded state; The first input is a folding input to the second screen.

10. The apparatus according to claim 6, characterized in that, The processing module is further configured to add the display parameters of the target interface content displayed on the first screen to the application configuration of the first application; The receiving module is further configured to receive a second input if the first application has successfully run according to the display parameters; The display module is further configured to, in response to the second input received by the receiving module, display the interface of the first application on the first screen based on the display parameters in the application configuration.

11. An electronic device, characterized in that, It includes a processor, a memory, and a program or instructions stored in the memory and executable on the processor, wherein the program or instructions, when executed by the processor, implement the steps of the interface display method as described in any one of claims 1 to 5.

12. A readable storage medium, characterized in that, The readable storage medium stores a program or instructions that, when executed by a processor, implement the steps of the interface display method as described in any one of claims 1 to 5.

Images