CN114610195B - Icon display method, electronic device and storage medium - Google Patents

Abstract

The embodiment of the application provides an icon display method, electronic equipment and a storage medium, wherein in the method, notch area information and fillet area information are acquired; determining a width of an available area based on the Notch area information and the fillet area information, the available area being used to display an icon; determining a display attribute of an icon displayed in the available area based on a width of the available area; and displaying the icon in the available area according to the determined display attribute of the icon, so that the icon on the status bar can be displayed after being adapted according to the punching width of the screen, and good watching experience can be brought to a user.

Description

Icon display method, electronic device and storage medium

Technical Field

The present application relates to the technical field of intelligent terminals, and in particular to an icon display method, an electronic device and a storage medium.

Background Art

With the personalization and differentiation of mobile terminals (e.g., mobile phones), and the continuous increase in the functions of mobile terminals, the mobile terminals produced by various manufacturers are becoming more and more diversified. At present, more and more manufacturers will design a notch on the screen of the mobile phone, and different modules can be set on the notch to achieve different functions. For example, a camera can be set on the notch to achieve a shooting function.

Summary of the invention

The present application provides an icon display method, an electronic device, and a storage medium, so as to realize the display of icons on a status bar after being adapted according to the width of a screen hole, thereby providing a good viewing experience for users.

In a first aspect, the present application provides an icon display method, which is applied to an electronic device, comprising:

Acquire Notch area information and rounded corner area information; specifically, the Notch area information may include the position of the Notch area on the screen of the electronic device, and may also include information such as the height and width of the Notch area. The rounded corner area may be two rounded corner areas on the left and right sides of the screen of the electronic device that are not available for display, and the rounded corner area information may include the radius of the rounded corner.

The width of the available area is determined based on the Notch area information and the rounded corner area information, and the available area is used to display icons; specifically, the available area may be an area for displaying icons, the height of the available area may be set in advance, the width of the available area is determined by the Notch area information and the rounded corner area information, and the available area may include one area or two areas. Exemplarily, when the Notch area is located at the leftmost or rightmost side of the screen of the electronic device, the available area only includes one area.

The display attributes of the icon displayed in the available area are determined based on the width of the available area; specifically, the display attributes may include the width of the font icon and the thickness of the graphic icon.

The icon is displayed in the available area according to the determined display attributes of the icon.

In this embodiment, the available area is determined by the Notch area and the rounded corner area, and the display properties of the icon are determined according to the width of the available area. The display properties of the icon can be dynamically adapted to the Notch width, thereby bringing a good viewing experience to the user and improving the user's feeling.

In one possible implementation, determining the width of the available area based on the Notch area information and the rounded corner area information includes:

Determine the width L1 of the first area = W1-U-S; specifically, the first area may be an area located on the left side of the Notch area.

Determine the width L2 of the second area = W2-U-S; specifically, the second area may be an area located on the right side of the Notch area.

If L1 is greater than or equal to the preset first threshold, and L2 is greater than or equal to the preset first threshold, then the width of the available area L=L1+L2 is determined, and the available area includes the first area and the second area; wherein W1 is the distance from the left edge of the Notch area to the left edge of the electronic device, W2 is the distance from the right edge of the Notch area to the right edge of the electronic device, U is the width of the rounded corner area, and S is the preset safety distance. Specifically, the above-mentioned rounded corner area may include two rounded corners that are symmetrical on the left and right. Therefore, the width L1 of the first area can be determined by the difference between W1 and the width of the left rounded corner, and the width L2 of the second area can be determined by the difference between W2 and the width of the right rounded corner. Among them, the safety distance can be the reserved distance between the icon and the Notch area. The preset first threshold can be the width of the minimum icon, that is, if L1 and L2 are greater than or equal to the preset first threshold, the available area can include the above-mentioned first area and the second area.

In this embodiment, the number of available areas is determined according to a preset first threshold, and then the width of the available area is determined, thereby more accurately obtaining the width of the available area.

Wherein, R is the radius of the rounded area, H is the distance between the center of the Notch area and the top of the electronic device, and h is the preset height of the available area.

In this embodiment, the width of the rounded corner area can be obtained more accurately through the above formula.

In one possible implementation manner, the icons include font icons and graphic icons.

In this embodiment, the styles of icons are classified, so that icons of different styles can be displayed separately, thereby improving the viewing experience of users.

In one possible implementation, if the icon is a font icon, then determining the display attributes of the icon displayed in the available area based on the width of the available area includes:

If the width of the available area is greater than or equal to the preset second threshold, the width of the icon is determined to be a first value; specifically, the second threshold may be a width that accommodates a maximum preset number of icons. The first value may be a wider value in the width.

If the width of the available area is greater than or equal to the preset third threshold and less than the second threshold, the width of the icon is determined to be the second value; wherein the first value is greater than the second value and the third threshold is less than the second threshold. Specifically, the third threshold may be the width of the icons that accommodate the minimum preset number, and the second value may be the middle value of the width.

In this embodiment, the display attribute of the font icon is determined by the value of the width, which can improve the user's viewing experience of the font icon.

In one possible implementation, determining the display attribute of the icon displayed in the available area based on the width of the available area further includes:

If the width of the available area is less than the third threshold, the width of the icon is determined to be a third value, wherein the third value is less than the second value. Specifically, the third value may be a narrower value in the width.

In this embodiment, the display attribute of the font icon is determined by the value of the width, which can improve the user's viewing experience of the font icon.

In one possible implementation, the icon is a graphic icon, and determining the display attribute of the icon displayed in the available area based on the width of the available area includes:

If the width of the available area is greater than or equal to the preset second threshold, the thickness of the icon is determined to be a fourth value; specifically, the fourth value may be a thicker value among the thicknesses.

If the width of the available area is greater than or equal to the preset third threshold and less than the second threshold, the thickness of the icon is determined to be a fifth value, wherein the fourth value is greater than the fifth value and the third threshold is less than the second threshold. Specifically, the fifth value may be an intermediate value in the thickness.

In this embodiment, the display attribute of the graphic icon is determined by the value of the thickness, which can improve the user's viewing experience of the graphic icon.

In one possible implementation, determining the display attribute of the icon displayed in the available area based on the width of the available area further includes:

If the width of the available area is less than the second threshold, the thickness of the icon is determined to be a sixth value, wherein the sixth value is less than the fifth value. Specifically, the sixth value may be a thinner value among the thicknesses.

In one possible implementation, the icons include resident icons and optional icons, the second threshold is determined by the sum of the widths of a preset first number of resident icons and a preset second number of optional icons; the third threshold is determined by the sum of the widths of a preset third number of resident icons.

In this embodiment, the second threshold and the third threshold are determined by presetting a number of resident icons and optional icons, thereby finding display attributes matching the resident icons and the optional icons, thereby improving the viewing experience of the user.

In one possible implementation, the available area includes the first area and the second area, and according to the determined display attribute of the icon, before the icon is displayed in the available area, the following is further included:

Obtain the priority and width of each icon in the electronic device; specifically, each icon may include a preset priority, which may be used to characterize the importance of the icon. Exemplarily, the priority of a system-level icon is greater than the priority of an application-level icon, and the priority of a resident icon is greater than the priority of an optional icon. The priority of icons may also be divided in other ways, and the embodiments of the present application do not specifically limit this.

In descending order of priority, it is determined in sequence whether each icon is located in the first area or in the second area based on the width of the icon, the width L1 of the first area, and the width L2 of the second area.

In this embodiment, the position of each icon in the available area is determined according to the priority of the icon, thereby ensuring that important icons can be displayed preferentially.

In one possible implementation, in response to a preset operation, a floating status bar is displayed, and the floating status bar includes at least the icons displayed in the available area. Specifically, the preset operation can be a user's finger sliding operation or other types of operations, which are not specifically limited in the embodiments of the present application.

In this embodiment, the floating status bar is awakened by the user. In addition to the icons displayed in the available area, the floating status bar may include more icons, thereby improving display efficiency.

In one possible implementation, the width of the font icon in the floating status bar is a first value, and the thickness of the graphic icon in the floating status bar is a fourth value. Specifically, the first value is a wider value in the width, and the fourth value is a thicker value in the thickness.

In this embodiment, by setting the width of the font icon to a wider value and the thickness of the graphic icon to a thicker value, the display quality of the icon in the floating status bar can be improved.

In a second aspect, the present application provides an icon display device, comprising:

An acquisition module is used to obtain Notch area information and fillet area information;

A calculation module, used for determining a width of an available area based on the Notch area information and the rounded corner area information, where the available area is used for displaying icons;

The display module is used to determine the display properties of the icon displayed in the available area based on the width of the available area; and display the icon in the available area according to the determined display properties of the icon.

When two available areas (such as a first area and a second area) are included, the above apparatus may further include:

The position determination module is used to obtain the priority and width of each icon in the electronic device; in descending order of priority, based on the width of the icon, the width L1 of the first area, and the width L2 of the second area, each icon is determined to be located in the first area or in the second area.

In one possible implementation, the device further includes:

The floating display module is used to display a floating status bar in response to a preset operation, wherein the floating status bar at least includes the icons displayed in the available area.

In a third aspect, the present application provides an electronic device, comprising: a display screen; a processor; a memory; and a computer program, wherein the computer program is stored in the memory, and the computer program includes instructions, and when the instructions are executed by the electronic device, the electronic device performs the following steps:

Get Notch area information and fillet area information;

Determine the width of the available area based on the Notch area information and the rounded corner area information, where the available area is used to display icons;

Determining display properties of an icon displayed in the available area based on a width of the available area;

The icon is displayed in the available area according to the determined display attributes of the icon.

It should be understood that the technical solutions of the second to third aspects of the present application may be the same as those of the first aspect of the present application, and the various aspects and corresponding feasible implementation methods as well as the beneficial effects achieved are similar and will not be described in detail.

In a fourth aspect, the present application provides a computer-readable storage medium, in which a computer program is stored. When the computer-readable storage medium is run on a computer, the computer executes the method described in the first aspect.

In a fifth aspect, the present application provides a computer program, which, when executed by a computer, is used to execute the method described in the first aspect.

In one possible design, the program in the fifth aspect may be stored in whole or in part on a storage medium packaged together with the processor, or may be stored in whole or in part on a memory not packaged together with the processor.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG1 is a schematic diagram of a flowchart of an icon display method provided in an embodiment of the present application;

FIG2 is a schematic diagram of calculating the width U of the unusable area provided in an embodiment of the present application;

FIG3 is a schematic diagram of determining an icon position according to an embodiment of the present application;

FIG4 is a schematic diagram of an embodiment of icon display attributes provided by the present application;

FIG5 is a schematic diagram of another embodiment of icon display attributes provided by the present application;

FIG6 is a schematic diagram of another embodiment of icon display attributes provided by the present application;

FIG. 7 is a display diagram of a floating status bar provided in an embodiment of the present application;

FIG8 is a schematic diagram of the structure of an icon display device provided in an embodiment of the present application;

FIG. 9 is a schematic diagram of the structure of an electronic device according to an embodiment of the present application.

DETAILED DESCRIPTION

The technical solution in the embodiment of the present application will be described below in conjunction with the drawings in the embodiment of the present application. In the description of the embodiment of the present application, unless otherwise specified, "/" means or, for example, A/B can mean A or B; "and/or" in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and/or B can mean: A exists alone, A and B exist at the same time, and B exists alone.

In the following, the terms "first" and "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of the indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present application, unless otherwise specified, "multiple" means two or more.

In the prior art, the icons and fonts of the status bar are all static styles. For mobile phones with Notches of different widths, it is impossible to automatically adjust the status bar icons and their display properties according to the width of the Notch.

To this end, an embodiment of the present application proposes an icon display method, which can obtain the displayable width of the status bar based on the width of the Notch, and dynamically adjust the icon and display properties based on the displayable width of the status bar, thereby providing users with a good viewing experience.

FIG. 1 is a flow chart of an embodiment of the icon display method of the present application, which is applied to an electronic device 100 and may include:

Step 101, obtaining Notch area information and unavailable area information.

Specifically, the electronic device 100 may be an electronic device with a display screen, such as a mobile phone or a tablet.

The Notch area information may include the distance from the center of the Notch to the top of the display screen, the Notch width, and the Notch height. The Notch area information may be obtained by converting the coordinates of the Notch width, Notch height, and the center of the Notch; exemplarily, the plane coordinate system of the display screen may be pre-set, and when the coordinates of the center of the Notch are obtained, the distance from the center to the top of the display screen may be converted according to the coordinates of the center; optionally, the Notch area information may also be obtained by converting the distance from the center of the Notch to the top of the display screen, the distance from the left edge of the Notch to the left side of the display screen, the distance from the right edge of the Notch to the right side of the display screen, and the Notch height. It is understandable that the distance from the center of the Notch to the top of the display screen may be converted based on the coordinates of the center of the Notch, the distance from the center of the Notch to the top of the display screen may also be converted based on the distance from the edge of the Notch to the edge of the display screen, the distance from the center of the Notch to the top of the display screen may also be converted by obtaining other types of information, and the distance from the center of the Notch to the top of the display screen may also be directly obtained, for example, the distance from the center of the Notch to the top of the display screen is directly given, and the embodiment of the present application does not specifically limit this.

The unusable area information may include the radius of the unusable rounded corner area in the display screen. It can be understood that the display screen includes two unusable rounded corner areas that are symmetrical on the left and right.

Step 102: Determine the position and width of the displayable area based on the Notch area information and the unavailable area information.

Specifically, the electronic device 100 can determine the position and width of the unavailable area based on the Notch area information and the unavailable area information. For example, the width U of the unavailable area can be calculated based on the distance H from the center of the Notch to the top of the display screen and the radius R of the unavailable area.

Next, the electronic device 100 may determine the position and width of the displayable area based on the width U of the unavailable area and the Notch area information. The displayable area may be used to display content, which may include icons.

Now, the description is made in conjunction with FIG. 2. As shown in FIG. 2, the display screen of the electronic device 100 includes a left undetermined area 210, a right undetermined area 220, an unavailable area 230, and a Notch area 240. The left undetermined area 210 is used to determine the left displayable area, and the width of the left undetermined area 210 is L1; the right undetermined area 220 is used to determine the right displayable area, and the width of the right undetermined area 220 is L2; the radius of the fillet area corresponding to the unavailable area 230 is R, the width of the unavailable area 230 is U, the distance between the left edge of the Notch area 240 and the left side of the display screen is W1, the distance between the right edge of the Notch area 240 and the right side of the display screen is W2, and the distance between the center of the Notch area 240 and the top of the display screen is H.

其中，h为左侧待定区域210和右侧待定区域220的预设高度；The width of the unavailable area 230 is

Wherein, h is the preset height of the left pending area 210 and the right pending area 220;

The width L1 of the left undetermined area 210 = W1-U-S, where S is the safety distance reserved between the left undetermined area 210 and the Notch;

The width L2 of the right undetermined area 220 is W2-U-S, wherein S is a safety distance reserved between the right undetermined area 220 and the Notch.

After obtaining L1 and L2, the electronic device 100 can determine whether the left undetermined area and the right undetermined area are displayable areas based on L1 and L2. For example, L1 can be compared with a preset first width threshold (e.g., the width of the smallest resident icon), and L2 can be compared with a preset first width threshold. Exemplarily, resident icons may include signal icons (e.g., with a width of 20dp), battery icons (e.g., with a width of 25dp), WIFI icons (e.g., with a width of 20dp), and time icons (e.g., with a width of 30dp), etc. Therefore, 20dp can be used as the first width threshold. In a specific implementation, the preset first width threshold can be set to the width of the smallest icon. Preferably, the preset first width threshold can be set to the width of the smallest resident icon, wherein the resident icon is a required icon displayed in the status bar, that is, the priority of the resident icon is the highest among all icons, and when the icon is displayed in the status bar, the resident icon will be displayed first.

If it is judged that L1 is greater than or equal to the preset first width threshold, the left undetermined area 210 is the left displayable area, that is, the left undetermined area 210 can be used to display icons; if it is judged that L1 is less than the preset first width threshold, the left undetermined area 210 is the left non-displayable area, that is, the left undetermined area 210 cannot be used to display icons.

Similarly, if it is judged that L2 is greater than or equal to the preset first width threshold, the right side undetermined area 220 is the right side displayable area, that is, the right side undetermined area 220 can be used to display icons; if it is judged that L2 is less than the preset first width threshold, the right side undetermined area 220 is a non-displayable area, that is, the right side undetermined area 220 cannot be used to display icons.

Step 103 : determining an icon, a display position and display attributes thereof based on the position and width of the displayable area, and displaying the icon at the display position of the displayable area based on the display attributes.

Specifically, after obtaining the position and width of the displayable area, the electronic device 100 can determine the icons to be displayed and their display attributes based on the width of the displayable area. The electronic device 100 can determine the order of icons based on the priority of the icons, for example, starting from the icons with higher priority, and determining the order of the icons in sequence, which is not limited in the embodiments of the present application.

Exemplarily, taking the left displayable area and the right displayable area as examples, when determining icons in the left displayable area and the right displayable area, the electronic device 100 can determine icons in the left displayable area and the right displayable area in turn, for example, an icon can be determined in the left displayable area, and then the next icon can be determined in the right displayable area. Among them, the earlier the icon is determined, the higher the priority. When the left displayable area cannot accommodate any icon, the remaining icons can be determined in the right displayable area until both the left and right displayable areas cannot accommodate any icon; or when the right displayable area cannot accommodate any icon, the remaining icons can be determined in the left displayable area until both the left and right displayable areas cannot accommodate any icon. It can be understood that the above is explained by first confirming the icon in the left displayable area and then confirming the icon in the right displayable area as an example, and it can also be that the icon in the right displayable area is first confirmed, and then the icon in the left displayable area is confirmed, and the embodiment of the present application does not make special limitations on this.

In addition, after the electronic device 100 determines the icon in the left displayable area and the right displayable area, it can also determine the display position of the icon. It is understandable that the display position of the icon can be determined after any one icon is determined, or the display position of all icons can be determined after all icons are determined. The embodiment of the present application does not specifically limit this. Exemplarily, the display position of the icon can be based on the order from outside to inside. For example, for the left displayable area, the electronic device 100 can sequentially place the determined icons from left to right in the left displayable area to wait for display; for the right displayable area, the determined icons can be sequentially placed from right to left in the right displayable area to wait for display.

Now, the description is made in conjunction with FIG. 3 . As shown in FIG. 3 , if the electronic device 100 determines that the left undetermined area 210 is the left displayable area 310, the icon and its display position can be determined based on the width L1 of the left displayable area 310 and the priority of the icon. If the electronic device 100 determines that the right undetermined area 220 is the right displayable area 320, the icon and its display position can be determined based on the width L2 of the right displayable area 320 and the priority of the icon.

Exemplarily, the resident icon with the highest priority can be placed starting from the left displayable area 310. The electronic device 100 can determine the width of the resident icon with the highest priority. If the left displayable area 310 is large enough to accommodate the resident icon with the highest priority, the electronic device 100 places the resident icon with the highest priority (e.g., the signal icon 311) at the far left of the left displayable area 310. Next, the electronic device 100 determines whether the right displayable area 320 is large enough to accommodate the resident icon with the second highest priority (e.g., the time icon 321). If it is large enough, the electronic device 100 places the resident icon with the second highest priority at the far right of the right displayable area 320. Then, the electronic device 100 determines the remaining resident icons (e.g., WIFI icon 312 and battery icon 322) in the left displayable area 310 and the right displayable area 320 in turn. For example, if the width of the left displayable area 310 and the right displayable area 320 is sufficient, the WIFI icon 312 is placed to the right of the signal icon 311 in the left displayable area 210, and the battery icon 322 is placed to the left of the time icon 321 in the right displayable area 320. After all the resident icons are placed, the electronic device 100 can further determine whether the left displayable area 310 is sufficient to accommodate optional icons; wherein the optional icons include icons corresponding to the opened applications, for example, if the user opens the positioning application, the displayable area can display the positioning icon. The optional icons can also be determined according to the priority of the optional icons, for example, starting from the optional icons with higher priority, the order of the optional icons is determined in turn, which will not be repeated here.

It is understandable that due to the limited width of the left display area 310 and the right display area 320, only some high-priority optional icons can be accommodated in the left display area 310 and the right display area 320, and the remaining low-priority optional icons can be hidden.

In addition, it should be noted that the resident icon with the highest priority may also be placed starting from the right display area 320 , and the embodiment of the present application does not specifically limit this.

Further, after determining the icon and its display position, the electronic device 100 may also determine the display attribute of the icon, so that the electronic device 100 can display the icon based on the display attribute. The display attribute may include bold, thin, wide, and narrow. Based on the width of the displayable area, the electronic device 100 may determine the corresponding display attribute.

For example, the sum L of the widths of the left displayable area and the right displayable area can be obtained, where L=L1+L2, L1 is the width of the left displayable area, and L2 is the width of the right displayable area. Then, L can be compared with the preset second width threshold and the preset third width threshold.

If it is judged that L is greater than or equal to the preset second width threshold, it can be considered that the width of the current displayable area is wide enough, so the electronic device 100 can display the icon with the preset first display attribute. Among them, icons can be divided into two types, for example, graphic icons and font icons. Therefore, the preset first display attribute may include: the graphic icon is bold; the font icon is wide. This can make the icon display more eye-catching, which is conducive to improving the recognition of the icon and improving the user experience. Exemplarily, the second width threshold can be determined based on the width of 4 resident icons (for example, a 20dp signal icon, a 25dp battery icon, a 20dp WIFI icon, and a 30dp time icon) and 4 optional icons (for example, each optional icon is 15dp wide), then the second width threshold = 20 + 25 + 20 + 30 + 15 * 4 = 155dp, and the second width threshold can also be determined by the width of other resident icons and/or optional icons, and the embodiment of the present application is not particularly limited to this.

Now, in conjunction with FIG. 4 , as shown in FIG. 4 , the width of the left displayable area 410 is 80 dp, which can accommodate the signal icon 411 (20 dp), the WIFI icon 412 (20 dp), the optional icon 413 (15 dp), and the optional icon 414 (15 dp); the width of the right displayable area 420 is 90 dp, which can accommodate the time icon 421 (30 dp), the battery icon 422 (25 dp), the battery percentage optional icon 423 (15 dp), and the optional icon 424 (15 dp). The sum of the width of the left displayable area 410 and the width of the right displayable area 420 is 80+90=170 dp, that is, the sum of the width of the left displayable area 410 and the width of the right displayable area 420 is greater than the preset second width threshold of 155 dp. Signal icon 411, WIFI icon 412 and battery icon 422 are graphic icons, so they are displayed in bold, and time icon 421 and battery percentage icon 423 are font icons, so they are displayed in wide font. This can make the icons more eye-catching and improve the user's viewing experience.

If it is determined that L is less than the preset second width threshold and greater than or equal to the third width threshold, it can be considered that the width of the current displayable area is within the normal range. Therefore, the electronic device 100 can display the icon with the preset second display attribute. For example, the preset second display attribute may include: both the graphic icon and the font icon are normal. Exemplarily, the third width threshold can be determined based on the width of four resident icons (for example, a 20dp signal icon, a 25dp battery icon, a 20dp WIFI icon, and a 30dp time icon), then the third width threshold = 20 + 25 + 20 + 30 = 95dp. The third width threshold can also be determined by the width of other resident icons and/or optional icons. The embodiment of the present application does not specifically limit this.

Now, the description is made in conjunction with FIG. 5 . As shown in FIG. 5 , the width of the left displayable area 510 is 45dp, which can accommodate the signal icon 511 (20dp) and the WIFI icon 512 (20dp); the width of the right displayable area 520 is 95dp, which can accommodate the time icon 521 (30dp), the battery icon 522 (25dp), the optional icon 523 (15dp) and the optional icon 524 (15dp). The sum of the width of the left displayable area 510 and the width of the right displayable area 520 is 45+95=140dp, that is, the sum of the width of the left displayable area 510 and the width of the right displayable area 520 is 140dp, which is less than the preset second width threshold of 155dp, and greater than the preset third width threshold of 95dp. Signal icon 511, WIFI icon 512 and battery icon 522 are graphic icons, therefore, signal icon 511, WIFI icon 512 and battery icon 522 are displayed in normal body, time icon 521 and battery percentage icon 523 are font icons, therefore, time icon 521 and battery percentage icon 523 are displayed in normal body.

If it is determined that L is less than the third width threshold, it can be considered that the width of the current displayable area is outside the limit range, so the electronic device 100 can display the icon with a preset third display attribute. For example, the preset third display attribute may include: the graphic icon is normal body, and the font icon is narrow body, thereby reducing the width of the font icon to accommodate more icons, avoiding that high-priority icons (for example, resident icons) cannot be fully displayed, thereby improving the user's viewing experience.

Now, let's explain it in conjunction with FIG. 6. As shown in FIG. 6, the width of the left displayable area 610 is 40dp, which can accommodate the signal icon 611 (20dp) and the WIFI icon 612 (20dp); the width of the right displayable area 620 is 55dp, which can accommodate the time icon 621 (30dp) and the battery icon 622 (25dp). The sum of the width of the left displayable area 610 and the width of the right displayable area 620 is 40+55=95dp, that is, the sum of the width of the left displayable area 610 and the width of the right displayable area 620 is 95dp, which is exactly equal to the preset third width threshold of 95dp. The signal icon 611, the WIFI icon 612 and the battery icon 622 are graphic icons, so the signal icon 611, the WIFI icon 612 and the battery icon 622 are displayed in normal font, and the time icon 621 is a font icon, so the time icon 621 is displayed in narrow font. It can be ensured that all resident icons can be displayed.

It can be understood that the values of the above-mentioned preset second width threshold and the preset third width threshold are only examples, and any values can be taken according to requirements, and the embodiments of the present application do not make special limitations on this.

The above-mentioned FIGS. 2 to 6 illustrate the scenario where the position of the displayable area remains unchanged. The following will illustrate the scenario where the position of the displayable area changes.

As shown in FIG7 , an interface 710 is displayed on the display screen of the electronic device 100, and the interface 710 includes a displayable area 711 on the left, a displayable area 712 on the right, and a Notch area 713. The user can operate on the interface 710 to obtain an interface 720, wherein the interface 720 can be displayed in the form of a floating window, or can be displayed in other types of interface display forms, and the embodiment of the present application does not specifically limit this. Exemplarily, the user can wake up the floating window on the interface 710 by a pull-down operation, thereby obtaining the interface 720. It can be understood that the floating window can also be woken up by other operations, and the present application does not specifically limit this. In response to the user's operation, the electronic device 100 wakes up the floating window to obtain the interface 720. Referring to the interface 720, the interface 720 includes a displayable area 721 and a Notch area 713. Among them, the displayable area 721 can be used to display icons in the displayable area 711 on the left and icons in the displayable area 712 on the right. At this time, the displayable area 721 is located below the Notch area 713, and the width of the displayable area 721 is the width of the display screen, which is much larger than the sum of the widths of the left displayable area 711 and the right displayable area 712, so that the displayable area 721 can accommodate more icons. Among them, the position of the displayable area 721 can be determined based on the distance from the center of the displayable area to the lower edge of the Notch area. Exemplarily, the electronic device 100 can obtain the distance X from the center of the left displayable area 711 or the right displayable area 712 to the lower edge of the Notch area 713, and can set the downward distance of the displayable area 721 to be greater than X+h/2, where h is the preset height of the available area, so that the displayable area 721 is not blocked by the Notch area 713, that is, the width of the displayable area 721 can be greater than the sum of the widths of the left displayable area 711 and the right displayable area 712.

After the electronic device 100 obtains the interface 720, it can redefine the icons in the displayable area 721. For example, it can add icons to be displayed based on the icons displayed in the left displayable area 711 and the right displayable area 712. Exemplarily, the electronic device 100 can obtain hidden optional icons, and then place the hidden optional icons in the displayable area 721 in order of priority, for example, starting with optional icons with higher priorities, and placing them in order until no optional icon can be placed in the displayable area 721.

After the electronic device 100 has determined all the display icons, it can display the icons according to the preset first attribute, that is, the electronic device 100 can display the graphic icons in the displayable area 721 in bold, and display the font icons in the displayable area 721 in wide. This can make the icons more eye-catching and improve the user's viewing experience.

FIG8 is a schematic diagram of the structure of an embodiment of the icon display device of the present application. As shown in FIG8 , the icon display device 80 may include: an acquisition module 81, a calculation module 82 and a display module 83;

An acquisition module 81 is used to acquire Notch area information and fillet area information;

A calculation module 82, used to determine the width of the available area based on the Notch area information and the rounded corner area information, where the available area is used to display icons;

The display module 83 is used to determine the display attributes of the icon displayed in the available area based on the width of the available area; and display the icon in the available area according to the determined display attributes of the icon.

In one possible implementation, the calculation module 82 is also used to determine the width of the first area L1=W1-U-S; determine the width of the second area L2=W2-U-S; if L1 is greater than or equal to the preset first threshold, and L2 is greater than or equal to the preset first threshold, then determine the width of the available area L=L1+L2, and the available area includes the first area and the second area; wherein W1 is the distance from the left edge of the Notch area to the left edge of the electronic device, W2 is the distance from the right edge of the Notch area to the right edge of the electronic device, U is the width of the rounded area, and S is the preset safety distance.

In one possible implementation, the width of the rounded area is given by the formula

Sure;

Wherein, R is the radius of the rounded area, H is the distance between the center of the Notch area and the top of the electronic device, and h is the preset height of the available area.

In one possible implementation manner, the icons include font icons and graphic icons.

In one possible implementation, the icon is a font icon, and the display module 83 is also used to determine the width of the icon as a first value if the width of the available area is greater than or equal to a preset second threshold; if the width of the available area is greater than or equal to a preset third threshold and less than the second threshold, determine the width of the icon as a second value; wherein the first value is greater than the second value, and the third threshold is less than the second threshold.

In one possible implementation, the display module 83 is further configured to determine the width of the icon to be a third value if the width of the available area is less than a third threshold; wherein the third value is less than the second value.

In one possible implementation, the icon is a graphic icon, and the display module 83 is also used to determine the thickness of the icon as a fourth value if the width of the available area is greater than or equal to a preset second threshold; if the width of the available area is greater than or equal to a preset third threshold and less than the second threshold, determine the thickness of the icon as a fifth value; wherein the fourth value is greater than the fifth value, and the third threshold is less than the second threshold.

In one possible implementation, the display module 83 is further configured to determine the thickness of the icon to be a sixth value if the width of the available area is less than a second threshold; wherein the sixth value is less than the fifth value.

In one possible implementation, the icons include resident icons and optional icons, the second threshold is determined by the sum of the widths of a preset first number of resident icons and a preset second number of optional icons; the third threshold is determined by the sum of the widths of a preset third number of resident icons.

In one possible implementation, the available area includes a first area and a second area, and the apparatus 80 further includes: a location determination module 84;

The position determination module 84 is used to obtain the priority and width of each icon in the electronic device; in descending order of priority, based on the width of the icon, the width L1 of the first area, and the width L2 of the second area, each icon is determined to be located in the first area or in the second area.

In one possible implementation, the device further includes: a floating display module 85;

The floating display module 85 is used to display a floating status bar in response to a preset operation, where the floating status bar at least includes the icons displayed in the available area.

In one possible implementation manner, the width of the font icon in the floating status bar is a first value; the thickness of the graphic icon in the floating status bar is a fourth value.

The icon display device provided in the embodiment shown in FIG8 can be used to execute the technical solutions of the method embodiments shown in FIG1 to FIG7 of the present application. Its implementation principle and technical effects can be further referred to the relevant description in the method embodiments.

It should be understood that the division of the various modules of the icon display device shown in Figure 8 above is only a division of logical functions. In actual implementation, they can be fully or partially integrated into one physical entity, or they can be physically separated. And these modules can all be implemented in the form of software calling through processing elements; they can also be all implemented in the form of hardware; some modules can also be implemented in the form of software calling through processing elements, and some modules can be implemented in the form of hardware. For example, the detection module can be a separately established processing element, or it can be integrated in a chip of an electronic device. The implementation of other modules is similar. In addition, these modules can be fully or partially integrated together, or they can be implemented independently. In the implementation process, each step of the above method or the above modules can be completed by the hardware integrated logic circuit in the processor element or the instructions in the form of software.

For example, the above modules may be one or more integrated circuits configured to implement the above methods, such as one or more application specific integrated circuits (ASIC), or one or more microprocessors (DSP), or one or more field programmable gate arrays (FPGA). For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).

FIG9 is a schematic diagram of the structure of an embodiment of the electronic device 100 of the present application. As shown in FIG9, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

It is to be understood that the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine some components, or split some components, or arrange the components differently. The components shown in the figure 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, the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

The controller can generate operation control signals according to the instruction operation code and timing signal to complete the control of instruction fetching and execution.

The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory. This avoids repeated access, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

In some embodiments, the processor 110 may include one or more interfaces. The interface may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver/transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (SIM) interface, and/or a universal serial bus (USB) interface, etc.

The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple groups of I2C buses. The processor 110 may be coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces. For example: the processor 110 may be coupled to the touch sensor 180K through the I2C interface, so that the processor 110 communicates with the touch sensor 180K through the I2C bus interface, thereby realizing the touch function of the electronic device 100.

The I2S interface can be used for audio communication. In some embodiments, the processor 110 can include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to achieve communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit an audio signal to the wireless communication module 160 via the I2S interface to achieve the function of answering a call through a Bluetooth headset.

The PCM interface can also be used for audio communication, sampling, quantizing and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via a PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface to implement the function of answering calls via a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

The UART interface is a universal serial data bus for asynchronous communication. The bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is generally used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to implement the Bluetooth function. In some embodiments, the audio module 170 can transmit an audio signal to the wireless communication module 160 through the UART interface to implement the function of playing music through a Bluetooth headset.

The MIPI interface can be used to connect the processor 110 with peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), etc. In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to implement the shooting function of the electronic device 100. The processor 110 and the display screen 194 communicate via the DSI interface to implement the display function of the electronic device 100.

The GPIO interface can be configured by software. The GPIO interface can be configured as a control signal or as a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 with the camera 193, the display 194, the wireless communication module 160, the audio module 170, the sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

The USB interface 130 is an interface that complies with the USB standard specification, and specifically can be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transfer data between the electronic device 100 and a peripheral device. It can also be used to connect headphones to play audio through the headphones. The interface can also be used to connect other electronic devices, such as AR devices, etc.

It is understandable that the interface connection relationship between the modules illustrated in the embodiment of the present invention is only a schematic illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

The charging management module 140 is used to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger through the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100. While the charging management module 140 is charging the battery 142, it may also power the electronic device through the power management module 141.

The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the display screen 194, the camera 193, and the wireless communication module 160. The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle number, battery health status (leakage, impedance), etc. In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.

The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.

Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of antennas. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

The mobile communication module 150 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.

The modem processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be sent into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After the low-frequency baseband signal is processed by the baseband processor, it is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to a speaker 170A, a receiver 170B, etc.), or displays an image or video through a display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.

The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, modulates the frequency of the electromagnetic wave signal and performs filtering, and sends the processed signal to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, modulate the frequency of it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.

In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and/or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and/or a satellite based augmentation system (SBAS).

The electronic device 100 implements the display function through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, which connects the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194, where N is a positive integer greater than 1.

The electronic device 100 can realize the shooting function through ISP, camera 193, video codec, GPU, display screen 194 and application processor.

ISP is used to process the data fed back by camera 193. For example, when taking a photo, the shutter is opened, and the light is transmitted to the camera photosensitive element through the lens. The light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to ISP for processing and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on the noise, brightness, and skin color of the image. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, ISP can be set in camera 193.

The camera 193 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then passes the electrical signal to the ISP to be converted into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.

The digital signal processor is used to process digital signals, and can process not only digital image signals but also other digital signals. For example, when the electronic device 100 is selecting a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy.

Video codecs are used to compress or decompress digital videos. The electronic device 100 may support one or more video codecs. Thus, the electronic device 100 may play or record videos in a variety of coding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

NPU is a neural network (NN) computing processor. By drawing on the structure of biological neural networks, such as the transmission mode between neurons in the human brain, it can quickly process input information and can also continuously self-learn. Through NPU, applications such as intelligent cognition of electronic device 100 can be realized, such as image recognition, face recognition, voice recognition, text understanding, etc.

The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function, such as storing music, video and other files in the external memory card.

The internal memory 121 can be used to store computer executable program codes, which include instructions. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area may store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.

The electronic device 100 can implement audio functions such as music playing and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.

The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be arranged in the processor 110, or some functional modules of the audio module 170 can be arranged in the processor 110.

The speaker 170A, also called a "speaker", is used to convert an audio electrical signal into a sound signal. The electronic device 100 can listen to music or listen to a hands-free call through the speaker 170A.

The receiver 170B, also called a "earpiece", is used to convert audio electrical signals into sound signals. When the electronic device 100 receives a call or voice message, the voice can be received by placing the receiver 170B close to the human ear.

Microphone 170C, also called "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to microphone 170C to input the sound signal into microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify the sound source, realize directional recording function, etc.

The earphone interface 170D is used to connect a wired earphone and can be a USB interface 130 or a 3.5 mm open mobile terminal platform (OMTP) standard interface or a cellular telecommunications industry association of the USA (CTIA) standard interface.

The pressure sensor 180A is used to sense the pressure signal and can convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A can be set on the display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor can be a parallel plate including at least two conductive materials. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the touch operation intensity according to the pressure sensor 180A. The electronic device 100 can also calculate the touch position according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, an instruction to create a new short message is executed.

The gyro sensor 180B can be used to determine the motion posture of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (i.e., x, y, and z axes) can be determined by the gyro sensor 180B. The gyro sensor 180B can be used for anti-shake shooting. For example, when the shutter is pressed, the gyro sensor 180B detects the angle of the electronic device 100 shaking, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyro sensor 180B can also be used for navigation and somatosensory game scenes.

The air pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device 100 calculates the altitude through the air pressure value measured by the air pressure sensor 180C to assist positioning and navigation.

The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip leather case. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 can detect the opening and closing of the flip cover according to the magnetic sensor 180D. Then, according to the detected opening and closing state of the leather case or the opening and closing state of the flip cover, the flip cover can be automatically unlocked.

The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in all directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of the electronic device and is applied to applications such as horizontal and vertical screen switching and pedometers.

The distance sensor 180F is used to measure the distance. The electronic device 100 can measure the distance by infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 can use the distance sensor 180F to measure the distance to achieve fast focusing.

The proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector, such as a photodiode. The light emitting diode may be an infrared light emitting diode. The electronic device 100 emits infrared light outward through the light emitting diode. The electronic device 100 uses a photodiode to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100. When insufficient reflected light is detected, the electronic device 100 can determine that there is no object near the electronic device 100. The electronic device 100 can use the proximity light sensor 180G to detect that the user holds the electronic device 100 close to the ear to talk, so as to automatically turn off the screen to save power. The proximity light sensor 180G can also be used in leather case mode and pocket mode to automatically unlock and lock the screen.

The ambient light sensor 180L is used to sense the ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness. The ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in a pocket to prevent accidental touches.

The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access application locks, fingerprint photography, fingerprint call answering, etc.

The temperature sensor 180J is used to detect temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device 100 reduces the performance of a processor located near the temperature sensor 180J to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to avoid abnormal shutdown of the electronic device 100 due to low temperature. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.

The touch sensor 180K is also called a "touch control device". The touch sensor 180K can be set on the display screen 194. The touch sensor 180K and the display screen 194 form a touch screen, also called a "touch control screen". The touch sensor 180K is used to detect touch operations acting on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In other embodiments, the touch sensor 180K can also be set on the surface of the electronic device 100, which is different from the position of the display screen 194.

The bone conduction sensor 180M can obtain a vibration signal. In some embodiments, the bone conduction sensor 180M can obtain a vibration signal of a vibrating bone block of the vocal part of the human body. The bone conduction sensor 180M can also contact the human pulse to receive a blood pressure beat signal. In some embodiments, the bone conduction sensor 180M can also be set in an earphone and combined into a bone conduction earphone. The audio module 170 can parse out a voice signal based on the vibration signal of the vibrating bone block of the vocal part obtained by the bone conduction sensor 180M to realize a voice function. The application processor can parse the heart rate information based on the blood pressure beat signal obtained by the bone conduction sensor 180M to realize a heart rate detection function.

The key 190 includes a power key, a volume key, etc. The key 190 may be a mechanical key or a touch key. The electronic device 100 may receive key input and generate key signal input related to user settings and function control of the electronic device 100.

Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

The indicator 192 may be an indicator light, which may be used to indicate the charging status, power changes, messages, missed calls, notifications, etc.

The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

The electronic device 100 shown in FIG9 can be a smart electronic device such as a TV, a smart screen, a tablet computer, a laptop computer or a PC. This embodiment does not limit the form of the above electronic device 100. The electronic device 100 can be used to perform the functions/steps in the method provided in the embodiment of the present application. For details, please refer to the description in the embodiment of the method of the present application. To avoid repetition, the detailed description is appropriately omitted here.

The embodiment of the present application also provides a computer-readable storage medium, in which a computer program is stored. When the computer-readable storage medium is run on a computer, the computer executes the icon display method provided by the embodiment of the present application.

The embodiment of the present application also provides a computer program product, which includes a computer program. When the computer program is run on a computer, it enables the computer to execute the icon display method provided by the embodiment of the present application.

The electronic device, computer storage medium or computer program product provided in the embodiments of the present application are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding methods provided above and will not be repeated here.

In the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And/or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and/or B can represent the existence of A alone, the existence of A and B at the same time, and the existence of B alone. Among them, A and B can be singular or plural. The character "/" generally indicates that the previous and subsequent associated objects are in an "or" relationship. "At least one of the following" and similar expressions refer to any combination of these items, including any combination of singular or plural items. For example, at least one of a, b and c can be represented by: a, b, c, a and b, a and c, b and c, or a and b and c, where a, b, c can be single or multiple.

Those of ordinary skill in the art will appreciate that the various units and algorithm steps described in the embodiments disclosed herein can be implemented in a combination of electronic hardware, computer software, and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

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

In several embodiments provided in the present application, any function can be stored in a computer-readable storage medium if it is implemented in the form of a software functional unit and sold or used as an independent product. Based on this understanding, the technical solution of the present application can be embodied in the form of a software product in essence or in other words, the part that contributes to the prior art or the part of the technical solution. The computer software product is stored in a storage medium, including several instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

The above is only a specific implementation of the present application. Any person skilled in the art can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. The protection scope of the present application should be based on the protection scope of the claims.

Claims (21)

1. An icon display method is applied to electronic equipment and is characterized by comprising the following steps:

acquiring Notch area information and fillet area information;

determining a width of an available area based on the Notch area information and the fillet area information, the available area being used to display an icon;

determining a display attribute of an icon displayed in the available area based on a width of the available area;

displaying the icon in the available area according to the determined display attribute of the icon;

wherein the determining a width of an available area based on the Notch area information and the fillet area information comprises:

determining a width L1= W1-U-S of the first region;

determining a width L2= W2-U-S of the second region;

if the L1 is greater than or equal to a preset first threshold value and the L2 is greater than or equal to a preset first threshold value, determining that the width L = L1+ L2 of an available region, where the available region includes the first region and the second region;

wherein W1 is a distance from a left edge of the Notch region to a left edge of the electronic device, W2 is a distance from a right edge of the Notch region to a right edge of the electronic device, U is a width of the fillet region, and S is a preset safety distance;

wherein the width of the fillet area is represented by the formula

Determining;

wherein, R is the radius of the fillet area, H is the distance from the center position of the Notch area to the top of the electronic equipment, and H is the preset height of the usable area.

2. The method of claim 1, wherein the icons include font icons and graphical icons.

3. The method of claim 2, wherein the icon is the font icon, and wherein the determining the display property of the icon displayed in the available area based on the width of the available area comprises:

if the width of the available area is larger than or equal to a preset second threshold value, determining the width of the icon to be a first numerical value;

if the width of the available area is larger than or equal to a preset third threshold value and smaller than the second threshold value, determining the width of the icon to be a second numerical value; wherein the first value is greater than the second value, and the third threshold is less than the second threshold.

4. The method of claim 3, wherein determining display attributes of the icons displayed in the available area based on the width of the available area further comprises:

if the width of the available area is smaller than the third threshold, determining the width of the icon to be a third numerical value; wherein the third value is less than the second value.

5. The method of claim 2, wherein the icon is the graphical icon, and wherein determining the display attribute of the icon displayed in the usable area based on the width of the usable area comprises:

if the width of the available area is larger than or equal to a preset second threshold value, determining the thickness of the icon as a fourth numerical value;

if the width of the available area is larger than or equal to a preset third threshold value and smaller than the second threshold value, determining the thickness of the icon to be a fifth numerical value; wherein the fourth value is greater than the fifth value, and the third threshold is less than the second threshold.

6. The method of claim 5, wherein determining display attributes of the icons displayed in the available area based on the width of the available area further comprises:

if the width of the available area is smaller than the second threshold value, determining the thickness of the icon as a sixth numerical value; wherein the sixth numerical value is less than the fifth numerical value.

7. The method of any of claims 3-6, wherein the icons include a resident icon and a selectable icon,

the second threshold value is determined by the sum of the widths of a preset first number of resident icons and a preset second number of selectable icons;

the third threshold is determined by a sum of widths of a preset third number of resident icons.

8. The method of claim 1, wherein the available area comprises a first area and a second area, and wherein the method further comprises, before the available area displays the icon, according to the determined display attribute of the icon:

acquiring the priority and the width of each icon in the electronic equipment;

and sequentially determining that each icon is located in the first area or the second area according to the priority from high to low and based on the width of the icon, the width L1 of the first area and the width L2 of the second area.

9. The method of claim 1, further comprising:

and responding to a preset operation, and displaying a suspension state bar, wherein the suspension state bar at least comprises icons displayed in the available area.

10. The method of claim 9, wherein the font icon in the hover status bar has a width of a first value; and the thickness of the graphic icon in the suspension state column is a fourth numerical value.

11. An electronic device, comprising:

a display screen; a processor; a memory; and a computer program, wherein the computer program is stored in the memory, the computer program comprising instructions which, when executed by the electronic device, cause the electronic device to perform the steps of:

acquiring Notch area information and fillet area information;

determining a width of an available area based on the Notch area information and the fillet area information, the available area being used to display an icon;

determining display properties of icons displayed in the available area based on a width of the available area;

displaying the icon in the available area according to the determined display attribute of the icon;

wherein the determining a width of an available area based on the Notch area information and the fillet area information comprises:

determining a width of the first region L1= W1-U-S;

determining a width L2= W2-U-S of the second region;

if the L1 is greater than or equal to a preset first threshold value and the L2 is greater than or equal to a preset first threshold value, determining that the width L = L1+ L2 of an available region, where the available region includes the first region and the second region;

wherein W1 is a distance from a left edge of the Notch region to a left edge of the electronic device, W2 is a distance from a right edge of the Notch region to a right edge of the electronic device, U is a width of the fillet region, and S is a preset safety distance;

wherein the width of the fillet area is represented by the formula

Determining;

wherein, R is a radius of the fillet area, H is a distance from a center position of the Notch area to a top of the electronic device, and H is a preset height of the usable area.

12. The electronic device of claim 11, wherein the icons include font icons and graphical icons.

13. The electronic device of claim 12, wherein the icon is the font icon, and wherein determining the display properties of the icon displayed in the available area based on the width of the available area comprises:

if the width of the available area is larger than or equal to a preset second threshold value, determining the width of the icon to be a first numerical value;

if the width of the available area is larger than or equal to a preset third threshold value and smaller than the second threshold value, determining the width of the icon to be a second numerical value; wherein the first value is greater than the second value and the third threshold is less than the second threshold.

14. The electronic device of claim 13, wherein determining display attributes of icons displayed in the available area based on a width of the available area further comprises:

if the width of the available area is smaller than the third threshold, determining the width of the icon to be a third numerical value; wherein the third value is less than the second value.

15. The electronic device of claim 12, wherein the icon is the graphical icon, and wherein determining display attributes of the icon displayed in the available area based on the width of the available area comprises:

if the width of the available area is larger than or equal to a preset second threshold value, determining the thickness of the icon as a fourth numerical value;

if the width of the available area is larger than or equal to a preset third threshold value and smaller than the second threshold value, determining the thickness of the icon to be a fifth numerical value; wherein the fourth value is greater than the fifth value, and the third threshold is less than the second threshold.

16. The electronic device of claim 15, wherein determining display attributes of icons displayed in the available area based on the width of the available area further comprises:

if the width of the available area is smaller than the second threshold value, determining the thickness of the icon as a sixth numerical value; wherein the sixth value is less than the fifth value.

17. The electronic device according to any one of claims 13-16, wherein the icons include a resident icon and a selectable icon, and the second threshold is determined by a sum of widths of a preset first number of resident icons and a preset second number of selectable icons; the third threshold is determined by the sum of the widths of a preset third number of resident icons.

18. The electronic device of claim 11, wherein the available area comprises a first area and a second area, and wherein the instructions, when executed by the electronic device, cause the electronic device to perform the following steps prior to the step of displaying the icon in the available area:

acquiring the priority and the width of each icon in the electronic equipment;

and sequentially determining that each icon is located in the first area or the second area according to the priority from high to low and based on the width of the icon, the width L1 of the first area and the width L2 of the second area.

19. The electronic device of claim 11, wherein the instructions, when executed by the electronic device, cause the electronic device to further perform the steps of:

and responding to a preset operation, and displaying a suspension state bar, wherein the suspension state bar at least comprises icons displayed in the available area.

20. The electronic device of claim 19, wherein the font icon in the hover status bar has a width of a first numerical value; and the thickness of the graphic icon in the suspension state column is a fourth numerical value.

21. A computer-readable storage medium, in which a computer program is stored which, when run on a computer, causes the computer to execute the icon display method according to any one of claims 1 to 10.

Images