Navigation bar display method, electronic device, and storage medium

Abstract

The present disclosure relates to a navigation bar display method, an electronic device and a storage medium. The navigation bar display method comprises: in response to monitoring an update event of a target navigation bar of a target application, sending a data acquisition request to an application server of the target application; receiving navigation bar data fed back by the application server in response to the data acquisition request; wherein the navigation bar data comprises at least one visualization data, and each visualization data corresponds to a target navigation control in the target navigation bar; and displaying each target navigation control in the target navigation bar of the application interface according to the visualization data of each target navigation control. According to the embodiment of the present disclosure, flexible updating of the navigation bar can be achieved.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and in particular to a navigation bar display method, electronic device, and storage medium. Background Technology

[0002] To improve the user experience, it is often necessary to update the application's navigation bar during holidays or events.

[0003] However, at present, updating the navigation bar within the application often requires changing the overall application theme, which does not allow for flexible updates to the navigation bar. Summary of the Invention

[0004] To solve the above-mentioned technical problems, or at least partially solve them, this disclosure provides a navigation bar display method, an electronic device, and a storage medium.

[0005] Firstly, this disclosure provides a method for displaying a navigation bar, including:

[0006] In response to detecting an update event in the target application's target navigation bar, a data retrieval request is sent to the target application's application server;

[0007] Receive navigation bar data from the application server in response to the data acquisition request; wherein, the navigation bar data includes at least one visual data, and each visual data corresponds to a target navigation control in the target navigation bar;

[0008] Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control.

[0009] In a second aspect, this disclosure provides an electronic device, including a processor and a memory, the memory being used to store executable instructions that cause the processor to perform the following operations:

[0010] In response to detecting an update event in the target application's target navigation bar, a data retrieval request is sent to the target application's application server;

[0011] Receive navigation bar data from the application server in response to the data acquisition request; wherein, the navigation bar data includes at least one visual data, and each visual data corresponds to a target navigation control in the target navigation bar;

[0012] Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control.

[0013] Thirdly, this disclosure provides a computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to implement the navigation bar display method of the first aspect.

[0014] The technical solution provided in this disclosure has the following advantages compared with the prior art:

[0015] The navigation bar display method, electronic device, and storage medium of this disclosure, after detecting an update event of the target navigation bar, can obtain the visualization data of the target navigation controls by sending a data acquisition request to the application server of the target application, and control the visualization display of each target navigation bar according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar. Attached Figure Description

[0016] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0017] Figure 1 A flowchart illustrating a navigation bar display method provided in an embodiment of this disclosure is shown;

[0018] Figure 2 This illustration shows a schematic diagram of an exemplary target application interface provided by an embodiment of the present disclosure;

[0019] Figure 3 A flowchart illustrating another navigation bar display method provided in an embodiment of this disclosure is shown;

[0020] Figure 4 A flowchart illustrating yet another navigation bar display method provided in an embodiment of this disclosure is shown;

[0021] Figure 5 A flowchart illustrating another navigation bar display method provided in an embodiment of this disclosure is shown;

[0022] Figure 6 A flowchart illustrating another navigation bar display method provided in an embodiment of this disclosure is shown;

[0023] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure is shown. Detailed Implementation

[0024] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0025] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0026] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "multiple embodiments"; the term "another embodiment" means "multiple additional embodiments"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0027] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

[0028] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0029] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0030] This disclosure provides a navigation bar display method, electronic device, and storage medium that can flexibly update the navigation bar by requesting navigation bar data.

[0031] The following is a combination of... Figure 1-6 The navigation bar display method provided in the embodiments of this disclosure will be described.

[0032] The navigation bar display method provided in this disclosure can be implemented by a client capable of installing a target application. This client can include, but is not limited to, mobile terminals such as smartphones, laptops, personal digital assistants (PDAs), tablet computers (PADs), portable multimedia players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), and wearable devices, as well as fixed terminals such as digital TVs, desktop computers, and smart home devices.

[0033] Figure 1 A flowchart illustrating a navigation bar display method provided in an embodiment of this disclosure is shown.

[0034] like Figure 1 As shown, the method for displaying the navigation bar may include the following steps.

[0035] S110, in response to detecting an update event of the target application's target navigation bar, sends a data retrieval request to the target application's application server.

[0036] In this embodiment of the disclosure, the client can send a data retrieval request to the application server of the target application when it detects an update time of the target navigation bar. The data retrieval request is used to request navigation bar data from the application server to update the visual identifier of the target navigation control in the navigation bar.

[0037] First, the target application can be any application with a navigation interface. Optionally, the target application can be such as an e-book reading application. It should be noted that the target application can also be other applications with a navigation bar, without specific limitations.

[0038] Secondly, the target navigation bar can be located at the top, side, or bottom of the target application's interface, and it's used to link various pages within the software. Specifically, the target navigation bar can contain multiple target navigation controls, each linked to a functional page of the target application. In other words, if a target navigation control is selected, the corresponding functional page will be displayed.

[0039] In some embodiments, the target navigation bar may be the top and / or bottom sidebar within the application interface of the target application.

[0040] The top sidebar, also known as the channel bar, can include multiple channel navigation controls for the target application. Each channel navigation control corresponds to a channel tag within the target application. Each channel tag can represent a category within the target application. For example, in an e-book reading application, each channel tag could correspond to a book category, such as "Boys," "Girls," "Featured," "Popular," "Kids," "Free," "Fantasy," "Rebirth," or "Urban."

[0041] The bottom bar, also known as the function bar, includes multiple function navigation controls for the target application. Each function navigation control corresponds to a function label, and each function label corresponds to a function of the target application. For example, in an e-book reading application, each function navigation label can correspond to a function of the e-book reading application, such as "Bookshelf," "My," or "Audiobook."

[0042] In one example Figure 2 This illustration shows a schematic diagram of an exemplary target application interface provided by an embodiment of the present disclosure. For example... Figure 2 As shown, the application interface 201 of the target program may include a channel bar 202 and a function bar 203.

[0043] The channel bar 202 includes channel navigation controls for each of the various channel labels. For example, there are channel navigation controls for the "Publishing" label and the "Short Stories" label.

[0044] The function bar 203 includes function navigation controls for each of the multiple function tabs. For example, there are function navigation controls for the "Home" tab and the "Publishing" tab.

[0045] Secondly, for the target navigation control, it is used to display the visual identifier of the navigation label. Specifically, each target navigation control can display a text identifier and / or image identifier for a navigation label.

[0046] For example, continue with Figure 2 For example, the channel navigation control in channel bar 202 can display the text labels of channel tags. The function navigation control in function bar 203 can display the text labels and image labels of function tags.

[0047] Secondly, the timing of the update event for the target navigation bar can be triggered during a cold start of the application. Accordingly, before S110, the following step A1 can also be included.

[0048] Step A1: In response to a cold start of the target application, determine that an update event has been detected.

[0049] Cold start of the target application refers to the situation where, when the target application starts, there is no process of the target application in the background of the client. In this case, the system will create a new process and assign it to the target application.

[0050] In other embodiments, the target navigation bar update event may be triggered when user attributes change. Accordingly, prior to S110, the navigation bar display method may also include step A2 as described below.

[0051] Step A2: In response to changes in user attributes, determine that an update event has been detected.

[0052] Optionally, a change in user attributes could refer to a change in the user attributes of the client user, or alternatively, a change in the user type of the client user.

[0053] For example, if a user logs in to the target application with an account, the user attributes change from those of a guest to those of the logged-in account.

[0054] For example, it could be that the user switched login accounts within the target application. For instance, after a user switches from a child account to an adult account, their user attribute changes from child to adult; or after a user switches from a free account to a paid account, their user attribute changes from free user to paid user.

[0055] For example, after a user makes a purchase within the target application, their user attribute changes from a non-paying user to a paying user.

[0056] For example, it could be that the user switched usage modes, such as switching to health mode or children's mode.

[0057] It should be noted that, in the embodiments disclosed herein, other events that may cause changes in user attributes may also occur, and no specific limitation is made thereto.

[0058] Additionally, it should be noted that other triggering methods for the target navigation bar update event can be set according to the actual scenario and specific update requirements. For example, if the customer does not update the navigation bar within a preset time period (such as one month), then the update event of the target navigation bar will be detected. There are no specific limitations on this.

[0059] In some embodiments, S110 specifically includes steps A1 to A3.

[0060] Step A1: In response to detecting an update event of the target navigation bar, determine the time interval between the last update time of the target navigation bar and the current time.

[0061] Alternatively, the time interval can be the difference between the last update time of the target navigation bar and the current time.

[0062] Step A2: Determine whether the time interval is greater than the preset time interval.

[0063] The preset time interval can be set according to specific scenarios and actual needs, which will not be elaborated further.

[0064] For example, the preset time interval can be determined based on the validity period of the current style of the target navigation bar. For instance, if the target navigation bar is replaced with the Spring Festival style at midnight on the day of the Lunar New Year, and the validity period of this style is set to 7 days, then the preset time interval is 7 days. Therefore, the target navigation bar will not be changed before the seventh day of the Lunar New Year.

[0065] Step A3: If the time interval is greater than the preset time interval, send a data retrieval request to the application server.

[0066] Optionally, if the time interval is less than or equal to the preset time interval, a data retrieval request may not be sent to the application server.

[0067] This embodiment ensures timely updates to the target navigation bar while avoiding frequent updates and reducing the processing load on the application server.

[0068] In other embodiments, the navigation bar data may be fed back by the application server after receiving a data retrieval request, provided that the update time interval is greater than a preset time interval.

[0069] S120 receives navigation bar data from the application server in response to the data retrieval request.

[0070] The navigation bar data includes at least one visualization, with each visualization corresponding to a target navigation control in the target navigation bar. In other words, if the navigation bar includes multiple target navigation controls, the navigation bar data can include: the visualization data of the first target navigation control, the visualization data of the second target navigation control, ..., and the visualization data of the last target navigation control.

[0071] First, the navigation bar data includes visual data for at least one target navigation control. This visual data reflects information about the visual content displayed within each target navigation control.

[0072] In some embodiments, the visualized data includes text identification information and / or image identification information.

[0073] The text identification information includes the text content and / or text style of the target text. For each target navigation control, the target text can be the text that needs to be displayed within the target navigation control.

[0074] For text content, it can be the text or keywords of the navigation label corresponding to the target navigation control. For example, continuing with... Figure 2 For example, the target text for the first function navigation control in function bar 203, namely the function navigation control of the home page tab, can be "home page".

[0075] The text style can be one or more of the following: text color, text thickness, text font, text size, etc., without specific limitations.

[0076] The image identification information includes the image address of the target image. The target image can be the image that needs to be displayed within each target navigation control. For example, it can be an image containing target text, or other types of images; there are no specific limitations.

[0077] For image URLs, an image URL can be the network address of the target image, i.e., the Uniform Resource Locator (URL) address.

[0078] In some embodiments, to improve the user experience, each visualized data is related to a user type or application scenario. User types can be categorized based on user characteristics, such as children, adults, men, and women. Alternatively, they can be categorized based on user application usage patterns, such as reading preferences; there are no specific limitations. Application scenarios can include holidays, events, etc., and there are no specific limitations.

[0079] Specifically, the visualization data corresponding to a target navigation control includes the visualization data of the navigation label to which the target navigation control belongs.

[0080] Optionally, the navigation labels belonging to each target navigation control can be related to user type or usage scenario. Accordingly, when the navigation labels are different, the content and / or style of the labels displayed within the target navigation controls will be different.

[0081] For example, taking the channel bar as an example, children's users can use channel tags such as "fairy tales" or "animation", female users can use channel tags such as "romance" or "urban", and male users can use channel tags such as "cultivation" or "fantasy".

[0082] For example, channel tags for paid users could include "VIP" or "Featured," while channel tags for non-paid users could include "Free" or "Limited-Time Free."

[0083] Alternatively, the visual identifiers of each target navigation control can be related to the user type or usage scenario. Accordingly, the visualization type of the visual label, i.e., whether it is an image or text, can be different, or the display style of the visual label can be different.

[0084] For example, channel tags for children could be cartoon images, while those for adults could be text. Another example is that channel tags during the Spring Festival could have a Spring Festival theme, such as displaying red lanterns around the text. Channel tags at other times could have a standard style, such as simply displaying text. There are no specific restrictions on this.

[0085] This embodiment allows for the display of different navigation bars to different types of users and to different navigation bars to users in different usage scenarios, thereby improving the user experience.

[0086] In some embodiments, after the client sends a data retrieval request to the application server, the application server can determine the navigation labels to be displayed and the visualization data of the navigation labels to be displayed based on the settings information of relevant personnel in the background, user type, or current application scenario.

[0087] The visual identification information may include textual identification information such as text content and / or text style. Visual identification information may also include image identification information such as image addresses. For details, please refer to the relevant explanations above; they will not be repeated here.

[0088] In this way, relevant personnel can pre-set the navigation bar data that needs to be updated on the application server, so that after the target application sends a data acquisition request, the navigation bar data that needs to be updated can be sent to each client.

[0089] S130, in the target navigation bar of the application interface, displays the target navigation control according to the visual data of each target navigation control.

[0090] In this embodiment of the disclosure, after receiving the visualization data of each target navigation control, the client can update the visualization information of the target navigation control according to the visualization data.

[0091] In some embodiments, each piece of visualization data includes visualization identification information. This visualization identification information refers to the specific details of the visualization displayed within the target navigation control.

[0092] Accordingly, a specific implementation of S130 may include: displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control.

[0093] The visual identifiers can be text identifiers and / or image identifiers, or other identifiers that can visually distinguish different navigation labels. Accordingly, text identifiers and / or image identifiers can be displayed within the target navigation control.

[0094] In some embodiments, to ensure a good user experience, the initially configured visual identifier or the last updated visual identifier can be displayed in each target navigation control before the navigation bar data is obtained; there are no limitations on this.

[0095] In some embodiments, if the target navigation bar includes multiple target navigation controls and the visualization data includes image identification information, in order to ensure timely updates, the target image can be displayed in the target navigation control after obtaining the target image for each target navigation control based on the image identification information.

[0096] Alternatively, to avoid wasting download resources, a single thread can be used to download the target images of multiple target navigation controls simultaneously, that is, to download the target images of the target navigation controls one by one.

[0097] Optionally, to improve the download speed of the target image, multithreading can be used to asynchronously download the target images of multiple target navigation controls, that is, multiple thread pools can be used to download the target images of the target navigation controls separately. For example, to improve scheduling efficiency, thread pools can be used to implement multithreaded downloading.

[0098] For example, a single thread can be used to update the channel navigation controls in the channel bar.

[0099] In other embodiments, if the target navigation bar includes multiple target navigation controls and the visualization data includes image identification information, in order to ensure the overall update effect, each target navigation bar can be controlled to display its own target image after all the target images of the target navigation bars have been downloaded.

[0100] Optionally, to improve the download speed of the target image, multithreading can be used to asynchronously download the target images of multiple target navigation controls, that is, multiple thread pools can be used to download the target images of the target navigation controls separately. For example, to improve scheduling efficiency, thread pools can be used to implement multithreaded downloading.

[0101] For example, multiple threads can be used to update the various function navigation controls in the function bar.

[0102] In this embodiment of the disclosure, after detecting an update event of the target navigation bar, a data acquisition request can be sent to the application server of the target application to obtain the visualization data of the target navigation control in a data request manner, and the visualization display of each target navigation bar can be controlled according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar.

[0103] Furthermore, compared to existing methods of changing the entire theme, this embodiment of the disclosure does not require pre-loading resource update packages, nor does it require adjustments to the overall framework logic of the target application. Moreover, this embodiment of the disclosure can update the target navigation bar by calling navigation bar data from the application server via a network interface, thereby enabling flexible and lightweight configuration of the target navigation bar. It also eliminates the need for manually downloading resource update packages and manually updating, and allows for changes to the visual effects of the target navigation bar without restarting the target application, thus improving update efficiency.

[0104] Figure 3 A flowchart illustrating another navigation bar display method provided by an embodiment of this disclosure is shown. This embodiment is an optimization based on the above embodiments, and can be combined with various optional solutions from one or more of the above embodiments.

[0105] like Figure 3 As shown, the method for displaying the navigation bar may include the following steps.

[0106] S310, in response to detecting an update event of the target application's target navigation bar, sends a data retrieval request to the target application's application server.

[0107] For details on S310, please refer to the specific description of S110, which will not be repeated here.

[0108] S320 receives navigation bar data from the application server in response to the data retrieval request.

[0109] The navigation bar data includes at least one visual data point, and each visual data point corresponds to a target navigation control in the target navigation bar.

[0110] Specifically, the visualization data for each target navigation control includes the text identification information and the image identification information of the target navigation control.

[0111] For details on S320, please refer to the specific description of S120, which will not be repeated here.

[0112] S330 displays the target text corresponding to the text identifier information within the target navigation control.

[0113] Alternatively, the target text can be displayed in the target navigation control by rendering the text within the target navigation control based on the text identifier information.

[0114] The text identification information may include the text content of the target text as well as style information such as text size, text color, text font, and whether the text is bold, without specific limitations.

[0115] S340, Based on the image identification information of the target navigation control, request to download the target image corresponding to the image identification information of the target navigation control.

[0116] Optionally, the image identification information may include the image address, so that the target image can be requested to be downloaded based on the image address.

[0117] S350 displays the target image in the target navigation control after the target image download is complete.

[0118] In S350, the target text can be hidden and the target image can be displayed within the target navigation control. Alternatively, both the target text and the target image can be displayed simultaneously.

[0119] Optionally, after obtaining the target image, the target image can be drawn within the target navigation control.

[0120] In this embodiment of the disclosure, after detecting an update event of the target navigation bar, a data acquisition request can be sent to the application server of the target application to obtain the visualization data of the target navigation control in a data request manner, and the visualization display of each target navigation bar can be controlled according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar.

[0121] Furthermore, through the embodiments of this disclosure, target text can be displayed even when the target image has not been fully downloaded, thereby avoiding situations where the target navigation control is not displayed or displays incorrectly due to the target image not being fully downloaded, thus improving the user's application experience.

[0122] In some embodiments, after S350, after the user triggers each target navigation control, the number of clicks corresponding to the target text of that target navigation control can be incremented by 1, which makes it easier to subsequently count the user's preference for and acceptance of the updated target navigation control.

[0123] Figure 4This illustration shows a flowchart of another navigation bar display method provided by an embodiment of the present disclosure. The embodiments of the present disclosure are optimizations based on the above embodiments, and can be combined with various optional solutions from one or more of the above embodiments.

[0124] like Figure 4 As shown, the method for displaying the navigation bar may include the following steps.

[0125] S410, in response to detecting an update event of the target application's target navigation bar, sends a data retrieval request to the target application's application server.

[0126] For details on S410, please refer to the specific description of S110, which will not be repeated here.

[0127] S420 receives navigation bar data from the application server in response to the data retrieval request.

[0128] The navigation bar data includes at least one visual data point, and each visual data point corresponds to a target navigation control in the target navigation bar.

[0129] For details on S420, please refer to the specific description of S120, which will not be repeated here.

[0130] S430: Determine whether the local image set stores the target image corresponding to the image identification information.

[0131] Specifically, the correspondence between each image in the local image set and its image identifier information can be pre-recorded. If the image identifier information of the target image is found in this correspondence, it is determined that the target image is stored in the local image set.

[0132] In some embodiments, S430 may specifically include steps A1 and A2 as described below.

[0133] Step A1: Calculate the target hash value of the image address.

[0134] Optionally, the image address of the target image can be hashed to obtain the target hash value of the target image.

[0135] Step A2: Determine whether the target hash value exists in the hash values ​​of each image in the local image set.

[0136] In this embodiment, if the target hash value exists in the hash values ​​corresponding to each image in the local image set, it indicates that the target image exists in the local image set.

[0137] In this embodiment, since the length of the hash value is less than the length of the icon identification information, the storage requirement can be reduced, and it is easier to find the target image later, thus improving the query efficiency.

[0138] S440: If the target image is stored in the local image set, retrieve the target image from the local image set.

[0139] S450 requests to download the target image using image identification information when the target image is not stored in the local image set.

[0140] Alternatively, the target image's URL can be used to request the download of the target image.

[0141] Optionally, after the target image is downloaded, the target image and its image identifier information, or the hash value of the target image and its image identifier information, can be stored in a local image set for easy local retrieval later.

[0142] S460 displays the target image in the target navigation control.

[0143] It should be noted that multiple target navigation controls can display their respective target images.

[0144] In this embodiment of the disclosure, after detecting an update event of the target navigation bar, a data acquisition request can be sent to the application server of the target application to obtain the visualization data of the target navigation control in a data request manner, and the visualization display of each target navigation bar can be controlled according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar.

[0145] Furthermore, through this embodiment, when a user needs to use the target image again, if the target image is stored locally, it can be retrieved directly from the local storage without downloading it from the network. This avoids wasting download bandwidth, reduces download pressure, and enables fast image retrieval. Conversely, if the target image is not stored locally, it can be retrieved from the network. This ensures that the target navigation bar updates correctly while maintaining download speed and avoiding wasted download bandwidth.

[0146] Figure 5 A flowchart illustrating another navigation bar display method provided by an embodiment of this disclosure is shown. This embodiment is an optimization based on the above embodiments, and can be combined with various optional solutions from one or more of the above embodiments.

[0147] like Figure 5 As shown, the method for displaying the navigation bar may include the following steps.

[0148] S510, in response to detecting an update event of the target application's target navigation bar, sends a data retrieval request to the target application's application server.

[0149] For details on S510, please refer to the specific description of S110, which will not be repeated here.

[0150] S520 receives navigation bar data from the application server in response to the data retrieval request.

[0151] The navigation bar data includes at least one visual data point, and each visual data point corresponds to a target navigation control in the target navigation bar.

[0152] Specifically, the navigation bar data includes multiple visualizations, each of which includes an image identifier.

[0153] For details on S520, please refer to the specific description of S120, which will not be repeated here.

[0154] S530 determines whether there is a correlation between target images corresponding to multiple image identification information.

[0155] Optionally, the application server can determine whether there is a relationship between the target images and notify the client of this relationship information. For example, when setting up the backend, relevant personnel can pre-determine the relationships between the target images for this update.

[0156] Alternatively, the correlation between target images can be determined based on the download address or image information of the target images.

[0157] In one embodiment, if the styles or text of the target images are continuous or similar, then a relationship is determined to exist between the target images. For example, if the target images of multiple target navigation bar controls in the function bar contain the text "Spring," "Festival," "Happy," and "Joyful," then a relationship is determined to exist between the target images of the function bar. Another example is if the target images of multiple target navigation bar controls in the function bar are all lantern-style, then a relationship is determined to exist between these multiple target images. Yet another example is if the target images of multiple target navigation bar controls in the function bar can be combined into a single image, then a relationship is determined to exist between these multiple target images.

[0158] The S540 uses a single thread to synchronously download multiple target images when there is no correlation between them.

[0159] In other words, a single thread can be used to download the next target image after one target image has been downloaded.

[0160] S550 displays the target image using the corresponding target navigation bar control when each target image is downloaded.

[0161] For example, if the target navigation bar includes multiple target navigation controls, after the target image of the first target navigation control is downloaded, the target image is displayed in the first target navigation control, and the download of the target image of the second target navigation control continues using a single thread, and so on, until the target image of the last target navigation control is downloaded and displayed.

[0162] The S560 uses multithreading to asynchronously download multiple target images when there is a correlation between them.

[0163] Alternatively, multiple threads can be used to download one or more target images asynchronously. For example, to improve scheduling efficiency, a thread pool can be used to implement multi-threaded downloading.

[0164] After multiple target images have been downloaded, the S570 uses multiple target navigation bar controls to display the multiple target images separately.

[0165] In other words, if the target navigation bar includes 5 target navigation controls, then after the target images of all 5 target navigation controls have been downloaded, the 5 target images will be used to replace all 5 target navigation controls as a whole.

[0166] In this embodiment of the disclosure, after detecting an update event of the target navigation bar, a data acquisition request can be sent to the application server of the target application to obtain the visualization data of the target navigation control in a data request manner, and the visualization display of each target navigation bar can be controlled according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar.

[0167] Furthermore, through this embodiment, when there is a correlation between the target images of multiple target navigation controls, a unified update is performed on all target navigation controls, ensuring visual consistency. Also, when there is no correlation between the target images of multiple target navigation controls, each target navigation control can be updated after it has been downloaded, ensuring real-time updates.

[0168] Figure 6 A flowchart illustrating another navigation bar display method provided by an embodiment of this disclosure is shown. This embodiment is an optimization based on the above embodiments, and can be combined with various optional solutions from one or more of the above embodiments.

[0169] like Figure 6 As shown, the method for displaying the navigation bar may include the following steps.

[0170] S610, in response to detecting an update event of the target application's target navigation bar, sends a data retrieval request to the target application's application server.

[0171] For details on S610, please refer to the specific description of S110, which will not be repeated here.

[0172] S620 receives navigation bar data from the application server in response to a data retrieval request.

[0173] The navigation bar data includes at least one visual data point, and each visual data point corresponds to a target navigation control in the target navigation bar.

[0174] For details on S620, please refer to the specific description of S120, which will not be repeated here.

[0175] S630: For each target navigation control, display the first display identifier corresponding to the current display state within the target navigation control. The current display state can be either selected or unselected.

[0176] Specifically, if the target navigation control is selected, the first display identifier corresponding to the current display state is the selected state identifier.

[0177] If the target navigation control is unselected, the first display indicator corresponding to the current display state is the unselected state indicator.

[0178] S640, when a state switching operation is detected for the target navigation control, a second display identifier corresponding to the target display state is displayed in the target navigation control.

[0179] First, state switching operations can include gesture control operations such as clicking, double-clicking, long-pressing, and swiping on the client side, as well as voice control operations or facial expression control operations, etc., and there are no restrictions on them here.

[0180] Secondly, regarding the target display state, if the current display state is selected, then the target display state is unselected, and correspondingly, the second display identifier indicates the unselected state. If the current display state is unselected, then the target display state is selected, and correspondingly, the second display identifier indicates the selected state.

[0181] In some embodiments, to facilitate visual differentiation between the selected and unselected states for the user, the first display identifier and the second display identifier correspond to different display identifiers. The visualization data of the target navigation control includes the identifier information of the first display identifier and the identifier information of the second display identifier. For example, the first display identifier and the second display identifier can be different images; correspondingly, the visualization data of the target navigation control includes the image addresses of both images.

[0182] In some embodiments, the first display identifier and the second display identifier correspond to different display styles of the same display identifier, and the visualization data of the target navigation control includes the identifier information of the same display identifier and at least one display style.

[0183] For example, if the visualization data of the target navigation control includes the identification information of the same display identifier and a display style, then the same display identifier can be used as one of the first display identifier and the second display identifier, and another display identifier can be generated using the same display identifier and the display style as the other of the first display identifier and the second display identifier.

[0184] The display style can be grayscale, changing the image color, changing the image size, changing the image shape, etc., without any specific limitations.

[0185] As another example, if the visual data of the target navigation control includes the identifier information of the same display identifier and two display styles, then the display identifier corresponding to one display style can be used as the first display identifier, and the display identifier corresponding to the other display style can be used as the second display identifier.

[0186] In some embodiments, one of the first display identifier and the second display identifier is obtained based on navigation bar data, and the other of the first display identifier and the second display identifier is pre-stored, and the visualization data of the target navigation control includes the identifier information of one of them.

[0187] In this embodiment of the disclosure, after detecting an update event of the target navigation bar, a data acquisition request can be sent to the application server of the target application to obtain the visualization data of the target navigation control in a data request manner, and the visualization display of each target navigation bar can be controlled according to the visualization data of each target navigation bar. Therefore, when a navigation bar update is needed, navigation bar data can be requested without downloading the application theme resource package, thus achieving flexible updates to the navigation bar.

[0188] Furthermore, through this embodiment, by setting different display identifiers for the selected and unselected target navigation controls, users can visually distinguish whether the target navigation control is selected, thereby improving the user's application experience.

[0189] Figure 7 A schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure is shown.

[0190] The electronic devices provided in this disclosure may include a client application with the target application installed. This client may include, but is not limited to, mobile terminals such as smartphones, laptops, personal digital assistants (PDAs), tablet computers (PADs), portable multimedia players (PMPs), in-vehicle terminals (e.g., in-vehicle navigation terminals), and wearable devices, as well as fixed terminals such as digital TVs, desktop computers, and smart home devices.

[0191] It should be noted that, Figure 7 The illustrated electronic device 700 is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.

[0192] The electronic device 700 conventionally includes a processor 710 and a computer program product or computer-readable medium in the form of a memory 720. The memory 720 can be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read-Only Memory), EPROM, hard disk, or ROM. The memory 720 has storage space 721 for executable instructions (or program code) 7211 for performing any of the method steps in the above-described note-taking method. For example, the storage space 721 for executable instructions may include various executable instructions 7211 for implementing the various steps in the above-described note-taking method. These executable instructions can be read from or written to one or more computer program products. These computer program products include program code carriers such as hard disks, optical discs (CDs), memory cards, or floppy disks. Such computer program products are typically portable or fixed storage units. The storage unit may have... Figure 7 The memory 720 in the electronic device 700 is arranged in a similar manner as a storage segment or storage space. Executable instructions may be compressed, for example, in a suitable form. Typically, the storage unit includes executable instructions for performing the steps of the note-taking method according to this disclosure, i.e., code that can be read by a processor, such as processor 710, which, when executed by the electronic device 700, causes the electronic device 700 to perform the various steps in the note-taking method described above.

[0193] Of course, for the sake of simplicity, Figure 7 Only some of the components of the electronic device 700 relevant to this disclosure are shown, omitting components such as buses, input / output interfaces, input devices, and output devices. In addition, the electronic device 700 may include any other suitable components depending on the specific application.

[0194] This disclosure also provides a computer-readable storage medium storing computer program instructions thereon, which, when executed by a processor, cause the processor to perform the note-taking methods provided in the embodiments of this disclosure.

[0195] The computer-readable storage medium may be any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may, for example, include, but is not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatuses, or devices, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0196] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0197] In embodiments of this disclosure, program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof. These programming languages ​​include, but are not limited to, object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0198] This application discloses:

[0199] A1. A method for displaying a navigation bar, wherein the method includes:

[0200] In response to detecting an update event of the target application's target navigation bar, a data acquisition request is sent to the application server of the target application;

[0201] The system receives navigation bar data from the application server in response to the data acquisition request; wherein the navigation bar data includes at least one visual data, and each visual data corresponds to a target navigation control in the target navigation bar.

[0202] Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control.

[0203] A2. According to the method described in A1, each piece of visualized data includes visualized identification information.

[0204] The step of displaying the target navigation control according to the visual data of each target navigation control includes:

[0205] The target navigation control displays the visual identifier corresponding to the visual identifier information of the target navigation control.

[0206] A3. According to the method described in A1, the visualized data includes text identification information and / or image identification information:

[0207] The text identification information includes the text content and / or text style of the target text;

[0208] The image identification information includes the image address of the target image.

[0209] A4. According to the method described in A1, each piece of visualized data is related to a user type or application scenario.

[0210] A5. According to the method described in A1, the visualized data includes text identification information and image identification information:

[0211] The step of displaying the target navigation control visually according to each target navigation control in the target navigation control includes:

[0212] Within each target navigation control, the target text corresponding to the text identifier information of the target navigation control is displayed;

[0213] Based on the image identification information of the target navigation control, request the download of the target image corresponding to the image identification information of the target navigation control;

[0214] After the target image is downloaded, it is displayed in the target navigation control.

[0215] A6. According to the method described in A1, the visualized data includes image identification information.

[0216] Before displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the method further includes:

[0217] Determine whether the local image set stores the target image corresponding to the image identification information;

[0218] If the target image is stored in the local image set, the target image is retrieved from the local image set.

[0219] If the target image is not stored in the local image set, the image identification information is used to request the download of the target image.

[0220] Wherein, the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control includes:

[0221] The target image is displayed in the target navigation control.

[0222] A7. According to the method described in A6, the image identification information includes the image address of the target image;

[0223] Determining whether the local image set stores the target image corresponding to the image identification information includes:

[0224] Calculate the target hash value of the image address;

[0225] Determine whether the target hash value exists in the hash values ​​of each image in the local image set.

[0226] A8. According to the method described in A1, the navigation bar data includes multiple visualization data, and each visualization data includes an image identification information;

[0227] After receiving the navigation bar data returned by the application server in response to the data acquisition request, the method further includes:

[0228] Determine whether there is a correlation between the target images corresponding to the multiple image identification information;

[0229] In the absence of any association between the multiple target images, the multiple target images are downloaded synchronously using a single thread; wherein, the step of displaying the target navigation control according to the visual data of each target navigation control includes: displaying the target image using the target navigation bar control corresponding to the target image when the download of each target image is completed;

[0230] When there is a correlation between the multiple target images, the multiple target images are downloaded asynchronously using multiple threads; wherein, the step of displaying the target navigation control according to the visualization data of each target navigation control includes: after the multiple target images have been downloaded, displaying the multiple target images respectively using multiple target navigation controls.

[0231] A9. According to the method described in A1, where,

[0232] The step of displaying the target navigation control according to the visual data of each target navigation control includes:

[0233] For each target navigation control, display a first display identifier corresponding to the current display state within the target navigation control;

[0234] When a state switching operation is detected for the target navigation control, a second display identifier corresponding to the target display state is displayed in the target navigation control.

[0235] A10. According to the method described in A9, wherein,

[0236] The first display identifier and the second display identifier correspond to different display identifiers, and the visualization data of the target navigation control includes the identifier information of the first display identifier and the identifier information of the second display identifier; or,

[0237] The first display identifier and the second display identifier correspond to different display styles of the same display identifier, and the visualization data of the target navigation control includes the identifier information of the same display identifier and at least one display style; or,

[0238] One of the first display identifier and the second display identifier is obtained based on the navigation bar data, and the other of the first display identifier and the second display identifier is pre-stored. The visualization data of the target navigation control includes the identifier information of the first one.

[0239] A11. According to the method described in A1, the step of sending a data acquisition request to the application server of the target application includes:

[0240] In response to a cold start of the target application, it is determined that the update event has been detected;

[0241] or,

[0242] In response to changes in user attributes, the update event is determined to have been detected.

[0243] A12. According to the method described in A1, wherein sending a data acquisition request to the application server of the target application in response to detecting an update event of the target application's target navigation bar includes:

[0244] In response to detecting the update event, determine the time interval between the last update time of the target navigation bar and the current time;

[0245] Determine whether the time interval is greater than a preset time interval;

[0246] If the time interval is greater than a preset time interval, the data acquisition request is sent to the application server.

[0247] A13. According to the method described in A1, wherein,

[0248] The navigation bar data is fed back by the application server when it determines that the update time interval is greater than a preset time interval.

[0249] A14. According to the method described in A1, where,

[0250] The target navigation bar is a top sidebar and / or a bottom sidebar;

[0251] The top sidebar includes multiple channel navigation controls for the target application;

[0252] The bottom bar includes multiple functional navigation controls for the target application.

[0253] B15. An electronic device comprising a processor and a memory, the memory for storing executable instructions that cause the processor to perform the following operations:

[0254] In response to detecting an update event of the target application's target navigation bar, a data acquisition request is sent to the application server of the target application;

[0255] The system receives navigation bar data from the application server in response to the data acquisition request; wherein the navigation bar data includes at least one visual data, and each visual data corresponds to a target navigation control in the target navigation bar.

[0256] Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control.

[0257] B16. The electronic device according to B15, wherein each piece of visual data includes visual identification information.

[0258] When the processor executes the visualization data of each target navigation control, the executable instructions specifically cause the processor to execute:

[0259] The target navigation control displays the visual identifier corresponding to the visual identifier information of the target navigation control.

[0260] B17. The electronic device according to B15, wherein the visualized data includes text identification information and / or image identification information:

[0261] The text identification information includes the text content and / or text style of the target text;

[0262] The image identification information includes the image address of the target image.

[0263] B18. The electronic device according to B15, wherein each piece of visualized data is related to a user type or application scenario.

[0264] B19. The electronic device according to B15, wherein the visualized data includes text identification information and image identification information:

[0265] When the processor executes the executable instructions to display the target navigation control according to the visual data of each target navigation control, the specific instructions cause the processor to execute:

[0266] Within each target navigation control, the target text corresponding to the text identifier information of the target navigation control is displayed;

[0267] Based on the image identification information of the target navigation control, request the download of the target image corresponding to the image identification information of the target navigation control;

[0268] After the target image is downloaded, it is displayed in the target navigation control.

[0269] B20. The electronic device according to B15, wherein the visualization data includes image identification information.

[0270] Before the processor executes the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the executable instructions further cause the processor to execute:

[0271] Determine whether the local image set stores the target image corresponding to the image identification information;

[0272] If the target image is stored in the local image set, the target image is retrieved from the local image set.

[0273] If the target image is not stored in the local image set, the image identification information is used to request the download of the target image.

[0274] Specifically, when the processor executes the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the executable instruction causes the processor to execute:

[0275] The target image is displayed in the target navigation control.

[0276] B21. The electronic device according to B20, wherein the image identification information includes the image address of the target image;

[0277] When the processor executes the step of determining whether the local image set stores the target image corresponding to the image identification information, the executable instructions specifically cause the processor to execute:

[0278] Calculate the target hash value of the image address;

[0279] Determine whether the target hash value exists in the hash values ​​of each image in the local image set.

[0280] B22. The electronic device according to B15, wherein the navigation bar data includes multiple visual data, and each visual data includes an image identification information;

[0281] After the processor executes the step of receiving navigation bar data in response to the application server's data acquisition request, the executable instructions further cause the processor to execute:

[0282] Determine whether there is a correlation between the target images corresponding to the multiple image identification information;

[0283] In the absence of any association between the multiple target images, the multiple target images are downloaded synchronously using a single thread; wherein, when the processor executes the visualization display of the target navigation control according to each target navigation control, the executable instruction specifically causes the processor to execute: when each target image is downloaded, the target image is displayed using the target navigation bar control corresponding to the target image;

[0284] When there is a correlation between the multiple target images, the multiple target images are downloaded asynchronously using multiple threads; wherein, when the processor executes the visualization data display of the target navigation control according to each target navigation control, the executable instruction specifically causes the processor to execute: after the multiple target images have been downloaded, the multiple target images are displayed respectively using multiple target navigation controls.

[0285] B23. The electronic device according to B15, wherein,

[0286] When the processor executes the visualization display of the target navigation control according to each target navigation control, the executable instructions specifically cause the processor to execute:

[0287] For each target navigation control, display a first display identifier corresponding to the current display state within the target navigation control;

[0288] When a state switching operation is detected for the target navigation control, a second display identifier corresponding to the target display state is displayed in the target navigation control.

[0289] B24. The electronic device according to B23, wherein,

[0290] The first display identifier and the second display identifier correspond to different display identifiers, and the visualization data of the target navigation control includes the identifier information of the first display identifier and the identifier information of the second display identifier; or,

[0291] The first display identifier and the second display identifier correspond to different display styles of the same display identifier, and the visualization data of the target navigation control includes the identifier information of the same display identifier and at least one display style; or,

[0292] One of the first display identifier and the second display identifier is obtained based on the navigation bar data, and the other of the first display identifier and the second display identifier is pre-stored. The visualization data of the target navigation control includes the identifier information of the first one.

[0293] B25. The electronic device according to B15, wherein, when the processor executes the request to send a data acquisition request to the application server of the target application, the executable instructions specifically cause the processor to execute:

[0294] In response to a cold start of the target application, it is determined that the update event has been detected;

[0295] or,

[0296] In response to changes in user attributes, the update event is determined to have been detected.

[0297] B26. The electronic device according to B15, wherein when the processor executes the action of sending a data acquisition request to the application server of the target application in response to detecting an update event of the target application's target navigation bar, the executable instructions specifically cause the processor to execute:

[0298] In response to detecting the update event, determine the time interval between the last update time of the target navigation bar and the current time;

[0299] Determine whether the time interval is greater than a preset time interval;

[0300] If the time interval is greater than a preset time interval, the data acquisition request is sent to the application server.

[0301] B27. The electronic device according to B15, wherein,

[0302] The navigation bar data is fed back by the application server when it determines that the update time interval is greater than a preset time interval.

[0303] B28. The electronic device according to B15, wherein,

[0304] The target navigation bar is a top sidebar and / or a bottom sidebar;

[0305] The top sidebar includes multiple channel navigation controls for the target application;

[0306] The bottom bar includes multiple functional navigation controls for the target application.

[0307] C29. A computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to implement the navigation bar display method described in any one of A1-A14 above.

[0308] The various component embodiments of this disclosure can be implemented in hardware in whole or in part, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art will understand that microprocessors or digital signal processors (DSPs) can be used in practice to implement some or all of the functions of some or all of the components in the electronic device according to embodiments of this disclosure. This disclosure can also be implemented as a device or apparatus program (e.g., a computer program and computer program product) for performing some or all of the methods described herein. Such an implementation of this disclosure can be stored on a computer-readable medium or can take the form of one or more signals. Such signals can be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.

[0309] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0310] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0311] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A method for displaying a navigation bar, characterized in that, The method includes: In response to detecting an update event of the target application's target navigation bar, a data acquisition request is sent to the application server of the target application; The system receives navigation bar data from the application server in response to the data acquisition request; wherein the navigation bar data includes multiple visual data, each visual data corresponds to a target navigation control in the target navigation bar, and each visual data includes an image identification information. Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control; After receiving the navigation bar data returned by the application server in response to the data acquisition request, the method further includes: Determine whether there is a correlation between the target images corresponding to the multiple image identification information; In the absence of any correlation between the multiple target images, the multiple target images are downloaded synchronously using a single thread; wherein, the step of displaying the target navigation control visually according to each target navigation control includes: When each target image is downloaded, the target image is displayed using the target navigation bar control corresponding to the target image. When there is a correlation between the multiple target images, the multiple target images are downloaded asynchronously using multiple threads; wherein, the step of displaying the target navigation control according to the visualization data of each target navigation control includes: after the multiple target images have been downloaded, displaying the multiple target images respectively using multiple target navigation controls.

2. The method according to claim 1, characterized in that, Each visualized data includes visualized label information. The step of displaying the target navigation control according to the visual data of each target navigation control includes: The target navigation control displays the visual identifier corresponding to the visual identifier information of the target navigation control.

3. The method according to claim 1, characterized in that, The visualized data also includes text labeling information: The text identification information includes the text content and / or text style of the target text; The image identification information includes the image address of the target image.

4. The method according to claim 1, characterized in that, Each visualized data point is related to a user type or application scenario.

5. The method according to claim 1, characterized in that, The visualized data includes text and image labeling information: The step of displaying the target navigation control visually according to each target navigation control in the target navigation control includes: Within each target navigation control, the target text corresponding to the text identifier information of the target navigation control is displayed; Based on the image identification information of the target navigation control, request the download of the target image corresponding to the image identification information of the target navigation control; After the target image is downloaded, it is displayed in the target navigation control.

6. The method according to claim 1, characterized in that, The visualized data includes image identification information. Before displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the method further includes: Determine whether the local image set stores the target image corresponding to the image identification information; If the target image is stored in the local image set, the target image is retrieved from the local image set. If the target image is not stored in the local image set, the image identification information is used to request the download of the target image. Wherein, the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control includes: The target image is displayed in the target navigation control.

7. The method according to claim 6, characterized in that, The image identification information includes the image address of the target image; The step of determining whether the local image set stores the target image corresponding to the image identification information includes: Calculate the target hash value of the image address; Determine whether the target hash value exists in the hash values ​​of each image in the local image set.

8. The method according to claim 1, characterized in that, The step of displaying the target navigation control according to the visual data of each target navigation control includes: For each target navigation control, display a first display identifier corresponding to the current display state within the target navigation control; When a state switching operation is detected for the target navigation control, a second display identifier corresponding to the target display state is displayed in the target navigation control.

9. The method according to claim 8, characterized in that, The first display identifier and the second display identifier correspond to different display identifiers, and the visualization data of the target navigation control includes the identifier information of the first display identifier and the identifier information of the second display identifier; or, The first display identifier and the second display identifier correspond to different display styles of the same display identifier, and the visualization data of the target navigation control includes the identifier information of the same display identifier and at least one display style; or, One of the first display identifier and the second display identifier is obtained based on the navigation bar data, and the other of the first display identifier and the second display identifier is pre-stored. The visualization data of the target navigation control includes the identifier information of the first one.

10. The method according to claim 1, characterized in that, Sending a data retrieval request to the application server of the target application includes: In response to a cold start of the target application, it is determined that the update event has been detected; or, In response to changes in user attributes, the update event is determined to have been detected.

11. The method according to claim 1, characterized in that, The step of sending a data retrieval request to the application server of the target application in response to the detected update event of the target application's target navigation bar includes: In response to detecting the update event, determine the time interval between the last update time of the target navigation bar and the current time; Determine whether the time interval is greater than a preset time interval; If the time interval is greater than a preset time interval, the data acquisition request is sent to the application server.

12. The method according to claim 1, characterized in that, The navigation bar data is fed back by the application server when it determines that the update time interval is greater than a preset time interval.

13. The method according to claim 1, characterized in that, The target navigation bar is a top sidebar and / or a bottom sidebar; The top sidebar includes multiple channel navigation controls for the target application; The bottom bar includes multiple functional navigation controls for the target application.

14. An electronic device, characterized in that, It includes a processor and a memory, the memory being used to store executable instructions that cause the processor to perform the following operations: In response to detecting an update event of the target application's target navigation bar, a data acquisition request is sent to the application server of the target application; The system receives navigation bar data from the application server in response to the data acquisition request; wherein the navigation bar data includes multiple visual data, each visual data corresponds to a target navigation control in the target navigation bar, and each visual data includes an image identification information. Within the target navigation bar of the application interface, the target navigation controls are displayed visually according to the target navigation control; After the processor executes the step of receiving navigation bar data in response to the application server's data acquisition request, the executable instructions further cause the processor to execute: Determine whether there is a correlation between the target images corresponding to the multiple image identification information; In the absence of any association between the multiple target images, the multiple target images are downloaded synchronously using a single thread; wherein, when the processor executes the visualization display of the target navigation control according to each target navigation control, the executable instruction specifically causes the processor to execute: when each target image is downloaded, the target image is displayed using the target navigation bar control corresponding to the target image; When there is a correlation between the multiple target images, the multiple target images are downloaded asynchronously using multiple threads; wherein, the step of displaying the target navigation control according to the visualization data of each target navigation control includes: after the multiple target images have been downloaded, displaying the multiple target images respectively using multiple target navigation controls.

15. The electronic device according to claim 14, characterized in that, Each visualized data includes visualized label information. When the processor executes the visualization data of each target navigation control, the executable instructions specifically cause the processor to execute: The target navigation control displays the visual identifier corresponding to the visual identifier information of the target navigation control.

16. The electronic device according to claim 14, characterized in that, The visualized data also includes text labeling information: The text identification information includes the text content and / or text style of the target text; The image identification information includes the image address of the target image.

17. The electronic device according to claim 14, characterized in that, Each visualized data point is related to a user type or application scenario.

18. The electronic device according to claim 14, characterized in that, The visualized data includes text and image labeling information: When the processor executes the executable instructions to display the target navigation control according to the visual data of each target navigation control, the specific instructions cause the processor to execute: Within each target navigation control, the target text corresponding to the text identifier information of the target navigation control is displayed; Based on the image identification information of the target navigation control, request the download of the target image corresponding to the image identification information of the target navigation control; After the target image is downloaded, it is displayed in the target navigation control.

19. The electronic device according to claim 14, characterized in that, The visualized data includes image identification information. Before the processor executes the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the executable instructions further cause the processor to execute: Determine whether the local image set stores the target image corresponding to the image identification information; If the target image is stored in the local image set, the target image is retrieved from the local image set. If the target image is not stored in the local image set, the image identification information is used to request the download of the target image. Specifically, when the processor executes the step of displaying the visual identifier corresponding to the visual identifier information of the target navigation control in the target navigation control, the executable instruction causes the processor to execute: The target image is displayed in the target navigation control.

20. The electronic device according to claim 19, characterized in that, The image identification information includes the image address of the target image; When the processor executes the step of determining whether the local image set stores the target image corresponding to the image identification information, the executable instruction specifically causes the processor to execute: Calculate the target hash value of the image address; Determine whether the target hash value exists in the hash values ​​of each image in the local image set.

21. The electronic device according to claim 14, characterized in that, When the processor executes the visualization display of the target navigation control according to each target navigation control, the executable instructions specifically cause the processor to execute: For each target navigation control, display a first display identifier corresponding to the current display state within the target navigation control; When a state switching operation is detected for the target navigation control, a second display identifier corresponding to the target display state is displayed in the target navigation control.

22. The electronic device according to claim 21, characterized in that, The first display identifier and the second display identifier correspond to different display identifiers, and the visualization data of the target navigation control includes the identifier information of the first display identifier and the identifier information of the second display identifier; or, The first display identifier and the second display identifier correspond to different display styles of the same display identifier, and the visualization data of the target navigation control includes the identifier information of the same display identifier and at least one display style; or, One of the first display identifier and the second display identifier is obtained based on the navigation bar data, and the other of the first display identifier and the second display identifier is pre-stored. The visualization data of the target navigation control includes the identifier information of the first one.

23. The electronic device according to claim 14, characterized in that, When the processor executes the request to send a data retrieval request to the application server of the target application, the executable instructions specifically cause the processor to execute: In response to a cold start of the target application, it is determined that the update event has been detected; or, In response to changes in user attributes, the update event is determined to have been detected.

24. The electronic device according to claim 14, characterized in that, When the processor executes the action of sending a data retrieval request to the application server of the target application in response to detecting an update event of the target application's target navigation bar, the executable instructions specifically cause the processor to execute: In response to detecting the update event, determine the time interval between the last update time of the target navigation bar and the current time; Determine whether the time interval is greater than a preset time interval; If the time interval is greater than a preset time interval, the data acquisition request is sent to the application server.

25. The electronic device according to claim 14, characterized in that, The navigation bar data is fed back by the application server when it determines that the update time interval is greater than a preset time interval.

26. The electronic device according to claim 14, characterized in that, The target navigation bar is a top sidebar and / or a bottom sidebar; The top sidebar includes multiple channel navigation controls for the target application; The bottom bar includes multiple functional navigation controls for the target application.

27. A computer-readable storage medium, characterized in that, The storage medium stores a computer program that, when executed by a processor, causes the processor to implement the navigation bar display method according to any one of claims 1-13.

Images