CN110874217B - Interface display method and device for quick application and storage medium - Google Patents
Interface display method and device for quick application and storage medium Download PDFInfo
- Publication number
- CN110874217B CN110874217B CN201911130083.5A CN201911130083A CN110874217B CN 110874217 B CN110874217 B CN 110874217B CN 201911130083 A CN201911130083 A CN 201911130083A CN 110874217 B CN110874217 B CN 110874217B
- Authority
- CN
- China
- Prior art keywords
- application
- configuration information
- template configuration
- target
- user interface
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure provides a method, a device and a storage medium for displaying an interface of a quick application, and relates to the technical field of application programs. The method comprises the following steps: receiving an interface display instruction of a fast application; acquiring equipment information of a terminal; determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal; acquiring application data of a fast application; and calling the configuration information of the target template, and displaying a user interface corresponding to the application data and the target display template. The technical scheme provided by the embodiment of the disclosure avoids the trouble of writing a plurality of sets of program codes, and is convenient and time-saving.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of application programs, in particular to a method and a device for displaying an interface of a quick application and a storage medium.
Background
The fast application is a new form application which is not needed to be downloaded and used immediately after searching, uses front-end technology stack development and has the dual advantages of HTML 5 (Hyper Text Markup Language, hypertext markup language 5) and native application.
The quick application can be applied to different kinds of devices of different models, and thus, a related technician needs to write a plurality of sets of program codes for the different kinds of devices of different models. Wherein each set of program code can only adapt the UI (User Interface) of the quick application to a specific model of device in a certain kind of device.
Because of the variety and model of the devices, writing corresponding program codes for each type and model of device is tedious and time-consuming.
Disclosure of Invention
The embodiment of the disclosure provides a method, a device and a storage medium for displaying an interface of a quick application. The technical scheme is as follows:
in one aspect, an embodiment of the present disclosure provides an interface display method of a fast application, where the fast application is an application running based on a fast application framework integrated in an operating system, the method including:
receiving an interface display instruction of the quick application;
acquiring equipment information of a terminal;
determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
Acquiring application data of the fast application;
and calling the target template configuration information, and displaying a user interface corresponding to the application data and the target display template.
Optionally, the determining, according to the device information, the target template configuration information in the template configuration information set includes:
comparing the equipment information with the template configuration information in the template configuration information set, and determining the template configuration information conforming to the equipment information as the target template configuration information.
Optionally, the calling the target template configuration information displays a user interface corresponding to the application data and the target display template, including:
adding the application data to the program code of the target template configuration information, and generating the user interface conforming to the target display template through the target template configuration information;
and displaying the user interface.
Optionally, the program code for adding the application data to the target template configuration information generates the user interface conforming to the target display template through the target template configuration information, including:
adding the application data to program code of the target template configuration information;
Generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
Optionally, the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
Optionally, the acquiring the device information of the terminal includes:
and calling a hook function to acquire the equipment information from the operating system of the terminal.
Optionally, the acquiring the application data of the fast application includes:
and calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
In another aspect, an embodiment of the present disclosure provides an interface display apparatus of a fast application, which is an application running based on a fast application framework integrated in an operating system, the apparatus including:
the instruction receiving module is configured to receive an interface display instruction of the quick application;
An information acquisition module configured to acquire device information of a terminal;
the template determining module is configured to determine target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
the data acquisition module is configured to acquire application data of the quick application;
and the interface display module is configured to call the target template configuration information and display a user interface corresponding to the application data and the target display template.
Optionally, the template determination module is configured to:
comparing the equipment information with the template configuration information in the template configuration information set, and determining the template configuration information conforming to the equipment information as the target template configuration information.
Optionally, the interface display module includes:
an interface generation sub-module configured to add the application data to program code of the target template configuration information, through which the user interface conforming to the target display template is generated;
An interface display sub-module configured to display the user interface.
Optionally, the interface generating sub-module is configured to:
adding the application data to program code of the target template configuration information;
generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
Optionally, the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
Optionally, the information acquisition module is configured to:
and calling a hook function to acquire the equipment information from the operating system of the terminal.
Optionally, the data acquisition module is configured to:
and calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
In still another aspect, an embodiment of the present disclosure provides an interface display apparatus of a fast application, which is an application running based on a fast application framework integrated in an operating system, the apparatus including:
A processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to:
receiving an interface display instruction of the quick application;
acquiring equipment information of a terminal;
determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
acquiring application data of the fast application;
and calling the target template configuration information, and displaying a user interface corresponding to the application data and the target display template.
In yet another aspect, the disclosed embodiments provide a non-transitory computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the above-described method.
The technical scheme provided by the embodiment of the disclosure can comprise the following beneficial effects:
after receiving the interface display instruction of the quick application, acquiring the equipment information of the terminal, determining the target template configuration information according to the equipment information, acquiring the application data of the quick application, calling the target template configuration information, and displaying the user interfaces corresponding to the application data and the target display template, so that the user interfaces suitable for various different types of terminals can be generated by writing a set of program codes, the complexity of writing a plurality of sets of program codes is avoided, and the development cost of the quick application is saved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart illustrating the launching of a quick application according to an exemplary embodiment;
FIG. 2 is a flowchart illustrating a method of interface display for a quick application, according to an exemplary embodiment;
FIG. 3 is a flowchart illustrating a method of interface display for a quick application according to another exemplary embodiment;
FIG. 4 is a block diagram of a quick application framework shown in accordance with an exemplary embodiment;
FIG. 5 is a block diagram of an interface display device for a quick application, shown in accordance with an exemplary embodiment;
FIG. 6 is a block diagram of an interface display device of a quick application shown in accordance with another exemplary embodiment;
fig. 7 is a block diagram of an apparatus according to an example embodiment.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with the present disclosure. Rather, they are merely examples of methods consistent with some aspects of the disclosure as detailed in the accompanying claims.
The quick application is a novel application form based on a mobile phone hardware platform, is used without installation, and has the original application experience (performance, system integration, interaction and the like). Meanwhile, the quick application realizes standardization and unification among mobile phone manufacturers at the aspects of development specification, capability access, developer service and the like at the beginning of birth, and greatly reduces the adaptation cost of the developer.
Compared with the traditional application, the quick application has the following characteristics:
instant: the point is used immediately, and the user does not need to wait;
everywhere: integrating with the depth of field of use of the mobile phone, the portal is ubiquitous (search, intelligent assistant, intelligent recommendation, application market, browser … …);
Effect: the development mode of the quasi-front end is high in efficiency.
Because of the specificity of the fast application, the fast application is expected to complete more tasks and realize more functions. At present, in the gradual perfection of the functions of the fast application, the embodiment of the disclosure provides a new function of the fast application, and the fast application is displayed in different terminals by using the new function through reasonable and accurate interface templates, so that the functions of the fast application are expanded, and the processing capacity and the practicability of the fast application are improved.
In the method provided by the embodiment of the application, the execution subject of each step may be a terminal, and the terminal refers to an electronic device with data calculation, processing, storage and interface display functions, and the terminal may be a terminal such as a mobile phone, a tablet computer, a tv (television), a wearable device, a PC (Personal Computer, a personal computer), a sound box with a screen, an intelligent robot and the like.
The following describes the technical scheme of the present disclosure through several embodiments.
Fig. 1 is a flowchart illustrating a method of displaying an interface of a quick application according to an exemplary embodiment. Referring to fig. 1, the method may be applied to the terminal described above. The method may comprise the following steps:
In step 101, an interface display instruction of a quick application is received.
The fast application is an application running based on a fast application framework integrated in the operating system. The fast application is also an application which is not needed to be downloaded and used immediately after searching, and has the characteristics of small volume, no installation and less occupied resources.
In some possible embodiments, the terminal may further receive a start instruction of the fast application, where the start instruction includes an interface display instruction of the fast application.
In some possible embodiments, the terminal may further receive an interface switching instruction of the fast application, where the interface switching instruction includes an interface display instruction of the fast application.
Optionally, when the fast application needs to be started or the interface of the fast application needs to be switched, the terminal can receive the interface display instruction of the fast application by identifying the triggering operation of the user. The triggering operation may include inputting an instruction code, a click operation, a voice input, a gesture operation, and so on.
The clicking operation may be an icon control or a name control corresponding to the clicking quick application, and the clicking operation may include a touch operation, a mouse clicking operation, and the like.
In step 102, device information of a terminal is acquired.
The method comprises the steps that an application file of a fast application is stored on a fast application platform, when a terminal receives a starting instruction of the fast application for the first time, the terminal obtains the application file of the fast application from the fast application platform, opens the fast application on the terminal, and displays a user interface of the fast application. After the terminal acquires the application file of the quick application, the terminal firstly acquires own equipment information, wherein the equipment information is used for determining target template configuration information in the quick application.
In some possible embodiments, the quick application is started in the terminal, the application file thereof is still stored in the terminal, and when the terminal receives the starting instruction of the quick application again, the terminal can acquire the device information of the terminal, then according to the device information, the application file stored in the terminal is operated and a user interface adapted to the terminal is displayed, and the application file of the quick application does not need to be acquired again from the quick application platform.
In some possible embodiments, the terminal obtains the device information of the terminal once every time the terminal receives the interface switching instruction of the quick application.
In some possible embodiments, after the application file of the fast application in the terminal is deleted, when the start instruction of the fast application is received again, the application file of the fast application needs to be acquired from the fast application platform again.
Optionally, a hook function is provided in the terminal, and device information is obtained from an operating system of the terminal through the hook function, where the device information may include at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal. The device type indicates the type of the terminal, for example, the terminal can comprise a mobile phone, a tablet computer, a smart watch, a television and the like; the screen size is used for representing information such as the length, width, diagonal length and the like of the terminal screen; screen resolution refers to the number of pixels displayed on the screen; the screen pixel ratio refers to the aspect ratio of the pixel point.
The equipment information can also comprise equipment model, manufacturer, screen material and the like; the device information refers to device parameters of the terminal, and in the embodiment of the present disclosure, the type and number of parameters included in the device information are not limited.
In step 103, target template configuration information in the set of template configuration information is determined from the device information.
In some possible embodiments, the set of template configuration information is adapted to at least two types of terminals, the set of template configuration information comprising template configuration information of the at least two types of terminals, the target template configuration information being used to configure a target display template adapted to a user interface of the terminal. The at least two types of terminals can refer to terminals with different equipment information, and the different equipment information can refer to different equipment information of one type or different equipment information of a plurality of types.
The display template of the user interface refers to typesetting and displaying modes of the user interface; the display template can comprise one or more interface elements of a table, a picture, an icon, a moving picture, a wire frame and the like; the template configuration information may be used to represent interface elements contained in the display template, as well as the display location of each interface element in the user interface.
In some possible embodiments, the template configuration information conforming to the device information is determined as the target template configuration information by comparing the device information with the template configuration information in the set of template configuration information.
In some possible embodiments, a plurality of screens are arranged on the same device, and for any screen, the corresponding target template configuration information can be determined according to the information of the screen.
In some possible embodiments, the target template configuration information may be determined according to one device information, or may be determined according to multiple device information, which is not limited by the embodiments of the present disclosure.
In step 104, application data of the fast application is acquired.
After determining the configuration information of the target template, the terminal acquires application data of the quick application; optionally, the application data is used to display a user interface of the fast application on the terminal.
It should be noted that, the fast application corresponds to a native application, and optionally, application data of the fast application is provided by a background server of the native application, so that the terminal calls an API of the native application of the fast application through an application programming interface (Application Programming Interface, API) of the fast application, and obtains the application data through the API of the native application. Wherein, the API of the fast application is obtained by packaging the API of the native application.
Alternatively, the background server of the native application may include a third party server, which refers to a different background server than the provider of the background server of the fast application.
Alternatively, the third party server may be a server provided by a developer of the fast application, and the third party server may be used to store business data of the fast application.
In step 105, the target template configuration information is invoked, displaying a user interface corresponding to the application data and the target display template.
In some possible embodiments, the application data may be displayed in the user interface in accordance with the target display template by combining the application data with the target template configuration information.
In summary, in the technical solution provided in the embodiments of the present disclosure, after receiving an interface display instruction of a fast application, device information of a terminal is obtained, target template configuration information is determined according to the device information, application data of the fast application is obtained, the target template configuration information is called, and user interfaces corresponding to the application data and the target display template are displayed, so that user interfaces adapted to multiple different types of terminals can be generated by writing a set of program codes, which avoids complexity in writing multiple sets of program codes, and saves development cost of the fast application.
Based on fig. 1, in an alternative embodiment, the above step 105 may further comprise the following sub-steps 1051 and 1052:
in step 1051, application data is added to program code of the target template configuration information, and a user interface conforming to the target display template is generated through the target template configuration information;
in step 1052, a user interface is displayed.
Alternatively, by representing the target template configuration information by the program code, adding the application data to the corresponding program code and running the program code, the application data may be displayed in the user interface in accordance with the target display template.
The template configuration information may be specification information provided to a fast application developer by a fast application platform, or may be written by the fast application developer.
In some possible embodiments, the above sub-step 1051 may comprise the sub-steps of:
1. adding the application data to the program code of the target template configuration information;
2. generating a pending user interface through the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
3. rendering the to-be-determined user interface in a native rendering mode through the target template configuration information to generate a user interface conforming to the target display template.
Among other things, rendering is a method of generating a visualized image or interface.
In an exemplary embodiment, the corresponding program code may include:
the < list media=tv >// device type is television
<list-item>ABC</list-item>
<list>
The ABC list may be displayed when the code is executed in a television. Since the ABC list is declared in the code to be applicable only to televisions, the program code is not executed in other devices and the ABC list is not displayed.
In the implementation manner, the application data can be displayed in the user interface according to the target display template by adding the application data to the program code of the target template configuration information and displaying the user interface conforming to the target template through native rendering.
FIG. 3 is a block diagram of a quick application framework shown in accordance with an exemplary embodiment. Referring to fig. 3, the quick application framework includes: scene portal 320, fast application engine 340, and Operating System (OS) infrastructure & hardware 360.
The scene portal 320 includes at least one of a negative one-screen, a global search, a lock screen, a desktop, an application marketplace, a browser, and a two-dimensional code. The external presentation form of the scene portal 320 may be a page form and a card form.
The fast application engine 340 includes a front end framework 341, a generic scenario 342, a lightweight scenario 343, an embedded SDK (Software Development Kit ) 344, and a service access 345.
The front-end framework 341 includes MVVM (Model-View-Model), V-DOM, routing, basic API (Application Programming Interface ), service API, UI (User Interface) component, and the like;
the general scene 342 and the lightweight scene 343 include JavaScript engine, standard rendering engine, very fast rendering engine, end-cloud-core acceleration, security mechanism, emerging scene (AI (Artificial Intelligence, artificial intelligence), AR (Augmented Reality ), etc.), system integration (application management, rights management, etc.);
service access 345 includes Push (Push), account/payment, and the like.
OS infrastructure & hardware 360 includes: graphics libraries, native controls, system services and GPUs (Graphics Processing Unit, graphics processor)/NPUs (Neural-network Processing Unit, embedded Neural network processors), and the like.
From the execution path level, there is a standard HTML5 approach to support generic Web scenarios (typically through the Webview components of the system or custom Webview), and a JS (JavaScript) +native approach to support a lighter, faster experience. The architecture of the fast application engine will be briefly described in terms of 3 layers.
1) Application development (front end framework + component & API capabilities)
The front end design of the fast application references and integrates the design thought of the main stream front end frame (Vue, practice, etc.): the application is constructed in a componentization mode, the MVVM design mode with the data binding as the core is adopted, the performance is improved in a V-DOM mode, and meanwhile, a concise and clear template of the class Vue is selected. Meanwhile, the layout aspect is simplified correspondingly. From the aspects of new application form, mapping native UI and capability opening, a set of components and API specifications need to be defined, and the rapid development application can be conveniently developed.
2) System integration (application management, card-embedded SDK, security mechanism, etc.)
The fast application, as a complete application modality, can be integrated deep with the system, run as a native application, and interact with the system. Fast applications currently have two forms: the independent application form of the full screen mode and the card form of the embedded mode. In the form of independent application, the experience of the user is just like a native application program, and the method has complete life cycle management, page management, routing and the like. The quick application can be parasitic to the Activity of android, the page is parasitic to the Fragment, and the instance is managed and controlled through an independent background Service. The card is another form, and the embedded SDK is used as an independent local control to be embedded into each corner of the system, so that dynamic content is displayed in a light-weight mode. In the aspect of safety isolation, the method can realize better safety guarantee through a sandbox mechanism, process isolation and authority control and combining with the support of an operating system layer.
3) Performance experience & emerging scenes (JavaScript engine, rendering engine, end-cloud-core acceleration, emerging scenes)
In the aspects of interactive experience, resource overhead, stability and the like, the fast application realizes the effective combination of a front-end development mode, native rendering and platform capability by introducing a native rendering path.
Different from cross-platform frames of other application layers, the method can quickly apply an operating system rooted in a mobile phone, and can realize deep integration of the cloud from the chip operating system. By taking starting performance acceleration as an example, the optimization of the network link layer can greatly accelerate the fast application starting speed through the cooperative rendering of the cloud and the end. And meanwhile, the special capability of the hardware platform can be integrated, and the experience is further improved. For example, the computing power of the NPU can be integrated into a fast application engine by combining with an AI chip of a mobile phone, so that AI scenes (face recognition, image super-division and the like) can be executed with low delay and high performance at the end side, and meanwhile, the privacy of a user is effectively protected and the bandwidth is saved.
FIG. 4 is a flowchart illustrating the start-up of a quick application according to an exemplary embodiment. Referring to fig. 4, the start-up procedure of the fast application may include:
1) When the quick application engine is started for the first time, the user clicks to trigger the downloading of the program package of the quick application, and meanwhile, the related work of initialization of the quick application engine is done. After the downloading and verification of the program package of the whole fast application are completed, the JavaScript file of the first page to be displayed is loaded and rendering is started. The downloading of the program package in the process is a bottleneck, and the downloading time of the package of about 200K (Kilobyte) under the normal network is at least more than 400 milliseconds, and the downloading time of the package of 2M (megabyte) is more than 2 seconds from the view of the actual measured data in the earlier stage.
2) The page rendering comprises JavaScript loading, execution of page and JavaScript frame logic, and operation of layout, and finally drawing of the native UI control. When the logic in the page is executed, one or more network requests (from the page to a three-party server of the application) are generated, and the network requests to render the returned data-driven page again until the first screen content is completely displayed.
The network request, javaScript execution, typesetting and drawing are not simply serial relations, but are parallelized and interwoven together to influence the rendering performance of the whole page, and are strongly related to the logic of the page design, the network condition and the running state of the equipment.
The following are device embodiments of the present disclosure that may be used to perform method embodiments of the present disclosure. For details not disclosed in the embodiments of the apparatus of the present disclosure, please refer to the embodiments of the method of the present disclosure.
Fig. 5 is a block diagram of an interface display device of a quick application, according to an exemplary embodiment. The apparatus 500 has a function of implementing the interface display method example of the quick application described above, and the function may be implemented by hardware or may be implemented by executing corresponding software by hardware. The apparatus 500 may be the terminal described above, or may be provided on the terminal. Referring to fig. 5, the apparatus 500 may include: an instruction receiving module 510, an information acquisition module 520, a template determining module 530, a data acquisition module 540, and an interface display module 550.
The instruction receiving module 510 is configured to receive an interface display instruction of the fast application.
The information acquisition module 520 is configured to acquire device information of the terminal.
The template determining module 530 is configured to determine, according to the device information, target template configuration information in a template configuration information set, where the template configuration information set is adapted to at least two types of terminals, the template configuration information set includes template configuration information of the at least two types of terminals, and the target template configuration information is used to configure a target display template adapted to a user interface of the terminal.
The data acquisition module 540 is configured to acquire application data of the fast application.
The interface display module 550 is configured to call the target template configuration information and display a user interface corresponding to the application data and the target display template.
In summary, in the technical solution provided in the embodiments of the present disclosure, after receiving an interface display instruction of a fast application, device information of a terminal is obtained, target template configuration information is determined according to the device information, application data of the fast application is obtained, the target template configuration information is called, and user interfaces corresponding to the application data and the target display template are displayed, so that user interfaces adapted to multiple different types of terminals can be generated by writing a set of program codes, which avoids complexity in writing multiple sets of program codes, and saves development cost of the fast application.
In an exemplary embodiment, the template determining module 530 is configured to compare the device information with template configuration information in the template configuration information set, and determine template configuration information conforming to the device information as the target template configuration information.
In an exemplary embodiment, as shown in fig. 6, the interface display module 550 further includes: an interface generation sub-module 551 and an interface display sub-module 552.
The interface generation sub-module 551 is configured to add the application data to the program code of the target template configuration information, and generate the user interface conforming to the target display template according to the target template configuration information.
The interface display sub-module 552 is configured to display the user interface.
In an exemplary embodiment, as shown in fig. 6, the interface generation sub-module 551 is configured to:
adding the application data to program code of the target template configuration information;
generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
In an exemplary embodiment, the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
In an exemplary embodiment, the information acquisition module is configured to: and calling a hook function to acquire the equipment information from the operating system of the terminal.
In an exemplary embodiment, the data acquisition module is configured to: and calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
It should be noted that, in the apparatus provided in the foregoing embodiment, when implementing the functions thereof, only the division of the foregoing functional modules is used as an example, in practical application, the foregoing functional allocation may be implemented by different functional modules, that is, the internal structure of the device is divided into different functional modules, so as to implement all or part of the functions described above.
The specific manner in which the various modules perform the operations in the apparatus of the above embodiments have been described in detail in connection with the embodiments of the method, and will not be described in detail herein.
An exemplary embodiment of the present disclosure further provides an interface display device for a fast application, which is an application running based on a fast application framework integrated in an operating system, capable of implementing the interface display method for a fast application provided by the present disclosure. The device comprises: a processor, and a memory for storing executable instructions of the processor. Wherein the processor is configured to:
receiving an interface display instruction of the quick application;
acquiring equipment information of a terminal;
determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
acquiring application data of the fast application;
and calling the target template configuration information, and displaying a user interface corresponding to the application data and the target display template.
In some possible designs, the processor is configured to:
comparing the equipment information with the template configuration information in the template configuration information set, and determining the template configuration information conforming to the equipment information as the target template configuration information.
In some possible designs, the processor is configured to:
adding the application data to the program code of the target template configuration information, and generating the user interface conforming to the target display template through the target template configuration information;
and displaying the user interface.
In some possible designs, the processor is configured to:
adding the application data to program code of the target template configuration information;
generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
In some possible designs, the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
In some possible designs, the processor is configured to:
and calling a hook function to acquire the equipment information from the operating system of the terminal.
In some possible designs, the processor is configured to:
And calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
Fig. 7 is a block diagram of an apparatus according to an example embodiment. For example, the apparatus 700 may be a mobile phone, a computer device, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, an exercise device, a personal digital assistant, or the like.
Referring to fig. 7, an apparatus 700 may include one or more of the following components: a processing component 702, a memory 704, a power component 706, a multimedia component 708, an audio component 710, an Input/Output (I/O) interface 712, a sensor component 714, and a communication component 716.
The processing component 702 generally controls overall operation of the apparatus 700, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 702 may include one or more processors 720 to execute instructions to perform all or part of the steps of the methods described above. Further, the processing component 702 can include one or more modules that facilitate interaction between the processing component 702 and other components. For example, the processing component 702 may include a multimedia module to facilitate interaction between the multimedia component 708 and the processing component 702.
The memory 704 is configured to store various types of data to support operations at the apparatus 700. Examples of such data include instructions for any application or method operating on the apparatus 700, contact data, phonebook data, messages, pictures, videos, and the like. The Memory 704 may be implemented by any type or combination of volatile or non-volatile Memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable Read-Only Memory (EEPROM, electrically Erasable Programmable Read Only Memory), erasable programmable Read-Only Memory (EPROM, erasable Programmable Read Only Memory), programmable Read-Only Memory (PROM, programmable Read-Only Memory), read-Only Memory (ROM), magnetic Memory, flash Memory, magnetic or optical disk.
The power supply component 706 provides power to the various components of the device 700. The power components 706 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for the device 700.
The multimedia component 708 includes a screen between the device 700 and the user that provides an output interface. In some embodiments, the screen may include a liquid crystal display (LCD, liquid Crystal Display) and a touch panel (TP, touchPad). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may sense not only the boundary of a touch or slide action, but also the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 708 includes a front-facing camera and/or a rear-facing camera. The front-facing camera and/or the rear-facing camera may receive external multimedia data when the apparatus 700 is in an operational mode, such as a photographing mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have focal length and optical zoom capabilities.
The audio component 710 is configured to output and/or input audio signals. For example, the audio component 710 includes a Microphone (Microphone) configured to receive external audio signals when the device 700 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may be further stored in the memory 704 or transmitted via the communication component 716. In some embodiments, the audio component 710 further includes a speaker for outputting audio signals.
The I/O interface 712 provides an interface between the processing component 702 and peripheral interface modules, which may be a keyboard, click wheel, buttons, etc. These buttons may include, but are not limited to: homepage button, volume button, start button, and lock button.
The sensor assembly 714 includes one or more sensors for providing status assessment of various aspects of the apparatus 700. For example, the sensor assembly 714 may detect an on/off state of the device 700, a relative positioning of the components, such as a display and keypad of the device 700, a change in position of the device 700 or a component of the device 700, the presence or absence of user contact with the device 700, an orientation or acceleration/deceleration of the device 700, and a change in temperature of the device 700. The sensor assembly 714 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 714 may also include a photosensor, such as a complementary metal oxide semiconductor (CMOS, complementary Metal Oxide Semiconductor) or charge coupled device (CCD, charge Coupled Device) image sensor, for use in imaging applications. In some embodiments, the sensor assembly 714 may also include an acceleration sensor, a gyroscopic sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 716 is configured to facilitate communication between the apparatus 700 and other devices in a wired or wireless manner. The apparatus 700 may access a wireless network based on a communication standard, such as Wi-Fi (Wireless Fidelity ), 2g,3g,4g,5g, or a combination thereof. In one exemplary embodiment, the communication component 716 receives broadcast signals or broadcast related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, the communication component 716 further includes a near field communication (NFC, near Field Communication) module to facilitate short range communications.
In an exemplary embodiment, the apparatus 700 may be implemented by one or more application specific integrated circuits (ASIC, application Specific Integrated Circuit), digital Signal Processors (DSP), digital Signal Processing Devices (DSPD), programmable logic devices (PLD, programmable Logic Device), field programmable gate arrays (FPGA, field Programmable Gate Array), controllers, microcontrollers, microprocessors, or other electronic components for performing the interface display method of the above-described flash application.
In an exemplary embodiment, a non-transitory computer readable storage medium is also provided, such as memory 704, comprising a computer program executable by processor 720 of apparatus 700 to perform the interface display method of the quick application described above. For example, the non-transitory computer readable storage medium may be a ROM, a RAM, a compact disk read Only Memory (CD-ROM), a magnetic tape, a floppy disk, an optical data storage device, and the like.
It should be understood that references herein to "a plurality" are to two or more. Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any adaptations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It is to be understood that the present disclosure is not limited to the precise arrangements and instrumentalities shown in the drawings, and that various modifications and changes may be effected without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (16)
1. An interface display method of a quick application, wherein the quick application is an application running based on a quick application framework integrated in an operating system, the method being executed by a terminal, the method comprising:
receiving an interface display instruction of the fast application, and storing an application file of the fast application in the terminal under the condition that the fast application is started;
Acquiring equipment information of a terminal;
determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
acquiring application data of the fast application;
and calling the target template configuration information, and displaying a user interface corresponding to the application data and the target display template.
2. The method of claim 1, wherein determining target template configuration information in a set of template configuration information based on the device information comprises:
comparing the equipment information with the template configuration information in the template configuration information set, and determining the template configuration information conforming to the equipment information as the target template configuration information.
3. The method of claim 1, wherein the invoking the target template configuration information to display a user interface corresponding to the application data and the target display template comprises:
Adding the application data to the program code of the target template configuration information, and generating the user interface conforming to the target display template through the target template configuration information;
and displaying the user interface.
4. A method according to claim 3, wherein said program code for adding said application data to said target template configuration information, by means of which said user interface conforming to said target display template is generated, comprises:
adding the application data to program code of the target template configuration information;
generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
5. The method of any one of claims 1 to 4, wherein the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
6. The method according to any one of claims 1 to 4, wherein the acquiring device information of the terminal includes:
and calling a hook function to acquire the equipment information from the operating system of the terminal.
7. The method according to any one of claims 1 to 4, wherein the obtaining application data of the fast application comprises:
and calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
8. An interface display apparatus of a quick application, wherein the quick application is an application running based on a quick application framework integrated in an operating system, the apparatus being included in a terminal, the apparatus comprising:
the instruction receiving module is configured to receive an interface display instruction of the fast application, and an application file of the fast application is stored in the terminal under the condition that the fast application is started;
an information acquisition module configured to acquire device information of a terminal;
the template determining module is configured to determine target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
The data acquisition module is configured to acquire application data of the quick application;
and the interface display module is configured to call the target template configuration information and display a user interface corresponding to the application data and the target display template.
9. The apparatus of claim 8, wherein the template determination module is configured to:
comparing the equipment information with the template configuration information in the template configuration information set, and determining the template configuration information conforming to the equipment information as the target template configuration information.
10. The apparatus of claim 8, wherein the interface display module comprises:
an interface generation sub-module configured to add the application data to program code of the target template configuration information, through which the user interface conforming to the target display template is generated;
an interface display sub-module configured to display the user interface.
11. The apparatus of claim 10, wherein the interface generation sub-module is configured to:
adding the application data to program code of the target template configuration information;
Generating a pending user interface according to the target template configuration information, wherein the pending user interface refers to an unrendered user interface;
and rendering the undetermined user interface in a native rendering mode through the target template configuration information to generate the user interface conforming to the target display template.
12. The apparatus according to any one of claims 8 to 11, wherein the device information includes at least one of a device type, a screen size, a screen resolution, and a screen pixel ratio of the terminal.
13. The apparatus according to any one of claims 8 to 11, wherein the information acquisition module is configured to:
and calling a hook function to acquire the equipment information from the operating system of the terminal.
14. The apparatus according to any one of claims 8 to 11, wherein the data acquisition module is configured to:
and calling an API of a native application of the fast application through an API of an application programming interface of the fast application, and acquiring the application data through the API of the native application.
15. An interface display apparatus of a quick application, wherein the quick application is an application running based on a quick application framework integrated in an operating system, the apparatus being included in a terminal, the apparatus comprising:
A processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to:
receiving an interface display instruction of the fast application, and storing an application file of the fast application in the terminal under the condition that the fast application is started;
acquiring equipment information of a terminal;
determining target template configuration information in a template configuration information set according to the equipment information, wherein the template configuration information set is adapted to at least two types of terminals, the template configuration information set comprises template configuration information of the at least two types of terminals, and the target template configuration information is used for configuring a target display template adapted to a user interface of the terminal;
acquiring application data of the fast application;
and calling the target template configuration information, and displaying a user interface corresponding to the application data and the target display template.
16. A non-transitory computer readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the steps of the method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911130083.5A CN110874217B (en) | 2019-11-18 | 2019-11-18 | Interface display method and device for quick application and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911130083.5A CN110874217B (en) | 2019-11-18 | 2019-11-18 | Interface display method and device for quick application and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110874217A CN110874217A (en) | 2020-03-10 |
| CN110874217B true CN110874217B (en) | 2023-08-15 |
Family
ID=69718084
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911130083.5A Active CN110874217B (en) | 2019-11-18 | 2019-11-18 | Interface display method and device for quick application and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110874217B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2021223178A1 (en) * | 2020-05-07 | 2021-11-11 | 深圳市欢太科技有限公司 | User interface processing method and related apparatus |
| CN111857712A (en) * | 2020-06-30 | 2020-10-30 | 深圳市中农易讯信息技术有限公司 | Form processing method, device, terminal and medium |
| CN112433725A (en) * | 2020-11-26 | 2021-03-02 | 泰康保险集团股份有限公司 | Interface generation method and device, electronic equipment and storage medium |
| CN112751836A (en) * | 2020-12-24 | 2021-05-04 | 华人运通(上海)云计算科技有限公司 | Vehicle data display method, device, storage medium and system |
| CN113296770A (en) * | 2021-04-28 | 2021-08-24 | 厦门科灿信息技术有限公司 | Equipment management interface generation method and device and terminal |
| CN113986387A (en) * | 2021-10-28 | 2022-01-28 | 上海米哈游璃月科技有限公司 | Project configuration information loading method and device, electronic equipment and storage medium |
| CN115981588B (en) * | 2023-03-16 | 2023-09-26 | 中国邮电器材集团有限公司 | Multi-terminal data display method, device and system |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101043368A (en) * | 2006-06-30 | 2007-09-26 | 华为技术有限公司 | Method and system for unifying Web pages |
| CN104267921A (en) * | 2014-09-29 | 2015-01-07 | 广州华多网络科技有限公司 | Page display control method and server |
| CN104407779A (en) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | Arrangement display method and device for graphical interface |
| CN109375967A (en) * | 2018-08-27 | 2019-02-22 | 北京达佳互联信息技术有限公司 | Application Program Interface display methods and device, mobile terminal and storage medium |
| CN110035181A (en) * | 2019-04-12 | 2019-07-19 | 维沃移动通信有限公司 | It is a kind of to apply card theme setting method and terminal fastly |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9147004B2 (en) * | 2012-09-07 | 2015-09-29 | Cimpress Schweiz Gmbh | Website builder systems and methods with device detection to adapt rendering behavior based on device type |
-
2019
- 2019-11-18 CN CN201911130083.5A patent/CN110874217B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101043368A (en) * | 2006-06-30 | 2007-09-26 | 华为技术有限公司 | Method and system for unifying Web pages |
| CN104267921A (en) * | 2014-09-29 | 2015-01-07 | 广州华多网络科技有限公司 | Page display control method and server |
| CN104407779A (en) * | 2014-12-15 | 2015-03-11 | 北京国双科技有限公司 | Arrangement display method and device for graphical interface |
| CN109375967A (en) * | 2018-08-27 | 2019-02-22 | 北京达佳互联信息技术有限公司 | Application Program Interface display methods and device, mobile terminal and storage medium |
| CN110035181A (en) * | 2019-04-12 | 2019-07-19 | 维沃移动通信有限公司 | It is a kind of to apply card theme setting method and terminal fastly |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110874217A (en) | 2020-03-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110874217B (en) | Interface display method and device for quick application and storage medium | |
| CN111026396B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN110990075B (en) | Method, device, equipment and storage medium for starting fast application | |
| CN106569800B (en) | Front-end interface generation method and device | |
| CN109032606B (en) | Native application compiling method and device and terminal | |
| CN110990105B (en) | Interface display method and device, electronic equipment and storage medium | |
| US11706331B2 (en) | Information processing method and apparatus, storage medium, and electronic device | |
| CN111026490B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN111026491B (en) | Interface display method, device, electronic equipment, server and storage medium | |
| CN110865863B (en) | Interface display method and device for fast application and storage medium | |
| CN110851240B (en) | Function calling method, device and storage medium | |
| CN110704059A (en) | Image processing method, image processing device, electronic equipment and storage medium | |
| CN111078325B (en) | Application program running method and device, electronic equipment and storage medium | |
| CN109117144B (en) | Page processing method, device, terminal and storage medium | |
| CN110971974B (en) | Configuration parameter creating method, device, terminal and storage medium | |
| CN110968362B (en) | Application running method, device and storage medium | |
| CN111008057A (en) | Page display method and device and storage medium | |
| CN110865864B (en) | Interface display method, device and equipment for quick application and storage medium | |
| CN111008050B (en) | Page task execution method, device, terminal and storage medium | |
| US11194598B2 (en) | Information display method, terminal and storage medium | |
| EP3416070A1 (en) | Page display method and device and storage medium | |
| CN111046265B (en) | Card data display method, device, equipment and storage medium | |
| CN110908629A (en) | Electronic equipment operation method and device, electronic equipment and storage medium | |
| CN111104183B (en) | Application program running method and device, electronic equipment and storage medium | |
| CN111338961B (en) | Application debugging method and device, electronic equipment and storage medium |
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 |