WO2019047465A1

WO2019047465A1 - Navigation bar display method and apparatus, and computer readable storage medium

Info

Publication number: WO2019047465A1
Application number: PCT/CN2018/072897
Authority: WO
Inventors: 孙晓明; 曲焕鹏
Original assignee: 青岛海信移动通信技术股份有限公司
Priority date: 2017-09-07
Filing date: 2018-01-16
Publication date: 2019-03-14
Also published as: CN107479793A

Abstract

A navigation bar display method and apparatus, and a computer readable storage medium, the method comprising: receiving a display instruction that is used for displaying an interface (301), determining the dominant hue of the interface, and determining the color of a navigation bar according to the dominant hue of the interface, the color comprising a background color and an icon color (302); displaying the navigation bar according to the color of the navigation bar (303). When displaying the navigation bar, the color of the navigation bar may be determined according to the dominant hue of the interface, so that the color of the navigation bar matches the dominant hue of the interface, thus achieving the coordinated display of the interface and the navigation bar, improving the overall display effect.

Description

Navigation bar display method, device and computer readable storage medium

This application claims the priority of the Chinese Patent Application filed on Sep. 7, 2017, the Chinese Patent Application No. PCT Application No. Combined in this application.

Technical field

The present application relates to the field of terminal technologies, and in particular, to a navigation bar display method, apparatus, and computer readable storage medium.

Background technique

With the development of terminal technologies, terminals such as mobile phones and computers have become an indispensable part of people's daily lives. In order to facilitate the user's use of the terminal, the virtual keys (such as the return key, the home key, the menu key, etc.) in the terminal are often set in the navigation bar, and the navigation bar is displayed on the screen of the terminal for the user to operate.

In the related art, as shown in FIG. 1 , the terminal generally sets the background color of the navigation bar to black, sets the icon color of the navigation bar to white, and displays the navigation bar according to the set background color and the icon color.

However, in order to enable the user to see the interface in the terminal, most of the interfaces are bright colors, and the calendar interface shown in FIG. 1 is mainly white. In this case, since the background color of the navigation bar is black, the icon color is white, that is, the navigation bar as a whole has a dark color, so the color difference between the interface and the navigation bar is too large, resulting in uncoordinated display of the interface and the navigation bar, affecting The overall display effect.

Summary of the invention

In a first aspect, a navigation bar display method is provided, the method comprising:

Receiving a display instruction for displaying an interface;

Determining a primary color of the display interface;

Determining a color of the navigation bar according to a primary color tone of the display interface, where the color of the navigation bar includes a background color and an icon color;

The navigation bar is displayed according to the color of the navigation bar.

Optionally, the determining a primary color tone of the display interface includes:

When the display interface is not a sub-window, the main color of the display interface is determined.

Optionally, the displaying the navigation bar according to the color of the navigation bar comprises:

When the display interface includes a specified view, a target area having the same size as the navigation bar is divided in a specified view of the display interface, and the navigation is displayed in the target area according to a color of the navigation bar. a column, wherein the specified view is a top-level and full-screen view.

When the interface does not include the specified view, the navigation bar is displayed in a designated area on the screen according to the color of the navigation bar, wherein the specified view is a view that is at the top level and displayed in full screen.

Optionally, the displaying the navigation bar in the target area according to the color of the navigation bar comprises:

Setting a color of the target area to a background color of the navigation bar;

In the target area, the background of the navigation bar is drawn in a transparent color, and the icon of the navigation bar is drawn in the icon color of the navigation bar.

Optionally, the method further includes:

Determining an input method window from at least two interfaces displayed on the screen when the input method program is detected, wherein the at least two interfaces include an interface of the input method program and an application that invokes the input method program Interface

Determining a primary color of the input method window;

Determining a color of the navigation bar according to a primary color tone of the input method window;

The navigation bar is displayed according to the color of the navigation bar.

In a second aspect, a navigation bar display device is provided, the device comprising:

a receiving module, configured to receive a display instruction for displaying an interface;

a first determining module, configured to determine a primary color tone of the display interface;

a second determining module, configured to determine a color of the navigation bar according to a primary color tone of the display interface, where the color of the navigation bar includes a background color and an icon color;

a display module, configured to display the navigation bar according to a color of the navigation bar.

Optionally, the first determining module is configured to:

Optionally, the display module includes:

a first display submodule, configured to: when the interface includes a specified view, divide a target area that is the same size as the navigation bar in a specified view of the interface, according to a color of the navigation bar, in the target The navigation bar is displayed in the area, wherein the specified view is a top-level and full-screen view.

Optionally, the display module includes:

a second display submodule, configured to display the navigation bar in a designated area on the screen according to a color of the navigation bar when the interface does not include a specified view, where the specified view is at the top layer and full screen The view that is displayed.

Optionally, the first display submodule is used to:

Setting a color of the target area to a background color of the navigation bar;

Optionally, the device further includes:

a third determining module, configured to determine an input method window from at least two interfaces displayed on the screen when the input method program is detected, wherein the at least two interfaces include an interface of the input method program and a call center An interface of an application of the input method program;

a fourth determining module, configured to determine a primary color tone of the input method window;

a fifth determining module, configured to determine a color of the navigation bar according to a primary color tone of the input method window;

In a third aspect, a terminal is provided, comprising a memory and a processor, the memory storing a computer program, the computer program being executed by the processor to implement the steps of any of the methods of the first aspect.

In a fourth aspect, a computer readable storage medium is provided, the computer readable storage medium having computer instructions stored thereon, the computer instructions being executed by a processor to implement the steps of any of the methods of the first aspect.

The beneficial effects of the technical solution provided by the embodiment of the present application include: after receiving a display instruction for displaying an interface, determining a primary color tone of the interface, and determining a color of the navigation bar according to a primary color tone of the interface, thereby enabling navigation The color of the bar matches the primary color of the interface. After that, according to the color of the navigation bar, the navigation bar is displayed, so that the coordinated display of the interface and the navigation bar can be realized, thereby improving the overall display effect.

DRAWINGS

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings used in the description of the embodiments will be briefly described below. It is obvious that the drawings in the following description are only some embodiments of the present application. Other drawings may also be obtained from those of ordinary skill in the art in light of the inventive work.

1 is a schematic diagram of a display interface and a navigation bar provided by the related art;

2 is a schematic structural diagram of a navigation bar display system according to an embodiment of the present application;

3A is a flowchart of a method for displaying a navigation bar according to an embodiment of the present application;

FIG. 3B is a flowchart of another navigation bar display method according to an embodiment of the present application; FIG.

FIG. 3C is a flowchart of still another method for displaying a navigation bar according to an embodiment of the present application; FIG.

3D is a schematic diagram of a target area provided by an embodiment of the present application;

3E is a schematic diagram of a designated area provided by an embodiment of the present application;

FIG. 3F is a flowchart of a first navigation bar display operation provided by an embodiment of the present application; FIG.

3G is a flowchart of a second navigation bar display operation provided by an embodiment of the present application;

3H is a flowchart of a third navigation bar display operation provided by an embodiment of the present application;

FIG. 3I is a flowchart of a fourth navigation bar display operation according to an embodiment of the present application; FIG.

4 is a schematic structural diagram of a navigation bar display device according to an embodiment of the present application;

FIG. 5 is a schematic structural diagram of another navigation bar display apparatus according to an embodiment of the present application.

Detailed ways

In order to make the objects, technical solutions and advantages of the present application more clear, the embodiments of the present application will be further described in detail below with reference to the accompanying drawings.

For the sake of understanding, the application scenarios and system architectures involved in the embodiments of the present application are introduced before the embodiments of the present application are explained in detail.

First, the application scenario involved in the embodiment of the present application is introduced.

In people's daily life, in order to avoid frequent damage to the user's keys on the terminal, the virtual button is usually set in the terminal, and the virtual button is set in the navigation bar displayed by the terminal. For the user to operate. After the user opens an interface on the terminal, if you want to switch to another interface, the user can click the virtual button in the displayed navigation bar to implement the operation of exiting from one interface and entering another interface. Let's take an example of this scenario.

For example, when the user is reading news in a browser in the terminal, if the user wants to make a call, the user can click the virtual button in the displayed navigation bar to switch from the browser interface to the dialing interface to make a call.

For example, when the user watches the video in the video application in the terminal, if the user wants to query the weather, the user can click the virtual button in the displayed navigation bar to switch from the video interface to the weather query interface to query the weather.

It should be noted that the virtual button in the navigation bar can be used not only to implement interface switching, but also to implement other functions, such as setting a desktop pendant, a sliding screen special effect, etc., which is not limited in this embodiment.

The embodiments of the present application may be applied to the foregoing application scenarios, and may be applied to other application scenarios in the actual application.

Then, the system architecture involved in the embodiment of the present application is introduced.

FIG. 2 is a schematic structural diagram of a navigation bar display system according to an embodiment of the present application. The navigation bar display system can be deployed on the terminal. As shown in FIG. 2, the navigation bar display system can include an intermediate service layer 201 and a navigation bar display module 202.

The intermediate service layer 201 can determine the primary color of the interface after receiving the display instruction for displaying the interface, and determine the color of the navigation bar according to the primary color tone of the interface; the navigation bar display module 202 can be configured according to the intermediate service layer 201. Determine the color of the navigation bar and display the navigation bar.

In addition, the intermediate service layer 201 and the navigation bar display module 202 can communicate with each other through a specified interface, and the specified interface can be set in advance, for example, the designated interface can be an aidl (Android Interface Definition Language) interface, etc. The embodiment does not limit this.

After the application scenario and system architecture involved in the embodiment of the present application are introduced, the navigation bar display method provided by the embodiment of the present application is explained in detail below.

FIG. 3A is a flowchart of a method for displaying a navigation bar according to an embodiment of the present disclosure, where the method is applied to a navigation bar display system included in the terminal. Referring to FIG. 3A, the method includes the following steps:

Step 301: Receive a display instruction for displaying an interface.

It should be noted that the step 301 can be performed by the intermediate service layer in the navigation bar display system. Of course, in the actual application, the step 301 can also be performed by other modules in the terminal, which is not limited in this embodiment of the present application.

In addition, the display instruction is used to display the interface, and the display instruction may be triggered by the user, and the user may trigger the operation by a specified operation, and the specified operation may be a click operation, a double-click operation, a voice operation, or the like, which is not limited in this embodiment of the present application.

Furthermore, the interface may be various interfaces in the terminal, such as a system interface, an application interface, a bullet box window, and the like in the terminal.

For example, when the user clicks the home button in the terminal, a display instruction for displaying the homepage of the system is triggered; when the user clicks on the icon of an application, a display instruction for displaying the application interface of the application is triggered; When the user clicks the back key in the terminal, a display instruction for displaying the previous interface is triggered.

Step 302: Determine a primary color of the interface, and determine a color of the navigation bar according to a primary color of the interface, the color including a background color and an icon color.

It should be noted that the step 302 can be performed by the intermediate service layer in the navigation bar display system. Of course, in the actual application, the step 302 can also be performed by other modules in the terminal, which is not limited in this embodiment of the present application.

In addition, the primary hue of an interface is the overall tendency of the color of the interface, which may include dark tones, bright tones, and the like.

Furthermore, in the embodiment of the present application, the color of the navigation bar may be determined according to the main color tone of the interface, and the color of the navigation bar is matched with the main color of the interface, so that after the navigation bar is subsequently displayed, the interface and the navigation bar may be implemented. Coordinated display, which improves the overall display and improves the user experience.

Wherein, when determining the main color of the interface, when the interface adopts the system theme, the parameter value of the specified parameter of the system theme is obtained, and the main color of the interface is determined according to the parameter value of the specified parameter; when the interface is not adopted by the system When the theme is used, the color of the interface is determined, and the main color of the interface is determined according to the color of the interface. Of course, in actual applications, the main color of the interface may also be determined by other means. For example, whether the interface is judged by using the system theme may be directly determined, and the color of the interface may be directly determined, and the main interface of the interface may be determined according to the color of the interface. The color tone and the like are not limited in the embodiment of the present application.

It should be noted that the specified parameter may be set in advance, and the specified parameter is a parameter for indicating the primary color tone of the interface, and the parameter value of the specified parameter may be an overall brightness value of the interface or the like.

In addition, the color of the interface can be represented by the overall brightness value of the interface, and the overall brightness value of the interface can be determined according to the brightness value of the sub-pixel of the pixel in the interface. For example, in the RGB (Red Green Blue) color mode, the color of the interface can be represented by the overall brightness value of the interface, and the overall brightness value of the interface can be based on the R sub-pixels of the pixels in the interface. The luminance values of the G sub-pixel and the B sub-pixel are determined.

Wherein, when the parameter value of the specified parameter is the overall brightness value of the interface, or when the color of the interface is represented by the overall brightness value of the interface, the main color of the interface is determined according to the parameter value of the specified parameter, or according to The color of the interface determines the dominant color of the interface, that is, determines the dominant color of the interface based on the overall brightness value of the interface. Specifically, the corresponding main color tone may be obtained from the correspondence relationship between the stored brightness value and the main color tone according to the overall brightness value of the interface, and the acquired main color tone is determined as the main color tone of the interface. Of course, in the actual application, the main color tone of the interface may be determined according to the overall brightness value of the interface, which is not limited in this embodiment of the present application.

For example, if the overall brightness value of the interface is a brightness value of 1, the corresponding primary color tone may be obtained as a dark color tone according to the brightness value 1 from the correspondence relationship between the brightness value and the main color tone shown in Table 1 below, and determined. The main color of the interface is a dark hue.

Table 1

亮度值Brightness value	主色调main color tone
[亮度值1，亮度值15)[Brightness value 1, brightness value 15)	暗色调Dark tones
[亮度值15，亮度值25)[Brightness value 15, brightness value 25)	亮色调Bright tones
……......	……......

It should be noted that, in the embodiment of the present application, only the correspondence relationship between the luminance value and the primary color tone shown in Table 1 above is taken as an example. The above Table 1 does not limit the embodiment of the present application.

Wherein, according to the main color of the interface, when determining the color of the navigation bar, the corresponding background color and icon color may be obtained from the corresponding relationship between the stored main color and the background color and the icon color according to the main color of the interface. And determining the background color obtained as the background color of the navigation bar, and determining the obtained icon color as the icon color of the navigation bar. Of course, in the actual application, the color of the navigation bar may be determined according to the main color of the interface in other manners, which is not limited in this embodiment of the present application.

For example, if the main color of the interface is a dark color, according to the dark color, the corresponding background color is obtained from the correspondence between the main color and the background color and the icon color as shown in Table 2 below, and the corresponding background color is obtained. The icon color is white, and the background color of the navigation bar is determined to be black, and the icon color of the navigation bar is determined to be white.

Table 2

主色调main color tone	背景颜色background color	图标颜色Icon color
暗色调Dark tones	黑色black	白色white
亮色调Bright tones	白色white	黑色black
……......	……......	……......

It should be noted that, in the embodiment of the present application, only the correspondence between the primary color and the background color and the icon color shown in Table 2 above is taken as an example. The above Table 2 does not limit the embodiment of the present application.

In the embodiment of the present application, the primary color tone of the interface is determined in step 302 to determine the color of the navigation bar according to the primary color tone of the interface. However, if the interface is a child window, the interface depends on its parent window, in which case the color of the navigation bar can be determined directly from the dominant color of the parent window of the interface. In addition, since the parent window has been displayed before the child window is displayed, that is, the color of the navigation bar has been determined according to the main color of the parent window, when the interface is a child window, step 302 is not required, and the process can be directly ended. The color of the navigation bar displayed at this time is determined according to the main color of the parent window of the interface.

Therefore, when the primary color of the interface is determined in step 302, the primary color of the interface may be determined when the interface is not a child window. That is, after receiving the display instruction for the display interface in step 301, the main color of the interface can be determined not only directly by step 302, but further, referring to FIG. 3B, before step 302, the following step 3021 can also be performed. .

Step 3021: Determine whether the interface is a child window. If not, execute step 302. If yes, end the process.

The interface attribute of the interface may be obtained when the interface is determined to be a child window. When the attribute value of the specified attribute included in the interface attribute is a specified attribute value, the interface is determined to be a child window; when the interface attribute includes the specified When the attribute value of the attribute is not the specified attribute value, it is determined that the interface is not a child window.

It should be noted that the interface attribute of the interface is used to describe the nature or feature of the interface. For example, the interface attribute of the interface may include the name, title, and style of the interface.

In addition, the specified attribute and the specified attribute value can be set in advance, for example, the specified attribute can be LayoutParams.type, and the specified attribute value can be a value between 1000 and 1999, and the specified attribute can be LayoutParams.flags, The specified attribute value can be a value containing FLAG LAYOUT ATTACHED IN DECORE.

In the embodiment of the present application, the primary color tone of the interface is determined in step 302 to determine the color of the navigation bar according to the primary color tone of the interface. However, if the color of the navigation bar has been customized for the interface, then step 302 is not needed at this time, and the subsequent navigation bar display can be directly implemented according to the color of the customized navigation bar.

Therefore, after receiving the display instruction for the display interface in step 301, the main color of the interface can be determined not only by step 302, but further, referring to FIG. 3C, before step 302, the following steps 3022-3023 can also be performed. .

Step 3022: Obtain interface attributes of the interface.

Step 3023: Determine whether the navigation bar background attribute and the navigation bar icon attribute are included in the interface attribute. If not, execute step 302. If yes, execute step 3024.

It should be noted that the navigation bar background attribute is an attribute for indicating the background color of the navigation bar, and the attribute value of the navigation bar background attribute can be set by the user, which is not limited by the embodiment of the present application.

In addition, the navigation bar icon attribute is an attribute for indicating the icon color of the navigation bar, and the attribute value of the navigation bar icon attribute can be set by the user, which is not limited by the embodiment of the present application.

When the navigation bar background attribute and the navigation bar icon attribute are not included in the interface attribute, it indicates that the color of the navigation bar is not customized for the interface. Therefore, step 302 may be performed to determine the main color of the interface, so that the The primary color of the interface determines the color of the navigation bar.

Step 3024: Determine the background color of the navigation bar according to the attribute value of the navigation bar background attribute, determine the icon color of the navigation bar according to the attribute value of the navigation bar icon attribute, and continue to step 303.

When the interface attribute includes the navigation bar background attribute and the navigation bar icon attribute, it indicates that the color of the navigation bar has been customized for the interface. Therefore, step 3024 can be performed at this time according to the attribute value of the navigation bar background attribute and the navigation bar icon. The attribute value of the attribute determines the color of the navigation bar.

It should be noted that, in an actual application, one of the background color of the navigation bar and the icon color of the navigation bar may be customized only for the interface. In this case, the colors of the navigation bar may be determined in combination with

steps

302 and 3024. That is, when the attribute value of the navigation bar background attribute is included in the interface attribute, the background color of the navigation bar is determined according to the attribute value of the navigation bar background attribute, and the icon of the navigation bar is determined according to the main color of the interface or the background color of the navigation bar. Color; when the interface attribute only includes the attribute value of the navigation bar icon attribute, the icon color of the navigation bar is determined according to the attribute value of the navigation bar icon attribute, and the background of the navigation bar is determined according to the main color of the interface or the icon color of the navigation bar. colour.

Wherein, according to the background color of the navigation bar, when determining the icon color of the navigation bar, the corresponding icon color may be obtained from the corresponding relationship between the stored background color and the icon color according to the background color of the navigation bar, and the acquired icon The color is determined as the icon color of the navigation bar. Of course, in an actual application, the icon color of the navigation bar may be determined according to the background color of the navigation bar in other manners, which is not limited in this embodiment of the present application.

For example, if the background color of the navigation bar is a transparent color, according to the transparent color, the corresponding icon color is grayish white from the correspondence between the background color and the icon color shown in Table 3 below, and the navigation bar is determined. The icon color is grayish white.

table 3

背景颜色background color	图标颜色Icon color
透明色Transparent color	灰白色Grayish white
黑色black	白色white
……......	……......

It should be noted that, in the embodiment of the present application, only the correspondence between the background color and the icon color shown in Table 3 above is taken as an example. The above Table 3 does not limit the embodiment of the present application.

The operation of determining the background color of the navigation bar according to the icon color of the navigation bar is similar to the operation of determining the icon color of the navigation bar according to the background color of the navigation bar, which is not described in detail in this embodiment of the present application.

It should be noted that, in the embodiment of the present application, not only the color of the navigation bar may be determined according to the main color tone of the interface, but also the color of the navigation bar may be determined according to the background property of the navigation bar and the icon property of the navigation bar in the interface property of the interface. In this case, the color of the navigation bar is actually set by the user, thereby satisfying the personalized needs of the user and improving the user experience.

It should be noted that, in the embodiment of the present application, the execution manner of the method of the foregoing step 3021 and the manner of the foregoing step 3022-3023 is not limited, and may be set according to actual application requirements, for example, the method of step 3021 may be performed first. In the manner of step 3022-3023, the manner of step 3021 is performed again in the manner of step 3022-3023. Of course, only one of the manner of step 3021 and the manner of step 3022-3023 described above may be selected. Considering that if the user customizes the color of the navigation bar, the color of the navigation bar may not be reset. Therefore, the method of step 30221.

Step 303: Display a navigation bar according to the color of the navigation bar.

Specifically, when the interface includes a specified view, a target area having the same size as the navigation bar is divided in the specified view of the interface, and the navigation bar is displayed in the target area according to the color of the navigation bar. When the interface does not include the specified view, the navigation bar is displayed in a specified area on the screen according to the color of the navigation bar; or, the target area having the same size as the navigation bar is added to the position adjacent to the interface, according to the navigation The color of the bar, showing the navigation bar in the target area.

It should be noted that the specified view can be set in advance, and the specified view can be a top-level and full-screen view, such as a specified view, such as decorview.

In addition, in order to facilitate the user to operate the virtual button in the navigation bar, when the target area is divided from the specified view of the interface, the target area may be located at the bottom of the specified view of the interface, of course, the target area may also be located at the bottom of the specified view. Other locations in the specified view of the interface that are convenient for the user to operate; when the target area is added in the position adjacent to the interface, the target area may be located below the bottom of the interface, of course, the target area may also be located at the interface The other embodiments of the present application are not limited in this embodiment.

In addition, the designated area can be set in advance, and in order to facilitate the user to operate the virtual button in the navigation bar, the designated area can be located at the bottom of the screen. Of course, the designated area can also be located at other positions in the screen that are convenient for the user to operate. This example does not limit this.

For example, as shown in FIG. 3D, the interface includes a specified view, and a target area having the same size as the navigation bar may be divided in the specified view of the interface, and the navigation bar is displayed in the target area according to the color of the navigation bar. For another example, as shown in FIG. 3E, the interface does not include a specified view, and the navigation bar can be displayed in a designated area on the screen according to the color of the navigation bar.

Wherein, according to the color of the navigation bar, when the navigation bar is displayed in the target area, the color of the target area may be set as the background color of the navigation bar, and in the target area, the background of the navigation bar is drawn in a transparent color, and the icon of the navigation bar is used. The color draws the icon of the navigation bar to realize the display of the navigation bar in the target area; or, in the target area, draws the background of the navigation bar with the background color of the navigation bar, and draws the icon of the navigation bar with the icon color of the navigation bar, thereby realizing The display of the navigation bar in the target area.

It is worth noting that the color of the target area is set to the background color of the navigation bar. In the target area, the background of the navigation bar is drawn in a transparent color, which can be visually achieved when the interface is started or closed, that is, when the interface is switched. Better coherence, which further enhances the display.

According to the color of the navigation bar, when the navigation bar is displayed in the specified area on the screen, the background of the navigation bar may be drawn in the specified area, and the icon of the navigation bar may be drawn by the icon color of the navigation bar. Implements the display of the navigation bar in the specified area.

It should be noted that, in an actual application, the interface and the navigation bar may be displayed at the same time. Of course, when the interface does not include the specified view, the navigation bar may be displayed first and then the interface is displayed. .

Further, in order to visually distinguish the content of the navigation bar from the content of the interface, the edge of the area where the content of the navigation bar is displayed and the area of the content of the display interface may be set to a designated color, and of course, other manners may be used. The content of the navigation bar and the content of the interface are distinguished, which is not limited in this application.

It should be noted that the specified color may be set in advance, for example, the designated color may be grayish white, white, or the like, which is not limited in the embodiment of the present application.

In practical applications, most of the interfaces can start the input method window for text input. For example, the chat interface in the social application and the search interface in the browser can start the input method window for text input. Therefore, further, the coordinated display of the input method window and the navigation bar can be implemented in the embodiment of the present application.

Due to the particularity of the input method window, when the input method window is displayed on the screen, it is not possible to directly locate which window is the input method window. Therefore, when the coordinate display of the input method window and the navigation bar is implemented, the call input can be detected. In the program, the input method window is determined from at least two interfaces displayed on the screen; determining the main color of the input method window; determining the color of the navigation bar according to the main color of the input method window; displaying according to the color of the navigation bar Navigation Bar.

Wherein, when the input method is detected, when the input method window is determined from at least two interfaces displayed on the screen, an interface attribute of each of the at least two interfaces may be acquired, according to each of the at least two interfaces The interface properties of the interfaces from which the input method window is determined.

The operation of determining the primary color tone of the input method window is similar to the operation of determining the primary color tone of the interface in the above step 302, and details are not described herein again.

The operation of determining the color of the navigation bar according to the main color of the input method window is similar to the operation of determining the color of the navigation bar according to the main color of the interface in the above step 302, which is not described in detail in this embodiment of the present application.

Wherein, according to the color of the navigation bar, when the navigation bar is displayed, the navigation bar may be displayed in the designated area on the screen according to the color of the navigation bar; or, the size of the navigation bar may be added to the position adjacent to the input method window. The same target area displays the navigation bar in the target area according to the color of the navigation bar.

It should be noted that when the target area is added in the position adjacent to the input method window, the target area may be located below the bottom of the input method window. Of course, the target area may also be located in the input method window. The other embodiments of the present application are not limited in this embodiment.

In practical applications, the display and hiding of the navigation bar has its own fixed program, that is, the navigation bar will be displayed at a specific timing and hidden at a specific timing. For example, when a specified operation is detected, a navigation bar is displayed, when at a certain The navigation bar is hidden when the specified action is not detected within the duration. However, when the navigation bar is displayed, the color of the navigation bar needs to be determined before the navigation bar can be drawn. Therefore, in order to prevent the display of the navigation bar from being inaccurate, the embodiment of the present application receives the display instruction for displaying the interface in step 301. If the navigation bar display instruction is detected, it may be determined whether the operation of determining the color of the navigation bar has been performed. If the operation has been performed, the navigation bar is displayed; if the operation has not been performed, the preset duration is continued, if If the operation is performed within the preset duration, the navigation bar is displayed when the operation is completed. If the operation has not been performed within the preset duration, the navigation bar is displayed after the preset duration.

It should be noted that the navigation bar display instruction is used to display the navigation bar, and the navigation bar display instruction can be automatically triggered by the terminal, and the terminal can trigger at a specific timing.

In addition, the preset duration can be set in advance, and the preset duration can be set according to actual application requirements, which is not limited in this embodiment of the present application.

In practical applications, in order to prevent the background color of the navigation bar and the icon color of the navigation bar from being the same, further, before displaying the navigation bar according to the color of the navigation bar, the background color of the navigation bar and the icon of the navigation bar may be determined first. Whether the colors are the same, if yes, the color of the navigation bar is re-determined, and if not, the step of displaying the navigation bar according to the color of the navigation bar is performed.

The operation of re-determining the color of the navigation bar is the same as the operation of determining the color of the navigation bar.

In the embodiment of the present application, after receiving the display instruction for displaying the interface, the primary color tone of the interface may be determined, and the color of the navigation bar is determined according to the primary color tone of the interface, so that the color of the navigation bar and the main interface of the interface The tones match. After that, according to the color of the navigation bar, the navigation bar is displayed, so that the coordinated display of the interface and the navigation bar can be realized, thereby improving the overall display effect. In addition, when detecting the calling input program, the embodiment of the present application can determine the input method window from at least two interfaces displayed on the screen, and determine the color of the navigation bar according to the main color of the input method window, thereby implementing the input method. Coordinated display of windows and navigation bars.

In the actual application, the navigation bar display method provided in the foregoing embodiment is exemplified for the sake of easy understanding, and the navigation bar display method provided by the foregoing embodiment is described in conjunction with FIG. 3F to FIG. Specifically, the following cases are taken as an example for explanation.

The first case: after receiving the display instruction for displaying the application interface, referring to FIG. 3F, the display of the navigation bar can be implemented by the following steps 3F01-3F03.

Step 3F01: determining whether the interface attribute of the application interface includes the navigation bar background attribute and the navigation bar icon attribute; if the interface attribute of the application interface includes the navigation bar background attribute and the navigation bar icon attribute, proceed to step 3F02;

Step 3F02: determining the background color of the navigation bar according to the attribute value of the navigation bar background attribute, and determining the icon color of the navigation bar according to the attribute value of the navigation bar icon attribute;

Step 3F03: Display the navigation bar according to the color of the navigation bar.

The second case: after receiving the display instruction for displaying the bullet frame window, referring to FIG. 3G, the display of the navigation bar can be implemented by the following steps 3G01-3G04.

Step 3G01: Determine whether the navigation bar background attribute and the navigation bar icon attribute are included in the interface attribute of the bullet box window. If the interface attribute of the bullet box window does not include the navigation bar background attribute and the navigation bar icon attribute, proceed to step 3G02. ;

Step 3G02: determining whether the frame window is a child window, and assuming that the frame window is not a child window, proceeding to step 3G03;

Step 3G03: determining the main color of the bullet frame window, and determining the color of the navigation bar according to the main color of the bullet frame window;

Step 3G04: Display the navigation bar according to the color of the navigation bar.

The third case: after receiving the display instruction for displaying the sub-window, referring to FIG. 3H, the display of the navigation bar can be implemented by the following steps 3H01-3H02.

Step 3H01: determining whether the navigation window background attribute and the navigation bar icon attribute are included in the interface attribute of the sub-window, and assuming that the navigation window background attribute and the navigation bar icon attribute are not included in the interface attribute of the sub-window, proceeding to step 3H02;

Step 3H02: Determine whether the child window is a child window. Since the child window is a child window, the process ends. At this time, the color of the navigation bar is determined according to the parent window of the child window.

The fourth case: When the call input program is detected, referring to FIG. 3I, the display of the navigation bar can be implemented by the following steps 3I01-3I05.

Step 3I01: determining an input method window from at least two interfaces displayed on the screen;

The at least two interfaces include an interface of the input method program and an interface of an application that invokes the input method program.

Step 3I02: Determine whether the navigation bar background attribute and the navigation bar icon attribute are included in the interface attribute of the input method window. If the interface attribute of the input method window does not include the navigation bar background attribute and the navigation bar icon attribute, proceed to step 3I03. ;

Step 3I03: determining whether the input method window is a child window, since the input method window is not a child window, proceeding to step 3I04;

Step 3I04: determining a primary color of the input method window, and determining a color of the navigation bar according to a primary color of the input method window;

Step 3I05: Display the navigation bar according to the color of the navigation bar.

It should be noted that, in the present application, the display process of the navigation bar is only described by using the above several situations as an example. In actual applications, when the types of displayed interfaces are different, the display process of the navigation bar may also be different. For example, this is not listed one by one.

Referring to FIG. 4, an embodiment of the present application provides a navigation bar display device, which includes a receiving module 401, a first determining module 402, a second determining module 403, and a display module 404.

The receiving module 401 is configured to receive a display instruction for displaying the interface;

a first determining module 402, configured to determine a primary color tone of the interface;

a second determining module 403, configured to determine a color of the navigation bar according to a primary color tone of the interface, where the color includes a background color and an icon color;

The display module 404 is configured to display a navigation bar according to the color of the navigation bar.

Optionally, the first determining module 402 is configured to:

When the interface is not a child window, the dominant color of the interface is determined.

Optionally, the display module 404 includes:

a first display sub-module, configured to: when the interface includes the specified view, divide a target area having the same size as the navigation bar in the specified view of the interface, and display a navigation bar in the target area according to the color of the navigation bar, and specify a view a view that is at the top and displayed in full screen;

The second display sub-module is configured to display a navigation bar in a designated area on the screen according to the color of the navigation bar when the interface does not include the specified view.

Optionally, the first display submodule is used to:

Set the color of the target area to the background color of the navigation bar;

Optionally, the device further includes:

A display module for displaying a navigation bar according to the color of the navigation bar.

In the embodiment of the present application, after receiving the display instruction for displaying the interface, the primary color tone of the interface may be determined, and the color of the navigation bar is determined according to the primary color tone of the interface, so that the color of the navigation bar and the interface are The main tones match. After that, according to the color of the navigation bar, the navigation bar is displayed, so that the coordinated display of the interface and the navigation bar can be realized, thereby improving the overall display effect.

It should be noted that, when the navigation bar display device provided by the above embodiment is displayed in the navigation bar, only the division of the above functional modules is illustrated. In actual applications, the functions may be allocated by different functional modules as needed. Upon completion, the internal structure of the navigation bar display device is divided into different functional modules to complete all or part of the functions described above. In addition, the navigation bar display device and the navigation bar display method embodiment provided in the above embodiments are in the same concept, and the specific implementation process is described in detail in the method embodiment, and details are not described herein again.

FIG. 5 is a schematic structural diagram of a navigation bar display device according to an embodiment of the present disclosure, which may be, but not limited to, a terminal. Referring to FIG. 5, the apparatus includes at least one processor 501, a communication bus 502, a memory 503, and at least one communication interface 504.

The processor 501 can be a general purpose central processing unit (CPU), a microprocessor, an application-specific integrated circuit (ASIC), or one or more programs for controlling the execution of the embodiment of the present application. Integrated circuit.

Communication bus 502 can include a path for communicating information between the components described above.

The memory 503 can be a read-only memory (ROM) or other type of static storage device that can store static information and instructions, a random access memory (RAM) or other type that can store information and instructions. The dynamic storage device can also be an Electrically Erasable Programmable Read-Only Memory (EEPROM), a Compact Disc Read-Only Memory (CD-ROM) or other optical disc storage, and a disc storage device. (including compact discs, laser discs, optical discs, digital versatile discs, Blu-ray discs, etc.), magnetic disk storage media or other magnetic storage devices, or can be used to carry or store desired program code in the form of instructions or data structures and can be Any other medium accessed by the device, but is not limited thereto. Memory 503 may be present independently and coupled to processor 501 via communication bus 502. The memory 503 can also be integrated with the processor 501.

Communication interface 504, using any type of transceiver, for communicating with other devices or communication networks, such as Ethernet, Radio Access Network (RAN), Wireless Local Area Networks (WLAN), etc. .

In a particular implementation, as an embodiment, processor 501 can include one or more CPUs, such as CPU0 and CPU1 shown in FIG.

In a particular implementation, as an embodiment, the apparatus can include a plurality of processors, such as processor 501 and processor 505 shown in FIG. Each of these processors can be a single core processor (CPU) or a multi-core processor (multi-CPU). A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data, such as computer program instructions.

The memory 503 is configured to store the program code 510 for executing the embodiment of the present application, and the processor 501 is configured to execute the program code 510 stored in the memory 503. The device can implement the navigation bar display method provided by the embodiment of FIG. 3A, FIG. 3B, FIG. 3C, FIG. 3F, FIG. 3G, FIG. 3H, and FIG. 3I by using the program code 510 in the processor 501 and the memory 503.

The present application provides a computer readable storage medium having stored thereon computer instructions that, when executed by the processor, implement the navigation bar display method provided by the above embodiments.

In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, it may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, the processes or functions described in accordance with embodiments of the present application are generated in whole or in part. The computer can be a general purpose computer, a special purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer readable storage medium or transferred from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions can be from a website site, computer, server or data center Transfer to another website site, computer, server, or data center by wire (eg, coaxial cable, fiber optic, Digital Subscriber Line (DSL)) or wireless (eg, infrared, wireless, microwave, etc.). The computer readable storage medium can be any available media that can be accessed by a computer or a data storage device such as a server, data center, or the like that includes one or more available media. The usable medium may be a magnetic medium (for example, a floppy disk, a hard disk, a magnetic tape), an optical medium (for example, a digital versatile disc (DVD)), or a semiconductor medium (for example, a solid state disk (SSD)). )Wait.

Claims

A navigation bar display method, characterized in that the method comprises:

Receiving a display instruction for displaying an interface;

Determining a primary color of the display interface;

Determining a color of the navigation bar according to a primary color tone of the display interface, where the color of the navigation bar includes a background color and an icon color;

The navigation bar is displayed according to the color of the navigation bar.
The method of claim 1 wherein said determining a dominant color of said display interface comprises:

When the display interface is not a sub-window, the main color of the display interface is determined.
The method of claim 1, wherein the displaying the navigation bar according to a color of the navigation bar comprises:

When the display interface includes a specified view, a target area having the same size as the navigation bar is divided in a specified view of the display interface, and the navigation is displayed in the target area according to a color of the navigation bar. a column, wherein the specified view is a top-level and full-screen view.
The method of claim 1, wherein the displaying the navigation bar according to a color of the navigation bar comprises:

When the display interface does not include the specified view, the navigation bar is displayed in a designated area on the screen according to the color of the navigation bar, wherein the specified view is a view that is at the top level and displayed in full screen.
The method of claim 3, wherein the displaying the navigation bar in the target area according to a color of the navigation bar comprises:

Setting a color of the target area to a background color of the navigation bar;

In the target area, the background of the navigation bar is drawn in a transparent color, and the icon of the navigation bar is drawn in the icon color of the navigation bar.
The method of any of claims 1-5, wherein the method further comprises:

Determining an input method window from at least two interfaces displayed on the screen when the input method program is detected, wherein the at least two interfaces include an interface of the input method program and an application that invokes the input method program Interface

Determining a primary color of the input method window;

Determining a color of the navigation bar according to a primary color tone of the input method window;

The navigation bar is displayed according to the color of the navigation bar.
A navigation bar display device, characterized in that the device comprises:

a receiving module, configured to receive a display instruction for displaying an interface;

a first determining module, configured to determine a primary color tone of the display interface;

a second determining module, configured to determine a color of the navigation bar according to a primary color tone of the display interface, where the color of the navigation bar includes a background color and an icon color;

a display module, configured to display the navigation bar according to a color of the navigation bar.
The device of claim 7, wherein the display module comprises:

a first display sub-module, configured to: when the display interface includes a specified view, divide a target area that is the same size as the navigation bar in a specified view of the display interface, according to the color of the navigation bar, The navigation bar is displayed in the target area, wherein the specified view is a top-level and full-screen view.
The device of claim 7, wherein the display module comprises:

a second display submodule, configured to display the navigation bar in a specified area on the screen according to a color of the navigation bar when the display interface does not include a specified view, where the specified view is at a top level and The view displayed in full screen.
The apparatus of claim 8 wherein said first display sub-module is for:

Setting a color of the target area to a background color of the navigation bar;

In the target area, the background of the navigation bar is drawn in a transparent color, and the icon of the navigation bar is drawn in the icon color of the navigation bar.
A terminal comprising a memory and a processor, the memory storing a computer program, wherein the computer program is executed by the processor to implement the steps of any of the methods of claims 1-6.
A computer readable storage medium having computer instructions stored thereon, wherein the computer instructions are executed by the processor to implement any of the methods of claims 1-6 A step of.