CN116149778A - Interface display method, terminal device and storage medium - Google Patents
Interface display method, terminal device and storage medium Download PDFInfo
- Publication number
- CN116149778A CN116149778A CN202310417355.XA CN202310417355A CN116149778A CN 116149778 A CN116149778 A CN 116149778A CN 202310417355 A CN202310417355 A CN 202310417355A CN 116149778 A CN116149778 A CN 116149778A
- Authority
- CN
- China
- Prior art keywords
- interface
- resource
- target
- displayed
- resources
- 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.)
- Granted
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- 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/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The application relates to the field of software development, and provides an interface display method, terminal equipment and a storage medium, wherein the method comprises the following steps: acquiring interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information; acquiring interface resource data matched with the interface element information; invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering; generating a target interface at least according to the interface layout information and the resources to be displayed; and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface. The efficiency of displaying and refreshing the target interface in the terminal equipment is improved, and the system resources consumed for displaying the target interface are reduced.
Description
Technical Field
The present disclosure relates to the field of software development, and in particular, to an interface display method, a terminal device, and a storage medium.
Background
To make the user interface of an electronic device more compact and aesthetically pleasing, the operating system is typically able to display the content of another application on the application in the form of an interface card. Specifically, the application program can serve as a content provider to provide the content to be displayed for the target application to display, for example, the content such as time, weather, flight information and the like is displayed in the application program such as a desktop, a negative screen, a voice assistant, a content center and the like, so that the user experience is improved. However, the display of the card interface requires consuming additional memory resources, and how to efficiently generate and refresh the content displayed in the card interface, especially how to display and refresh the content displayed in the card interface while saving system resources when a user adds a large number of interface cards, is a problem to be solved.
Disclosure of Invention
The main purpose of the application is to provide an interface display method, terminal equipment and a computer storage medium, aiming at improving the efficiency of displaying and refreshing a card interface and saving system resources.
In a first aspect, the present application provides an interface display method, applied to a terminal device, where the method includes:
Acquiring interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information;
acquiring interface resource data matched with the interface element information;
invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering;
generating a target interface at least according to the interface layout information and the resources to be displayed;
and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface.
In a second aspect, the present application further provides a terminal device, where the terminal device includes a processor, a memory, and a computer program stored on the memory and executable by the processor, where the computer program, when executed by the processor, implements the steps of the interface display method according to any one of the embodiments of the present application.
In a third aspect, the present application further provides a computer readable storage medium, where a computer program is stored on the computer readable storage medium, where the computer program, when executed by a processor, implements the steps of the interface display method according to any one of the embodiments of the present application.
The application provides an interface display method, terminal equipment and a storage medium, wherein the interface configuration information at least comprises interface element information and interface layout information by acquiring interface configuration information of a target source application; acquiring interface resource data matched with the interface element information; invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering; generating a target interface at least according to the interface layout information and the resources to be displayed; and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface. The efficiency of displaying and refreshing the target interface in the terminal equipment is improved, and the system resources consumed for displaying the target interface are reduced.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings needed in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of an interface display method according to an embodiment of the present disclosure;
FIG. 2 is a view of a use scenario of an interface display method according to an embodiment of the present application;
FIG. 3 is a flow chart illustrating the sub-steps of step S101 in an interface display method according to an embodiment of the present application;
FIG. 4 is a flowchart illustrating the sub-steps of step S103 in an interface display method according to an embodiment of the present application;
FIG. 5 is a flow chart illustrating the sub-steps of step S104 in an interface display method according to an embodiment of the present application;
FIG. 6 is a flow chart illustrating the sub-steps of step S105 in an interface display method according to an embodiment of the present application;
fig. 7 is a schematic block diagram of a structure of a terminal device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all, of the embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art without undue burden from the present disclosure, are within the scope of the present disclosure.
The flow diagrams depicted in the figures are merely illustrative and not necessarily all of the elements and operations/steps are included or performed in the order described. For example, some operations/steps may be further divided, combined, or partially combined, so that the order of actual execution may be changed according to actual situations.
The embodiment of the application provides an interface display method, terminal equipment and a storage medium.
Some embodiments of the present application are described in detail below with reference to the accompanying drawings. The following embodiments and features of the embodiments may be combined with each other without conflict.
Referring to fig. 1, fig. 1 is a flow chart of an interface display method according to an embodiment of the present application. The interface display method can be used in terminal equipment to display a target page in the terminal equipment, wherein the terminal equipment can be electronic equipment such as a mobile phone, a tablet personal computer, a notebook computer, a desktop computer, a personal digital assistant, wearable equipment and the like.
The operating system of the terminal equipment is at least one of a hong Monte System, an android System and an iOS.
Referring to fig. 2, fig. 2 is a usage scenario diagram of an interface display method according to an embodiment of the present application.
As shown in fig. 2, the target source application can generate a target interface according to the interface configuration information and display the target interface into the host application, wherein the target source application can be various application programs in the terminal equipment, such as a weather application program, a clock application program, a flight information application program and the like; the target interface may be a card interface, for example, an interface that may be an atomized service card; the host application may also be various applications in the terminal device, such as a desktop application, a negative one-screen application, a voice assistant application, a content center application, etc., without limitation.
As shown in fig. 1, the wireless communication function test method includes steps S101 to S105.
Step S101, obtaining interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information.
The interface configuration information may be a configuration file preset for a target source application, for example. For example, the interface configuration information may be a json configuration file containing interface element information and interface layout information for construction based on hypertext markup language (HTML) and Cascading Style Sheets (CSS), which is not limited thereto, and the interface configuration information may be a configuration file in other formats set based on other computer languages, which is not limited thereto.
The interface element information is used for indicating the data source of the interface element in the target interface, and the interface layout information is used for indicating the position and the size of the resource icon generated according to the interface element.
Taking the clock application program as a target source application to generate a target interface as an example, the interface element information is used for indicating a data source of an interface element in the target interface corresponding to the clock application program, for example, the interface element is time information, the interface element information is used for indicating a position for acquiring time information data from a system, and the interface layout information is used for indicating a position and a display size of a time information icon generated according to the time information in a terminal device.
Referring to fig. 3, a flow chart of sub-steps of an interface display method according to an embodiment of the present application is shown.
As shown in fig. 3, in some embodiments, step S101 includes steps S1011-S1012: step S1011, determining an application identifier of a target source application based on the obtained interface adding instruction; step S1012, based on the application identifier, obtaining interface configuration information corresponding to the target source application.
For example, the user may trigger the interface adding instruction through a preset operation for the target source application, for example, performing a double click operation, a long press operation, a drag operation, and the like for an application icon of the target source application, which is not limited herein. And after receiving an interface adding instruction aiming at the target source application, acquiring an application identifier of the target source application so as to uniquely determine the target source application according to the application identifier and acquire interface configuration information of the target source application. Specifically, the application identifier may be an application ID.
For example, the interface configuration information of the target source application may be stored locally in the terminal device, and after the interface addition instruction is obtained, the corresponding interface configuration information is searched in the local storage space according to the application identifier of the target application; or, the interface configuration information of the target source application may also be stored in the remote server, and after the interface adding instruction is obtained, the corresponding interface configuration information is requested to the remote server according to the application identifier of the target application.
And step S102, acquiring interface resource data matched with the interface element information.
Illustratively, since the interface element information is used to indicate the data source of the interface element in the target interface, the interface resource data used to generate the target interface may be determined according to the interface element information.
The interface element information may be, for example, a data name, a data storage location, etc. of the interface resource data, which is not limited herein.
Step S103, invoking a resource engine to preprocess the interface resource data to obtain the resources to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering.
The obtained interface resource data is preprocessed to obtain a to-be-checked display resource, and the to-be-displayed resource can be an element in a target interface, such as a text, a picture, a dynamic element, and the like, which is not limited herein.
Referring to fig. 4, fig. 4 is a flowchart illustrating sub-steps of an interface display method according to an embodiment of the present disclosure.
As shown in fig. 4, in some embodiments, step S103 includes: step S1031 to step S1033: step S1031, determining a data type corresponding to the interface resource data, and classifying the interface resource data according to the data type to obtain interface resource sub-data corresponding to each classification; step S1032, determining a resource engine according to each type of the interface resource sub-data, and processing the corresponding interface resource sub-data by using the resource engine to obtain candidate resources to be displayed, wherein each resource engine is used for processing one type of the interface resource sub-data; step S1033, displaying the candidate resources to be displayed, obtaining a confirmation operation of the user based on the candidate resources to be displayed, and confirming the resources to be displayed from the candidate resources to be displayed according to the confirmation operation.
Exemplary, the data types of the interface resource data are classified according to the data types of the interface resource data, so that at least one interface resource sub-data corresponding to the classification is obtained. Specifically, the data type of the interface resource data may be determined according to the format, the file name, etc. of the interface resource data, which is not limited thereto, and is not limited thereto.
The resource engine is called to conduct resource rendering on the interface resource sub-data of each class after the interface resource sub-data corresponding to each class is determined, and candidate resources to be displayed are obtained. Specifically, the classification of the interface resource sub-data may include, for example, text, pictures, dynamic elements, and the like, and the resource engine for rendering the interface resource sub-data is determined according to the classification to which the interface resource sub-data belongs. The same classified interface resource sub-data can be rendered through one or more resource engines, for example, dynamic elements in the interface resource data are respectively rendered through a plurality of different resource engines, so that a user can select from a plurality of dynamic elements in different styles, and the diversity of interface display is improved.
The method includes the steps that after resource rendering is carried out on interface resource sub-data through a resource engine, at least one candidate to-be-displayed resource corresponding to each type of interface resource sub-data is obtained, the candidate to-be-displayed resource is improved to a user for selection, and confirmation operation of the user for each type of candidate to-be-displayed resource can be obtained, or confirmation operation of the user for each type of candidate to-be-displayed resource combination can be obtained. For example, the user may select display effects of text, diagrams, pictures, etc. in the target interface, respectively; the overall display effect of the target interface obtained by combining various candidate resources to be displayed can also be directly selected, and the method is not limited herein.
In some embodiments, step S1032 includes: acquiring a plurality of candidate resource engines from a remote server according to the resource processing requirements; preprocessing preset processing data by utilizing the candidate resource engines, and acquiring a data processing result of each candidate resource engine; and determining a target resource engine from a plurality of candidate resource engines according to the data processing result.
The resource engine may be a resource engine stored in the terminal device, or may be a resource engine stored in a remote server, which is not limited herein.
For example, if the resource engine is stored in the remote server, the terminal device may call the resource engine of the remote server through the resource processing requirement in the configuration information to obtain a plurality of candidate resource engines. Wherein the resource processing requirements may include, for example, resource processing keywords.
The candidate resource engine is used for preprocessing preset processing data, wherein the preset processing data can be interface resource sub-data, and can also be preset example resource data for evaluating rendering effects of the candidate resource engine, and the method is not limited herein.
In some embodiments, the obtaining a plurality of candidate resource engines from a remote server according to the resource processing requirements comprises: determining a resource processing keyword according to the resource processing requirement, and expanding the resource processing keyword to obtain an expanded resource keyword; searching the matched resource engine download link and the evaluation information of the resource engine in a third party platform by utilizing the extended resource keyword; and screening out candidate engine download links from the resource engine download links according to the evaluation information, and acquiring corresponding candidate resource engines by utilizing the candidate engine download links.
Illustratively, resource processing keywords for determining resource engines are preset in the resource processing requirements, so that a proper resource engine can be selected from a large number of resource engines.
For example, in order to improve accuracy of the searched resource engine, the resource processing keywords may be expanded to obtain expanded resource keywords, and the search of the resource engine may be performed according to at least one of the resource processing keywords and the expanded resource keywords.
For example, the evaluation information of the resource engine may be obtained by preprocessing the preset processing data through the resource engine in the previous searching and using process.
The evaluation information may be, for example, an evaluation score, a candidate engine download link is selected according to the searched evaluation score of the resource engine, and the candidate engine download link is used to obtain a corresponding candidate resource engine.
In some embodiments, the expanding the resource processing keyword to obtain an expanded resource keyword includes: acquiring first characteristic information of the resource processing keywords; matching the first characteristic information with second characteristic information of candidate keywords in a preset keyword library; and determining the extended resource keywords corresponding to the resource processing keywords according to the matching degree of the first characteristic information and the second characteristic information.
For example, the extended resource keywords may be obtained from a preset keyword library according to text features of the resource processing keywords. Specifically, feature extraction is performed on the resource processing keywords to obtain first feature information, the first feature information is matched with second feature information of candidate keywords in a keyword library, and the candidate keywords corresponding to the second feature information with the highest matching degree of the first feature information are determined to be the expanded resource keywords.
For example, the first feature information may be a first text feature vector, the second feature information may be a second text feature vector, and the extended resource keyword is determined from candidate keywords of the keyword library according to a cosine distance between the first text feature vector and the second text feature vector.
By expanding the resource processing keywords, the richness of the resource engine is improved, the flexibility of generating the target interface is improved, and the user experience is further improved.
And step S104, generating a target interface at least according to the interface layout information and the resources to be displayed.
For example, the display position of each resource to be displayed can be determined according to the interface layout information, so that the resource to be displayed is displayed at the corresponding position according to the interface layout information, and the target interface is obtained.
Referring to fig. 5, fig. 5 is a flowchart illustrating sub-steps of an interface display method according to an embodiment of the present disclosure.
As shown in fig. 5, in some embodiments, step S104 includes steps S1041-S1043: step S1041, determining a display area of the resource to be displayed in a display screen of the terminal equipment according to the interface layout information; step S1042, loading the resource to be displayed in the corresponding display area, and monitoring the loading state of the resource to be displayed; step S1043, adjusting a loading policy of the resource to be displayed at least according to the loading state, so as to obtain a target interface.
In an exemplary manner, after determining a display area of a resource to be displayed in a display screen of a terminal device according to interface layout information, in a process of loading the resource to be displayed into a corresponding display area, the terminal device may adjust a loading policy of the resource to be displayed according to an actual loading condition of the resource to be displayed, for example, perform degradation loading or non-loading on a part of the resource to be displayed, so as to improve flexibility of an interface display method.
Specifically, the terminal device may adjust the loading policy according to device configuration, network status, loading progress, and the like, which is not limited herein.
In some embodiments, the loading state includes a loading progress of the resource in a unit time, and the adjusting the loading policy of the resource to be displayed at least according to the loading state to obtain a target interface includes: when the loading progress of the resources in unit time is smaller than the preset loading progress, acquiring configuration information of the terminal equipment, wherein the configuration information at least comprises configuration of a GPU and configuration of a CPU; and when the configuration information is lower than a preset configuration requirement, loading the resources to be displayed according to the display priority of the resources to be displayed to obtain the target interface.
For example, when the loading progress of the resource in the unit time is smaller than the preset loading progress, the current condition is not suitable for loading the complete target interface, for example, the configuration condition of the current terminal device is lower. Therefore, when the loading progress of the resources in unit time is smaller than the preset loading progress, the configuration information of the terminal equipment is obtained, wherein the configuration information comprises the configuration of the GPU and the configuration of the CPU of the terminal equipment.
The configuration of the GPU may include, for example: one or more of computing power, memory size, memory bit width, memory bandwidth; the configuration of the CPU may include, for example: one or more of core number, dominant frequency, cache size.
In some embodiments, the loading state includes a network state parameter, and the adjusting the loading policy of the resource to be displayed at least according to the loading state to obtain a target interface includes: when the network state parameter is smaller than a preset state parameter, acquiring configuration information of the terminal equipment, wherein the configuration information at least comprises configuration of a GPU and configuration of a CPU; and when the configuration information is lower than a preset configuration requirement, loading the resources to be displayed according to the display priority of the resources to be displayed to obtain the target interface.
For example, when the network state parameter is smaller than the preset state parameter, the current condition is not suitable for loading the complete target interface, for example, the current terminal device is in a poor network environment. Therefore, when the network state parameter is smaller than the preset state parameter, the configuration information of the terminal equipment is obtained, wherein the configuration information comprises the configuration of the GPU and the configuration of the CPU of the terminal equipment.
The network status parameters may include, for example, a data upload speed and/or a data download speed.
In some embodiments, the display priority includes a first priority and a second priority, and the loading the resource to be displayed according to the display priority of the resource to be displayed to obtain the target interface includes: loading the resources to be displayed of the first priority, and carrying out degradation treatment on the resources to be displayed of the second priority in the process of loading the resources to be displayed of the first priority; and loading the resources to be displayed corresponding to the second priority after the degradation processing to obtain the target interface.
For example, under the condition that the configuration of the terminal device is low, the resources to be displayed are loaded in a grading manner, wherein the display priority of the resources to be displayed can include a first priority and a second priority, and the first priority is higher than the second priority, that is, the resources to be displayed of the first priority are loaded in preference to the resources to be displayed of the second priority.
By way of example, the resource to be displayed may also include further display priorities, such as a third priority, without limitation.
For example, the resources to be displayed of the first priority may be text type resources to be displayed, and fewer system resources are required for loading; when the resources to be displayed of the first priority are loaded, degradation processing is performed on the resources to be displayed of the second priority, for example, the resources to be displayed of the second priority may be the resources to be displayed of the picture type, degradation processing may be, for example, compression or the like, and the resources to be displayed of the second priority may be compressed, which is not limited herein.
By means of the interface display method, loading and displaying of the target interface in the terminal equipment with low configuration are facilitated, and smoothness of user experience is improved.
In some embodiments, each resource to be displayed corresponds to a resource icon, the interface layout information includes display position information of the resource icon and display size information of the resource icon, and the determining, according to the interface layout information, a display area of the resource to be displayed in a display screen of the terminal device includes: determining a target display area of the resource icon in a display screen of the terminal equipment according to the display position information and the display size information; and loading the corresponding resource icon of the resource to be displayed in the target display area.
Illustratively, the resource icon represents a particular style of resource to be displayed that may be displayed after rendering is complete.
For example, since the interface layout information includes display position information and display size information of the resource icon, a target display area of the resource icon in the display screen can be uniquely determined according to the display position and the display size, and the resource icon is displayed in the corresponding target display area, so that the target interface can be obtained.
Step 105, monitoring a target event matched with the target interface in the process of displaying the target interface, and updating the resource to be displayed according to the target event so as to update the target interface.
In the related art, in order to improve the real-time performance of information in the target interface, the target interface may be updated periodically according to a preset time length, for example, the target interface for displaying a date may reacquire the date information according to the preset time length in which the date is changed, and update the date information into the target interface.
However, in addition to the timed updating according to the preset duration, the target interface also typically needs to be updated when a specific event occurs in the system of the terminal device. For example, the target interface for displaying time may display time information according to 12 hours or 24 hours, and if the user adjusts the display mode of the time information in the setting, for example, the time information needs to be updated immediately after the adjustment is completed, for example, the time information is modified from 12 hours to 24 hours. In this case, if a specific time is monitored by the target source application or the target page, the system load of the terminal device is liable to be greatly increased due to the large number of target source applications and target pages.
For example, the specific event may be set as a target event corresponding to the target interface, and when the target event occurs, the target interface is updated according to the corresponding relationship between the target interface and the target event.
Referring to fig. 6, fig. 6 is a flowchart illustrating sub-steps of an interface display method according to an embodiment of the present disclosure.
As shown in fig. 6, in some embodiments, step S105 includes steps S1051-S1052: step S1051, when the occurrence of the target event is monitored, acquiring target interface resource data corresponding to the target event; step S1052, updating the resources to be displayed in the target interface based on the target interface resource data, to obtain the updated target interface.
For example, the target event may be added to the event listening list, and if the target event is listened to in the system, the target interface resource corresponding to the target event in the target interface is reacquired. For example, the target interface may include various interface resource data corresponding to text, pictures, dynamic elements, etc., and the target interface resource data that needs to be updated when the target event occurs may be only one or more of the interface resource data. Therefore, according to the corresponding relation between the target event and the target resource data in the target interface, the target interface resource data corresponding to the target event can be acquired when the occurrence of the target event is monitored, and the resources to be displayed in the target interface are updated based on the acquired target interface resource data, so that the updated target interface is obtained.
In some embodiments, the updating the resource to be displayed in the target interface includes: and updating the resource icon corresponding to the resource to be displayed in the target interface.
For example, in order to improve the visual experience of updating the target interface, large-area changes are avoided in the updating process, and the resource icons of the resources to be displayed, which need to be updated, in the target interface are updated.
In some embodiments, during the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event, so as to update the target interface, including: determining a target event matched with the target interface according to the target event information corresponding to the target interface; adding the target event to a preset event monitoring list; and triggering the updating of the resources to be displayed when the target event is monitored according to the event monitoring list.
For example, in order to facilitate management of the target event, an event listening list for storing the target event may be set, and the target event in the event listening list has a mapping relationship with the target interfaces, that is, one target event may correspond to one or more target interfaces.
For example, the correspondence in the event listening list may be shown in the following table, where key is a name of a target event occurring in the system, and value is an interface identifier of a target interface that needs to be updated when the target event occurs.
Illustratively, the monitoring is performed according to the target event recorded in the event monitoring list, so that the updating of the resource to be displayed is triggered when the target event is monitored.
Specifically, the correspondence between the target interface and the target event may be obtained in configuration information of the target interface, for example, a specific field is found in a configuration file of the target interface, for example, according to a record of an updateAtEvent field in the configuration file, when the target event event_str1 or event_str2 occurs, update of the target interface needs to be triggered. Wherein the configuration file may be different according to the model used by the target interface development. The following table is an example, and the configuration file name of the target interface developed based on the FA model is "config. Json", and the configuration file name of the target interface developed based on the Stage model is "module. Json", although the present invention is not limited thereto.
In some embodiments, during the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event, so as to update the target interface, including: when a target event matched with the target interface is monitored, determining a target source application corresponding to the target interface according to the interface identification of the target interface; and calling an active refreshing interface of the target source application to update the resources to be displayed so as to obtain the target interface.
The timing update of the target interface is to update the resource to be displayed to the target interface through the target source application at the timing, and when the target event occurs, the target interface can determine the corresponding identifier of the target source application according to the own interface identifier, and call the active refresh interface of the target source application to actively update the resource to be displayed.
In some embodiments, the interface display method further comprises: and updating the resources to be displayed based on a preset updating time length in the process of displaying the target interface so as to obtain the target interface.
The resource to be displayed is updated based on a preset updating time length in the process of displaying the target interface, so that the instantaneity of information in the target interface is ensured.
The application provides an interface display method, which comprises the steps of obtaining interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information; acquiring interface resource data matched with the interface element information; invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering; generating a target interface at least according to the interface layout information and the resources to be displayed; and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface. The efficiency of displaying and refreshing the target interface in the terminal equipment is improved, and the system resources consumed for displaying the target interface are reduced.
Referring to fig. 7, fig. 7 is a schematic block diagram of a structure of a terminal device according to an embodiment of the present application. The terminal equipment can be mobile phones, flat plates, intelligent watches, computers and other equipment.
As shown in fig. 7, the terminal device includes a processor, a memory, and a network interface connected through a system bus, wherein the memory may include a storage medium and an internal memory.
The storage medium may store an operating system and a computer program. The computer program includes program instructions that, when executed, cause a processor to perform any of a number of interface display methods.
The processor is used to provide computing and control capabilities to support the operation of the overall interface display device.
The internal memory provides an environment for the execution of a computer program in a storage medium that, when executed by a processor, causes the processor to perform any of the interface display methods.
The network interface is used for network communication such as transmitting assigned tasks and the like. It will be appreciated by those skilled in the art that the structure shown in fig. 7 is merely a block diagram of a portion of the structure associated with the present application and is not limiting of the terminal device to which the present application is applied, and that a particular terminal device may include more or fewer components than shown, or may combine some of the components, or have a different arrangement of components.
It should be appreciated that the processor may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), field programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. Wherein the general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
Wherein in one embodiment the processor is configured to run a computer program stored in the memory to implement the steps of:
acquiring interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information;
acquiring interface resource data matched with the interface element information;
invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering;
Generating a target interface at least according to the interface layout information and the resources to be displayed;
and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface.
It should be noted that, for convenience and brevity of description, specific working processes of the interface display method described above may refer to corresponding processes in the foregoing embodiments of the interface display method, and are not described herein again.
Embodiments of the present application also provide a computer readable storage medium, where a computer program is stored, where the computer program includes program instructions, and a method implemented when the program instructions are executed may refer to various embodiments of the interface display method of the present application. For example, the computer program is loaded by a processor, the following steps may be performed:
acquiring interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information;
acquiring interface resource data matched with the interface element information;
Invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering;
generating a target interface at least according to the interface layout information and the resources to be displayed;
and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface.
The computer readable storage medium may be an internal storage unit of the terminal device according to the foregoing embodiment, for example, a hard disk or a memory of the terminal device. The computer readable storage medium may also be an external storage device of the terminal device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card) or the like, which are provided on the terminal device.
It is to be understood that the terminology used in the description of the present application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. 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 in this specification and the appended claims refers to any and all possible combinations of one or more of the associated listed items, and includes such combinations. It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or system. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or system that comprises the element.
The foregoing embodiment numbers of the present application are merely for describing, and do not represent advantages or disadvantages of the embodiments. While the invention has been described with reference to certain preferred embodiments, it will be understood by those skilled in the art that various changes and substitutions of equivalents may be made and equivalents will be apparent to those skilled in the art without departing from the scope of the invention. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (18)
1. An interface display method, which is applied to a terminal device, the method comprising:
acquiring interface configuration information of a target source application, wherein the interface configuration information at least comprises interface element information and interface layout information;
acquiring interface resource data matched with the interface element information;
invoking a resource engine to preprocess the interface resource data to obtain a resource to be displayed, wherein the preprocessing at least comprises at least one of resource classification, resource binding and resource rendering;
generating a target interface at least according to the interface layout information and the resources to be displayed;
and in the process of displaying the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event so as to update the target interface.
2. The interface display method according to claim 1, wherein the calling the resource engine to preprocess the interface resource data to obtain the resource to be displayed comprises:
determining a data type corresponding to the interface resource data, and classifying the interface resource data according to the data type to obtain interface resource sub-data corresponding to each classification;
Determining a resource engine according to each type of the interface resource sub-data, and processing the corresponding interface resource sub-data by utilizing the resource engine to obtain candidate resources to be displayed, wherein each resource engine is used for processing one type of the interface resource sub-data;
displaying the candidate resources to be displayed, acquiring confirmation operation of a user based on the candidate resources to be displayed, and confirming the resources to be displayed from the candidate resources to be displayed according to the confirmation operation.
3. The interface display method according to claim 2, wherein the interface resource sub-data corresponding to each category corresponds to a resource processing requirement, and the determining a resource engine according to each category of the interface resource sub-data includes:
acquiring a plurality of candidate resource engines from a remote server according to the resource processing requirements;
preprocessing preset processing data by utilizing the candidate resource engines, and acquiring a data processing result of each candidate resource engine;
and determining a target resource engine from a plurality of candidate resource engines according to the data processing result.
4. The interface display method according to claim 3, wherein the obtaining a plurality of candidate resource engines from a remote server according to the resource processing requirements includes:
Determining a resource processing keyword according to the resource processing requirement, and expanding the resource processing keyword to obtain an expanded resource keyword;
searching the matched resource engine download link and the evaluation information of the resource engine in a third party platform by utilizing the extended resource keyword;
and screening out candidate engine download links from the resource engine download links according to the evaluation information, and acquiring corresponding candidate resource engines by utilizing the candidate engine download links.
5. The interface display method according to claim 4, wherein the expanding the resource processing keyword to obtain an expanded resource keyword includes:
acquiring first characteristic information of the resource processing keywords;
matching the first characteristic information with second characteristic information of candidate keywords in a preset keyword library;
and determining the extended resource keywords corresponding to the resource processing keywords according to the matching degree of the first characteristic information and the second characteristic information.
6. The interface display method according to claim 1, wherein the generating a target interface at least according to the interface layout information and the resource to be displayed includes:
Determining a display area of the resource to be displayed in a display screen of the terminal equipment according to the interface layout information;
loading the resources to be displayed in the corresponding display areas, and monitoring the loading state of the resources to be displayed;
and adjusting the loading strategy of the resource to be displayed at least according to the loading state so as to obtain a target interface.
7. The interface display method according to claim 6, wherein the loading state includes a loading progress of the resource in a unit time, and the adjusting the loading policy of the resource to be displayed at least according to the loading state to obtain the target interface includes:
when the loading progress of the resources in unit time is smaller than the preset loading progress, acquiring configuration information of the terminal equipment, wherein the configuration information at least comprises configuration of a GPU and configuration of a CPU;
and when the configuration information is lower than a preset configuration requirement, loading the resources to be displayed according to the display priority of the resources to be displayed to obtain the target interface.
8. The interface display method according to claim 6, wherein the loading state includes a network state parameter, and the adjusting the loading policy of the resource to be displayed at least according to the loading state to obtain the target interface includes:
When the network state parameter is smaller than a preset state parameter, acquiring configuration information of the terminal equipment, wherein the configuration information at least comprises configuration of a GPU and configuration of a CPU;
and when the configuration information is lower than a preset configuration requirement, loading the resources to be displayed according to the display priority of the resources to be displayed to obtain the target interface.
9. The interface display method according to claim 7 or 8, wherein the display priority includes a first priority and a second priority, the loading the resource to be displayed according to the display priority of the resource to be displayed, to obtain the target interface, includes:
loading the resources to be displayed of the first priority, and carrying out degradation treatment on the resources to be displayed of the second priority in the process of loading the resources to be displayed of the first priority;
and loading the resources to be displayed corresponding to the second priority after the degradation processing to obtain the target interface.
10. The interface display method according to claim 6, wherein each resource to be displayed corresponds to a resource icon, the interface layout information includes display position information of the resource icon and display size information of the resource icon, and the determining the display area of the resource to be displayed in the display screen of the terminal device according to the interface layout information includes:
Determining a target display area of the resource icon in a display screen of the terminal equipment according to the display position information and the display size information;
and loading the corresponding resource icon of the resource to be displayed in the target display area.
11. The interface display method according to any one of claims 1 to 8, wherein the obtaining interface configuration information of the target source application includes:
determining an application identifier of the target source application based on the obtained interface adding instruction;
and acquiring interface configuration information corresponding to the target source application based on the application identifier.
12. The interface display method according to any one of claims 1 to 8, wherein the updating the resource to be displayed according to the target event to update the target interface includes:
when the occurrence of the target event is monitored, acquiring target interface resource data corresponding to the target event;
and updating the resources to be displayed in the target interface based on the target interface resource data to obtain the updated target interface.
13. The interface display method according to claim 12, wherein the updating the resource to be displayed in the target interface includes:
And updating the resource icon corresponding to the resource to be displayed in the target interface.
14. The interface display method according to any one of claims 1 to 8, wherein during the displaying of the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event, so as to update the target interface, includes:
determining a target event matched with the target interface according to the target event information corresponding to the target interface;
adding the target event to a preset event monitoring list;
and triggering the updating of the resources to be displayed when the target event is monitored according to the event monitoring list.
15. The interface display method according to any one of claims 1 to 8, wherein during the displaying of the target interface, monitoring a target event matched with the target interface, and updating the resource to be displayed according to the target event, so as to update the target interface, includes:
when a target event matched with the target interface is monitored, determining a target source application corresponding to the target interface according to the interface identification of the target interface;
And calling an active refreshing interface of the target source application to update the resources to be displayed so as to obtain the target interface.
16. The interface display method according to any one of claims 1 to 8, characterized in that the interface display method further comprises:
and updating the resources to be displayed based on a preset updating time length in the process of displaying the target interface so as to obtain the target interface.
17. A terminal device comprising a processor, a memory, and a computer program stored on the memory and executable by the processor, wherein the computer program when executed by the processor implements the steps of the interface display method of any of claims 1 to 16.
18. A computer readable storage medium, wherein a computer program is stored on the computer readable storage medium, wherein the computer program, when executed by a processor, implements the steps of the interface display method according to any one of claims 1 to 16.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310417355.XA CN116149778B (en) | 2023-04-19 | 2023-04-19 | Interface display method, terminal device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310417355.XA CN116149778B (en) | 2023-04-19 | 2023-04-19 | Interface display method, terminal device and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116149778A true CN116149778A (en) | 2023-05-23 |
| CN116149778B CN116149778B (en) | 2023-06-27 |
Family
ID=86339186
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310417355.XA Active CN116149778B (en) | 2023-04-19 | 2023-04-19 | Interface display method, terminal device and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116149778B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116527989A (en) * | 2023-06-29 | 2023-08-01 | 天津金城银行股份有限公司 | Video playing device interface display method, system, terminal and storage medium |
Citations (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1534514A (en) * | 2003-03-28 | 2004-10-06 | Frame structure and system suitable for position sensing | |
| US20130080891A1 (en) * | 2011-08-10 | 2013-03-28 | Sung-Ho Byun | Recording events generated for performing a task through user equipment |
| US20150074541A1 (en) * | 2013-09-11 | 2015-03-12 | Oracle International Corporation | Desktop and mobile device integration |
| CN106126308A (en) * | 2016-07-15 | 2016-11-16 | 乐视控股（北京）有限公司 | A kind of display packing and device |
| CN106201211A (en) * | 2016-07-15 | 2016-12-07 | 乐视控股（北京）有限公司 | A kind of screen display method and device |
| US20160381031A1 (en) * | 2015-06-24 | 2016-12-29 | Vmware, Inc. | Fast user kiosk access in a non-persistent desktop environment |
| US20170214674A1 (en) * | 2016-01-25 | 2017-07-27 | Google Inc. | Reducing latency |
| CN106990950A (en) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | The method and apparatus of interface layout |
| US20170269791A1 (en) * | 2016-03-21 | 2017-09-21 | Microsoft Technology Licensing, Llc | User Interfaces for Personalized Content Recommendation |
| CN109032491A (en) * | 2018-07-23 | 2018-12-18 | Oppo广东移动通信有限公司 | Data processing method, device and mobile terminal |
| CN111581567A (en) * | 2019-02-18 | 2020-08-25 | 阿里巴巴集团控股有限公司 | Page generation method and device |
| CN111880813A (en) * | 2020-06-16 | 2020-11-03 | 福建天泉教育科技有限公司 | Method and storage medium for realizing UI (user interface) of android card |
| CN112870724A (en) * | 2021-03-11 | 2021-06-01 | 网易（杭州）网络有限公司 | Resource management method, device, storage medium and electronic equipment |
| CN112966130A (en) * | 2021-03-18 | 2021-06-15 | 北京三快在线科技有限公司 | Multimedia resource display method, device, terminal and storage medium |
| CN114327349A (en) * | 2021-12-13 | 2022-04-12 | 青岛海尔科技有限公司 | Method and device for determining smart card, storage medium and electronic device |
| CN114968018A (en) * | 2022-07-26 | 2022-08-30 | 荣耀终端有限公司 | Card display method and terminal equipment |
| CN115033331A (en) * | 2022-06-28 | 2022-09-09 | Oppo广东移动通信有限公司 | Card display method and related product |
-
2023
- 2023-04-19 CN CN202310417355.XA patent/CN116149778B/en active Active
Patent Citations (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1534514A (en) * | 2003-03-28 | 2004-10-06 | Frame structure and system suitable for position sensing | |
| US20130080891A1 (en) * | 2011-08-10 | 2013-03-28 | Sung-Ho Byun | Recording events generated for performing a task through user equipment |
| US20150074541A1 (en) * | 2013-09-11 | 2015-03-12 | Oracle International Corporation | Desktop and mobile device integration |
| US20160381031A1 (en) * | 2015-06-24 | 2016-12-29 | Vmware, Inc. | Fast user kiosk access in a non-persistent desktop environment |
| US20170214674A1 (en) * | 2016-01-25 | 2017-07-27 | Google Inc. | Reducing latency |
| US20170269791A1 (en) * | 2016-03-21 | 2017-09-21 | Microsoft Technology Licensing, Llc | User Interfaces for Personalized Content Recommendation |
| CN106201211A (en) * | 2016-07-15 | 2016-12-07 | 乐视控股（北京）有限公司 | A kind of screen display method and device |
| CN106126308A (en) * | 2016-07-15 | 2016-11-16 | 乐视控股（北京）有限公司 | A kind of display packing and device |
| CN106990950A (en) * | 2017-01-09 | 2017-07-28 | 深圳大宇无限科技有限公司 | The method and apparatus of interface layout |
| CN109032491A (en) * | 2018-07-23 | 2018-12-18 | Oppo广东移动通信有限公司 | Data processing method, device and mobile terminal |
| CN111581567A (en) * | 2019-02-18 | 2020-08-25 | 阿里巴巴集团控股有限公司 | Page generation method and device |
| CN111880813A (en) * | 2020-06-16 | 2020-11-03 | 福建天泉教育科技有限公司 | Method and storage medium for realizing UI (user interface) of android card |
| CN112870724A (en) * | 2021-03-11 | 2021-06-01 | 网易（杭州）网络有限公司 | Resource management method, device, storage medium and electronic equipment |
| CN112966130A (en) * | 2021-03-18 | 2021-06-15 | 北京三快在线科技有限公司 | Multimedia resource display method, device, terminal and storage medium |
| CN114327349A (en) * | 2021-12-13 | 2022-04-12 | 青岛海尔科技有限公司 | Method and device for determining smart card, storage medium and electronic device |
| CN115033331A (en) * | 2022-06-28 | 2022-09-09 | Oppo广东移动通信有限公司 | Card display method and related product |
| CN114968018A (en) * | 2022-07-26 | 2022-08-30 | 荣耀终端有限公司 | Card display method and terminal equipment |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116527989A (en) * | 2023-06-29 | 2023-08-01 | 天津金城银行股份有限公司 | Video playing device interface display method, system, terminal and storage medium |
| CN116527989B (en) * | 2023-06-29 | 2023-11-07 | 天津金城银行股份有限公司 | Video playing device interface display method, system, terminal and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116149778B (en) | 2023-06-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US6772144B2 (en) | Method and apparatus for applying an adaptive layout process to a layout template | |
| US7774788B2 (en) | Selectively updating web pages on a mobile client | |
| EP1267278A1 (en) | Streaming of real-time data to a browser | |
| US10200386B2 (en) | Intelligent web page content blocking | |
| CN116149778B (en) | Interface display method, terminal device and storage medium | |
| US11151314B2 (en) | Extensible grid layout | |
| JP2022518724A (en) | Document input processing methods, devices, electronic devices and storage media | |
| CN111596911A (en) | Method and device for generating control, computer equipment and storage medium | |
| US20150199329A1 (en) | Text display method and apparatus of electronic device | |
| CN117390326A (en) | Page management method, device, equipment and storage medium | |
| CN116910405A (en) | Page processing method, device, computer equipment and storage medium | |
| CN111142990A (en) | WeChat applet page display method and device and storage medium | |
| CN112905931B (en) | Page information display method and device, electronic equipment and storage medium | |
| US20100153085A1 (en) | Method, Apparatus and Computer Program Product for Providing Predictor Nodes for Context Models | |
| CN116048609A (en) | Configuration file updating method, device, computer equipment and storage medium | |
| US20150089559A1 (en) | Method and system for managing display of web-based content on portable communication devices | |
| CN113163255B (en) | Video playing method, device, terminal and storage medium | |
| CN111258676B (en) | Module preloading method, device, equipment and readable storage medium | |
| CN112287261A (en) | Resource loading method and electronic equipment | |
| CN112861041B (en) | Media content display method and device, electronic equipment and storage medium | |
| US11886853B2 (en) | Software widget installation on a client device | |
| US20240152339A1 (en) | Software widget installation on a client device | |
| CN117312619A (en) | Character string processing method, device, computer equipment and storage medium | |
| CN114428823A (en) | Data linkage method, device, equipment and medium based on multidimensional variable expression | |
| CN117075992A (en) | AppList component library design method and device |
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 |