CN118012299A

CN118012299A - Display method, electronic device and medium

Info

Publication number: CN118012299A
Application number: CN202211407323.3A
Authority: CN
Inventors: 何书杰; 蔡世宗
Original assignee: Huawei Device Co Ltd
Current assignee: Huawei Device Co Ltd
Priority date: 2022-11-10
Filing date: 2022-11-10
Publication date: 2024-05-10
Also published as: WO2024099207A1

Abstract

The application relates to the technical field of computers and discloses a display method, which comprises the steps of displaying a first window of a first application, wherein the first window has a first size and a first display mode corresponding to the first size; and responding to a first operation of a user on the first window, displaying a second window of the first application, which has a second size and corresponds to a second display mode of the second size, and a first window, which has a third size and corresponds to a third display mode of the third size, wherein the second size and the third size are different, and the second display mode and the third display mode are different. In this way, when the first window and the second window are different in size, the first window is displayed in a display mode corresponding to the third size which is actually used by the first window, and therefore, no layout problem occurs.

Description

Display method, electronic device and medium

Technical Field

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

Background

With the development of computer technology, the functions of electronic devices are becoming more and more complete. Rich content may be displayed on a screen of the electronic device. To meet more user demands, the electronic device may display multiple windows of the same application together. For example, the tablet may display multiple windows of a news Application (Application) simultaneously.

It can be appreciated that when the current application window is displayed on the tablet, when the user clicks a control or link in the current window, the electronic device may simultaneously display the current application window, and respond to a new window of the same application opened by the user clicking a control or link, which may cause abnormal display of the control, text, picture, etc. in the current application window in some cases (e.g., the newly opened window size is different from the current application window) due to the electronic device adjusting the window configuration attribute of the current application window according to the window configuration attribute of the newly opened window.

For example, fig. 1A shows a vertical (height greater than width) news main window 01 corresponding to a news Application (Application) displayed on a tablet 100, the news main window 01 including a plurality of recommended pieces of information, for example, 3 pieces of recommended information shown in the drawing are 001, 002, and 003, respectively. It will be appreciated that each piece of recommended information has a detail window corresponding thereto. When the tablet 100 responds to the user's click on the recommended information 002 (the recommended information 002 includes the text of the male sport xx and the picture p002 under the text), a new detail window 02 of the horizontal screen (height h1 is smaller than width w 2) as shown in fig. 1B is opened and displayed together with the news main window 01' of the vertical screen (height h1 is larger than width w 1).

Since the newly opened detail window 02 is horizontally-screen and the news main window 01' is vertically-screen, the detail window 02 is different from the news main window 01', and the electronic device uses the window configuration attribute corresponding to the size of the newly opened detail window 02 as the window configuration attribute of the news main window 01', when pictures, characters and the like on the news main window 01' are displayed based on the display parameters which are not matched with the actual size of the news main window 01', the display abnormality problem exists. For example, the picture p002 'is displayed by a display method corresponding to the size of the detail window 02 of the horizontal screen, and when the picture p002' is displayed, the picture p002 occupies the whole vertical screen news main window 01 'too much compared with the picture p002 in fig. 1A, the recommended information 001, 002 and 003 disappear, and the layout of the picture, the text, the space and the like in the vertical screen news main window 01' is abnormal, so that the user experience is affected.

Disclosure of Invention

In order to solve the above-mentioned problems, an object of an embodiment of the present application is to provide a display method, an electronic device, and a medium, where the electronic device, under a first window having a first size and displaying a first application, after detecting a user operation, displays a second window having a second size and a second display mode corresponding to the second size and a first window having a third size and a third display mode corresponding to the third size, in response to the first operation of the user on the first window, where the second size and the third size are different, and the second display mode and the third display mode are different. Based on this, when the third size of the first window is different from the second size of the second window, the first window is displayed in a display mode corresponding to the actual third size of the first window, so that the problem of abnormal layout is avoided.

In a first aspect, an embodiment of the present application provides a display method, applied to an electronic device, including,

Displaying a first window of a first application, wherein the first window has a first size and a first display mode corresponding to the first size;

and responding to a first operation of a user on the first window, displaying a second window of a first application, which is provided with a second size and a second display mode corresponding to the second size, and a first window, which is provided with a third size and a third display mode corresponding to the third size, wherein the second size and the third size are different, and the second display mode and the third display mode are different.

It can be understood that when the third size of the displayed first window is different from the second size of the second window, the first window is displayed in a display mode corresponding to the actual third size of the first window, and at this time, the problem of abnormal layout of the first window does not occur. For example, the news main page 01 'shown in fig. 5A is displayed in a display manner corresponding to the third size that is actually displayed by itself, and at this time, no abnormality occurs in the layout when the news main page 01' is displayed.

In one possible implementation manner of the first aspect, the first display manner, the second display manner, and the third display manner include at least one of the following display parameters:

the size, position, color of the display element in the display window.

It will be appreciated that the display elements in the display window may include pictures, controls, text, and the like.

In one possible implementation of the first aspect, the first operation includes clicking on a first display item in the first window, and

The second window is used for displaying display content corresponding to the first display item.

For example, the first display item may be recommendation information 001, recommendation information 002, recommendation information 003 in the news main page 01 as shown in fig. 1A, and the second window is a detail window corresponding to the foregoing recommendation information.

In one possible implementation of the first aspect, the first operation includes clicking on a second display item outside the first window, and

The second window is used for displaying display content corresponding to the second display item.

For example, the first application is a calendar application, and calendar control 1002 corresponds to the same calendar application as calendar control 1001. The second display entry may be a calendar control 1002 or a calendar control 1001 as shown in fig. 4A. When the first window corresponds to calendar control 1001, then the second window corresponds to calendar control 1002; the first window corresponds to calendar control 1002 and the second window corresponds to calendar control 1001.

In one possible implementation of the first aspect, the first size and the third size are the same, and the first display manner and the third display manner are the same.

For example, the news main page 01 as shown in fig. 1A is the same size as the news main page 01' shown in fig. 5A.

In one possible implementation of the first aspect, the first size and the third size are different, and the first display manner and the third display manner are different.

For example, the news main page 01 as shown in fig. 1A is different in size from the news main page 01' shown in fig. 5A.

In one possible implementation of the first aspect, the aspect ratio of the first window is greater than 1, and the aspect ratio of the second window is less than 1.

In one possible implementation of the first aspect, the first application includes at least one of a news application, a calendar application, a shopping website application, a dictionary application, an instant messaging application, a browser application, and a video/audio playing application.

In one possible implementation of the first aspect, the first window and the second window are in a first process of a first application.

In one possible implementation of the first aspect, the method further includes:

Displaying a first window of the first application, and displaying a third window with the first size and the first display mode;

Changing the size of the first window to a fourth size in response to a second operation of the user on the first window, and displaying the content of the first window in a fourth display mode corresponding to the fourth size, and

The size corresponding to the third window is kept at the first size, and the content of the third window is kept to be displayed in the first display mode.

For example, the second operation may be clicking on an entry on the first window that may change the size of the first window, such as a landscape switch control.

displaying a first window of the first application, and displaying a fourth window with the first size and the first display mode;

Changing the size of the first window to a fifth size in response to a third operation of the user on the first window, and displaying the content of the first window in a fifth display mode corresponding to the fifth size, and

The size corresponding to the fourth window is changed to a sixth size, and the content of the fourth window is displayed in a sixth display mode corresponding to the sixth size.

In a second aspect, an embodiment of the present application provides an electronic device, including:

One or more processors;

One or more memories; the one or more memories store one or more programs that, when executed by the one or more processors, cause the electronic device to perform the display method of the first aspect and any of the various implementations of the first aspect described above.

In a third aspect, embodiments of the present application provide a computer-readable storage medium having stored thereon instructions that, when executed on a computer, cause the computer to perform the display method of the first aspect and any of the various implementations of the first aspect.

In a fourth aspect, embodiments of the present application provide a computer program product comprising instructions which, when executed, cause a computer to perform the display method of any of the above-described first aspect and various implementations of the first aspect.

Drawings

FIG. 1A illustrates a schematic diagram of a display of a news main window 01 corresponding to a tablet 100, in accordance with some embodiments of the application;

FIG. 1B illustrates a schematic diagram of a news main window 01' corresponding to a tablet 100 displaying layout anomalies and a newly opened detail window 02, according to some embodiments of the application;

FIG. 2A illustrates a window diagram under a process, according to some embodiments of the application;

FIG. 2B illustrates a schematic diagram of two windows belonging to the same stack under the same process, according to some embodiments of the application;

FIG. 3A illustrates a window diagram under a process, according to some embodiments of the application;

FIG. 3B illustrates a schematic diagram of two windows belonging to different stacks under the same process, according to some embodiments of the application;

FIG. 4A illustrates a schematic view of a scene in which a mobile phone is docked, according to some embodiments of the application;

FIG. 4B illustrates a schematic view of a calendar window 10' including a horizontal screen and a vertical screen calendar window 11 of a display 200 display with layout anomalies, according to some embodiments of the present application;

FIG. 5A illustrates a schematic diagram of a layout of windows on a tablet 200 without anomalies, according to some embodiments of the application;

FIG. 5B is a schematic diagram showing that there is no abnormality in the layout of a window in a scene of a mobile phone screen according to some embodiments of the present application;

FIG. 6 illustrates a software architecture schematic of a tablet 100, according to some embodiments of the application;

FIG. 7 is a flow chart of a display method with a new window open operation, according to some embodiments of the application;

FIG. 8 is a flow chart of another method of displaying a new window opening operation according to some embodiments of the application;

fig. 9 is a schematic diagram showing a hardware structure of the tablet 100 according to an embodiment of the present application.

Detailed Description

Illustrative embodiments of the application include, but are not limited to, a display method, an electronic device, and a medium.

While the description of the application will be presented in connection with certain embodiments, it is not intended to limit the features of this application to only this embodiment. Rather, the purpose of the description in connection with the embodiments is to cover other alternatives or modifications, which may be extended by the claims based on the application. The following description contains many specific details for the purpose of providing a thorough understanding of the present application. The application may be practiced without these specific details. Furthermore, some specific details are omitted from the description in order to avoid obscuring the application. It should be noted that, without conflict, the embodiments of the present application and features of the embodiments may be combined with each other.

In the embodiment of the present application, "and/or" is merely an association relationship describing an association object, and indicates that three relationships may exist, for example, a and/or B may indicate: a exists alone, A and B exist together, and B exists alone. In addition, the character "/" herein generally indicates that the front and rear associated objects are an "or" relationship.

Reference in the specification to "one embodiment" or "some embodiments" or the like means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," and the like in the specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments" unless expressly specified otherwise.

For convenience of description, related terms of the present application will be introduced.

Process (Process): is the execution of a program. For an application, one or more processes may be included, each of which may perform a respective function required by the application. For example, multiple windows of a news Application (APP) may be opened, and some or all of the windows may belong to the same process.

Application display area (dispely): and displaying the region for the application program corresponding to the process.

Stack: a data structure where data is temporarily stored. In some embodiments of the present application, multiple windows in the same process may belong to the same stack or may belong to different stacks. For example, FIG. 2B shows two windows belonging to the same stack, window c1' and window c2, under the same process; fig. 3B shows two windows belonging to different stacks, window k1' in stack 1 and window k2 in stack 2, under the same process.

Page skip mode (Launchmode): when the page changes, the original application display page jumps to a new application display page, and a window display mode is set. In some embodiments of the application, the page skip mode includes: standard mode, singleTop mode, SINGLETASK mode, and SINGLEINSTANCE mode. When the page jump mode is the standard mode, the newly opened window is indicated to be in the same stack with the original window during the page jump, any instance content of the previously opened window cannot be reused, and the same window is prevented from being repeatedly opened. For example, fig. 2A and 2B show that when a page jumps, a new window c2 is opened in the same stack as the original window c1, and the original window c1 is updated to obtain a window c1'; when the page jump mode is SINGLEINSTANCE, a new stack is newly created when a window is opened for the first time, and the new window is put in the new stack. For example, fig. 3A and 3B show that when a page jumps, a new window k2 is opened and belongs to a new stack, and the window of the original window k1 is updated to obtain a window k1'.

When the page jumps, the window which is originally opened in the application can acquire the window configuration attribute in an active or passive mode, wherein the window configuration attribute can be used for determining display parameters corresponding to display elements included in the window, such as display parameters corresponding to sizes, positions, colors and the like of controls, characters, pictures and the like. The active mode comprises the following steps: the application window actively obtains window configuration attributes through a system interface function, for example, the system interface function includes getRectSize, getRotation, getRealSize, getRealMetrics and the like. In some embodiments of the present application, the input parameters of the function may be adjusted to obtain window configuration attributes corresponding to different windows.

The passive mode includes: the application window obtains window configuration attributes through a self-defined callback function. In some embodiments of the present application, when a page jumps, the originally open application window directly receives the changed window configuration attribute.

The window configuration attributes include: window setup attributes (Window Configuration), window border points (Bounds), window mode (Windowing Mode), window direction/aspect ratio (Rotation), screen width (SCREEN WIDTH), screen height (SCREEN HEIGHT), window minimum width (SMALLEST SCREEN WIDTH), screen Density (Density), etc., where screen width, screen height refer to pixels rather than dimensions. In some embodiments of the present application, the window border point may be represented by four data points, e.g., four data points (100, 200, 500, 600), where the window border is 500 pixels wide and 600 pixels high, moving 100 pixels to the right and 200 pixels down with 0 coordinates at a certain point on the screen. It will be appreciated that in other embodiments, the window frame points may have other representations, so long as a rectangular region is represented, which is not limited herein. It will be appreciated that the size and position of the window is determined by determining the window frame points, which can be used to characterize the size of the window. It will be appreciated that most of the window configuration attributes can be calculated from the window border points.

The following describes the technical scheme of the embodiment of the present application in detail with reference to the accompanying drawings.

As shown in fig. 1A and 1B, the operation of the tablet 100 in response to opening a new window is illustrated. The vertical news main window 01 includes a plurality of pieces of recommended information, for example, 3 pieces of recommended information shown in the figure are 001, 002, and 003, respectively. It will be appreciated that each piece of recommended information has a detail window corresponding thereto. When the tablet 100 opens a new window through a link corresponding to the recommended information 002 in response to the user clicking on the recommended information 002 shown in fig. 1A (the recommended information 002 includes the text of the male sports xx and the picture p002 under the text). Since the preset page skip mode in the news application is the standard mode, as shown in fig. 1B, the original news main window 01 is updated to be the news main window 01', and is displayed next to the detail window 02 of the newly opened horizontal screen.

Since the size and position of the news main window 01 'displayed during page skip are determined according to the preset size information, in order to ensure that the display elements (such as each control, picture, text, etc.) in all windows have corresponding display parameters after page skip, all the original windows are displayed according to the display mode of the new window, at this time, the display parameters of each display element are updated according to the window configuration attribute corresponding to the latest window size, that is, the display parameters corresponding to each control, picture, text, etc. in the news main window 01' are determined according to the window configuration attribute (window width, window height, window border point, screen density, etc.) of the detail window 02. However, when the news main window 01' and the detail window 02 are displayed in different corresponding horizontal and vertical screen forms, that is, the sizes of the news main window 01' and the detail window 02 are different, the window configuration attribute of the news main window 01' and the detail window 02 are different, and if the window configuration attribute of the detail window 02 is used as the window configuration attribute of the news main window 01' to determine the display parameters of the display elements in the window, abnormal display of each control, picture, text and the like in the news main window 01' can be caused.

For example, a picture p002 'on the news main window 01' shown in fig. 1B, the width display parameter corresponding to the picture p002 'is determined according to the window width (SCREEN HEIGHT) w2 of the detail window 02, not according to the window width (SCREEN HEIGHT) w1 of the news main window 01'. Since the window width w2 is much larger than the window width w1, the width display parameter corresponding to the picture p002 is relatively large. If the picture p002 is displayed, the display is set according to a certain proportion of the aspect ratio, namely the picture height is changed according to the size of the picture width. Therefore, as shown in fig. 1B, the picture p002 occupies most space in the vertical news main window 01 'when displayed, and 3 pieces of recommended information 001, 002 and 003 also disappear due to the abnormality of the corresponding display parameters, so that the layout of the vertical news main window 01' is changed compared with that of the vertical news main window 01 shown in fig. 1A, thereby affecting the user experience.

Fig. 4A illustrates a scenario in which a new window is opened, and then a change in the horizontal/vertical screen morphology of the window occurs, and in which the updated layout of the window is abnormal, in accordance with some embodiments of the present application. The mobile phone 300 is shown as being projected onto the display 200. When the mobile phone 300 is connected with the display 200, the mobile phone 300 can be projected on the display 200 at this time, that is, the display 200 can be used as a display interface of the mobile phone 300. It will be appreciated that the user may operate the display 200 directly by means of a mouse, keyboard, finger, etc. When the handset 300 is on screen, there will be some repetitive applications on the display 200, such as calendars, calculators, etc.

For example, fig. 4A shows calendar control 1001 of post-screen display 200 and calendar control 1002 included in a status bar. Calendar control 1001 corresponds to the same application as calendar control 1002. In response to the user clicking on the calendar control 1001 shown in fig. 4A, the display 200 displays a horizontal calendar window 10 corresponding to the calendar control 1001, where the horizontal calendar window 10; the mobile phone 300 responds to the operation of clicking the calendar control 1002 shown in fig. 4A by the user, the page jumps, and according to the SINGLEINSTANCE mode set in the calendar application, the calendar window 11 of the vertical screen corresponding to the calendar control 1002 shown in fig. 4B is opened at this time and displayed together with the calendar window 10' obtained after the update of the calendar window 10.

Since the size of the newly opened window is different from the size of the updated previous window after the page jumps, for example, the newly opened window is different from the original window (vertical screen) in form, and at this time, the horizontal screen calendar window 10 has a layout abnormality problem of display elements of the window due to the same reason as the reason that the news main window 01' of the vertical screen in fig. 1B generates the layout abnormality as described above. For example, the area A1 shown in fig. 4B suffers from a control overlap problem, and the font size of the calendar also becomes smaller, as the font size within the area A2 shown in the figure becomes smaller, thereby affecting the user experience.

In order to solve the problem that in the prior art, abnormal window layout can occur under some conditions after window updating, the application provides a display method, wherein a first window is displayed in the same process, when an electronic device detects an operation of opening a new window by a user, the electronic device opens a new second window in response to the opening operation, and the first window is displayed in a display mode corresponding to the actual display size of the first window, and the actual display size of the first window is different from the size of the second window. The method comprises the steps of displaying a first window according to a display mode corresponding to the actual display size of the first window, determining window configuration attributes of the first window according to size information of the first window, and obtaining display parameters of display elements according to the determined window configuration attributes and preset logic.

It can be understood that, since the display parameters of the display elements of the first window are determined according to the display mode corresponding to the actual size of the first window, but not according to the display mode corresponding to the size of the newly opened second window, that is, the window configuration attribute of the first window is determined according to the preset size information corresponding to the actual size of the first window, but not according to the window configuration attribute of the second window, the problem of abnormal page layout will not occur when the first window is displayed together with the newly opened second window. The size information of the first window may include at least one of an aspect ratio value, a frame point, and the like of the first window.

For example, a vertical news main window 01 is displayed on the tablet 100 as shown in fig. 1A, and when the tablet 100 responds to the operation of clicking the detail window 002 by the user, a new window is opened, the news main window 01' and the detail window 02 of the horizontal screen as shown in fig. 5A are displayed on the tablet 100. The news main window 01 'is an updated result of the news main window 01, namely two different interfaces which are the same window, and the news main window 01' is displayed according to a display mode corresponding to the size actually displayed by the news main window 01', namely, display parameters of each control, each text and each picture in the updated news main window 01' are determined according to window configuration attributes obtained by calculating according to the size information actually displayed by the news main window 01', so that the problem of abnormal page layout does not occur in the news main window 01'. For example, the width display parameter of the picture p002 'in fig. 5A is determined based on the window width w1 of the news main window 01', so that it is displayed without the aforementioned display abnormality problem.

For another example, for the handset 300 to be dropped onto the display 200, for the calendar window 10 shown in fig. 4A, when the handset 300 receives a user clicking on the calendar control 1002 on the display 200, a new window is opened, at which time the calendar window 10' of the horizontal screen as shown in fig. 5B and the calendar window 11 of the vertical screen are displayed on the display 200. The calendar window 10 'is displayed according to a display mode corresponding to the size actually displayed by the calendar window 10', that is, display parameters of each control, text and picture in the calendar window 10 'are determined according to window configuration attributes obtained by calculating the size information actually displayed by the calendar window 10', and the calendar window 10 'of the horizontal screen has no layout abnormality, for example, the font size corresponding to the text on the calendar window 10' is correct, and the controls have no overlapping.

It should be explained that the size of the vertical news main window 01 shown in fig. 1A may be the same as or different from that of the vertical news main window 01' shown in fig. 5A.

It can be understood that the above method is not only suitable for the case that the electronic device displays two windows of the same application corresponding to the same process together, but also suitable for displaying 3 and 4..n windows together, and the present application does not specify any specific specification. It can be understood that when the number of windows displayed together by the electronic device is greater than two, in the case that the page form of the latest window is obviously different from that of other windows, the other windows are displayed in a display mode corresponding to the size to be actually displayed, that is, the window configuration attribute corresponding to the size information to be actually displayed is refreshed, so that the situation that the obtained window configuration attribute is not matched with the window configuration attribute, and further, the display parameters corresponding to the target are determined to be unsuitable according to the window configuration attribute, and the layout of pictures, characters, controls and the like in the window is abnormal during window display is avoided.

It will be appreciated that in other embodiments, if a plurality of windows of the same size are displayed on the screen of the electronic device, for example, including a plurality of windows of the same form of the portrait/portrait screen, when the electronic device detects an operation of changing the size of one of the windows, for example, detecting an operation of changing the form of the portrait/portrait screen with respect to one of the windows, the landscape/portrait screen is changed from the landscape/portrait screen to the portrait/landscape screen. In this case, in some embodiments, the size of the other window is unchanged, the size of the window with unchanged size is different from the size corresponding to the window with unchanged size, for example, the window with unchanged horizontal and vertical screen forms can be displayed in a display mode corresponding to the size actually displayed by the window, that is, the display parameters of the display elements (controls, characters, pictures and the like) are obtained according to the window configuration attribute determined according to the size information actually displayed by the window, and the display elements are displayed according to the obtained display parameters, so that the problem that the layout is abnormal when the other window is updated according to the window configuration attribute which does not correspond to the actual size of the window due to the fact that the size (for example, the horizontal and vertical screen forms) of one of the windows is changed in a plurality of windows can be avoided. In other embodiments, the size of other windows may also be changed, for example, the aspect ratio is slightly changed, but the window with no change in the aspect of the horizontal and vertical screens is displayed in a display mode corresponding to the updated size of the window actually displayed, that is, the display parameters of display elements (controls, characters, pictures, etc.) are obtained according to the window configuration attribute determined by the size information actually displayed by the window, and the display elements are displayed according to the obtained display parameters, so that the problem that the layout is abnormal when the other windows are updated with the window configuration attribute which does not correspond to the actual size of the window due to the change in the size (for example, the aspect of the horizontal and vertical screens) of one of the windows in multiple windows can be avoided.

For example, when the tablet 100 detects an operation of the user on one of the windows, for example, detects that the user clicks on a landscape/portrait screen switching control of one of the windows, and changes one of the portrait screen windows from landscape to portrait, the tablet 100 displays one landscape screen window and one updated original portrait screen window. At this time, the updated vertical screen window is displayed according to the display mode corresponding to the size of the display window, that is, the display parameters of the display elements of the updated vertical screen window are determined according to the display mode corresponding to the corresponding actual size, and the size of the actual display can be the same as or different from the previous size, so that the window is displayed normally at the time of display, and the problem of layout abnormality caused by the same reason of the layout abnormality generated by the vertical screen news main window 01 in fig. 1B as set forth above is avoided.

It can be appreciated that the technical solution of the present application is applicable to other electronic devices besides tablet computers, mobile phones or mobile phones cooperating with a display, for example, electronic devices such as tablet computers, smart screens, augmented Reality (Augmented Reality, AR)/Virtual Reality (VR) devices, notebook computers, ultra-mobile Personal computer, UMPC, netbooks, server computer systems, microprocessor-based systems, set top boxes, personal digital assistants (Personal DIGITAL ASSISTANT, PDA), and the like. It will be appreciated that embodiments of the present application are not limited in any way by the particular type of electronic device.

It will be appreciated that other than news applications, calendar applications, shopping website applications, dictionary applications, instant messaging applications, browser applications, video/audio playback applications, etc. may be used.

Further, in order to facilitate a more thorough understanding of the technical solution provided by the embodiments of the present application, fig. 6 is a schematic software structure of an electronic device with a display window function according to some embodiments of the present application. As shown in fig. 6, the software structure of the electronic device is a multi-layer structure, which includes an application layer 61, a framework layer 62, and a kernel layer 63 in order from top to bottom.

The application layer 61 may comprise a series of application packages. As shown in fig. 6, the application layer 61 includes application programs such as a calendar 611, a telephone 612, news 613, and the like. Among other things, calendar 611 may be used to display dates, phone 612 may be used for conversation, news 613 may be used to provide advisory messages, etc. In some embodiments of the present application, the user may open the same calendar 611 by two methods on the display 200 and display calendar windows with different window sizes. News 613 may display multiple news windows belonging to the same process on the screen of the electronic device.

Framework layer 62 provides an application programming interface (Application Programming Interface, API) and programming framework for the application programs of application layer 61, the application framework layer including some predefined functions. The framework layer 62 includes an activity management service 621, a window management service 622, a mobile application engine component 623, a kernel library 624, a view system 625, and the like.

The campaign management service 621 is used to manage all aspects of the application lifecycle and window campaign stack, and provide the usual navigation rollback functionality, among other things. In some embodiments of the application, the activity management service 621 may manage the calendar 611, the period of news 613, the corresponding window activity period, and so forth.

The window management service 622 manages the open window, and includes all data required for the window activity, such as window configuration attributes, startup parameters set for each window operation, size parameters set in advance for the window itself to be displayed, and the like. For example, when the news main window 01 'and the detail window 02 of the horizontal screen shown in fig. 5A are displayed, the size information and the corresponding window configuration attribute actually displayed by the news main window 01' and the detail window 02 of the horizontal screen are displayed, and for example, when the calendar window 11 and the calendar window 10 'of the vertical screen shown in fig. 5B are displayed, the size information and the corresponding window configuration attribute actually displayed by the calendar window 11 and the calendar window 10' of the horizontal screen are displayed.

The mobile application engine component 623 may provide for running mobile applications and providing rich features for these mobile applications, such as mouse setup, quick screen capture, positioning, panning, shortcut, etc.

The kernel library 624 has core functions that depend on to implement all other content in the operating system.

View system (VIEW SYSTEM) 625: an extensible view set that may be used to construct an application user interface includes a List (List), grid (Grid), text box (Text box), button (Button), graphical drawing, etc., and an embeddable web browser. In some embodiments of the present application, the view system may display elements such as controls, text, or pictures according to display parameters of an application. For example, a news main window 01 'and a horizontal screen detail window 02 as shown in fig. 5A are displayed, and a vertical screen calendar window 11 and a horizontal screen calendar window 10' as shown in fig. 5B are displayed.

Kernel layer 63 includes display driver 631, wi-Fi driver 632, sensor driver 633, linux kernel 634, bluetooth driver 635, and the like.

It will be appreciated that the software structure of the electronic device with the display window function shown in fig. 6 is merely an example, and in other embodiments, the electronic device may also use other software structures, such as android ^TM、iOS^TM、HarmonyOS^TM、Tizen^TM, etc., which are not limited by the embodiments of the present application.

FIG. 7 is a flow chart of a method for displaying a newly opened window and an updated original window in the same process when the newly opened window is different from the updated original window in size, e.g., in a different landscape or portrait configuration, after responding to an operation for opening the window, according to some embodiments of the present application. In the method, the display parameters of the display elements are determined according to the window configuration attribute obtained by calculating the size information corresponding to the actual display of the original window, so that when the updated original window and the newly opened window are displayed together, the layout of the window is not abnormal. The following specific method flow is described below taking the processor of the tablet 100 as an execution body:

S701, displaying a first window.

For example, a news main window 01 of a vertical screen as shown in fig. 1A is displayed on the tablet 100.

S702, responding to the first operation, obtaining the display content of the second window, and determining the display modes of the first window and the second window according to the current size information of the first window and the second window.

It can be appreciated that the first operation may be manually triggered or automatically triggered according to a preset instruction, and the embodiment is not limited herein, and the first operation may be an operation on the first window or an operation that the user does not directly operate on the first window. As long as the operation for the first window is within the scope of the present application. It will be appreciated that the display content of the second window may include display elements such as text, pictures, controls, and other things that need to be displayed, which are not specifically limited herein.

It can be understood that the first window and the second window are different in size, so that the first window and the second window need to be displayed in a display mode corresponding to the size of the first window and the second window, so that the display mode can be matched with the display content, for example, when display elements such as characters, pictures and controls are displayed, the first window and the second window are displayed according to proper display parameters. For example, when the first window and the second window have different horizontal and vertical screen shapes, the corresponding size information displayed by the display device is different. When the display parameters of the display elements in the first window are determined by the window configuration attribute corresponding to the size information actually displayed by the first window, the problem that the display parameters are not matched with the required parameters can not occur when each display element in the first window is displayed according to the obtained display parameters, so that the layout problem is avoided.

In some embodiments, the tablet 100 responds to the first operation to obtain the display content of the second window, for example, obtain the display elements such as characters, pictures, controls and the like that need to be displayed by the second window. And acquiring current size information of the first window, determining a display mode of the first window according to the current size information of the first window, determining window configuration attributes of the first window according to the current size information of the first window, and determining display parameters of display elements of the first window according to the window configuration attributes. And for the second window, determining the display mode of the second window according to the current size information of the second window, namely determining the display parameters of the display elements of the second window according to the window configuration attribute determined according to the current size information of the second window, and displaying according to the determined display parameters. The display parameters may be the size, position, color, etc. of the display element in the display window.

It will be appreciated that the size information includes all information that can be used to characterize the size/dimension of the window, e.g., height, width values, locations of four points of the window, etc. There is no limitation in this regard as long as the dimensions can be expressed within the scope of the present application.

For example, in response to an operation of the user clicking on the recommendation information 002, the content of the detail window 02 shown in fig. 5A is acquired. The display mode of determining the news main window 01' according to the current size information of the news main window 01' shown in fig. 5A is that the window configuration attribute of the news main window 01' is determined according to the current size information of the news main window 01', and the display parameters of the display elements of the news main window 01' are determined according to the window configuration attribute. The detail window 02 is determined according to the current size information of the detail window 02 shown in fig. 5A in such a manner that the display parameters of the display elements of the detail window 02 are determined according to the window configuration attribute determined according to the current size information of the detail window 02, and then displayed according to the display parameters.

S703, displaying the contents of the first window and the second window according to the respective display modes of the first window and the second window.

It can be appreciated that the content of the first window and the second window includes display elements such as pictures, text, controls, and the like.

In some embodiments, the size information of the first window is substituted into preset configuration attribute operation logic corresponding to each window configuration attribute to obtain window configuration attributes such as window direction/height-width ratio (Rotation), screen width (SCREEN WIDTH), screen height (SCREEN HEIGHT), window minimum width (SMALLEST SCREEN WIDTH), and the like, then the obtained window configuration attributes are substituted into preset display parameter operation logic corresponding to each display element to obtain display parameters such as corresponding size, position, color, and the like, for example, width, height display parameters of pictures, controls and characters, and the like, and the content of the first window is displayed according to the display parameters such as size, position, color, and the like corresponding to each display element in the first window. Similarly, substituting the window configuration attribute of the second window into preset display parameter operation logic corresponding to each display element of the second window to obtain display parameters corresponding to each target, for example, width, height display parameters of pictures, controls and characters, and displaying the content of the second window according to the display parameters such as the size, the position, the color and the like corresponding to each display element in the second window.

For example, with respect to the detail window 02 shown in fig. 5B, display parameters of each display element determined in accordance with the window arrangement attribute corresponding to the size information of the actual size displayed by itself are displayed. For the vertical news main window 01 shown in fig. 5B, the display parameters of the display elements are determined according to the window configuration attribute corresponding to the size of the vertical news main window 01'. For example, for one of the window configuration attributes, the window aspect ratio of the news main window 01' may be obtained according to the border points (a 1, a2, w1, h 1) and the operation logic (height and width dividing) of the window aspect ratio to obtain the result of h1/w1, and the rest of the window configuration attributes are not described in detail. For one display element in the news main window 01', for example, the picture p002', the width display parameter of the picture p002' can be calculated according to w1 representing the width of the window in the window frame point in the window configuration attribute, w1/m1, and m1 is a scaling factor.

It will be appreciated that in some embodiments, since the second window is the latest window, the window configuration attribute corresponding to the determined second window may be obtained by an active or passive method as mentioned in the introduction, whereas the first window needs to be updated, so that the window configuration attribute determined by the preset size information of the actual display needs to be obtained by a passive method. When the window configuration attribute of the first window is determined, the input parameters of the system interface function corresponding to the first window need to be updated, and the window configuration attribute of the first window is taken as the input parameters, so that the window configuration attribute of the first window is consistent with the window configuration attribute of the first window acquired in a passive mode.

It should be understood that the execution sequence of steps S701 to S703 is merely illustrative, and in other embodiments, other execution sequences may be adopted, and partial steps may be split or combined, which is not limited herein.

FIG. 8 illustrates another method flow diagram for simultaneously displaying a newly opened window and an updated previous window when the newly opened window is different in size (e.g., different in landscape or portrait configuration) after responding to an operation to open the windows in the same process, according to some embodiments of the present application. In the method, whether the size of the updated original window is the same as the size of the newly opened window is judged, when the judging result is different, the updated original window is displayed in a display mode corresponding to the size actually displayed by the user, and when the judging result is the same, the updated original window is displayed in a display mode corresponding to the size of the newly opened window, so that the problem of abnormal window layout does not exist when the updated original window and the latest window are displayed together. The following specific method flow is described below taking the processor of the tablet 100 as an execution body:

s801, displaying a first window. This step is the same as step S701 described above, and will not be described here.

S802, responding to a first operation, and acquiring current size information of a first window and a second window.

For example, in response to an operation of the user clicking on the recommendation information 002, the size information of the detail window 02 shown in fig. 5A and the current size information of the news main window 01' are acquired.

S803, judging whether the current size of the second window is the same as the current size of the first window.

It can be understood that the current size of the second window and the current size of the first window are respectively the size that the second window needs to be displayed and the size that the first window needs to be displayed after being updated. If the size of the second window is different from the size of the first window to be actually displayed, for example, the shape of the horizontal and vertical screens of the second window to be displayed is different from that of the first window, so in order to avoid the problem that the display parameters of the display elements of the first window are not matched due to the fact that the display parameters are determined according to the window configuration attribute of the second window, whether the size of the first window is identical with that of the newly opened second window needs to be judged.

In some embodiments, the size of the second window may be compared with the size of the first window actually displayed, and when the size of the first window actually displayed is different from the size of the second window, S805 is needed to be entered, where the first window is displayed in a display manner corresponding to the size of the actual display; when the size of the actual display of the first window is the same as the size of the second window, the step S804 is needed, and the first window is displayed according to the display mode corresponding to the size of the second window.

Specifically, whether the sizes of the frame points of the size information of the first window and the frame point of the second window are the same can be judged by representing the frame points of the size information of the first window and the frame points of the second window, and whether the corresponding height and width in the frame points of the first window are the same as the corresponding height and width in the frame points of the second window can be compared. Assuming that the frame points of the first window are (a 1, a2, w1, h 1), and the frame points of the second window are (a 3, a4, w2, h 1), wherein the heights and widths corresponding to the frame points of the first window are h1 and w1 respectively, the heights and widths corresponding to the frame points of the second window are h1 and w2 respectively, and the heights and widths are different, entering S805; assuming that the frame points of the first window are (a 1, a2, w1, h 1), and the frame points of the second window are (a 3, a4, w1, h 1), wherein the heights and widths corresponding to the frame points of the first window are h1 and w1, respectively, and the heights and widths corresponding to the frame points of the second window are h1 and w1, respectively, which are the same, the step goes to S804.

For example, the size of the detail window 02 shown in fig. 5A is different from the current size of the news main window 01', and the process advances to S805, where the news main window 01' is displayed in a display format corresponding to the size actually displayed.

S804, displaying the first window and the second window with the same size, wherein the first window is displayed according to a display mode corresponding to the size of the second window.

It can be understood that the first window and the second window have the same size, and the first window is displayed according to the display mode corresponding to the size of the second window.

In some embodiments, for a first window, determining display parameters of each display element according to window configuration attributes corresponding to the size of a second window by the first window, and displaying contents including characters, pictures, controls and other display elements to be displayed by the first window according to the display parameters; and for the second window, acquiring display contents of the second window, such as characters, pictures, display elements of controls and the like, determining display parameters required by the second window in display according to window configuration attributes of the second window, and displaying the contents of the display elements, such as the characters, the pictures, the controls and the like, required to be displayed by the second window according to the display parameters.

S805, displaying a first window and a second window with different sizes, wherein the first window is displayed according to a first display mode corresponding to the actual display size of the first window.

It can be understood that the first window and the second window are different in size, so that the first window and the second window need to be displayed in a display mode corresponding to the size of the first window and the second window, so that the display mode can be matched with the display content, for example, when display elements such as characters, pictures and controls are displayed, the first window and the second window are displayed according to proper display parameters. For example, when the first window and the second window have different landscape/portrait screen configurations, the corresponding display sizes are different. When the display parameters of the display elements in the first window are determined by the window configuration attributes corresponding to the actual display size of the first window, the problem that the display parameters are not matched with the required parameters can not occur when each display element in the first window is displayed according to the obtained display parameters, so that the layout problem is avoided. The specific display manner is the same as that of step S703, and will not be described here again.

It should be understood that the execution sequence of steps S801 to S805 is merely illustrative, and in other embodiments, other execution sequences may be adopted, and partial steps may be split or combined, which is not limited herein.

Fig. 9 is a schematic diagram showing a hardware structure of the tablet 100 according to an embodiment of the present application. The tablet 100 is capable of performing the audio playing method provided by the embodiment of the present application. In fig. 9, similar parts have the same reference numerals. As shown in fig. 9, the tablet 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (Universal Serial Bus, USB) interface 130, a charge management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, keys 190, a motor 191, an indicator 192, a camera 193, a display 194, and a subscriber identity module (Subscriber Identification Module, SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyro sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, and the like.

It should be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the panel 100. In other embodiments of the application, the tablet 100 may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The Processor 110 may include one or more processing units, for example, processing modules or processing circuits that may include a central Processor CPU (Central Processing Unit), an image Processor GPU (Graphics Processing Unit), a digital signal Processor DSP (DIGITAL SIGNAL Processor), a microprocessor MCU (Micro-programmed Control Unit), an AI (ARTIFICIAL INTELLIGENCE ) Processor, a programmable logic device FPGA (Field Programmable GATE ARRAY), or the like. Wherein the different processing units may be separate devices or may be integrated in one or more processors.

The Memory may be used to store data, software programs, and modules, and may be a Volatile Memory (RAM), such as a Random-Access Memory (RAM); or a nonvolatile Memory (Non-Volatile Memory), such as a Read-Only Memory (ROM), a Flash Memory (Flash Memory), a hard disk (HARD DISK DRIVE, HDD) or a Solid state disk (Solid-state-STATE DRIVE, SSD); or a combination of the above types of memories, or may be a removable storage medium, such as a Secure Digital (SD) memory card.

The power module 140 may include a power source, a power management component, and the like. The power source may be a battery. The power management component is used for managing the charging of the power supply and the power supply supplying of the power supply to other modules. The charging management module is used for receiving charging input from the charger; the power management module is used for connecting a power supply, and the charging management module is connected with the processor 110.

The mobile communication module 150 may include, but is not limited to, an antenna, a power amplifier, a filter, a low noise amplifier (Low Noise Amplify, LNA), and the like. The mobile communication module 150 may provide a solution for wireless communication including 2G/3G/4G/5G, etc., applied to the tablet 100. The mobile communication module 150 may receive electromagnetic waves from an antenna, perform processes such as filtering, amplifying, etc., on the received electromagnetic waves, and transmit the electromagnetic waves to a modem processor for demodulation. The mobile communication module 150 may amplify the signal modulated by the modem processor, and convert the signal into electromagnetic waves through the antenna to radiate. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the same device as at least some of the modules of the processor 110.

The wireless communication module 160 may include an antenna, and transmit and receive electromagnetic waves via the antenna. The wireless Communication module 160 may provide solutions for wireless Communication including wireless local area network (Wireless Local Area Networks, WLAN) (e.g., wireless fidelity (WIRELESS FIDELITY, wi-Fi) network), bluetooth (BT), global navigation satellite system (Global Navigation SATELLITE SYSTEM, GNSS), frequency modulation (Frequency Modulation, FM), near field Communication technology (NEAR FIELD Communication, NFC), infrared technology (IR), etc., as applied to the tablet 100. Tablet 100 may communicate with a network and other devices via wireless communication technology.

In some embodiments, the mobile communication module 150 and the wireless communication module 160 of the tablet 100 may also be located in the same module.

The camera 193 is used to capture still images or video. An optical image of a scene generated by a lens is projected onto a photosensitive element. The photosensitive element converts the optical signal into an electrical signal, which is then transferred to an ISP (IMAGE SIGNAL Processor) to be converted into a digital image signal. Tablet 100 may perform capture functions through an ISP, camera 193, video codec, GPU (Graphic Processing Unit, graphics processor), display screen, application processor, and the like.

The display 194 includes a display panel. The display panel may employ a Liquid crystal display (Liquid CRYSTAL DISPLAY, LCD), an Organic Light-emitting Diode (OLED), an Active-matrix Organic Light-emitting Diode (AMOLED), a flexible Light-emitting Diode (Flex Light-emitting Diode, FLED), a Mini LED, a Micro OLED, a quantum dot Light-emitting Diode (QLED), or the like.

The audio module 170 may convert digital audio information to an analog audio signal output or convert an analog audio input to a digital audio signal. The audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be disposed in the processor 110, or a portion of the functional modules of the audio module 170 may be disposed in the processor 110.

The interface module includes an external memory interface, a universal serial bus (Universal Serial Bus, USB) interface, a subscriber identity module (Subscriber Identification Module, SIM) card interface, and the like. Wherein the external memory interface may be used to connect an external memory card, such as a Micro SD card, to enable expansion of the memory capabilities of the tablet 100. The external memory card communicates with the processor 110 through an external memory interface to implement data storage functions. The universal serial bus interface is used for the tablet 100 to communicate with other handsets. The subscriber identity module card interface is used to communicate with a SIM card mounted to the tablet 100, for example, by reading a telephone number stored in the SIM card or by writing a telephone number to the SIM card.

In some embodiments, tablet 100 also includes keys, motors, indicators, and the like. The keys may include a volume key, an on/off key, and the like. The motor is used to cause the tablet 100 to generate a vibration effect, such as when a new IM APP message is received by the user's tablet 100, to prompt the user to view the message. The indicators may include laser indicators, radio frequency indicators, LED indicators, and the like.

Embodiments of the disclosed mechanisms may be implemented in hardware, software, firmware, or a combination of these implementations. Embodiments of the application may be implemented as a computer program or program code that is executed on a programmable system comprising at least one processor, a storage system (including volatile and non-volatile memory and/or storage elements), at least one input device, and at least one output device.

Program code may be applied to input instructions to perform the functions described herein and generate output information. The output information may be applied to one or more output devices in a known manner. For the purposes of this application, a processing system includes any system having a processor such as, for example, a Digital Signal Processor (DSP), a microcontroller, an Application Specific Integrated Circuit (ASIC), or a microprocessor.

The program code may be implemented in a high level procedural or object oriented programming language to communicate with a processing system. Program code may also be implemented in assembly or machine language, if desired. Indeed, the mechanisms described in the present application are not limited in scope by any particular programming language. In either case, the language may be a compiled or interpreted language.

In some cases, the disclosed embodiments may be implemented in hardware, firmware, software, or any combination thereof. The disclosed embodiments may also be implemented as instructions carried by or stored on one or more transitory or non-transitory machine-readable (e.g., computer-readable) storage media, which may be read and executed by one or more processors. For example, the instructions may be distributed over a network or through other computer readable media. Thus, a machine-readable medium may include any mechanism for storing or transmitting information in a form readable by a machine (e.g., a computer), including but not limited to floppy diskettes, optical disks, read-only memories (CD-ROMs), magneto-optical disks, read-only memories (ROMs), random Access Memories (RAMs), erasable programmable read-only memories (EPROMs), electrically erasable programmable read-only memories (EEPROMs), magnetic or optical cards, flash memory, or tangible machine-readable memory for transmitting information (e.g., carrier waves, infrared signal digital signals, etc.) in an electrical, optical, acoustical or other form of propagated signal using the internet. Thus, a machine-readable medium includes any type of machine-readable medium suitable for storing or transmitting electronic instructions or information in a form readable by a machine (e.g., a computer).

In the drawings, some structural or methodological features may be shown in a particular arrangement and/or order. However, it should be understood that such a particular arrangement and/or ordering may not be required. Rather, in some embodiments, these features may be arranged in a different manner and/or order than shown in the illustrative figures. Additionally, the inclusion of structural or methodological features in a particular figure is not meant to imply that such features are required in all embodiments, and in some embodiments, may not be included or may be combined with other features.

It should be noted that, in the embodiments of the present application, each unit/module mentioned in each device is a logic unit/module, and in physical terms, one logic unit/module may be one physical unit/module, or may be a part of one physical unit/module, or may be implemented by a combination of multiple physical units/modules, where the physical implementation manner of the logic unit/module itself is not the most important, and the combination of functions implemented by the logic unit/module is only a key for solving the technical problem posed by the present application. Furthermore, in order to highlight the innovative part of the present application, the above-described device embodiments of the present application do not introduce units/modules that are less closely related to solving the technical problems posed by the present application, which does not indicate that the above-described device embodiments do not have other units/modules.

It should be noted that in the examples and descriptions of this patent, relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

While the application has been shown and described with reference to certain preferred embodiments thereof, it will be understood by those skilled in the art that various changes in form and details may be made therein without departing from the spirit and scope of the application.

Claims

1. A display method applied to an electronic device is characterized by comprising the following steps of,

2. The method of claim 1, wherein the first, second, and third display modes include at least one of the following display parameters:

the size, position, color of the display element in the display window.

3. The method of claim 1, wherein the first operation comprises clicking on a first display entry in the first window, and

4. The method of claim 1, wherein the first operation comprises clicking on a second display item outside of the first window, and

5. The method of claim 1, wherein the first size and the third size are the same, and wherein the first display mode and the third display mode are the same.

6. The method of claim 1, wherein the first size and the third size are different, and wherein the first display mode and the third display mode are different.

7. The method of any of claims 1-6, wherein the first window has an aspect ratio greater than 1 and the second window has an aspect ratio less than 1.

8. The method of any of claims 1-6, wherein the first application comprises at least one of a news application, a calendar application, a shopping website application, a dictionary application, an instant messaging application, a browser application, a video/audio playback application.

9. The method of any of claims 1-6, wherein the first window and the second window are in a first process of a first application.

10. The method as recited in claim 1, further comprising:

11. The method as recited in claim 1, further comprising:

12. An electronic device, comprising:

One or more processors;

One or more memories; the one or more memories stores one or more programs that, when executed by the one or more processors, cause the electronic device to perform the display method of any of claims 1-11.

13. A computer readable storage medium having stored thereon instructions which, when executed on a computer, cause the computer to perform the display method of any of claims 1-11.

14. A computer program product, characterized in that the computer program product comprises instructions which, when executed, cause a computer to perform the display method of any of claims 1-11.