CN110221882B - Display method, display device, mobile terminal and storage medium - Google Patents

Abstract

The embodiments of the present application disclose a display method, a device, a mobile terminal, and a storage medium, and relate to the technical field of mobile terminals. The method is applied to a mobile terminal including a touch screen, the displayable area of the touch screen includes a first display area and a second display area, and functional devices are arranged in the first display area. The method includes: when a startup request of the target application is detected, acquiring the background color of the interface to be displayed of the target application, judging whether the background color of the interface to be displayed satisfies a preset condition, and when the background color of the interface to be displayed satisfies the preset condition When , the first display area and the second display area are controlled to jointly display the interface to be displayed, and when the background color of the interface to be displayed does not meet the preset condition, the second display area is controlled to display the interface to be displayed. The present application controls the displayable area to be displayed in different ways according to the background color of the application interface, maximizes the use of the displayable area and weakens the influence of functional devices on the displayed information.

Description

Display method, device, mobile terminal and storage medium

technical field

The present application relates to the technical field of mobile terminals, and more particularly, to a display method, device, mobile terminal, and storage medium.

Background technique

Mobile terminals, such as mobile phones, have become one of the most commonly used consumer electronic products in people's daily life. At the same time, as users have higher and higher requirements for the display effect of mobile terminals, more The displayable area is expanded to increase the proportion of the displayable area, realize the effect of a full screen, and improve the user's visual experience. However, in the case of increasing the displayable area as much as possible, components such as the front camera and the earpiece arranged in the direction of the display screen will greatly affect the display effect.

SUMMARY OF THE INVENTION

In view of the above problems, the present application proposes a display processing method, device, mobile terminal and storage medium, so as to control the displayable area to be displayed in different ways according to the background color of the application interface, maximize the use of the displayable area and weaken functional devices Effects on displayed information.

In a first aspect, an embodiment of the present application provides a display method, which is applied to a mobile terminal, where the mobile terminal includes a touch screen, a displayable area of the touch screen is provided with functional devices, and the displayable area includes a first display area and a second display area, the functional device is arranged in the first display area, and the area of the first display area is smaller than the area of the second display area, the method includes: when detecting the target application When starting the request, obtain the background color of the interface to be displayed of the target application; determine whether the background color of the interface to be displayed satisfies a preset condition; when the background color of the interface to be displayed satisfies the preset condition, control the The first display area and the second display area jointly display the to-be-displayed interface; when the background color of the to-be-displayed interface does not meet the preset condition, the second display area is controlled to display the to-be-displayed interface UI.

In a second aspect, an embodiment of the present application provides a display device, which is applied to a mobile terminal, where the mobile terminal includes a touch screen, a displayable area of the touch screen is provided with functional devices, and the displayable area includes a first display area and a second display area, the functional device is arranged in the first display area, and the area of the first display area is smaller than the area of the second display area, the device includes: a background color acquisition module, which uses When a startup request of the target application is detected, the background color of the interface to be displayed of the target application is acquired; the background color judgment module is used for judging whether the background color of the interface to be displayed satisfies a preset condition; the first display module is used to control the first display area and the second display area to jointly display the to-be-displayed interface when the background color of the interface to be displayed meets the preset condition; the second display module is used to display the interface to be displayed when the When the background color of the interface to be displayed does not meet the preset condition, the second display area is controlled to display the interface to be displayed.

In a third aspect, an embodiment of the present application provides a mobile terminal, including a touch screen, a memory, and a processor, wherein the touch screen and the memory are coupled to the processor, and the memory stores an instruction, and when the instruction is When the processor executes, the processor executes the above method.

In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium having program code executable by a processor, where the program code enables the processor to execute the above method.

A display method, device, mobile terminal, and storage medium provided by the embodiments of the present application are applied to a mobile terminal including a touch screen, and functional devices are arranged in a displayable area of the touch screen, and the displayable area includes a first display area and a second display area. In the display area, the functional device is arranged in the first display area, and the area of the first display area is smaller than that of the second display area. First, when the startup request of the target application is detected, the background color of the interface to be displayed of the target application is obtained, then it is judged whether the background color of the interface to be displayed satisfies the preset condition, and finally when the background color of the interface to be displayed satisfies the preset condition, Control the first display area and the second display area to jointly display the interface to be displayed, and when the background color of the interface to be displayed does not meet the preset conditions, control the second display area to display the interface to be displayed, so as to control the displayable interface according to the background color of the application interface Areas are displayed in different ways, maximizing the use of the displayable area and reducing the influence of functional devices on the displayed information.

These and other aspects of the present application will be more clearly understood in the description of the following embodiments.

Description of drawings

In order to illustrate the technical solutions in the embodiments of the present application more clearly, the following briefly introduces the drawings that are used in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those skilled in the art, other drawings can also be obtained from these drawings without creative effort.

FIG. 1 shows a schematic structural diagram of a first mobile terminal provided by an embodiment of the present application;

FIG. 2 shows a schematic structural diagram of a second type of mobile terminal provided by an embodiment of the present application;

FIG. 3 shows a schematic structural diagram of a third mobile terminal provided by an embodiment of the present application;

FIG. 4 shows a schematic flowchart of the display method provided by the first embodiment of the present application;

FIG. 5 shows a schematic diagram of a first display area and a second display area provided by an embodiment of the present application;

FIG. 6 shows a schematic interface diagram of a mobile terminal provided by the first embodiment of the present application;

FIG. 7 shows a schematic flowchart of the display method provided by the second embodiment of the present application;

FIG. 8 shows a schematic interface diagram of a mobile terminal provided by the second embodiment of the present application;

FIG. 9 shows a schematic flowchart of a display method provided by a third embodiment of the present application;

FIG. 10 shows a schematic diagram of the first displayable area adjustment provided by the third embodiment of the present application;

FIG. 11 shows a schematic diagram of the second displayable area adjustment provided by the third embodiment of the present application;

FIG. 12 shows a structural block diagram of the first display device provided by the fourth embodiment of the present application;

FIG. 13 shows a structural block diagram of a second display device provided by the fourth embodiment of the present application;

FIG. 14 shows a schematic structural diagram of a mobile terminal provided by an embodiment of the present application;

FIG. 15 shows a block diagram of a mobile terminal for executing a display method according to an embodiment of the present application.

Detailed ways

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are only a part of the embodiments of the present application, but not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present application.

The display screen usually plays a role in mobile terminals such as mobile phones and tablet computers to display content such as text, pictures, icons, or videos. With the development of touch technology, more and more mobile terminals set the display screen as a touch screen. In the case of setting a touch screen, when it is detected that the user performs touch such as dragging, clicking, double-clicking, sliding, etc. on the touch screen During operation, it can respond to the user's touch operation.

Generally, a mobile terminal includes a front panel, a back cover and a frame. The front panel includes the upper forehead area, the middle screen area and the lower key area. Usually, the upper forehead area is provided with functional devices such as the earpiece sound hole and the front camera, the middle screen area is provided with a touch screen, and the lower key area is provided with one to three physical buttons. With the development of technology, the lower key area is gradually cancelled, and the physical keys originally set in the lower key area are replaced by virtual keys in the touch screen.

However, functional devices such as the earpiece sound hole and the front camera set in the upper forehead area are more important for the functional support of the mobile phone and cannot be easily cancelled. Therefore, it is difficult to expand the displayable area of the touch screen to cover the upper forehead area. After a series of studies, the inventor found that holes can be provided in the displayable area of the touch screen, and the functional devices set in the forehead area can be centrally arranged in the holes to realize the expansion of the original forehead area into the displayable area of the touch screen. area to increase the area of the displayable area, so as to achieve the effect of a full screen.

Exemplarily, the hole can be arranged on one or more edges of the touch screen, or can be arranged on a non-edge area of the touch screen, and the shape of the hole can be a semicircle, a right-angled rectangle, a rounded rectangle, a circle, a regular Polygon or irregular polygon, etc. Illustratively, please refer to FIG. 1 , the hole may be a screen design in which a circular notch is provided at the non-edge area of the touch screen 109, and the position vacated by the hole formed by the circular notch is used for accommodating the projection assembly, the camera, the At least one of the front panel components of the proximity light sensor, the earpiece, the distance sensor, the ambient light sensor, the temperature sensor, and the pressure sensor is used as the functional device 112; please refer to FIG. The screen design of the circular notch, the position vacated by the hole formed by the semi-circular notch is used to accommodate the projection components, the camera, the proximity light sensor, the earpiece, the distance sensor, the ambient light brightness sensor, the temperature sensor, and the pressure sensor. At least one front panel component is used as the functional device 112; please refer to FIG. 3, the hole may be a screen design in which a semi-circular notch is provided at the position of the non-edge area of the touch screen 109, and the hole formed by the semi-circular notch is vacated The location is used to accommodate at least one of the front panel components of the projection assembly, the camera, the proximity light sensor, the earpiece, the distance sensor, the ambient light sensor, the temperature sensor, and the pressure sensor as the functional device 112 .

However, the inventor found through research that components such as a front camera that fall into the hole of the displayable area will cause irregular display areas in the displayable area, thereby affecting the display information in the displayable area and reducing the display effect. Therefore, the inventor proposes the display method, device, mobile terminal and storage medium provided by the embodiments of the present application. By controlling the displayable area to be displayed in different ways according to the background color of the application interface, the displayable area is maximized and weakened. The effect of the functional device on the displayed information. The embodiments of the present application will be described in detail below with reference to the accompanying drawings.

first embodiment

Referring to FIG. 4 , FIG. 4 shows a schematic flowchart of the display method provided by the first embodiment of the present application. The display method controls the displayable area to be displayed in different ways according to the background color of the application interface, maximizes the use of the displayable area and weakens the influence of the functional device on the displayed information. In a specific embodiment, the display method is applied to the display device 200 shown in FIG. 12 and the mobile terminal 100 ( FIG. 14 ) equipped with the display device 200 . The following will take a mobile phone as an example to describe the specific process of this embodiment. Of course, it can be understood that the mobile terminal applied in the embodiment of the present application is not limited to a mobile phone, and may also include other mobile terminals, such as tablet computers, personal computers, etc. . The process shown in FIG. 4 will be described in detail below. The display method is applied to a mobile terminal with a touch screen. The displayable area of the touch screen includes a first display area and a second display area. The above-mentioned first display area is provided with functional device, and the area of the first display area is smaller than the area of the second display area, the above-mentioned display method may specifically include the following steps:

Step S110: When a startup request of the target application is detected, acquire the background color of the interface to be displayed of the target application.

Referring to FIG. 5 , in the embodiment, the displayable area of the touch screen can be divided into a first display area 113 and a second display area 115 according to the coordinate information of the functional device. Specifically, the coordinate information of the hole where the functional device 112 is located is obtained first. , divide the displayable area according to the coordinate information, so that the first display area 113 shown includes the functional device 112, and the second display area 115 does not include the functional device 112, that is, the functional device 112 112 is located in the first display area 113 . Wherein, the dotted line in FIG. 5 is used as the dividing line between the first display area 113 and the second display area 115 only for the convenience of readers, and the dividing line may or may not exist in the actual operation of the mobile terminal. This is not limited. As an approach, the relative size of the first display area 113 and the second display area 115 can be set according to actual needs. Optionally, the area of the first display area 113 is smaller than that of the second display area 115 .

As a way, when a user wants to start a target application among multiple applications on a mobile terminal, he first needs to send a request to the mobile terminal to instruct the mobile terminal to start the target application, wherein the request can be for the user to set The touch operation is performed on the icon of the target application on the interface of the mobile terminal, and it can also be generated by the user inputting voice information on the mobile terminal to instruct to start the target application, which is not specifically limited here.

Further, when the mobile terminal detects the startup request of the target application, it responds to the startup request and obtains the background color of the interface to be displayed of the target application, wherein the interface to be displayed is the interface when entering the main page of the target application.

Step S120: Determine whether the background color of the interface to be displayed satisfies a preset condition.

Wherein, in this embodiment, the preset condition is used as the basis for judging whether the background color matches the color of the functional device. Specifically, the preset condition can be used as the basis for judging the similarity between the background color and the color of the functional device. , that is, when the background color of the interface to be displayed is more similar to the color of the functional device, the more the background color representing the interface to be displayed satisfies the preset condition, in one way, the color of the functional device is black , therefore, when the background color of the interface to be displayed is more similar to black, the preset conditions, such as dark blue, brown, and black, are more satisfied.

Step S130: When the background color of the interface to be displayed satisfies the preset condition, control the first display area and the second display area to jointly display the interface to be displayed.

In one way, when the similarity between the background color of the interface to be displayed and the color of the functional device satisfies a preset condition, the color representing the functional device is similar to the background color of the interface to be displayed, and the functional device is very important to the interface to be displayed. The display effect is small, and it is considered that the impact of functional devices on the display effect is negligible or within the user's acceptable range. Please refer to a in FIG. 6 , at this time, the background color of the interface to be displayed satisfies the preset condition, and the first display area 113 and the second display area 115 are controlled to jointly display the interface to be displayed, wherein the first display area 113 and the second display area 115 are controlled to display the interface to be displayed together. The second display area 115 is displayed as a whole and is no longer distinguished.

Wherein, when the first display area and the second display area display text information, since the functional device disposed in the first display area cannot be displayed, as a way, the text to be displayed at the coordinate position of the functional device is not displayed. Or skip the display of the functional device, and display the text of the skipped functional device in the displayable area adjacent to the coordinate position of the functional device.

Step S140: When the background color of the interface to be displayed does not meet the preset condition, control the second display area to display the interface to be displayed.

As another way, when the similarity between the background color of the interface to be displayed and the color of the functional device does not meet the preset condition, the color representing the functional device is not similar to the background color of the interface to be displayed, and the functional device corresponds to The influence of the interface to be displayed is small, and it is considered that the influence of the functional device on the display effect is large or within the unacceptable range of the user. Please refer to b in Figure 6. At this time, the background color with the display interface does not meet the predetermined requirements. Set a condition to control the second display area 115 to display the interface to be displayed, and the first display area 113 to not display the interface to be displayed, so that the application interface referred to by the user is completely displayed in the second display area 115, so as to weaken the function device Shows the effect of the effect.

It should be noted that the sequence between step S130 and step S140 is not limited, that is, step S130 may be set before step S140, and step S130 may also be set after step S140.

Wherein, when the target application is a browser, the display mode of the to-be-displayed interface of the browser is detected and acquired, wherein the display mode includes a night mode and a normal mode, and it can be understood that the night mode represents the background of the browser The color is similar to black, ie, similar to the color of the functional device, and the normal mode indicates that the background color of the browser is similar to white, that is, not similar to the color of the functional device. When it is detected that the display mode of the interface to be displayed of the browser is the night mode, the first display area and the second display area are controlled to jointly display the interface to be displayed of the browser. At this time, since the color of the night mode is similar to the color of the functional device , the impact on the display effect is small; when it is detected that the display mode of the to-be-displayed interface of the browser is the normal mode, the second display area is controlled to display the to-be-displayed interface of the browser. The color difference is relatively large. If the browser interface is displayed in the first display area, the display effect will be affected. By displaying the browser interface in the second display area, the influence of the functional device on the display effect can be weakened.

Of course, it can be understood that the target application may also include other applications, such as a reader, and the display thereof may refer to a browser, which will not be described in detail in this embodiment.

The display method provided by the first embodiment of the present application is applied to a mobile terminal including a touch screen. A displayable area of the touchscreen is provided with a functional device, the displayable area includes a first display area and a second display area, and the functional device is arranged on the first display area. Within a display area, the area of the first display area is smaller than that of the second display area. First, when the startup request of the target application is detected, the background color of the interface to be displayed of the target application is obtained, then it is judged whether the background color of the interface to be displayed satisfies the preset condition, and finally when the background color of the interface to be displayed satisfies the preset condition, Control the first display area and the second display area to jointly display the interface to be displayed, and when the background color of the interface to be displayed does not meet the preset conditions, control the second display area to display the interface to be displayed, so as to control the displayable interface according to the background color of the application interface Areas are displayed in different ways, maximizing the use of the displayable area and reducing the influence of functional devices on the displayed information.

Second Embodiment

Referring to FIG. 7 , FIG. 7 shows a schematic flowchart of a display method provided by a second embodiment of the present application. The flow shown in FIG. 7 will be described in detail below. The display method is applied to a mobile terminal including a touch screen. Functional devices are arranged in a displayable area of the touchscreen, and the displayable area includes a first display area and a second display area. area, the functional device is arranged in the first display area, and the area of the first display area is smaller than the area of the second display area, the above-mentioned display method may specifically include the following steps:

Step S210: When a startup request of the target application is detected, acquire the background color of the interface to be displayed of the target application.

Step S220: Acquire the background gray value of the interface to be displayed of the target application according to the background color of the interface to be displayed of the target application.

As an embodiment, after obtaining the background color of the interface to be displayed of the target application, grayscale processing is performed on the background color of the interface to be displayed to obtain the background gray value of the interface to be displayed, for example, if the If the background color of the interface to be displayed is black, the background gray value of the interface to be displayed is 0; if the background color of the interface to be displayed is white, the background gray value of the interface to be displayed is 255, etc. .

Step S230: Determine whether the background gray value of the interface to be displayed is smaller than a preset gray value.

It can be understood that the closer the background gray value of the interface to be displayed is to 0, the closer the background color of the interface to be displayed is to black, and the closer the background gray value of the interface to be displayed is to 255, the background color of the interface to be displayed is represented. The closer it is to white, the preset gray value is used as the basis for comparing the size of the gray value. When the background gray value of the interface to be displayed is less than the preset gray value, it is considered that the background color of the interface to be displayed is the same as the color of the functional device. Similar; when the background gray value of the interface to be displayed is greater than the preset gray value, it is considered that the background color of the interface to be displayed is quite different from the color of the functional device.

Step S240: When the background gray value of the interface to be displayed is smaller than a preset gray value, control the first display area and the second display area to jointly display the interface to be displayed.

Wherein, when it is judged that the background gray value of the interface to be displayed is smaller than the preset gray value, it is considered that the influence of the functional device on the display effect is small, and the first display area and the second display area are controlled to jointly display the interface to be displayed.

Step S250 : when the background gray value of the interface to be displayed is greater than a preset gray value, control the second display area to display the interface to be displayed and control the first display area to display a plurality of application icons.

Wherein, when it is determined that the background gray value of the interface to be displayed is greater than the preset gray value, it is considered that the functional device has a greater influence on the display effect, and the second display area is controlled to display the interface to be displayed, so as to weaken the influence of the functional device on the display effect. influences.

Referring to FIG. 8 , further, the first display area 113 is controlled to display multiple application icons 117 . It can be understood that displaying multiple application icons 117 in the first display area 113 , on the one hand, can improve the display of the first display area 113 On the other hand, frequently used application icons can be set in the first display area 113 according to the user's preference, which is convenient for the user to operate quickly, such as: WeChat icon, QQ icon, Weibo icon and so on.

Step S260: when the instant messaging message corresponding to the instant messaging icon is received, pop up and display the instant messaging message in the first display area.

In one way, the plurality of icons displayed in the first display area include at least instant messaging icons, such as WeChat icons, QQ icons, etc. When receiving an instant messaging message corresponding to the instant messaging icon, the instant messaging message is displayed in the The first display area is popped up and displayed. It is understandable that at this time, the mobile terminal can display instant messaging messages without affecting the content displayed on the interface to be displayed, and the user experience is better. Specifically, assuming that the instant messaging icon is a WeChat icon, when a WeChat message is received, the WeChat message is popped up and displayed in the first display area. At this time, the second display area displays the interface to be displayed, which is different from the first display area. The displayed WeChat messages do not affect each other; assuming that the instant messaging icon is a QQ icon, when a QQ message is received, the QQ message is popped up and displayed in the first display area, and at this time, the second display area displays the interface to be displayed, It does not affect each other with the QQ message displayed in the first display area.

It should be noted that the sequence between step S240 and step S250-step S260 is not limited, that is, step S240 can be set before step S250-step S260, and step S240 can also be set after step S250-step S260.

The display method provided in the second embodiment of the present application is applied to a mobile terminal including a touch screen, where a displayable area of the touch screen is provided with a functional device, the displayable area includes a first display area and a second display area, and the functional device is arranged on the first display area. Within a display area, the area of the first display area is smaller than that of the second display area. First, when the startup request of the target application is detected, the background color of the interface to be displayed of the target application is obtained, and the background gray value of the interface to be displayed of the target application is obtained according to the background color of the interface to be displayed of the target application, and then the interface to be displayed is determined. Whether the background gray value of the interface to be displayed is less than the preset gray value, when the background gray value of the interface to be displayed is less than the preset gray value, the first display area and the second display area are controlled to jointly display the interface to be displayed. When the background gray value is greater than the preset gray value, the second display area is controlled to display the interface to be displayed and the first display area is controlled to display multiple application icons. The communication message is popped up and displayed in the first display area, thereby further maximizing the use of the displayable area and weakening the influence of the functional device on the displayed information.

Third Embodiment

Please refer to FIG. 9. FIG. 9 shows a schematic flowchart of a display method provided by a third embodiment of the present application. The flow shown in FIG. 9 will be described in detail below. The display method is applied to a mobile terminal including a touch screen, and functional devices are arranged in a displayable area of the touch screen, and the displayable area includes a first display area and a second display area. area, the first display area and the second display area are divided by a dividing line, the functional device is arranged in the first display area, and the area of the first display area is smaller than the area of the second display area, the above-mentioned display method may specifically include the following steps :

Step S310: When a startup request of the target application is detected, acquire the background color of the interface to be displayed of the target application.

Step S320: Determine whether the background color of the interface to be displayed satisfies a preset condition.

Step S330: When the background color of the interface to be displayed satisfies the preset condition, control the first display area and the second display area to jointly display the interface to be displayed.

Step S340: When the background color of the interface to be displayed does not meet the preset condition, control the second display area to display the interface to be displayed.

Step S350: Detect a touch operation acting on the displayable area.

Step S360: When detecting a sliding operation along the second display area with the boundary line as a starting point, correspondingly reduce the area of the second display area and increase the area of the first display area.

Please refer to FIG. 10 , wherein, in this embodiment, a boundary line is set between the first display area 113 and the second display area 115 . When a sliding movement along the second display area 115 is detected starting from the boundary line During operation, as shown in a in FIG. 10 , it means that the user wants to drag the boundary line to the second display area 115 , and in response to the touch operation, the area of the second display area 115 is correspondingly reduced and the second display area is correspondingly increased. The area of a display area 113 is shown in b in FIG. 10 . It can be understood that the reduced area of the second display area 115 is equal to the increased area of the first display area 113 , and the area of the first display area 113 and the area of the second display area 115 is always equal to the area of the displayable area.

Step S370: When detecting a sliding operation along the first display area with the boundary line as a starting point, correspondingly reduce the area of the first display area and increase the area of the second display area.

Please refer to FIG. 11 , when a sliding operation along the first display area 113 starting from the boundary line is detected, as shown in a in FIG. 11 , it indicates that the user wants to drag the boundary line to the first display area 113 , then in response to the touch operation, the area of the first display area 113 is correspondingly reduced and the area of the second display area 115 is correspondingly increased, as shown in b in FIG. 11 , it can be understood that the reduced first display area The area of 113 is equal to the area of the enlarged second display area 115, and the sum of the area of the first display area 113 and the area of the second display area 115 is always equal to the area of the displayable area.

Step S380: When the boundary line is moved to the functional device, control the first display area and the second display area to jointly display the interface to be displayed, and delete the boundary line.

Further, when it is detected that the dividing line is moved to the functional device, it indicates that the user wants to display the interface to be displayed in full screen, and the first display area and the second display area are controlled to jointly display the interface to be displayed in response to the touch operation. , and delete the dividing line.

It should be noted that the sequence between step S360 and step S370-step S380 is not limited, that is, step S360 can be set before step S370-step S380, and step S360 can also be set after step S370-step S380.

The display method provided by the third embodiment of the present application is applied to a mobile terminal including a touch screen, and a displayable area of the touch screen is provided with a functional device, the displayable area includes a first display area and a second display area, and the functional device is arranged on the first display area. Within a display area, the area of the first display area is smaller than that of the second display area. First, when the startup request of the target application is detected, the background color of the interface to be displayed of the target application is obtained, and it is judged whether the background color of the interface to be displayed satisfies the preset condition, and when the background color of the interface to be displayed satisfies the preset condition, control the first A display area and a second display area jointly display the interface to be displayed. When the background color of the interface to be displayed does not meet the preset conditions, the second display area is controlled to display the interface to be displayed, and then the touch operation acting on the displayable area is detected. , and finally, when detecting a sliding operation starting from the dividing line along the second display area, the area of the second display area is correspondingly reduced and the area of the first display area is increased. During the sliding operation of the display area, the area of the first display area is correspondingly reduced and the area of the second display area is increased, so as to maximize the use of the displayable area and weaken the influence of the functional device on the displayed information, it can also meet the Different needs of users for displayable area.

Fourth Embodiment

Please refer to FIG. 12. FIG. 12 shows a structural block diagram of the display device 200 provided by the fourth embodiment of the present application. The structural block diagram shown in FIG. 12 will be described below. The display device 200 is applied to a mobile terminal including a touch screen. A functional device is arranged in the displayable area of the touch screen, the displayable area includes a first display area and a second display area, the functional device is arranged in the first display area, and the area of the first display area is smaller than that of the second display area The display device 200 includes: a background color acquisition module 210, a background color determination module 220, a first display module 230 and a second display module 240, wherein:

The background color acquisition module 210 is configured to acquire the background color of the interface to be displayed of the target application when a startup request of the target application is detected.

The background color judgment module 220 is configured to judge whether the background color of the interface to be displayed satisfies a preset condition. Further, please refer to FIG. 13, the background color determination module 220 includes: a background gray value acquisition sub-module 221 and a background gray value determination sub-module 222, wherein:

The background gray value acquisition sub-module 221 is configured to acquire the background gray value of the interface to be displayed of the target application according to the background color of the interface to be displayed of the target application.

The background gray value determination sub-module 222 is configured to determine whether the background gray value of the interface to be displayed is smaller than the preset gray value.

The first display module 230 is configured to control the first display area and the second display area to jointly display the to-be-displayed interface when the background color of the to-be-displayed interface meets the preset condition.

The second display module 240 is configured to control the second display area to display the interface to be displayed when the background color of the interface to be displayed does not meet the preset condition. Further, the second display module 240 . Further, the second display module 240 includes: a second display sub-module 241 and a message display sub-module 242, wherein:

The second display sub-module 241 is configured to control the second display area to display the to-be-displayed interface and control the first display area to display multiple application icons.

The message display sub-module 242 is configured to pop up and display the instant messaging message in the first display area when the instant messaging message corresponding to the instant messaging icon is received.

Further, the display device 200 further includes: a touch operation detection module 250, a first sliding operation detection module 260, a second sliding operation detection module 270 and a display module 280, wherein:

The touch operation detection module 250 is used for detecting the touch operation acting on the displayable area.

The first sliding operation detection module 260 is configured to correspondingly reduce the area of the second display area and increase the first display area when detecting a sliding operation along the second display area starting from the boundary line Displays the area of the area.

The second sliding operation detection module 270 is configured to correspondingly reduce the area of the first display area and increase the second display area when detecting a sliding operation starting from the boundary line along the first display area Displays the area of the area.

The display module 280 is configured to control the first display area and the second display area to jointly display the interface to be displayed when the boundary line is moved to the functional device, and delete the boundary line.

To sum up, a display method, device, mobile terminal, and storage medium provided by the embodiments of the present application are applied to a mobile terminal including a touch screen, and a displayable area of the touch screen is provided with functional devices, and the displayable area includes a first In the display area and the second display area, the functional device is arranged in the first display area, and the area of the first display area is smaller than that of the second display area. First, when the startup request of the target application is detected, the background color of the interface to be displayed of the target application is obtained, then it is judged whether the background color of the interface to be displayed satisfies the preset condition, and finally when the background color of the interface to be displayed satisfies the preset condition, Control the first display area and the second display area to jointly display the interface to be displayed, and when the background color of the interface to be displayed does not meet the preset conditions, control the second display area to display the interface to be displayed, so as to control the displayable interface according to the background color of the application interface Areas are displayed in different ways, maximizing the use of the displayable area and reducing the influence of functional devices on the displayed information.

It should be noted that, each embodiment in this specification is described in a progressive manner, and each embodiment focuses on the differences from other embodiments. For the same and similar parts of each embodiment, refer to each other. Can. As for the apparatus type embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and for the relevant part, please refer to the partial description of the method embodiment. Any processing manners described in the method embodiments may be implemented by corresponding processing modules in the apparatus embodiments, and will not be repeated in the apparatus embodiments.

Referring to FIG. 14 again, based on the above-mentioned display method and device, an embodiment of the present application further provides a mobile terminal 100 , which includes an electronic body portion 10 , and the electronic body portion 10 includes a casing 12 and is disposed on the casing. Main display 120 on 12. The casing 12 can be made of metal, such as steel or aluminum alloy. In this embodiment, the main display screen 120 generally includes a display panel 111 , and may also include a circuit for responding to a touch operation on the display panel 111 , and the like. The display panel 111 may be a liquid crystal display panel (Liquid Crystal Display, LCD). In some embodiments, the display panel 111 is a touch screen 109 at the same time. Among them, the touch screen 109 is provided with a functional device 112 .

Please refer to FIG. 15 at the same time. In an actual application scenario, the mobile terminal 100 can be used as a smart phone terminal. In this case, the electronic body 10 usually includes one or more (only shown in the figure). a) processor 102 , memory 104 , RF (Radio Frequency, radio frequency) module 106 , audio circuit 110 , sensor 114 , input module 118 , and power module 122 . Those of ordinary skill in the art can understand that the structure shown in FIG. 15 is only for illustration, and does not limit the structure of the electronic body 10 . For example, the electronic body portion 10 may also include more or fewer components than those shown in FIG. 15 , or have a different configuration than that shown in FIG. 14 .

Those skilled in the art can understand that, with respect to the processor 102 , all other components belong to peripheral devices, and the processor 102 and these peripheral devices are coupled through a plurality of peripheral device interfaces 124 . The peripheral interface 124 can be implemented based on the following standards: Universal Asynchronous Receiver/Transmitter (UART), General Purpose Input/Output (GPIO), Serial Peripheral Interface (Serial Peripheral Interface) , SPI), Inter-Integrated Circuit (I2C), but not limited to the above standards. In some examples, the peripheral interface 124 may only include a bus; in other examples, the peripheral interface 124 may also include other elements, such as one or more controllers, for example, for connecting the display panel 111's display controller or a memory controller for connecting to memory. In addition, these controllers can also be separated from the peripheral interface 124 and integrated into the processor 102 or corresponding peripherals.

The memory 104 can be used to store software programs and modules, and the processor 102 executes various functional applications and data processing by running the software programs and modules stored in the memory 104 . The memory 104 may include high-speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 104 may further include memory located remotely from the processor 102, and these remote memories may be connected to the electronic body 10 or the main display screen 120 via a network. Examples of such networks include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.

The RF module 106 is used for receiving and sending electromagnetic waves, realizing mutual conversion between electromagnetic waves and electrical signals, so as to communicate with a communication network or other devices. The RF module 106 may include various existing circuit elements for performing these functions, eg, antennas, radio frequency transceivers, digital signal processors, encryption/decryption chips, Subscriber Identity Module (SIM) cards, memory, etc. . The RF module 106 can communicate with various networks such as the Internet, an intranet, a wireless network, or with other devices through a wireless network. The aforementioned wireless network may include a cellular telephone network, a wireless local area network, or a metropolitan area network. The above-mentioned wireless network can use various communication standards, protocols and technologies, including but not limited to Global System for Mobile Communication (GSM), Enhanced Data GSM Environment (EDGE), wideband code Wideband codedivision multiple access (W-CDMA), code division multiple access (CDMA), time division multiple access (TDMA), wireless fidelity technology (Wireless, Fidelity, WiFi) (such as IEEE 802.10A, IEEE 802.11b, IEEE802.11g and/or IEEE 802.11n), Internet telephony (Voiceover internet protocal, VoIP), Worldwide Interoperability for Microwave Access, Wi-Max), other protocols for mail, instant messaging, and short messaging, and any other suitable communication protocols, even those that have not yet been developed for the interface to be displayed.

The audio circuit 110 , the earpiece 101 , the sound jack 103 , and the microphone 105 together provide an audio interface between the user and the electronic body 10 or the main display screen 120 . Specifically, the audio circuit 110 receives sound data from the processor 102 , converts the sound data into electrical signals, and transmits the electrical signals to the earpiece 101 . The earpiece 101 converts electrical signals into sound waves that can be heard by the human ear. The audio circuit 110 also receives electrical signals from the microphone 105, converts the electrical signals into sound data, and transmits the sound data to the processor 102 for further processing. Audio data may be obtained from the memory 104 or through the RF module 106 . In addition, audio data may also be stored in the memory 104 or transmitted through the RF module 106 .

The sensor 114 is disposed in the electronic body 10 or in the main display screen 120, examples of the sensor 114 include but are not limited to: light sensor, running sensor, pressure sensor, gravitational acceleration sensor, and other sensors .

Specifically, the light sensor may include a light sensor 114F and a pressure sensor 114G. Among them, the pressure sensor 114G can detect the pressure generated by pressing on the mobile terminal 100 . That is, the pressure sensor 114G detects the pressure generated by the contact or pressing between the user and the mobile terminal, for example, the pressure generated by the contact or pressing between the user's ear and the mobile terminal. Therefore, the pressure sensor 114G can be used to determine whether contact or pressing occurs between the user and the mobile terminal 100, and the magnitude of the pressure.

As a kind of motion sensor, the gravitational acceleration sensor can detect the magnitude of acceleration in various directions (generally three axes), and can detect the magnitude and direction of gravity when stationary, and can be used for applications that identify the posture of the mobile terminal 100 (such as horizontal and vertical). screen switching, related games, magnetometer attitude calibration), vibration recognition related functions (such as pedometer, tapping), etc. In addition, the electronic body 10 can also be configured with other sensors such as gyroscopes, barometers, hygrometers, thermometers, etc., which will not be repeated here.

In this embodiment, the input module 118 may include the touch screen 109 disposed on the main display screen 120, and the touch screen 109 may collect the user's touch operations on or near it (for example, the user uses a finger, a stylus operation of any suitable object or accessory on the touch screen 109 or near the touch screen 109 ), and drive the corresponding connection device according to a preset program. Optionally, the touch screen 109 may include a touch detection device and a touch controller. Wherein, the touch detection device detects the touch orientation of the user, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, and sends the signal to the touch controller. The touch information is converted into contact coordinates, and then sent to the processor 102, and the commands sent by the processor 102 can be received and executed. In addition, the touch detection function of the touch screen 109 can be realized by various types such as resistive type, capacitive type, infrared ray and surface acoustic wave. In addition to the touch screen 109 , in other modified embodiments, the input module 118 may also include other input devices, such as keys 107 . The keys 107 may include, for example, character keys for inputting characters, and control keys for triggering control functions. Examples of the control buttons include a "back to home screen" button, a power on/off button, and the like.

The main display screen 120 is used to display information input by the user, information provided to the user, and various graphical user interfaces of the electronic body 10, which may be composed of graphics, text, icons, numbers, videos, and It can be formed by any combination thereof. In one example, the touch screen 109 can be disposed on the display panel 111 so as to form a whole with the display panel 111 .

The power module 122 is used to provide power supply to the processor 102 and other components. Specifically, the power module 122 may include a power management system, one or more power sources (such as batteries or AC power), a charging circuit, a power failure detection circuit, an inverter, a power status indicator, and any other components related to the electronic body. components related to the generation, management and distribution of power within the unit 10 or the main display screen 120 .

The mobile terminal 100 further includes a locator 119, and the locator 119 is used to determine the actual location where the mobile terminal 100 is located. In this embodiment, the locator 119 uses a positioning service to realize the positioning of the mobile terminal 100. The positioning service should be understood as obtaining the position information (such as latitude and longitude coordinates) of the mobile terminal 100 through a specific positioning technology. ), a technology or service that marks the location of the located object on an electronic map.

It should be understood that the above-mentioned mobile terminal 100 is not limited to a smart phone terminal, but should refer to a computer device that can be used on the move. Specifically, the mobile terminal 100 refers to a mobile computer device equipped with a smart operating system, and the mobile terminal 100 includes, but is not limited to, a smart phone, a smart watch, a tablet computer, and the like.

In the description of this specification, description with reference to the terms "one embodiment," "some embodiments," "example," "specific example," or "some examples", etc., mean specific features described in connection with the embodiment or example , structure, material or feature is included in at least one embodiment or example of the present application. In this specification, schematic representations of the above terms are not necessarily directed to the same embodiment or example. Furthermore, the particular features, structures, materials or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, those skilled in the art may combine and combine the different embodiments or examples described in this specification, as well as the features of the different embodiments or examples, without conflicting each other.

In addition, the terms "first" and "second" are only used for descriptive purposes, and should not be construed as indicating or implying relative importance or implying the number of indicated technical features. Thus, a feature delimited with "first", "second" may expressly or implicitly include at least one of that feature. In the description of the present application, "plurality" means at least two, such as two, three, etc., unless expressly and specifically defined otherwise.

Any description of a process or method in the flowcharts or otherwise described herein may be understood to represent a module, segment or portion of code comprising one or more executable instructions for implementing a specified logical function or step of the process , and the scope of the preferred embodiments of the present application includes alternative implementations in which the functions may be performed out of the order shown or discussed, including performing the functions substantially concurrently or in the reverse order depending upon the functions involved, which should It is understood by those skilled in the art to which the embodiments of the present application belong.

Logic and/or steps represented in flowcharts or otherwise described herein, for example, may be considered an ordered listing of executable instructions for implementing the logical functions, may be embodied in any computer-readable medium, For use with, or in conjunction with, an instruction execution system, apparatus, or device (such as a computer-based system, a system including a processor, or other system that can fetch instructions from and execute instructions from an instruction execution system, apparatus, or apparatus) or equipment. For the purposes of this specification, a "computer-readable medium" can be any device that can contain, store, communicate, propagate, or transport the program for use by or in connection with an instruction execution system, apparatus, or apparatus. More specific examples (non-exhaustive list) of computer readable media include the following: electrical connections with one or more wiring (mobile terminals), portable computer disk cartridges (magnetic devices), random access memory (RAM), Read Only Memory (ROM), Erasable Editable Read Only Memory (EPROM or Flash Memory), Fiber Optic Devices, and Portable Compact Disc Read Only Memory (CDROM). In addition, the computer readable medium may even be paper or other suitable medium on which the program may be printed, as it may be possible, for example, by optically scanning the paper or other medium, followed by editing, interpretation, or other suitable medium as necessary process to obtain the program electronically and then store it in computer memory.

It should be understood that various parts of this application may be implemented in hardware, software, firmware, or a combination thereof. In the above-described embodiments, various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, it can be implemented by any one or a combination of the following techniques known in the art: Discrete logic circuits, application specific integrated circuits with suitable combinational logic gates, Programmable Gate Arrays (PGA), Field Programmable Gate Arrays (FPGA), etc.

Those skilled in the art can understand that all or part of the steps carried by the methods of the above embodiments can be completed by instructing the relevant hardware through a program, and the program can be stored in a computer-readable storage medium, and the program can be stored in a computer-readable storage medium. When executed, one or a combination of the steps of the method embodiment is included. In addition, each functional unit in each embodiment of the present application may be integrated into one processing module, or each unit may exist physically alone, or two or more units may be integrated into one module. The above-mentioned integrated modules can be implemented in the form of hardware, and can also be implemented in the form of software function modules. If the integrated modules are implemented in the form of software functional modules and sold or used as independent products, they may also be stored in a computer-readable storage medium.

The above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, and the like. Although the embodiments of the present application have been shown and described above, it should be understood that the above embodiments are exemplary and should not be construed as limitations to the present application. Embodiments are subject to variations, modifications, substitutions and variations.

Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, but not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand: it can still be Modifications are made to the technical solutions described in the foregoing embodiments, or some technical features thereof are equivalently replaced; and these modifications or replacements do not drive the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims (12)

1. A display method is applied to a mobile terminal, the mobile terminal comprises a touch screen, a functional device is arranged in a displayable region of the touch screen, the displayable region comprises a first display region and a second display region, the functional device is arranged in the first display region, the area of the first display region is smaller than that of the second display region, and the first display region and the second display region are divided by a boundary line, and the method comprises the following steps:

when a starting request of a target application is detected, obtaining a background color of an interface to be displayed of the target application;

judging whether the background color of the interface to be displayed meets a preset condition or not;

when the background color of the interface to be displayed meets the preset condition, controlling the first display area and the second display area to jointly display the interface to be displayed;

when the background color of the interface to be displayed does not meet the preset condition, controlling the second display area to display the interface to be displayed;

detecting a touch operation acting on the displayable area;

when a sliding operation along the second display region with the boundary line as a starting point is detected, correspondingly reducing the area of the second display region and increasing the area of the first display region; or

When a sliding operation along the first display region with the boundary line as a starting point is detected, the area of the first display region is correspondingly reduced and the area of the second display region is correspondingly increased.

2. The method according to claim 1, wherein the determining whether the background color of the interface to be displayed meets a preset condition comprises:

acquiring a background gray value of the interface to be displayed of the target application according to the background color of the interface to be displayed of the target application;

and judging whether the background gray value of the interface to be displayed is smaller than a preset gray value.

3. The method according to claim 1 or 2, wherein when the background color of the interface to be displayed does not satisfy the preset condition, controlling the second display area to display the interface to be displayed comprises:

and when the background color of the interface to be displayed does not meet the preset condition, controlling the second display area to display the interface to be displayed and controlling the first display area to display a plurality of application icons.

4. The method according to claim 3, wherein after controlling the second display area to display the interface to be displayed and controlling the first display area to display the plurality of application icons, the method further comprises:

and when receiving the instant messaging message corresponding to the instant messaging icon, popping up and displaying the instant messaging message in a first display area.

5. The method according to claim 1, wherein when the sliding operation along the first display region starting from the boundary line is detected, after correspondingly decreasing the first display region and increasing the second display region, the method further comprises:

when the boundary is moved to the functional device, controlling the first display area and the second display area to jointly display the interface to be displayed, and deleting the boundary.

6. The method of claim 1, wherein the target application is a browser, the method further comprising:

detecting a display mode of an interface to be displayed of the browser;

when the display mode of the interface to be displayed of the browser is a night mode, controlling the first display area and the second display area to jointly display the interface to be displayed of the browser;

and when the display mode of the interface to be displayed of the browser is a normal mode, controlling the second display area to display the interface to be displayed of the browser.

7. The method according to claim 1, wherein the functional device comprises any one or a combination of a plurality of cameras, light intensity sensors and earphones.

8. A display device is applied to a mobile terminal, the mobile terminal comprises a touch screen, a functional device is arranged in a displayable region of the touch screen, the displayable region comprises a first display region and a second display region, the functional device is arranged in the first display region, the area of the first display region is smaller than that of the second display region, the first display region and the second display region are divided by a boundary, and the device comprises:

the background color acquisition module is used for acquiring the background color of the interface to be displayed of the target application when the starting request of the target application is detected;

the background color judging module is used for judging whether the background color of the interface to be displayed meets a preset condition or not;

the first display module is used for controlling the first display area and the second display area to jointly display the interface to be displayed when the background color of the interface to be displayed meets the preset condition;

the second display module is used for controlling the second display area to display the interface to be displayed when the background color of the interface to be displayed does not meet the preset condition;

the touch operation detection module is used for detecting touch operation acting on the displayable area;

a first sliding operation detection module, configured to, when a sliding operation along the second display region with the boundary line as a starting point is detected, correspondingly decrease an area of the second display region and increase an area of the first display region; or

And a second sliding operation detection module, configured to correspondingly decrease the area of the first display region and increase the area of the second display region when a sliding operation along the first display region with the boundary line as a starting point is detected.

9. The apparatus of claim 8, wherein the background color determination module comprises:

the background gray value obtaining submodule is used for obtaining the background gray value of the interface to be displayed of the target application according to the background color of the interface to be displayed of the target application;

and the background gray value judgment submodule is used for judging whether the background gray value of the interface to be displayed is smaller than a preset gray value.

10. The apparatus of claim 8 or 9, wherein the second display module comprises:

and the second display sub-module is used for controlling the second display area to display the interface to be displayed and controlling the first display area to display a plurality of application icons when the background color of the interface to be displayed does not meet the preset condition.

11. A mobile terminal comprising a touch screen, a memory, and a processor, the touch screen and the memory coupled to the processor, the memory storing instructions that, when executed by the processor, the processor performs the method of any of claims 1-7.

12. A computer-readable storage medium having program code executable by a processor, the program code causing the processor to perform the method of any one of claims 1-7.

Images