CN109032722B - Method, device, equipment and medium for updating display effect of UI component - Google Patents
Method, device, equipment and medium for updating display effect of UI component Download PDFInfo
- Publication number
- CN109032722B CN109032722B CN201810682531.1A CN201810682531A CN109032722B CN 109032722 B CN109032722 B CN 109032722B CN 201810682531 A CN201810682531 A CN 201810682531A CN 109032722 B CN109032722 B CN 109032722B
- Authority
- CN
- China
- Prior art keywords
- component
- configuration file
- target information
- remote
- configuration data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a method, a device, equipment and a medium for updating a display effect of a UI component, wherein the method is applied to a native APP and comprises the following steps: acquiring target information of a native APP; acquiring a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information; updating the acquired remote configuration file to a local configuration file of the UI component; analyzing the configuration data from the updated local configuration file; and rendering and displaying the UI component according to the analyzed configuration data. By implementing the embodiment of the invention, the remote configuration file is acquired and the local configuration file is updated corresponding to the target information of the native APP, and then the UI component is rendered according to the updated configuration data of the local configuration file, the display effect of the UI component can be rendered and updated along with the target information, and the improvement of the user viscosity is facilitated.
Description
Technical Field
The present invention relates to the field of interface display technologies, and in particular, to a method, an apparatus, a device, and a medium for updating a display effect of a UI component.
Background
In the computer field, a component encapsulates one or more code segments that perform respective functions into one or more separate parts, and a UI component (user interface component) contains such one or more code segments that have respective functions, and ultimately can perform a representation of a user interface.
For native APP, under the condition that the software version of the native APP is not updated, the existing display effect of the native UI component is difficult to dynamically replace by the related technology, and the user viscosity of the native APP is not favorably improved.
Disclosure of Invention
In view of this, embodiments of the present invention provide a method, an apparatus, a device, and a medium for updating a display effect of a UI component, so as to solve the problem that it is difficult for a related art to dynamically change an existing display effect of a native UI component without updating a software version of a native APP.
According to a first aspect of the present invention, there is provided a method for updating a display effect of a UI component, applied to a native APP, the method comprising:
acquiring target information of the native APP; the target information at least comprises identity information of a target user and/or environment information of the location of the target user;
acquiring a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information;
updating the acquired remote configuration file to a local configuration file of the UI component;
analyzing the configuration data from the updated local configuration file;
and rendering and displaying the UI component according to the analyzed configuration data.
In one embodiment, the environmental information includes at least one of:
time, geographical location information, IP address, WIFI fingerprint.
In one embodiment, the identity information comprises at least one of:
user name, age, occupation, academic calendar.
In one embodiment, after obtaining the target information of the native APP, the method further includes the following steps:
determining whether the target information satisfies a predetermined update condition;
and if the preset updating condition is met, acquiring a remote configuration file corresponding to the target information from a remote database.
In one embodiment, determining whether the target information satisfies a predetermined update condition includes:
judging whether the target information is in a preset target information range or not;
if not, determining that a predetermined update condition is satisfied;
if so, it is determined that the predetermined update condition is not satisfied.
In one embodiment, if the predetermined update condition is not satisfied, the method further comprises the steps of:
acquiring a pre-stored local configuration file; the pre-stored local configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information;
analyzing the configuration data from the pre-stored local configuration file;
and executing the step of rendering and displaying the UI component according to the analyzed configuration data.
In one embodiment, after obtaining the target information of the native APP, the method further includes the following steps:
if the current time is the time for initializing the UI component, directly executing the step of acquiring a remote configuration file corresponding to the target information from a remote database;
if it is not currently time to initialize the UI component, performing a step of determining whether the target information satisfies a predetermined update condition.
In one embodiment, the configuration data comprises at least one of:
data to be populated to UI components;
a display style of a skin of the UI component.
In one embodiment, the configuration data is used for describing display effects of the UI component corresponding to the target information in different states; parsing the configuration data from the updated local configuration file, including:
detecting a current state of the UI component;
analyzing corresponding configuration data from the updated local configuration file according to the current state; the parsed configuration data is used for: describing a display effect of the UI component corresponding to the target information in the current state.
According to a second aspect of the present invention, there is provided an apparatus for updating a display effect of a UI component, applied to a native APP, the apparatus comprising:
the target information acquisition module is used for acquiring target information of the native APP; the target information at least comprises identity information of a login target user and/or environment information of the location of the target user;
the configuration file acquisition module is used for acquiring a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information;
the configuration file updating module is used for updating the acquired remote configuration file into a local configuration file of the UI component;
the configuration file analysis module is used for analyzing the configuration data from the updated local configuration file;
and the UI component rendering module is used for rendering and displaying the UI component according to the analyzed configuration data.
According to a third aspect of the present invention, there is provided an electronic device having a native APP installed therein, the electronic device comprising:
a processor;
a memory storing processor-executable instructions;
wherein the processor is coupled to the memory for reading program instructions stored by the memory and, in response, performing operations in the method as described above.
In one embodiment, the electronic device is a smart interactive tablet.
According to a fourth aspect of the present invention, there is provided one or more machine-readable storage media having instructions stored thereon, which when executed by one or more processors, cause a terminal device to perform operations in the method as described above.
By implementing the embodiment provided by the invention, after the target information at least comprising the identity information of the target user and/or the environment information of the location of the target user is obtained, the remote configuration file corresponding to the target information is obtained from the remote database and is updated to the local configuration file of the UI component, and the UI component is rendered according to the configuration data of the updated local configuration file. Because the configuration data according to which the UI component is rendered is the remote configuration file acquired corresponding to the target information, and the data after the local configuration file is updated, the UI component for dynamically rendering and updating the native APP can follow the target information to achieve the local existing display effect, and the user viscosity is favorably improved.
In addition, the configuration file corresponding to the target information is stored in a remote database, so that different native APPs and corresponding systems thereof can be adapted, and independence of component platforms is realized.
Drawings
FIG. 1A is a schematic diagram of a network environment shown in an exemplary embodiment of the invention;
1B-1G are schematic diagrams illustrating updating a display effect of a UI component according to an exemplary embodiment of the invention;
FIG. 2 is a flowchart illustrating a method of updating a display effect of a UI component according to another exemplary embodiment of the present invention;
FIG. 3A is a flowchart illustrating a method of updating a display effect of a UI component according to another exemplary embodiment of the present invention;
FIG. 3B is a diagram illustrating processing logic for updating UI component display effects according to status in an exemplary embodiment of the invention;
FIG. 4 is a block diagram illustrating an apparatus for updating a display effect of a UI component according to an exemplary embodiment of the present invention;
fig. 5 is a hardware configuration diagram of an electronic device according to an exemplary embodiment of the present invention.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the invention, as detailed in the appended claims.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in this specification and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used herein refers to and encompasses any and all possible combinations of one or more of the associated listed items.
It is to be understood that although the terms first, second, third, etc. may be used herein to describe various information, these information should not be limited to these terms. These terms are only used to distinguish one type of information from another. For example, first information may also be referred to as second information, and similarly, second information may also be referred to as first information, without departing from the scope of the present invention. The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination", depending on the context.
The Native APP, namely the Native APP, related by the embodiment of the invention is based on local operating systems such as iOS, Android and WP, and the Native program is used for compiling the running third-party application program. When a developer writes a native APP, it is a common practice to write all interfaces (or pages), all functions, all effects, all logics, and all steps of the logics through program codes, and all the interfaces, the functions, the effects, and the logics are written by using codes layer by layer and in segments. The written data are stored locally, so that the native APP can be called in time, and correspondingly, the running speed and the fluency of the native APP are higher.
In some scenarios, the native APP needs a UI component to implement some functions or display effects of the interface, such as function buttons, picture display, text display, and the like, and the native UI component such as a button component, a picture component, a text component, and the like may be correspondingly set.
When a developer of the native APP writes the UI component, the developer typically writes the UI component using a native program, and writes and stores a configuration file for configuring a display effect of the UI component locally. And rendering and displaying the UI component only according to the configuration file stored locally at the later stage. Therefore, the display effect of the UI component is always the effect defined by the local configuration file, if the display effect of the UI component is to be changed into another effect different from the local configuration file, it is difficult to change the display effect of the UI component by modifying the local configuration file, the user needs to manually update the software version of the native APP, the operation is complicated, and additional resource consumption, such as memory occupation consumption, consumption of processing the updated software version, and the like, may be brought.
In view of the difficulty of updating the display effect of the UI component by the native APP, a designer of the solution of the present invention may extract a configuration file configuring the display effect of the UI component from the compiled native APP, and store the extracted configuration file as a remote configuration file in a remote database, where the remote database may be disposed in a server of the native APP.
The extracted configuration file is used as a remote configuration file, and after the configuration file is stored in a remote database, the configuration file corresponding to the target information can be directly modified by the server, and a new configuration file can also be added.
In addition, in order to facilitate updating the display effect of the UI component, the target information that triggers updating the display effect of the UI component may be considered in advance when the configuration file is written. And then writing configuration files corresponding to different target information. The different configuration files can be used for configuring different display effects of the UI component corresponding to different target information, and then each written configuration file is used as a remote configuration file, and the corresponding target information is stored in a remote database. The target information mentioned here may be identity information of the target user and/or environment information of the target user's location.
The target user may be at least one of an operation user of the native APP, a login user, and a user browsing the display content of the native APP, which is not limited in this embodiment of the present invention. The identity information of the target user is used for uniquely identifying the target user, and can be at least one of identity information of a user name, an age, an occupation, a scholarship, a telephone number, an identity card number and the like of the target user. The method and the device for obtaining the user image through the cloud computing can be preset in the original APP and directly called, and can also be obtained in real time through the camera for acquiring the user image in real time, inquiring the login user account in real time or other user acquisition modes, and the embodiment of the invention is not limited to this.
The environment information of the location of the target user may be at least one of time, geographical location information, an IP address, a WIFI fingerprint, and the like of the location. The environment information is obtained by querying system time, satellite positioning, querying an IP, detecting a WIFI fingerprint, and the like, and the embodiment of the present invention is not limited thereto.
In addition, the display effect corresponding to the object information is determined by the object information and at least one of the following:
data to be populated into the UI component, the skin of the UI component.
The data referred to herein may include pictures, video, characters, etc. The skin determines the layout structure of the UI component and the display effect of the fill data, and may include a background, a theme, a font, a color, an outline of the structure, and the like.
When the UI component is actually needed to be displayed, the UI component is updated through the network environment shown in fig. 1A, which may include the electronic device equipped with the native APP, and the server 120 provided with the remote database 121. The remote database 121 is used to store remote configuration files corresponding to target information.
The electronic device is provided with a local storage area 111 for storing the configuration file, and has a display function, the display function can be realized by loading a display device, and the display device can be a display device with only display capability, such as an LED display screen; or may be a display device with interactive capability, such as at least one of a touch screen, a smart interactive tablet, a laptop, a desktop, a tablet, a Personal Digital Assistant (PDA), a mobile terminal device, and other computer devices. For convenience of example, the smart interactive tablet 110 is illustrated in fig. 1A.
The smart interactive tablet 110 is connected to the server 120 through a wired or wireless network, and acquires a remote configuration file stored in correspondence with the target information from a remote database 121 configured by the server 120 through a connection network, and stores the remote configuration file in a local storage area 111 configured by the server, where the local storage area 111 may be a cache area of a memory of the smart interactive tablet 110 or a cache area of a hard disk.
In practical applications, the native APPs installed in the smart interaction panel 110 may be desktop applications (launchers), Setting applications (Setting) or other applications, and after the native APPs start to run in the smart interaction panel 110, the present invention may obtain target information of the native APPs through the smart interaction panel 110, and then obtain a remote configuration file corresponding to the target information from the remote database 121, so as to facilitate subsequent timely updating of the display effect of the UI component, and update the obtained remote configuration file into a local configuration file of the UI component. Compared with a remote configuration file, the local configuration file of the UI component is called as a local configuration file of the UI component, the obtained remote configuration file is updated to be a local configuration file, and the configuration data is analyzed from the updated local configuration file; and rendering and displaying the UI component according to the analyzed configuration data.
It should be noted that the specifically updated display effect may be at least one of contents such as fill data of the UI component, a display style of the fill data, a display style of a skin of the UI component, and the like, where the display style may include an appearance feature describing the fill data or the layout structure, and may also include a pixel feature describing a background, a color, a texture, a brightness, and the like of the fill data or the layout structure. In the following description, taking an electronic device as an intelligent interactive device for teaching, a native APP as a desktop application, and an updated display effect as wallpaper content filled in a UI component, with reference to fig. 1A to 1G, some scenario descriptions are listed:
scene one: wallpaper content populated to the UI component is updated as the user ages.
After the native APP is started, the remote configuration file is obtained according to the age of the user and the local configuration file is updated, if the configuration data is analyzed from the updated local configuration file, but before the UI component is rendered and displayed according to the configuration data, the wallpaper of the desktop application is default content or empty as shown in FIG. 1A.
When the user is a kindergarten student aged 3-6 years, the wallpaper for the desktop application conforms to the kindergarten student's preferences as shown in FIG. 1B, after rendering and displaying the UI components according to the configuration data.
When the user is a middle school student aged 12 to 15 years old, the wallpaper of the desktop application conforms to the learning content of the middle school student as shown in fig. 1C after rendering and displaying the UI component according to the configuration data.
Scene two: wallpaper content populated to the UI component is updated with specific times of day.
After the native APP is started, the remote configuration file is obtained according to the age of the user and the local configuration file is updated, if the configuration data is analyzed from the updated local configuration file, but before the UI component is rendered and displayed according to the configuration data, the wallpaper of the desktop application is default content or empty as shown in FIG. 1A.
When the user is a kindergarten student aged 3-6 years, the student is currently located in a school, and the school time is the arrival time of the school from eight to nine am, rendering and displaying the UI component according to the configuration data, and then the wallpaper of the desktop application is consistent with the current arrival time of the school as shown in fig. 1D.
When the user is a kindergarten student aged 3-6 years, the student is currently located in a school, and the school time is a school hour from four o 'clock to half a five o' clock in the afternoon, the wallpaper of the desktop application conforms to the current school hour as shown in fig. 1E after the UI component is rendered and displayed according to the configuration data.
Scene three: wallpaper content populated to the UI component is updated with specific holiday times each year.
After the native APP is started, the remote configuration file is obtained according to the age of the user and the local configuration file is updated, if the configuration data is analyzed from the updated local configuration file, but before the UI component is rendered and displayed according to the configuration data, the wallpaper of the desktop application is default content or empty as shown in FIG. 1A.
When the user is a kindergarten student aged 3-6 years, the student is currently at school, and the school time is the tree planting festival of the current year, the wallpaper applied to the desktop conforms to the tree planting festival of the current festival as shown in fig. 1F after the UI component is rendered and displayed according to the configuration data.
When the user is a kindergarten student with the age of 3-6 years, the student is currently in the school, and the school time is the national festival of the current year, the wallpaper applied to the desktop is consistent with the national festival of the current festival as shown in fig. 1G after the UI component is rendered and displayed according to the configuration data.
In other scenes, the electronic equipment is mobile equipment and is carried by a user, and the UI components with different display effects can be replaced along with the change of the place where the user is located, for example, when the user travels to different places, wallpaper reflecting the geomancy and the temperament of different places can be automatically replaced along with the change of the place where the user is located. In other embodiments, the display effect of the UI component may be updated according to other target information, such as season, birthday and dead time of a great man, and time of occurrence of a historical major event, which is not limited in this embodiment of the present invention.
In addition, in some scenarios, the smart interactive tablet 110 shown in fig. 1A to 1G may be an integrated device that integrates one or more functions of a projector, an electronic whiteboard, a curtain, a sound, a television, and a video conference terminal.
The smart interactive tablet 110 may also establish a data connection with at least one external device. Among these, external devices include, but are not limited to: smart phones, USB flash drives, laptops, desktop computers, tablet computers, Personal Digital Assistants (PDAs), and the like.
The communication mode of the data connection between the external device and the smart interactive tablet 110 includes, but is not limited to, a USB connection, an internet, a local area network, a bluetooth, a Wi-Fi protocol (Wi-Fi) or a ZigBee protocol (ZigBee), and the embodiment of the present invention is not limited thereto.
Further, when the intelligent interactive tablet is subjected to data interaction with at least one external device, screen projection data are sent to the interactive intelligent tablet so that the intelligent interactive tablet displays screen projection contents of the screen projection data, the external device serves as a screen projection client, generally speaking, one or more screen projection clients can be provided and are set according to specific application scenes, and the embodiment is not limited.
As can be seen from the foregoing embodiments, in the solution of the present invention, after target information at least including identity information of a target user and/or environment information of a location where the target user is located is acquired, a remote configuration file corresponding to the target information is acquired from a remote database and updated to a local configuration file of a UI component, and the UI component is rendered according to configuration data of the updated local configuration file. Because the configuration data according to which the UI component is rendered is the remote configuration file acquired corresponding to the target information and the data after the local configuration file is updated, the display effect of the UI component can be rendered and updated along with the target information, and the improvement of user stickiness is facilitated.
In addition, the configuration file corresponding to the target information is stored in a remote database, so that different native APPs and corresponding systems thereof can be adapted, and independence of component platforms is realized.
The following describes in detail a process of updating a display effect of a UI component according to an embodiment of the present invention with reference to fig. 2 to 3B:
referring to fig. 2, fig. 2 is a flowchart illustrating a method for updating a display effect of a UI component according to an exemplary embodiment of the present invention, which can be applied to an electronic device equipped with a native APP, for updating the display effect of the UI component of the native APP, and the method includes the following steps S201-S205:
step S201, obtaining target information of the native APP; the target information at least comprises identity information of a target user and/or environment information of the location of the target user.
Step S202, obtaining a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file includes predetermined configuration data for describing a display effect of the UI component corresponding to the target information.
Step S203, updating the acquired remote configuration file to a local configuration file of the UI component.
And step S204, analyzing the configuration data from the updated local configuration file.
And S205, rendering and displaying the UI component according to the analyzed configuration data.
The electronic device applied in the embodiment of the present invention may be the electronic device related to fig. 1A, and is implemented by the network environment shown in fig. 1A. In addition, the present invention may also be implemented in other network environments, for example, the remote database shown in fig. 1A is configured on a shared device of an electronic device applied in the embodiment of the present invention, so as to form a network environment that is not different from the network environment shown in fig. 1A. Therefore, as long as the network environment of the scheme of the present invention can be implemented, the embodiment of the present invention does not limit the specific network environment.
The native APP and the target information related to the embodiment correspond to the foregoing embodiment, and are not described herein any more, the remote configuration file related to the embodiment may be written by a developer for the native APP, and when specifically writing, the required UI component, various states that may occur in the UI component, and the requirement for updating the display effect of the native APP may be determined according to the service driver of the native APP, the UI component that needs to update the display effect is determined, and the target information for updating the display state of the UI component is triggered.
And then, according to the actual display effect updating requirement, determining the display effect of the UI component corresponding to different target information, and further writing a corresponding configuration file according to the determined UI component, the target information and the display effect. The writing can be performed by adopting JSON, XMJ and other data protocols.
And then extracting the configuration file from the original APP to be used as a remote configuration file, and storing the corresponding target information into a preset remote database, so that the corresponding remote configuration file can be conveniently acquired according to the target information. The remote database may store various component target information lists when storing remote profiles corresponding to target information, and then map to corresponding remote profiles.
The remote configuration file stored in the remote database, the device where the remote database is located, such as the server shown in fig. 1A, may also update the target information and the remote configuration file corresponding to the target information by modifying, deleting, adding, and the like at any time according to the change of the actual display effect update requirement of the native APP.
In some examples, when writing the configuration file, the native APP needs to be considered as a smooth display UI component, and different timeliness requirements are imposed on different UI components. In the embodiment of the invention, in order to ensure the smooth display of the UI component, when the configuration file is written, the configuration file corresponding to one kind of target information or the configuration files corresponding to multiple kinds of target information can be written according to the timeliness requirement degrees of different UI components of the original APP.
For example: when the configuration file is compiled, various target information which can possibly trigger the update of the display effect of the button assembly and configuration data which describe the display effect of the button assembly corresponding to each target information can be compiled into one configuration file, the configuration file simultaneously corresponds to various target information, and when the remote configuration file corresponding to certain target information is obtained from the remote database, the remote configuration file which configures the display effect of the button assembly corresponding to various target information is obtained at one time.
For the wallpaper component, configuration data describing display effects of the wallpaper component corresponding to different target information can be written into different configuration files, and when a remote configuration file corresponding to certain target information is obtained from a remote database, only a remote configuration file for configuring the display effects of the wallpaper component corresponding to the target information is obtained at one time.
In other embodiments, in order to ensure the flow of UI component display, when writing a configuration file, the configuration data of the display effect corresponding to different target information may be written into different configuration files without considering the timeliness of the UI component, but when the remote database stores remote configuration files corresponding to target information, for a UI component with a high timeliness requirement, each remote configuration file corresponds to all target information that can trigger the update of the display effect of the UI component, and when acquiring a remote configuration file corresponding to certain target information from the remote database, the remote database may return all remote configuration files configuring the display effect thereof at one time for a UI component with high timeliness.
When the remote configuration file corresponding to the target information is obtained from the remote database, the equipment where the remote database is located can be serialized to the remote configuration file first in order to facilitate network transmission, and correspondingly, the equipment provided with the native APP needs to perform deserialization after receiving the remote configuration file.
After the remote configuration file is obtained, the remote configuration file can be updated into the local configuration file of the UI component by taking the timeliness of the original APP updating and rendering UI component into consideration, and further, in order to further improve the updating timeliness, the remote configuration file can be stored into the cache of a local memory or the cache of a hard disk corresponding to the UI component when the local configuration file is updated.
In some scenarios, in addition to the timeliness of updating the display effect, the embodiment of the present invention also needs to reduce the resources consumed by updating the display effect of the UI component. In order to achieve the purpose, the target information can be acquired in a polling and background pushing mode, so that the frequency of acquiring the target information is reduced, and the frequency of updating the display effect of the UI component is further reduced.
In another example, the embodiment of the present invention may further determine a predetermined update condition, and determine whether the target information satisfies the predetermined update condition before acquiring the remote configuration file from the remote database; and if the preset updating condition is met, acquiring a remote configuration file corresponding to the target information from a remote database.
In some cases, the predetermined update condition in this example is a predetermined target information range, such as an identity information range including a academic range, a professional range, and an age range, or an environment information range including a geographical location information range and a time range.
In this case, when determining whether the target information satisfies a predetermined update condition, it may be determined whether the target information is within a predetermined target information range; if not, determining that a predetermined update condition is satisfied; if so, it is determined that the predetermined update condition is not satisfied.
In another case, in the embodiment of the present invention, a local configuration file corresponding to the UI component is pre-stored locally, where the pre-stored local configuration file includes predetermined configuration data, and the configuration data is used to describe a display effect of the UI component corresponding to the target information.
If the acquired target information does not satisfy the predetermined update condition, for example: the configuration data describing the display effect of the UI component corresponding to the target information is contained in a pre-stored local configuration file, and the configuration data can be analyzed from the pre-stored local configuration file; and then, rendering and displaying the UI component according to the analyzed configuration data.
Under other conditions, after the target information of the native APP is obtained, no matter whether the target information meets a preset updating condition or not, if the target information is currently in the time for initializing the UI component, the step of obtaining a remote configuration file corresponding to the target information from a remote database is directly executed; and if the time for initializing the UI component is not available, determining whether the target information meets a preset updating condition.
Further, if the acquired target information is the same as the target information acquired in the history and does not change, it may be considered that the acquired target information does not satisfy the predetermined update condition, and the display effect of the UI component is updated without performing steps S202 to S205.
After the local configuration file corresponding to the UI component is updated, the operation of configuring the UI component and updating and displaying the UI component can be started. In the embodiment of the present invention, in consideration of the configuration file corresponding to the UI component in the local, in addition to the configuration data describing the display effect of the UI component corresponding to the target information, the configuration file may further include data in other standard formats, such as the writing time of the configuration file, and the like, so that configuring the UI component requires parsing the display effect configuration data describing the target information obtained in step S201 corresponding to the UI component from the local configuration file of the UI component, and then rendering the UI component according to the configuration data.
When rendering a UI component according to the configuration data, the embodiment of the present invention may configure the UI component according to the configuration data, for example: when the configuration data describing the display effect comprises at least one of data to be filled in the UI component and a display style of the skin of the UI component, the UI component is configured, the data to be filled in the UI component can be filled in the UI component, and/or the display style of the skin of the UI component is updated according to the configuration data, then the configured UI component is processed into multi-dimensional graphs and textures by a CPU, then the GPU is called by an OpeGL ES interface, most of the graphs are rasterized (Frame Rate) by the GPU, and then the graphs are projected to a screen for display.
In addition, considering that resources consumed by analyzing the local configuration file and rendering and updating the UI component are very large, the embodiment of the invention can execute the operation of analyzing the local configuration file in the sub-thread, the operation of configuring the UI component according to the configuration data and the operation of rendering and displaying the configured UI component in the main thread.
As can be seen from the foregoing embodiments, in the embodiments of the present invention, the display effect of the UI component can be updated along with the switching of the target information, and in the updating process, the UI component is a stateless component or a single-state component, or the UI component is a multi-state component, and the display effects in the states are the same, and the configuration data describing the display effect of the UI component when the target information is correspondingly acquired can be directly analyzed, so as to update the display of the UI component.
However, when the UI component is a multi-state UI component, and the display effects of the UI component in the respective states are not exactly the same, the configuration data may be used to describe the display effects of the UI component corresponding to the target information in the different states, and therefore, it is necessary to parse the configuration data describing the display effects of the UI component corresponding to the target information in the current state, so as to update the display effects of the UI component, specifically, referring to fig. 3A, where fig. 3A is a flowchart of a method for updating the display effects of the UI component according to another exemplary embodiment of the present invention, which may be applied to an electronic device equipped with a native APP, for updating the display effects of the UI component of the native APP, and includes the following steps S301 to S306:
s301, acquiring target information of the native APP; the target information at least comprises identity information of a target user and/or environment information of the location of the target user.
Step S302, obtaining a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file includes predetermined configuration data for describing a display effect of the UI component corresponding to the target information.
Step S303, updating the acquired remote configuration file to a local configuration file of the UI component.
Step S304, detecting the current state of the UI component;
step S305, according to the current state, parsing configuration data describing a display effect of the UI component corresponding to the target information in the current state from the updated local configuration file.
And S306, rendering and displaying the UI component according to the analyzed configuration data.
Steps S301, S302, S303 and step S306 of the present embodiment correspond to the previous embodiments, and are not described herein again.
For step S304, different states of the UI component may be triggered by the operating user, and thus, when detecting the current state of the UI component, a triggering operation by the user may be detected.
For step S305, when writing the configuration file, according to different states of the UI component and the target information, writing configuration data describing a display effect of the UI component corresponding to the target information in the current state, and laying out the configuration data in the configuration file corresponding to the target information of the UI component corresponding to the different states.
For example, the button component in the Android system has different states such as normal, focus, compressed, selected, and the like, the display effect of the button component corresponding to the same target information in different states can be different, and when the configuration file is written, the target information and the configuration data in different states can be corresponding to each other to establish a one-to-one or one-to-many relationship.
In one example, the configuration file is written in the JSON format, and the written configuration file of the button component is as follows:
the following describes, with reference to fig. 3B, processing logic for updating display effects of UI components in different states corresponding to different target information:
as shown in fig. 3B, the states of the UI component include state 1, state 2, state 3, through state n, where n is an integer greater than or equal to 4, in the embodiment of the present invention, a remote configuration file corresponding to target information is pulled from a remote database, and a local configuration file is updated and stored in a local storage area, and after the UI component is triggered by a user each time, the UI component performs logic switching to switch to a state corresponding to a user trigger operation, and the embodiment of the present invention may detect the switched state, and then parse out from the local configuration file according to the switched state: and the UI component displays the configuration data of the display effect corresponding to the target information in the detected state, and then renders and displays the UI component according to the analyzed configuration data, so that the UI component presents the display effect corresponding to the target information in the switched state.
Along with the triggering operation of the user, the UI component can be correspondingly switched from the state 1, the state 2, the state 3 to the state n, and the display effect can also be correspondingly switched.
Corresponding to the embodiments of the method described above, the invention also provides embodiments of the apparatus.
Referring to fig. 4, fig. 4 is a block diagram illustrating an apparatus for updating a display effect of a UI component, which is applied to a native APP, according to an exemplary embodiment of the present invention, and may include: a target information acquisition module 410, a profile acquisition module 420, a profile update module 430, a profile parsing module 440, and a UI component rendering module 450.
The target information obtaining module 410 is configured to obtain target information of the native APP; the target information at least comprises identity information of a login target user and/or environment information of the location of the target user.
A configuration file obtaining module 420, configured to obtain a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file includes predetermined configuration data for describing a display effect of the UI component corresponding to the target information.
A profile update module 430, configured to update the obtained remote profile to a local profile of the UI component.
The configuration file parsing module 440 is configured to parse the configuration data from the updated local configuration file.
And the UI component rendering module 450 is configured to render and display the UI component according to the parsed configuration data.
In one example, the environmental information includes at least one of:
time, geographical location information, IP address, WIFI fingerprint.
In another example, the identity information includes at least one of:
user name, age, occupation, academic calendar.
In another example, the apparatus for updating a display effect of a UI component according to an embodiment of the present invention may further include:
an update determining module, configured to determine whether the target information meets a predetermined update condition after the target information obtaining module 410 obtains the target information of the native APP;
the profile acquisition module 420 is further configured to:
and when the target information meets a preset updating condition, acquiring a remote configuration file corresponding to the target information from a remote database.
As an example, the update determination module is further configured to:
judging whether the target information is in a preset target information range or not;
if not, determining that a predetermined update condition is satisfied;
if so, it is determined that the predetermined update condition is not satisfied.
As an example, the apparatus for updating a display effect of a UI component according to an embodiment of the present invention may further include:
the local file acquisition module is used for acquiring a pre-stored local configuration file when the target information does not meet a preset updating condition; the pre-stored local configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information;
the local file analysis module is used for analyzing the configuration data from the pre-stored local configuration file;
in another example, the method further comprises the steps of:
an initialization module configured to directly execute a step of acquiring a remote configuration file corresponding to target information from a remote database after the target information of the native APP is acquired by the target information acquisition module 410 and when the current time is at a time of initializing a UI component;
the update determination module is further configured to:
a step of determining whether the target information satisfies a predetermined update condition when it is not currently at a time of initializing the UI component.
In another example, the configuration data includes at least one of:
data to be populated to UI components;
a display style of a skin of the UI component.
In another example, the configuration data is used for describing display effects of the UI component corresponding to the target information in different states; the profile parsing module 440 is further configured to:
detecting a current state of the UI component;
and according to the current state, analyzing configuration data describing the display effect of the UI component corresponding to the target information in the current state from the updated local configuration file.
The implementation process of the functions and actions of each unit (or module) in the above device is specifically described in the implementation process of the corresponding step in the above method, and is not described herein again.
For the device embodiments, since they substantially correspond to the method embodiments, reference may be made to the partial description of the method embodiments for relevant points. The above-described embodiments of the apparatus are merely illustrative, and the units or modules described as separate parts may or may not be physically separate, and the parts displayed as the units or modules may or may not be physical units or modules, may be located in one place, or may be distributed on a plurality of network units or modules. Some or all of the modules can be selected according to actual needs to achieve the purpose of the scheme of the invention. One of ordinary skill in the art can understand and implement it without inventive effort.
The embodiment of the device for updating the display effect of the UI component can be applied to the electronic equipment. In particular, it may be implemented by a computer chip or entity, or by an article of manufacture having some functionality. In a typical implementation, the electronic device is a computer installed with a native APP, and the specific form of the computer may be a personal computer, a laptop computer, a cellular phone, a camera phone, a smart phone, a navigation device, an email transceiver device, a game console, a tablet computer, a wearable device, a smart television, a set-top box, a smart car, an unmanned vehicle, a smart interactive tablet, a smart home device, or a combination of any of these devices.
The device embodiments may be implemented by software, or by hardware, or by a combination of hardware and software. The software implementation is taken as an example, and is formed by reading, by a processor of the electronic device, corresponding computer program instructions in a readable storage medium such as a nonvolatile memory into a memory for operation, as a logical device. From a hardware aspect, as shown in fig. 5, a hardware structure diagram of an electronic device where a device for updating a display effect of a UI component according to the present invention is located is shown, except for the processor, the memory, the network interface, and the nonvolatile memory shown in fig. 5, a terminal device where the device is located in the embodiment may also include other hardware according to an actual function of the terminal device, which is not described again. Wherein the memory and the non-volatile memory are computer readable memories, and the memory of the terminal device can store program instructions executable by the processor; the processor may be coupled to the memory for reading the program instructions stored by the storage medium and in response performing the operations in the method for updating the display effect of the UI component in any of the above embodiments.
In other embodiments, the operations performed by the processor may refer to the description related to the above embodiments of the method for filtering television content, which is not repeated herein.
Furthermore, an embodiment of the present invention further provides a machine-readable storage medium (a memory of an electronic device), where the machine-readable storage medium stores program instructions, where the program instructions include instructions corresponding to the steps of the method for filtering television content described above. When executed by one or more processors, cause an electronic device to perform the above-described method of updating display effects of a UI component.
Embodiments of the invention may take the form of a computer program product embodied on one or more readable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having program code embodied therein. Computer-usable readable storage media, including both permanent and non-permanent, removable and non-removable media, may implement the information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of machine-readable storage media include, but are not limited to: phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technologies, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic tape storage or other magnetic storage devices, or any other non-transmission medium, may be used to store information that may be accessed by a computing device.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like made within the spirit and principle of the present invention should be included in the scope of the present invention.
Claims (12)
1. A method of updating display effects of UI components, applied to native APP, the method comprising:
acquiring target information of the native APP; the target information at least comprises identity information of a target user and/or environment information of the location of the target user;
acquiring a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file comprises preset configuration data, and the configuration data is used for describing display effects of the UI component corresponding to the target information in different states; the remote configuration file is extracted from the written native APP and is used for configuring the display effect of the UI component, and the remote configuration file is stored in a remote database;
updating the acquired remote configuration file to a local configuration file of the UI component;
analyzing the configuration data from the updated local configuration file; the configuration data is obtained by analyzing the updated local configuration file based on the current state of the UI component, and the analyzed configuration data is used for: describing a display effect of the UI component corresponding to the target information in the current state;
and rendering and displaying the UI component according to the analyzed configuration data.
2. The method of claim 1, wherein the environmental information comprises at least one of:
time, geographical location information, IP address, WIFI fingerprint.
3. The method of claim 1, wherein the identity information comprises at least one of:
user name, age, occupation, academic calendar.
4. The method of claim 1, wherein after obtaining target information of the native APP, the method further comprises:
determining whether the target information satisfies a predetermined update condition;
and if the preset updating condition is met, acquiring a remote configuration file corresponding to the target information from a remote database.
5. The method of claim 4, wherein determining whether the target information satisfies a predetermined update condition comprises:
judging whether the target information is in a preset target information range or not;
if not, determining that a predetermined update condition is satisfied;
if so, it is determined that the predetermined update condition is not satisfied.
6. The method according to claim 4 or 5, wherein if the predetermined update condition is not satisfied, the method further comprises the steps of:
acquiring a pre-stored local configuration file; the pre-stored local configuration file comprises preset configuration data, and the configuration data is used for describing the display effect of the UI component corresponding to the target information;
analyzing the configuration data from the pre-stored local configuration file;
and executing the step of rendering and displaying the UI component according to the analyzed configuration data.
7. The method of claim 4, wherein after obtaining target information for the native APP, the method further comprises:
if the current time is the time for initializing the UI component, directly executing the step of acquiring a remote configuration file corresponding to the target information from a remote database;
if it is not currently time to initialize the UI component, performing a step of determining whether the target information satisfies a predetermined update condition.
8. The method of claim 1, wherein the configuration data comprises at least one of:
data to be populated to UI components;
a display style of a skin of the UI component.
9. An apparatus for updating display effects of UI components, applied to native APP, the apparatus comprising:
the target information acquisition module is used for acquiring target information of the native APP; the target information at least comprises identity information of a login target user and/or environment information of the location of the target user;
the configuration file acquisition module is used for acquiring a remote configuration file corresponding to the target information from a remote database; the acquired remote configuration file comprises preset configuration data, and the configuration data is used for describing display effects of the UI component corresponding to the target information in different states; the remote configuration file is extracted from the written native APP and is used for configuring the display effect of the UI component, and the remote configuration file is stored in a remote database;
the configuration file updating module is used for updating the acquired remote configuration file into a local configuration file of the UI component;
the configuration file analysis module is used for analyzing the configuration data from the updated local configuration file; the configuration data is obtained by analyzing the updated local configuration file based on the current state of the UI component, and the analyzed configuration data is used for: describing a display effect of the UI component corresponding to the target information in the current state;
and the UI component rendering module is used for rendering and displaying the UI component according to the analyzed configuration data.
10. The utility model provides an electronic equipment which characterized in that, install native APP in the electronic equipment, electronic equipment includes:
a processor;
a memory storing processor-executable instructions;
wherein the processor is coupled to the memory for reading program instructions stored by the memory and, in response, performing operations in the method of any of claims 1-8.
11. The device of claim 10, wherein the electronic device is a smart interactive tablet.
12. One or more machine-readable storage media having instructions stored thereon, which when executed by one or more processors, cause a terminal device to perform operations in a method as recited in any of claims 1-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810682531.1A CN109032722B (en) | 2018-06-27 | 2018-06-27 | Method, device, equipment and medium for updating display effect of UI component |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810682531.1A CN109032722B (en) | 2018-06-27 | 2018-06-27 | Method, device, equipment and medium for updating display effect of UI component |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109032722A CN109032722A (en) | 2018-12-18 |
| CN109032722B true CN109032722B (en) | 2021-09-28 |
Family
ID=65520660
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810682531.1A Active CN109032722B (en) | 2018-06-27 | 2018-06-27 | Method, device, equipment and medium for updating display effect of UI component |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109032722B (en) |
Families Citing this family (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111694568B (en) * | 2019-03-15 | 2023-04-07 | 阿里巴巴集团控股有限公司 | Method and device for generating UI card document |
| CN110099379A (en) * | 2019-03-25 | 2019-08-06 | 北京辰森世纪科技股份有限公司 | The method and device of Remote configuration pos machine, system, storage medium, electronic device |
| CN110008430A (en) * | 2019-04-10 | 2019-07-12 | 广州视源电子科技股份有限公司 | Pass the desktop component configuration method and device of screen equipment |
| CN110389736A (en) * | 2019-06-05 | 2019-10-29 | 华为技术有限公司 | A kind of throwing screen display methods and electronic equipment |
| CN110806696B (en) * | 2019-10-16 | 2023-07-21 | 海尔优家智能科技（北京）有限公司 | Method and device for determining household control application theme and computer storage medium |
| CN111083830B (en) * | 2019-12-31 | 2023-05-02 | 通力科技股份有限公司 | LED lamp set display method, device, equipment and storage medium |
| CN111552537B (en) * | 2020-05-06 | 2023-10-20 | 深圳市卡牛科技有限公司 | Theme switching method and device, computer equipment and storage medium |
| CN112486489A (en) * | 2020-12-11 | 2021-03-12 | 上海悦易网络信息技术有限公司 | Auction component rendering method and device |
| CN112887125A (en) * | 2021-01-12 | 2021-06-01 | 深圳创维－Rgb电子有限公司 | Terminal device remote configuration method and device, terminal device and readable storage medium |
| CN113407292B (en) * | 2021-08-16 | 2022-02-22 | 北京蔚领时代科技有限公司 | UI data processing system |
| CN114385302B (en) * | 2022-01-14 | 2023-08-15 | 华戎信息产业有限公司 | Screen effect generation method and system based on visualization engine |
| CN116208661A (en) * | 2023-02-22 | 2023-06-02 | 重庆长安汽车股份有限公司 | Function configuration adaptation method, device, vehicle and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103019730A (en) * | 2012-12-24 | 2013-04-03 | 华为技术有限公司 | Method for displaying interface element and electronic equipment |
| CN105224172A (en) * | 2015-09-25 | 2016-01-06 | 百度在线网络技术（北京）有限公司 | A kind of theme output intent and system |
| CN105630333A (en) * | 2016-01-08 | 2016-06-01 | 努比亚技术有限公司 | Display device and display method |
| CN106371844A (en) * | 2016-08-31 | 2017-02-01 | 北京奇艺世纪科技有限公司 | Method and system for presenting webpage by native user interface assembly |
| CN106534279A (en) * | 2016-10-25 | 2017-03-22 | 广东亿迅科技有限公司 | Dynamic native interface invoking method and system |
| CN106855797A (en) * | 2015-12-09 | 2017-06-16 | 阿里巴巴集团控股有限公司 | The method to set up and device of a kind of interface element color |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8881250B2 (en) * | 2011-06-17 | 2014-11-04 | Ebay Inc. | Passporting credentials between a mobile app and a web browser |
| CN105760162A (en) * | 2016-02-04 | 2016-07-13 | 四川长虹电器股份有限公司 | Development method for hybrid APP software |
| CN107368487B (en) * | 2016-05-12 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Dynamic layout method, device and client for page components |
| CN107678789A (en) * | 2016-07-27 | 2018-02-09 | 平安科技（深圳）有限公司 | The update method and device at UI interfaces |
| CN106445583B (en) * | 2016-08-31 | 2020-03-31 | 广州品唯软件有限公司 | Page display method, equipment and system |
| CN107315680B (en) * | 2017-05-26 | 2020-11-03 | 北京航空航天大学 | Method and system for detecting Hybrid mobile application user interface |
| CN107911482B (en) * | 2017-12-11 | 2021-07-23 | 北京小米移动软件有限公司 | Target application opening method and device |
| CN108024136A (en) * | 2017-12-14 | 2018-05-11 | 深圳Tcl新技术有限公司 | Load method, smart television and the computer-readable recording medium of user interface |
-
2018
- 2018-06-27 CN CN201810682531.1A patent/CN109032722B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103019730A (en) * | 2012-12-24 | 2013-04-03 | 华为技术有限公司 | Method for displaying interface element and electronic equipment |
| CN105224172A (en) * | 2015-09-25 | 2016-01-06 | 百度在线网络技术（北京）有限公司 | A kind of theme output intent and system |
| CN106855797A (en) * | 2015-12-09 | 2017-06-16 | 阿里巴巴集团控股有限公司 | The method to set up and device of a kind of interface element color |
| CN105630333A (en) * | 2016-01-08 | 2016-06-01 | 努比亚技术有限公司 | Display device and display method |
| CN106371844A (en) * | 2016-08-31 | 2017-02-01 | 北京奇艺世纪科技有限公司 | Method and system for presenting webpage by native user interface assembly |
| CN106534279A (en) * | 2016-10-25 | 2017-03-22 | 广东亿迅科技有限公司 | Dynamic native interface invoking method and system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109032722A (en) | 2018-12-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109032722B (en) | Method, device, equipment and medium for updating display effect of UI component | |
| CN109710206B (en) | Method, device, terminal and storage medium for displaying information | |
| US11500513B2 (en) | Method for icon display, terminal, and storage medium | |
| CN108279966B (en) | Webpage screenshot method, device, terminal and storage medium | |
| CN107889070B (en) | Picture processing method, device, terminal and computer readable storage medium | |
| US20170161032A1 (en) | Running applications using pre-generated components | |
| US10049625B1 (en) | Context-based rendering | |
| CN112947969B (en) | Page off-screen rendering method, device, equipment and readable medium | |
| US20130036196A1 (en) | Method and system for publishing template-based content | |
| KR20230164234A (en) | Methods, devices and electronic devices for page display for applications | |
| CN111459501B (en) | SVG-based Web configuration picture storage and display system, method and medium | |
| CN110019464B (en) | Page processing method and device | |
| CN105824517A (en) | Implementation method and apparatus of desktop | |
| CN110750664A (en) | Picture display method and device | |
| CN104899038A (en) | Interface style transformation method and device | |
| CN115526978A (en) | Method, equipment and storage medium for realizing three-dimensional control of vehicle-mounted system user interface | |
| CN107562324B (en) | Data display control method and terminal | |
| CN107621951B (en) | View level optimization method and device | |
| CN107391148B (en) | View element saving method and device, electronic equipment and computer storage medium | |
| KR102184162B1 (en) | System and method for producing reactive webtoons | |
| US20130229440A1 (en) | State aware tile visualization | |
| CN114237795B (en) | Terminal interface display method and device, electronic equipment and readable storage medium | |
| CN113888684A (en) | Method and apparatus for graphics rendering and computer storage medium | |
| CN113763552A (en) | Three-dimensional geographic model display method and device, computer equipment and storage medium | |
| CN114020187A (en) | Font icon display method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |