WO2023272856A1

WO2023272856A1 - Method for displaying status bar of application program, apparatus, device, and storage medium

Info

Publication number: WO2023272856A1
Application number: PCT/CN2021/109046
Authority: WO
Inventors: 徐兵
Original assignee: 未鲲(上海)科技服务有限公司
Priority date: 2021-06-29
Filing date: 2021-07-28
Publication date: 2023-01-05
Also published as: CN113535297A; CN113535297B

Abstract

A method for displaying a status bar of an application program, an apparatus, a device, and a storage medium, which belong to the technical field of image extraction. The method comprises: in response to a switch instruction for an application program to switch from a current display page to a target page, capturing an image containing the main hue of the target page (S11); determining a status bar text color of the target page corresponding to the main hue according to the main hue of the image (S12); configuring a status bar of the target page according to the status bar text color, and obtaining a target status bar (S13); and displaying the target status bar on the target page (S14). In the method, a corresponding status bar text color is configured according to a main hue of a target page, enabling the status bar text color to change as main hues of pages are switched, so as to improve a status bar display effect of an application program.

Description

Application program status bar display method, device, equipment and storage medium

This application claims the priority of the Chinese patent application with the application number 202110726607.8 submitted to the China Patent Office on June 29, 2021, and the title of the invention is "Display method, device, equipment and storage medium of application program status bar", the entire content of which Incorporated in this application by reference.

technical field

The present application relates to the technical field of image extraction, and in particular, the present application relates to a display method, device, device and storage medium of a status bar of an application program.

Background technique

With the development of information technology, smartphones based on smartphone operating systems (such as iOS systems) are becoming more and more common. On the application page of the operating system, there will be a status bar at the top, which is used to display status information such as time, power, signal status, network status, etc.

However, the inventor realized that the color tone of the status bar of the traditional smart phone is relatively single, and the status bar text colors in the status bar are white and black, resulting in poor display effect of the status bar of the application.

technical problem

The color tone of the status bar of the traditional smart phone is relatively single, and the status bar text colors in the status bar are white and black, resulting in poor display effect of the status bar of the application.

technical solution

The main purpose of the present application is to provide a display method, device, device and storage medium of the status bar of the application program, so as to improve the display effect of the status bar of the application program.

In a first aspect, the present application provides a method for displaying an application status bar, which includes the following steps:

Responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page;

Determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

Configuring the status bar of the target page according to the text color of the status bar to obtain the target status bar;

Displaying the target status bar on the target page.

In a second aspect, the present application also provides a display device for an application status bar, which includes:

An intercepting module, configured to intercept an image containing the main color of the target page in response to a switching instruction that the application program switches from the current display page to the target page;

A determining module, configured to determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

A configuration module, configured to configure the status bar of the target page according to the text color of the status bar to obtain the target status bar;

A display module, configured to display the target status bar on the target page.

In a third aspect, the present application also provides a computer device, including a memory and a processor, the memory stores a computer program, and the processor executes a method for displaying an application status bar; wherein, the application status bar The display method includes: responding to the switch instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page; determining the status bar of the target page corresponding to the main color according to the main color of the image text color; configuring the status bar of the target page according to the text color of the status bar to obtain a target status bar; displaying the target status bar on the target page.

In a fourth aspect, the present application also provides a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, a method for displaying an application status bar is implemented; wherein, The display method of the application program status bar includes: responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page; determining the corresponding color of the main color according to the main color of the image. The text color of the status bar of the target page; configure the status bar of the target page according to the text color of the status bar to obtain the target status bar; display the target status bar in the target page.

Beneficial effect

A method, device, device, and storage medium for displaying an application status bar provided by the present application firstly respond to an application switching instruction from a currently displayed page to a target page, and intercept an image containing the main color of the target page, according to The main color of the image determines the text color of the status bar of the target page corresponding to the main color; then the status bar of the target page is configured according to the text color of the status bar to obtain the target status bar, and the target status bar is displayed on the target page, thereby according to the target page The main color configures the corresponding status bar text color, so that the status bar text color changes with the switching of the main color of the page, so as to improve the display effect of the status bar of the application.

Description of drawings

FIG. 1 is a schematic flowchart of a method for displaying an application status bar according to an embodiment of the present application;

FIG. 2 is a schematic structural block diagram of a display device of an application program status bar according to an embodiment of the present application;

FIG. 3 is a schematic block diagram of a computer device according to an embodiment of the present application.

The realization, functional features and advantages of the present application will be further described in conjunction with the embodiments and with reference to the accompanying drawings.

detailed description

In order to make the purpose, technical solution and advantages of the present application clearer, the present application will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present application, and are not intended to limit the present application.

Referring to Fig. 1, this application proposes a method for displaying the status bar of an application program, which uses a smartphone or a computer device as the execution body to improve the display effect of the status bar of an application program. Referring to Fig. 1, in one embodiment, the application The display method of the program status bar includes the following steps:

S11. Responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page;

S12. Determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

S13. Configure the status bar of the target page according to the text color of the status bar to obtain the target status bar;

S14. Display the target status bar on the target page.

As described in the above step S11, when the user slides left or right or clicks on the display interface of the smart phone or computer device, a switch command is initiated to switch from the current display page to the target page, and the target page is the page displayed next time on the display interface. In response to the switching instruction, the smart phone obtains the target page to be switched to, intercepts part or all of the image of the target page from the target page to be switched to, such as intercepting the background area of the target page as an image, and extracts the image in the image. main color tone. Wherein, the main color may be the color with the largest proportion of colors on the target page. For example, when the overall theme color presented on the target page is purple, purple is used as the main color of the target page.

When extracting the main color in the image, the color features of all pixels in the image can be obtained, the number of pixels of each color feature is counted, and the color feature with the largest number of pixels is used as the main color of the target page. Here, the pixel value of the image can reflect the color feature of each pixel, and the overall color of the image in each area of the page can be obtained by counting the distribution of the color features of the pixels in the image.

In addition, by scanning the pixel values of the visualized images in each area of the page, the overall color features of the visualized images in each area of the page can be obtained. The overall color features of the visualized image can reflect the overall visual color in the image, that is, the main color of the image .

It should be noted that the pages in this embodiment of the application are applicable to native pages and H5 pages. For native pages, after the smart phone responds to the loading request of the page, it can directly obtain the page resource data from the server. The page resource data is usually It is in the form of a list unit and directly renders the list resource; for the H5 page, after the smartphone responds to the page loading request, it will obtain the page resource data. The resource data is an HTML document object, and the page resource data is loaded from top to bottom. And perform parsing and rendering during the process of loading page resource data.

As described in step S12 above, after the image is acquired in this step, the text color of the status bar of the target page corresponding to the main color can be determined according to the main color of the image, so as to select the corresponding color of the status bar text of the target page for the main color. Wherein, the status bar text color is the color of all text displayed in the status bar. Extracting the main color from an image can be used not only for color design, but also for image classification, search, recognition, etc. Identifying the main color of each image is also part of the field of artificial intelligence. The main color of the image can be quickly identified through the image color extraction algorithm Google Palette, color quantization algorithm, and color segmentation method.

As described in step S13 above, after the present embodiment determines the text color of the status bar, configure the status bar of the target page based on the text color of the status bar, such as replacing the original text color of the status bar of the status bar of the target page, so as to obtain the completed configuration Target status bar.

As described in the above-mentioned step S14, this step displays the configured target status bar on the target page, and the status bar text color of the displayed target status bar is similar to the main color of the target page, so that the target status bar is configured according to the main color of the target page The corresponding status bar text color improves the display effect.

A method for displaying the status bar of an application program provided by the present application, first responds to the switching instruction of the application program from the current display page to the target page, intercepts an image containing the main color of the target page, and determines the main color according to the main color of the image The text color of the status bar of the corresponding target page; then configure the status bar of the target page according to the text color of the status bar to obtain the target status bar, display the target status bar on the target page, and configure the corresponding status bar according to the main color of the target page Text color, so that the text color of the status bar changes with the switching of the main color of the page, so as to improve the display effect of the status bar of the application.

In one embodiment, in step S12, the determining the text color of the status bar of the target page corresponding to the main color according to the main color of the image may specifically include:

The image is input into a pre-trained image classification model, and the status bar text color of the target page corresponding to the main tone is output; wherein, the training method of the image classification model includes:

Obtain the sample image with the determined main color and the marked standard status bar text color corresponding to each sample image;

Input the sample image and the marked standard status bar text color into the image classification model corresponding to each sample image, and train the image classification model;

Obtain the training result after each training of the image classification model, and calculate the loss value after each training of the image classification model according to the training result;

judging whether the loss value is smaller than a preset loss value;

If yes, the training of the image classification model is completed to obtain the trained image classification model.

In this embodiment, the image classification model can be used to assign the corresponding status bar text color according to the main color of the input image, and the trained Core ML models and Xcode projects to build intelligent applications, construct image classification models, and train the constructed image classification models. Specifically, you can use sample images of multiple main colors and each sample image corresponds to the marked standard status bar text color Create ML model for training to train a suitable Create ML model. Wherein, the number of sample images needs to be greater than the preset number, and the more the number of sample images, the better the training effect of the image classification model.

In the training process, use the preset loss function to calculate the loss value after each training of the Create ML model, and judge whether the loss value is less than the preset loss value, if so, it indicates that the Create ML model training is completed, and the training The completed Create ML model is used as the image classification model. Among them, the loss function can include the mean square error loss function and the cross entropy loss function. The mean square error loss function is commonly used in the least squares method. Its idea is to minimize the distance between each training point and the best fitting line (the sum of squares is the smallest) . The cross-entropy loss function describes the distance between two probability distributions, or it can be said that it describes the difficulty of expressing the probability distribution p through the probability distribution q, p represents the correct answer, q represents the predicted value, cross entropy The smaller the loss value calculated by the loss function, the closer the two probability distributions are.

Among them, the loss value is used to measure the degree of inconsistency between the predicted value f(x) of the image classification model and the real value Y. It is a non-negative real-valued function, usually expressed by L(Y, f(x)), and the loss The smaller the value, the more robust the model. A "model" is the result of applying a machine learning algorithm to a set of training data. It is convenient and quick to use the model to make predictions based on new input data. Core ML models leverage CPU, GPU, and neural network engines while minimizing memory footprint and power consumption to optimize on-device performance. Since the model is strictly on the user's device, it does not require any network connection, which helps to protect the privacy of user data and the responsiveness of the application. After the Core ML model is trained, you can really use this model to make self-service decisions about the status bar of the currently displayed page. You can adjust and optimize the training model according to the actual effect to achieve the best effect.

S121. Extract the main color of the image, and acquire the default status bar text color of the status bar of the application;

S122. Calculate the color difference between the main color and the default status bar text color;

S123. Determine the text color of the status bar of the target page according to the color difference.

In this embodiment, a unified default status bar text color can be assigned to the status bar in advance. The default status bar text color can be white or black. By calculating the color difference between the main color and the default status bar text color, the default status can be adjusted based on the color difference Column text color, the default status bar text color after adjusting the color difference is used as the status bar text color of the target page to reduce the difference between the status bar text color and the main color of the target page, further improve the display effect, and enhance the user experience.

Wherein, the color difference is the main color minus the absolute value of the text color of the default status bar. The difference indicates how close the current default status bar text color is to the main color of the target page. For example, if the specific value of the text color of the default status bar is 100 pixels, and the specific value of the main color is 120 pixels, then the difference is 120-100=20 pixels. If the specific value of the text color of the default status bar is 100 pixels, and the specific value of the main color is 80 pixels, then the difference is |80-100|=20 pixels.

It should be noted that, in this embodiment, when determining the text color of the status bar of the target page according to the color difference, the principle of complementary colors can be used to obtain the text color of the status bar of the target page, so that the text color of the status bar of the target page is similar to the main color. Among them, the principle of complementary colors means that two colors can be superimposed to obtain white, for example, black and white can be superimposed to obtain white, and red and cyan can be superimposed to obtain white.

In one embodiment, in step S123, determining the text color of the status bar of the target page according to the color difference may specifically include:

S1231. Determine whether the color difference between the main color and the default status bar text color is within a preset value;

S1232. If yes, use the default status bar text color as the status bar text color of the target page;

S1233. Otherwise, select a status bar text color with the smallest color difference from the main color from the color library to obtain a target status bar text color, and use the target status bar text color as the status bar text color of the target page.

In this embodiment, when using the color difference to determine the color of the status bar text on the target page, it is first possible to determine whether the color difference between the main color and the default status bar text color is within the preset value, that is, to determine whether the main color and the default status bar text color Similarly, when the color difference between the main color and the default status bar text color is greater than the preset value, the default status bar text color cannot be directly adjusted according to the color difference. It is necessary to obtain the status bar text color from the color library and calculate each status bar in the color library The color difference between the text color and the main color, select the status bar text color with the smallest color difference from the main color according to the calculation results, and use the status bar text color with the smallest color difference from the main color as the status bar text of the target page Color to avoid the status bar text color of the status bar from appearing abrupt.

In one embodiment, in step S11, the intercepting the image containing the main color of the target page may specifically include:

S111. Determine the frame area of the status bar of the target page;

S112. Capture an image area within a preset distance from the frame area from the target page as an image containing the main color of the target page.

In this embodiment, the border area of the status bar can be determined first, and the image area close to the border area of the status bar in the target page is used as an image containing the main color of the target page, such as an image within 5 cm from the lowest point of the border area The area is used as the image to be intercepted, so that the obtained status bar text color is consistent with the image area of the adjacent target page, further improving the display effect of the status bar.

In an embodiment, in step S14, after displaying the target status bar on the target page, it may further include:

S141. Obtain the background color of the status bar of the target status bar, and determine a gradient color group according to the background color of the status bar and the main color of the target page; wherein, the gradient color group includes a plurality of gradient colors;

S142. Obtain the content display progress of the target page;

S143. Perform gradient display on the target status bar according to the gradient color and the content display progress, so as to adjust the status bar background color of the status bar.

In this embodiment, as the content display progress of the target page changes from zero to one, the background color of the status bar of the target status bar is also adjusted accordingly, so that the user can intuitively see the change of the page display progress, which has an effect on the reading speed. Overall grasp. Specifically, the background color of the page is usually white, and in order to facilitate users to see the icons in the status bar area clearly, the background color of the status bar is usually dark. In order to make the color transition uniform, a gradient can be determined according to the background color of the page and the background color of the status bar Color group, for example, if the background color of the page is white, and the background color of the status bar is black, the color in this gradient color group will gradually change from white to black, for example: white, light gray, dark gray...black. Wherein, the gradient direction of the gradient color can be the left and right directions, and the order of color change can be darker on the left and lighter on the right, or darker on the right and lighter on the left, so that the background color of the status bar can be determined according to the display content of the target page.

In addition, it is necessary to further calculate the color difference between the status bar text color and the status bar background color, and ensure that the color difference between the status bar text color and the status bar background color is greater than the preset value, so that the status bar text color is set to form the status bar background color Contrasting colors help to highlight the status bar text.

Since the status bar and title bar of the page are located at the top of the page structure, if the page structure indicates that the top is a picture, the background color of the status bar of the page can be set to transparent, and the text color of the status bar can be set to dark. The top is a solid color, you can set the background color of the status bar of the page to the same solid color, and the text color of the status bar to a color that can form a contrast with the solid color, for example, the background color of the status bar is dark, and the text color of the status bar is set to light If the page structure indicates that the top is a combination of multiple colors, you can set the background color of the status bar of the page to be the same as the color of the title bar, or set it to be transparent, and set the text color of the status bar to contrast with the background color of the status bar s color.

In an embodiment, in step S143, before performing the gradient display on the target status bar according to the gradient color and the content display progress, it may further include:

Calculate the color difference between the gradient color and the status bar text color;

judging whether the color difference between the gradient color and the text color of the status bar is within a preset value;

If so, performing a gradient display on the target status bar according to the gradient color and the content display progress;

Otherwise, the status bar background color of the status bar is not adjusted.

In this embodiment, before adjusting the background color of the status bar of the target status bar, it is necessary to judge whether the color difference between the gradient color and the text color of the status bar is within the preset value, and if not, the status bar will not be adjusted temporarily The background color of the status bar should be set to avoid the large difference between the adjusted status bar background color and the status bar text color, which will appear abrupt.

Referring to FIG. 2, an embodiment of the present application also provides a display device for an application status bar, including:

An intercepting module 11, configured to intercept an image containing the main color of the target page in response to the switching instruction of the application program switching from the current display page to the target page;

Determining module 12, for determining the status bar text color of the target page corresponding to the main color according to the main color of the image;

The configuration module 13 is configured to configure the status bar of the target page according to the text color of the status bar to obtain the target status bar;

A display module 14, configured to display the target status bar on the target page.

When the user slides left or right or clicks on the display interface of the smart phone or the computer device, a switching command is initiated to switch from the current display page to the target page, and the target page is the page displayed next time on the display interface. In response to the switching instruction, the smart phone obtains the target page to be switched to, intercepts part or all of the image of the target page from the target page to be switched to, such as intercepting the background area of the target page as an image, and extracts the image in the image. main color tone. Wherein, the main color may be the color with the largest proportion of colors on the target page. For example, when the overall theme color presented on the target page is purple, purple is used as the main color of the target page.

After the image is acquired, the text color of the status bar of the target page corresponding to the main color can be determined according to the main color of the image, so as to select the corresponding color of the status bar text of the target page for the main color. Wherein, the status bar text color is the text displayed in the status bar. Extracting the main color from an image can be used not only for color design, but also for image classification, search, recognition, etc. Identifying the main color of each image is also part of the field of artificial intelligence. The main color of the image can be quickly identified through the image color extraction algorithm Google Palette, color quantization algorithm, and color segmentation method.

In this embodiment, after the text color of the status bar is determined, the status bar of the target page is configured based on the text color of the status bar. For example, the original text color of the status bar of the status bar of the target page is replaced to obtain a configured target status bar.

Display the configured target status bar on the target page, and the status bar text color of the displayed target status bar is similar to the main color of the target page, thereby configuring the corresponding status bar text color according to the main color of the target page to improve the display Effect.

As mentioned above, it can be understood that each component of the device for displaying the application status bar proposed in this application can realize the function of any one of the above methods for displaying the application status bar, and the specific structure will not be repeated here.

Referring to FIG. 3 , the embodiment of the present application also provides a computer device, the internal structure of which may be shown in FIG. 3 . The computer device includes a processor, memory, network interface and database connected by a system bus. Among them, the processor designed by the computer is used to provide calculation and control capabilities. The memory of the computer device includes a storage medium and an internal memory. The storage medium stores an operating system, computer programs and databases. The memory provides an environment for the operation of the operating system and computer programs in the storage medium. The database of the computer device is used to store data such as images and text in the status bar. The network interface of the computer device is used to communicate with an external terminal via a network connection. When the computer program is executed by the processor, a method for displaying the status bar of the application program is realized.

The above-mentioned processor executes the above-mentioned method for displaying the status bar of the application program, including:

Determine the status bar text color of the target page corresponding to the main color according to the main color of the image; configure the status bar of the target page according to the status bar text color to obtain the target status bar;

Displaying the target status bar on the target page.

An embodiment of the present application also provides a computer-readable storage medium, the storage medium is a volatile storage medium or a non-volatile storage medium, on which a computer program is stored, and when the computer program is executed by a processor, a The method for displaying the application status bar includes steps:

Displaying the target status bar on the target page.

Those of ordinary skill in the art can understand that realizing all or part of the processes in the methods of the above embodiments can be completed by instructing related hardware through a computer program, and the computer program can be stored in a computer-readable storage medium. When the computer program is executed, it may include the processes of the embodiments of the above-mentioned methods. Wherein, any references to memory, storage, database or other media provided in the present application and used in the embodiments may include non-volatile and/or volatile memory. Nonvolatile memory can include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in many forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (SSRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

In summary, the greatest beneficial effect of the application is:

A method, device, device, and storage medium for displaying an application status bar provided by the present application firstly respond to an application switching instruction from a currently displayed page to a target page, and intercept an image containing the main color of the target page, according to The main tone of the image determines the status bar text color of the target page corresponding to the main tone; then configure the status bar of the target page according to the status bar text color, obtain the target status bar, and display the target status bar in the target page, thereby Configure the corresponding status bar text color according to the main color of the target page, so that the status bar text color changes with the switching of the main color of the page, so as to improve the display effect of the status bar of the application.

It should be noted that, in this document, the term "comprising", "comprising" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, apparatus, article or method comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, apparatus, article, or method. Without further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional same elements in the process, apparatus, article or method comprising the element.

The above are only preferred embodiments of the application, and are not intended to limit the patent scope of the application. Any equivalent structure or equivalent process conversion made by using the specification and drawings of the application, or directly or indirectly used in other related All technical fields are equally included in the patent protection scope of the present application.

Claims

A method for displaying an application status bar, comprising the following steps:

Responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page;

Determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

Configuring the status bar of the target page according to the text color of the status bar to obtain the target status bar;

Displaying the target status bar on the target page.
The method according to claim 1, wherein said determining the status bar text color of the target page corresponding to the main color according to the main color of the image comprises:

The image is input into a pre-trained image classification model, and the status bar text color of the target page corresponding to the main tone is output; wherein, the training method of the image classification model includes:

Obtain the sample image with the determined main color and the marked standard status bar text color corresponding to each sample image;

Input the sample image and the marked standard status bar text color into the image classification model corresponding to each sample image, and train the image classification model;

Obtain the training result after each training of the image classification model, and calculate the loss value after each training of the image classification model according to the training result;

judging whether the loss value is smaller than a preset loss value;

If yes, the training of the image classification model is completed to obtain the trained image classification model.
The method according to claim 1, wherein said determining the status bar text color of the target page corresponding to the main color according to the main color of the image comprises:

extracting the main color of the image, and obtaining the default status bar text color of the status bar of the application;

Calculate the color difference between the main color and the default status bar text color;

Determine the text color of the status bar of the target page according to the color difference.
The method according to claim 3, wherein said determining the status bar text color of the target page according to the color difference comprises:

Judging whether the color difference between the main color and the default status bar text color is within a preset value;

If so, use the default status bar text color as the status bar text color of the target page;

Otherwise, select the status bar text color with the smallest color difference from the main color from the color library to obtain the target status bar text color, and use the target status bar text color as the status bar text color of the target page.
The method according to claim 1, wherein said intercepting an image containing the main color of the target page comprises:

Determine the frame area of the status bar of the target page;

An image area within a preset distance from the frame area is intercepted from the target page as an image containing the main color of the target page.
The method according to claim 1, wherein, after displaying the target status bar on the target page, further comprising:

Obtain the background color of the status bar of the target status bar, and determine a gradient color group according to the background color of the status bar and the main color of the target page; wherein, the gradient color group includes a plurality of gradient colors;

Obtaining the content of the target page to display the progress;

Perform gradient display on the target status bar according to the gradient color and the content display progress, so as to adjust the status bar background color of the status bar.
The method according to claim 6, wherein, before performing a gradient display on the target status bar according to the gradient color and the content display progress, further comprising:

Calculate the color difference between the gradient color and the status bar text color;

judging whether the color difference between the gradient color and the text color of the status bar is within a preset value;

If so, performing a gradient display on the target status bar according to the gradient color and the content display progress;

Otherwise, the status bar background color of the status bar is not adjusted.
A display device for an application status bar, including:

An intercepting module, configured to intercept an image containing the main color of the target page in response to a switching instruction that the application program switches from the current display page to the target page;

A determining module, configured to determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

A configuration module, configured to configure the status bar of the target page according to the text color of the status bar to obtain the target status bar;

A display module, configured to display the target status bar on the target page.
A computer device, comprising:

processor;

memory;

A computer program, wherein the computer program is stored in the memory and configured to be executed by the processor, the computer program is configured to perform a display method of an application status bar;

Wherein, the display method of the application status bar includes:

Responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page;

Determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

Configuring the status bar of the target page according to the text color of the status bar to obtain the target status bar;

Displaying the target status bar on the target page.
The computer device according to claim 9, wherein said determining the status bar text color of the target page corresponding to the main color according to the main color of the image comprises:

The image is input into a pre-trained image classification model, and the status bar text color of the target page corresponding to the main tone is output; wherein, the training method of the image classification model includes:

Obtain the sample image with the determined main color and the marked standard status bar text color corresponding to each sample image;

Input the sample image and the marked standard status bar text color into the image classification model corresponding to each sample image, and train the image classification model;

Obtain the training result after each training of the image classification model, and calculate the loss value after each training of the image classification model according to the training result;

judging whether the loss value is smaller than a preset loss value;

If yes, the training of the image classification model is completed to obtain the trained image classification model.
The computer device according to claim 9, wherein said determining the status bar text color of the target page corresponding to the main color according to the main color of the image comprises:

extracting the main color of the image, and obtaining the default status bar text color of the status bar of the application;

Calculate the color difference between the main color and the default status bar text color;

Determine the text color of the status bar of the target page according to the color difference.
The computer device according to claim 11, wherein said determining the status bar text color of the target page according to the color difference comprises:

Judging whether the color difference between the main color and the default status bar text color is within a preset value;

If so, use the default status bar text color as the status bar text color of the target page;

Otherwise, select the status bar text color with the smallest color difference from the main color from the color library to obtain the target status bar text color, and use the target status bar text color as the status bar text color of the target page.
The computer device according to claim 9, wherein said intercepting the image containing the main color of the target page comprises:

Determine the frame area of the status bar of the target page;

An image area within a preset distance from the frame area is intercepted from the target page as an image containing the main color of the target page.
The computer device according to claim 9, wherein, after displaying the target status bar on the target page, further comprising:

Obtain the background color of the status bar of the target status bar, and determine a gradient color group according to the background color of the status bar and the main color of the target page; wherein, the gradient color group includes a plurality of gradient colors;

Obtaining the content of the target page to display the progress;

Perform gradient display on the target status bar according to the gradient color and the content display progress, so as to adjust the status bar background color of the status bar.
A computer-readable storage medium, wherein a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, a method for displaying an application status bar is implemented;

Wherein, the display method of the application status bar includes:

Responding to the switching instruction of the application program switching from the current display page to the target page, intercepting an image containing the main color of the target page;

Determine the text color of the status bar of the target page corresponding to the main color according to the main color of the image;

Configuring the status bar of the target page according to the text color of the status bar to obtain the target status bar;

Displaying the target status bar on the target page.
The computer-readable storage medium according to claim 15, wherein said determining the text color of the status bar of the target page corresponding to the main color according to the main color of the image comprises:

The image is input into a pre-trained image classification model, and the status bar text color of the target page corresponding to the main tone is output; wherein, the training method of the image classification model includes:

Obtain the sample image with the determined main color and the marked standard status bar text color corresponding to each sample image;

Input the sample image and the marked standard status bar text color into the image classification model corresponding to each sample image, and train the image classification model;

Obtain the training result after each training of the image classification model, and calculate the loss value after each training of the image classification model according to the training result;

judging whether the loss value is smaller than a preset loss value;

If yes, the training of the image classification model is completed to obtain the trained image classification model.
The computer-readable storage medium according to claim 15, wherein said determining the text color of the status bar of the target page corresponding to the main color according to the main color of the image comprises:

extracting the main color of the image, and obtaining the default status bar text color of the status bar of the application;

Calculate the color difference between the main color and the default status bar text color;

Determine the text color of the status bar of the target page according to the color difference.
The computer-readable storage medium according to claim 17, wherein said determining the text color of the status bar of the target page according to the color difference comprises:

Judging whether the color difference between the main color and the default status bar text color is within a preset value;

If so, use the default status bar text color as the status bar text color of the target page;

Otherwise, select the status bar text color with the smallest color difference from the main color from the color library to obtain the target status bar text color, and use the target status bar text color as the status bar text color of the target page.
The computer-readable storage medium according to claim 15, wherein said intercepting the image containing the main color of the target page comprises:

Determine the frame area of the status bar of the target page;

An image area within a preset distance from the frame area is intercepted from the target page as an image containing the main color of the target page.
The computer-readable storage medium according to claim 15, wherein, after displaying the target status bar on the target page, further comprising:

Obtain the background color of the status bar of the target status bar, and determine a gradient color group according to the background color of the status bar and the main color of the target page; wherein, the gradient color group includes a plurality of gradient colors;

Obtaining the content of the target page to display the progress;

Perform gradient display on the target status bar according to the gradient color and the content display progress, so as to adjust the status bar background color of the status bar.