Interface processing method, device, equipment and storage medium

Abstract

The embodiment of the present application provides an interface processing method, apparatus, device and storage medium, the application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language, and the method includes: upon receiving a request to display a specified user interface, obtaining the native interface resources of the specified user interface from the software development kit; the native interface resources are interface resources corresponding to the native coding language; obtaining the custom interface resources of the specified user interface through the software development kit; the custom interface resources are interface resources of the other coding languages; rendering the native interface resources and the custom interface resources to different rendering layers of the specified user interface respectively. In a hybrid developed terminal device, the embodiment of the present application can fully meet any user's UI layout requirements based on customizing the UI interface through the native SDK.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to an interface processing method and device, an electronic device and a storage medium. Background Art

[0002] The application (App) of the terminal device is essentially a collection of countless UI (User Interface) interfaces. In practice, some special UI interfaces of the application, such as the authorization login interface, need to provide the UI interface by invoking the SDK (Software Development Kit) of the application so that the user can perform corresponding operations through the UI interface.

[0003] However, some terminal devices are hybrid developed, that is, they use a mixture of native coding languages ​​and other coding languages. If an SDK using a native coding language is to be provided to hybrid developed terminal devices, it is generally necessary to encapsulate it into a standard plug-in mode for the terminal device. Once the SDK involves operations involving the UI interface, since the terminal device and the SDK use different coding languages, all relevant parameters of the UI interface cannot be passed to the SDK, resulting in poor customizability of the UI interface. Summary of the invention

[0004] The embodiment of the present application provides an interface processing method to solve the problem that the UI interface cannot be customized through the native SDK in a hybrid development terminal device.

[0005] Correspondingly, an embodiment of the present application also provides an interface processing device, an electronic device and a storage medium to ensure the implementation and application of the above method.

[0006] In order to solve the above problems, an embodiment of the present application discloses an interface processing method, wherein an application of a terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, and the software development kit is developed using the native coding language, and the method comprises:

[0007] Upon receiving a request to display a specified user interface, obtaining native interface resources of the specified user interface from the software development kit; the native interface resources are interface resources corresponding to a native coding language;

[0008] Acquire the custom interface resource of the specified user interface through the software development kit; the custom interface resource is the interface resource of the other coding language;

[0009] The native interface resources and the custom interface resources are respectively rendered into different rendering layers of the designated user interface.

[0010] Optionally, rendering the native interface resource and the custom interface resource into different rendering layers of the designated user interface respectively includes:

[0011] Generate a rendering layer of the specified user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer;

[0012] The native interface resources are rendered to the first rendering layer, and the custom interface resources are rendered to the second rendering layer.

[0013] Optionally, the native coding language includes at least Android language and iOS language; and the other coding languages ​​include at least Web language and Web-like language.

[0014] Optionally, the obtaining of the custom interface resource of the specified user interface through the software development kit includes:

[0015] The custom interface resources of the specified user interface are obtained from the server through the specified interface parameters in the software development kit.

[0016] Optionally, the terminal device has a built-in hybrid development framework, the custom interface resources are obtained by using the hybrid development framework, and rendering the native interface resources to the first rendering layer and rendering the custom interface resources to the second rendering layer include:

[0017] The native interface resources are rendered to the first rendering layer through the hybrid development framework, and the custom interface resources are rendered to the second rendering layer through the hybrid development framework.

[0018] Optionally, the hybrid development framework includes a weex framework and a vue framework.

[0019] The embodiment of the present application further discloses an interface processing device, wherein an application of a terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language used by the application, and the device comprises:

[0020] An interface request module, configured to obtain native interface resources of the specified user interface from the software development kit when receiving a request to display the specified user interface; the native interface resources are interface resources corresponding to the native coding language;

[0021] An interface resource acquisition module, used to acquire the custom interface resource of the specified user interface through the software development kit; the custom interface resource is the interface resource of the other coding language;

[0022] The interface rendering module is used to render the native interface resources and the custom interface resources into different rendering layers of the designated user interface respectively.

[0023] Optionally, the interface rendering module is used to generate a rendering layer of the specified user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer; the native interface resources are rendered to the first rendering layer, and the custom interface resources are rendered to the second rendering layer.

[0024] Optionally, the interface resource acquisition module is used to acquire the custom interface resources of the specified user interface from the server through the specified interface parameters in the software development kit.

[0025] Optionally, the terminal device has a built-in hybrid development framework, the custom interface resources are obtained using the hybrid development framework, and the interface rendering module is used to render the native interface resources to the first rendering layer through the hybrid development framework, and to render the custom interface resources to the second rendering layer through the hybrid development framework.

[0026] An embodiment of the present application also discloses an electronic device, including: a processor; and a memory, on which executable code is stored. When the executable code is executed, the processor executes the interface processing method as described in one or more of the embodiments of the present application.

[0027] The embodiments of the present application also disclose one or more machine-readable media on which executable codes are stored. When the executable codes are executed, the processor executes the interface processing method as described in one or more of the embodiments of the present application.

[0028] Compared with the prior art, the embodiments of the present application have the following advantages:

[0029] In an embodiment of the present application, in a terminal device that uses a mixture of native coding languages ​​and other coding languages, i.e., a hybrid-developed terminal device, an application in the terminal device is provided with a software development kit, wherein the software development kit is developed using the native coding language used by the application, and upon receiving a request to display a specified user interface, the native interface resources of the specified user interface are obtained from the software development kit, and the custom interface resources of the specified user interface are obtained through the software development kit, and then the native interface resources and the custom interface resources are respectively rendered to different rendering layers of the specified user interface to obtain the specified user interface. In a hybrid-developed terminal device, an embodiment of the present application can fully meet any user's UI layout requirements based on a custom UI interface through a native SDK. BRIEF DESCRIPTION OF THE DRAWINGS

[0030] Figure 1 It is a flowchart of the steps of an embodiment of an interface processing method of the present application;

[0031] Figure 2 is a flowchart of another embodiment of the interface processing method of the present application;

[0032] Figure 3 This is a schematic diagram of the layout principle of an authorization login interface of this application;

[0033] Figure 4 It is a schematic diagram of a user interface customized using a UI component on the Web side of the present application;

[0034] Figure 5 is a structural block diagram of another optional embodiment of the interface processing device of the present application;

[0035] Figure 6 It is a schematic diagram of the structure of a device provided in one embodiment of the present application. DETAILED DESCRIPTION

[0036] In order to make the above-mentioned objects, features and advantages of the present application more obvious and easy to understand, the present application is further described in detail below in conjunction with the accompanying drawings and specific implementation methods.

[0037] Some technical terms involved in the embodiments of this application are explained below:

[0038] SDK (Software Development Kit) refers to a collection of relevant documents, examples and tools such as software packages, software frameworks, hardware platforms, operating systems, etc. that assist in the development of a certain type of application software when building application software.

[0039] Native development: Development is based on the native operating system of the terminal device, such as Android (Android) or iOS (Apple) and other native programming languages. Natively developed applications can run directly in the native operating system.

[0040] Hybrid development: non-native programming languages, such as Web languages ​​or Web-like languages, are used in combination with the native programming languages ​​of terminal devices for development. Some hybrid-developed applications run in the browser kernel or some js engines, and generally interact with the native operating system through jsbrridge.

[0041] Web components: To facilitate subsequent descriptions, the UI components used in hybrid development terminal devices are called Web components.

[0042] At present, a solution commonly used in the industry for customizing the UI interface of hybrid-developed terminal devices is to encapsulate the commonly used UI components of the native operating system into Web components in the SDK plug-in, and encapsulate some frequently used layout parameters into component parameters, which are passed through Json (JavaScript Object Notation, JS object notation) files.

[0043] However, this solution has an obvious disadvantage. Since it is impossible to convert and encapsulate all UI components of the native operating system, and it is also impossible to parameterize and encapsulate all properties of the UI components of the native operating system, the interface effects it can achieve are limited. A slightly more complex interface layout cannot be achieved, which in turn leads to the inability to fully meet the customer's interface layout requirements. The interface design can only be adjusted to accommodate the capabilities of the components of the native operating system.

[0044] In addition, some important capabilities cannot be directly opened in the application, such as the ability to authorize login. Therefore, it is necessary to provide a specified user interface implementation through the SDK (such as a user interface that implements the ability to authorize login) and operate by invoking the built-in authorization login interface of the application SDK. However, each user's application scenario is different, and each application's design style is also different. The authorization login interface needs to be consistent with the overall style of the application, so there are high requirements for the ability to customize the authorization login interface. However, in the hybrid development scenario, UI development is completely different from the UI development of the native operating system, so it is impossible to achieve high-degree-of-freedom user interface customization.

[0045] In response to the above problems, the present application proposes an interface processing method, which abandons the encapsulation of the interface resources (UI components) of the native operating system and instead uses the layout hierarchy principle of View to completely hand over the user interface customization capability to the interface resources on the Web side, that is, the interface resources of the browser kernel. Therefore, there is no need to accommodate the capabilities of the components of the native operating system to adjust the interface design, and can fully meet the user's arbitrary interface layout requirements, thereby achieving high-degree-of-freedom user interface customization and bringing users a better user experience.

[0046] Reference Figure 1 , is a step flow chart of an embodiment of an interface processing method of the present application, the application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, and the software development kit is developed using the native coding language used by the application.

[0047] The terminal device may be a mobile phone, a tablet computer, a personal digital assistant, a personal computer, etc. The operating system of the terminal device is a native operating system, for example, it may include Android, IOS, etc.

[0048] In the embodiment of the present application, the terminal device is a terminal device that uses a mixture of native coding languages ​​and other coding languages, that is, a mixed development terminal device, wherein the native coding languages ​​include at least Android languages ​​and iOS languages; and the other coding languages ​​include at least Web languages ​​and Web-like languages. The application is an application developed using the native operating system of the terminal device, such as an application developed through Android, an application developed through IOS, etc., wherein the application is provided with an SDK, and the SDK may be developed using the native coding language used by the application, that is, if the application is developed through Android, then the SDK of the application is also developed through Android, and if the application is developed through IOS, then the SDK of the application is also developed through IOS.

[0049] Specifically, the interface processing method may include the following steps:

[0050] Step 102: upon receiving a request to display a specified user interface, obtaining native interface resources of the specified user interface from the software development kit; the native interface resources are interface resources corresponding to a native coding language.

[0051] Among them, the designated user interface can be the main interface of the application, or the sub-interface of the application, specifically some special UI interfaces of the application, such as the authorization login interface in number authentication, which needs to be provided to the user by invoking the SDK of the application so that the user can perform corresponding operations based on the user interface. The designated user interface must be provided by the SDK manufacturer, not implemented by the developer himself. Therefore, in the relevant technology, the developer can only customize the interface of the modifiable part of the designated user interface based on the interface provided by the SDK. Native interface resources are the interface resources of the native operating system, such as UI components in the native operating system. A component refers to encapsulating one or several code segments that perform their respective functions into one or several independent parts. The UI component contains one or several code segments with their respective functions. The display of the user interface can be completed based on the UI component.

[0052] In an embodiment of the present application, in the SDK, for a specified user interface, it can be encapsulated according to the UI components of the native operating system and encapsulated into a Web component, and the layout parameters required by the Web component can be encapsulated into component parameters, and the layout parameters can be passed through a Json file.

[0053] In an embodiment of the present application, when a request to display a specified user interface is received, since the user interface needs to be provided through the SDK, the UI components related to the specified user interface and the layout parameters of the UI components can be obtained from the SDK first, so that the specified user interface can be generated based on the layout parameters and the UI component layout.

[0054] Step 104: Obtain the custom interface resources of the specified user interface through the software development kit; the custom interface resources are interface resources in the other coding languages.

[0055] Among them, custom interface resources refer to interface resources of non-native operating systems, such as UI components on the Web side that use Web languages ​​and Web-like languages.

[0056] In the actual development process, developers can package the content they want to display on the specified user interface into a resource file constructed by the UI components (html5, css, js) of the Web side, and then pass the resource file containing the UI components of the Web side to the SDK. Therefore, in the embodiment of the present application, the UI components of the Web side can be obtained through the SDK in addition to the UI components of the native operating system. By using the UI components of the Web side, all the UI capabilities of the Web can be realized, thereby realizing complex interface layouts without being limited to the capabilities of the UI components of the native operating system.

[0057] Step 106: Render the native interface resources and the custom interface resources respectively into different rendering layers of the designated user interface.

[0058] In the embodiment of the present application, the UI components of the native operating system and the UI components of the Web end can be rendered to different rendering layers of the specified user interface respectively, so as to obtain the specified user interface finally provided to the user in the terminal device. Exemplarily, the specified user interface can generate two rendering layers, and then the UI component layout of the native operating system can be rendered to one of the rendering layers, and then the UI component layout of the Web end can be rendered to another rendering layer, two rendering layers.

[0059] In the above interface processing method, in a terminal device that uses a mixture of native coding languages ​​and other coding languages, i.e., a hybrid-developed terminal device, an application in the terminal device is provided with a software development kit, wherein the software development kit is developed using the native coding language used by the application, and upon receiving a request to display a specified user interface, the native interface resources of the specified user interface are obtained from the software development kit, and the custom interface resources of the specified user interface are obtained through the software development kit, and then the native interface resources and the custom interface resources are respectively rendered to different rendering layers of the specified user interface to obtain the specified user interface. In a hybrid-developed terminal device, the embodiment of the present application can fully meet any user's UI layout requirements based on a custom UI interface through a native SDK.

[0060] Reference Figure 2 , is a flowchart of another embodiment of an interface processing method of the present application, the application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language used by the application, the interface processing method may include the following steps:

[0061] Step 202: upon receiving a request to display a specified user interface, obtaining native interface resources of the specified user interface from the software development kit; the native interface resources are interface resources corresponding to a native coding language.

[0062] Step 204: Obtain the custom interface resources of the designated user interface from the server through the designated interface parameters in the software development kit; the custom interface resources are interface resources in the other coding languages.

[0063] Step 206: Generate a rendering layer of the designated user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer.

[0064] Step 208: Render the native interface resources to the first rendering layer, and render the custom interface resources to the second rendering layer.

[0065] In a terminal device with a native operating system, developers can use the UI components of the native operating system in the SDK. However, if the terminal device is a hybrid development, the native programming language of the native operating system cannot communicate with the hybrid development language. Therefore, in the embodiment of the present invention, webview (web page view) is used as a medium to use the UI components of the Web end to layout the custom interface and convert the layout of the specified user interface. Therefore, in the embodiment of the present application, for the specified user interface, for some content that must be generated by the UI components of the native operating system, it can be generated by the UI components of the native operating system built into the SDK, and for some content of custom UI components, the UI components of the Web end can be obtained from the server through the SDK to achieve a custom interface layout.

[0066] In an embodiment of the present application, at least two rendering layers of a specified user interface may be generated, for example, a first rendering layer and a second rendering layer, and the rendering layers do not affect the layout of each other's UI components. Specifically, the first rendering layer may be located above the second rendering layer, and the first rendering layer may be set to have a certain degree of transparency, such as complete transparency, so that the content of the second rendering layer at the bottom layer may be displayed on the screen of the terminal device through the first rendering layer. Optionally, the size of the first rendering layer and the second rendering layer may be the same as the screen size of the terminal device.

[0067] In the embodiment of the present application, the encapsulation of the UI components of the native operating system is abandoned, and the customization capability is completely handed over to the UI components on the Web side through the layout hierarchy principle of View. Figure 3 , is a schematic diagram of the layout principle of an authorization login interface of the present application. The bottom layer is the parent View of the native operating system, which is full-screen in size. Then a layer of WebView (the second rendering layer) of the same size as the parent View is added to the parent View. Above this View is the native View (the first rendering layer) which is a brother View of the View. This layer is transparent so that the content of the underlying WebView can be displayed on the screen without distinction. Specifically, the UI components of the native operating system required for the authorization login interface, such as "Title", "One-click login button", "Privacy agreement", etc., can be laid out in the first rendering layer. The content that you want to display on the authorization login interface, such as videos, pictures, etc., can be laid out in the second rendering layer.

[0068] Based on the above layout, developers can use the middle-layer WebView to completely customize the UI style of the interface and implement some complex interface layouts without having to accommodate the capabilities of the UI components of the native operating system.

[0069] In an optional embodiment of the present application, the terminal device has a built-in hybrid development framework, and the custom interface resources are obtained by using the hybrid development framework. The step 208, rendering the native interface resources to the first rendering layer, and rendering the custom interface resources to the second rendering layer, may include the following steps:

[0070] The native interface resources are rendered to the first rendering layer through the hybrid development framework, and the custom interface resources are rendered to the second rendering layer through the hybrid development framework.

[0071] In an optional embodiment of the present application, the hybrid development framework may include a weex framework and a vue framework.

[0072] In the specific implementation, although the interface layout of the native operating system is converted into the interface layout of the Web side with the help of WebView, hybrid developers can define the UI components in the specified user interface in Web language or Web-like language. However, since the Webview of the native operating system will have certain adaptation and performance issues, in order to provide a better user experience, a hybrid development framework is further utilized in the embodiments of the present application, such as the Weex framework integrated in Dcloud.

[0073] Dcloud is a hybrid development platform, and most developers are doing hybrid development based on this platform. Weex framework is a hybrid development framework that supports developers to develop user interfaces in Web language or Web-based (Web-like) Weex language, and can provide better adaptability and performance based on the Weex framework.

[0074] Therefore, in the embodiment of the present application, it is possible to support the use of interface resources compiled by frameworks such as weex or vue to directly render the specified user interface, and internally rely on the built-in integrated weex framework of Dcloud for rendering, so that the performance of the user interface is indistinguishable from the user interface of the native operating system, and the overall style of the user interface is consistent with that of the application.

[0075] By applying the embodiments of the present application, when customizing a specified user interface, the UI components of the native operating system are not used. Instead, the webview and weex frameworks built into the native operating system are used to change the interface layout of the specified user interface to be completely implemented by UI components on the Web side. In this way, it will not be restricted by the richness and properties of the UI components of the native operating system, so that developers do not need to accommodate the capabilities of the UI components of the native operating system, and can flexibly design interfaces and freely layout them.

[0076] In summary, in the embodiments of the present application, the processing content for implementing the user interface includes: 1. Developers implement it through the weex project according to the UI effects they want to define, and all codes are web codes. 2. Compile the UI code into a js bundle file through the weex tool; (this part can also be implemented through native html5). 3. Put the js file into the dcloud app project for packaging and rendering, and pass the js path to the SDK through the interface parameters specified by the SDK. 4. The SDK renders separately through the built-in weex framework or webview (if an html file is passed) to obtain a complete user interface.

[0077] In order to enable those skilled in the art to better understand the embodiments of the present application, a specific example is used below for illustration. Figure 4 , is a schematic diagram of a specified user interface customized by using the UI components on the Web side of the present application. Some native operating system UI components built into the SDK are generally required to be displayed and have certain specification requirements. Only some simple changes in font positions can be made, such as mobile phone number masks and login buttons. If the developer also needs to add other UI component layouts to the user interface, such as adding a background video or a carousel background image, and a login button to switch to other applications, the developer needs to put other UI components, such as the UI components on the Web side, into a separate HTML file or a JS bundle compiled by Weex.

[0078] The native operating system UI components built into the SDK are rendered differently from the custom Web-side UI components. Developers can freely define the UI components they want to display in the user interface. After rendering the native operating system UI components and the Web-side UI components to different user interface rendering layers respectively, a complete user interface can be obtained. When the user interface is displayed on the screen of the terminal device, it looks like a complete interface from the user's perspective.

[0079] It should be noted that, for the method embodiments, for the sake of simplicity, they are all expressed as a series of action combinations, but those skilled in the art should be aware that the embodiments of the present application are not limited by the described order of actions, because according to the embodiments of the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions involved are not necessarily required by the embodiments of the present application.

[0080] On the basis of the above embodiments, this embodiment further provides an interface processing device, which is applied to electronic devices such as mobile terminals and servers.

[0081] Reference Figure 5 , shows a structural block diagram of an embodiment of an interface processing device of the present application, the application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language used by the application, and the device may specifically include the following modules:

[0082] The interface request module 502 is used to obtain the native interface resources of the specified user interface from the software development kit when receiving a request to display the specified user interface; the native interface resources are interface resources corresponding to the native coding language;

[0083] The interface resource acquisition module 504 is used to acquire the custom interface resource of the specified user interface through the software development kit; the custom interface resource is the interface resource of the other coding language;

[0084] The interface rendering module 506 is used to render the native interface resources and the custom interface resources into different rendering layers of the designated user interface respectively.

[0085] In an optional embodiment of the present application, the interface rendering module 506 is used to generate a rendering layer of the specified user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer; the native interface resources are rendered to the first rendering layer, and the custom interface resources are rendered to the second rendering layer.

[0086] In an optional embodiment of the present application, the native coding language includes at least Android language and iOS language; the other coding languages ​​include at least Web language and Web-like language.

[0087] In an optional embodiment of the present application, the interface resource acquisition module 504 is used to acquire the custom interface resources of the specified user interface from the server through the specified interface parameters in the software development kit.

[0088] In an optional embodiment of the present application, the terminal device has a built-in hybrid development framework, the custom interface resources are obtained using the hybrid development framework, and the interface rendering module 506 is used to render the native interface resources to the first rendering layer through the hybrid development framework, and to render the custom interface resources to the second rendering layer through the hybrid development framework.

[0089] In an optional embodiment of the present application, the hybrid development framework includes a weex framework and a vue framework.

[0090] In summary, in an embodiment of the present application, in a terminal device that uses a mixture of native coding languages ​​and other coding languages, i.e., a hybrid-developed terminal device, an application in the terminal device is provided with a software development kit, wherein the software development kit is developed using the native coding language used by the application, and upon receiving a request to display a specified user interface, the native interface resources of the specified user interface are obtained from the software development kit, and the custom interface resources of the specified user interface are obtained through the software development kit, and then the native interface resources and the custom interface resources are respectively rendered to different rendering layers of the specified user interface to obtain the specified user interface. In a hybrid-developed terminal device, an embodiment of the present application can fully meet any user's UI layout requirements based on a custom UI interface through a native SDK.

[0091] The embodiment of the present application also provides a non-volatile readable storage medium, which stores one or more modules (programs). When the one or more modules are applied to a device, the device can execute instructions (instructions) of each method step in the embodiment of the present application.

[0092] The present application embodiment provides one or more machine-readable media on which instructions are stored, and when executed by one or more processors, an electronic device executes one or more of the methods described in the above embodiments. In the present application embodiment, the electronic device includes various types of devices such as terminal devices and servers (clusters).

[0093] The embodiments of the present disclosure may be implemented as a device configured as desired using any appropriate hardware, firmware, software, or any combination thereof, and the device may include electronic devices such as terminal devices and servers (clusters). Figure 6 An exemplary apparatus 600 that may be used to implement various embodiments described in this application is schematically illustrated.

[0094] For one embodiment, Figure 6 An exemplary apparatus 600 is shown having one or more processors 602, a control module (chip set) 604 coupled to at least one of the processor(s) 602, a memory 606 coupled to the control module 604, a non-volatile memory (NVM) / storage device 608 coupled to the control module 604, one or more input / output devices 610 coupled to the control module 604, and a network interface 612 coupled to the control module 604.

[0095] The processor 602 may include one or more single-core or multi-core processors, and the processor 602 may include any combination of general-purpose processors or special-purpose processors (such as graphics processors, application processors, baseband processors, etc.). In some embodiments, the device 600 can be used as a terminal device, server (cluster), etc. described in the embodiments of the present application.

[0096] In some embodiments, the apparatus 600 may include one or more computer-readable media (e.g., memory 606 or NVM / storage device 608) having instructions 614 and one or more processors 602 combined with the one or more computer-readable media and configured to execute the instructions 614 to implement a module to perform the actions described in the present disclosure.

[0097] For one embodiment, control module 604 may include any suitable interface controller to provide any suitable interface to at least one of processor(s) 602 and / or any suitable device or component in communication with control module 604 .

[0098] The control module 604 may include a memory controller module to provide an interface to the memory 606. The memory controller module may be a hardware module, a software module, and / or a firmware module.

[0099] The memory 606 may be used, for example, to load and store data and / or instructions 614 for the device 600. For one embodiment, the memory 606 may include any suitable volatile memory, such as a suitable DRAM. In some embodiments, the memory 606 may include double data rate type four synchronous dynamic random access memory (DDR4 SDRAM).

[0100] For one embodiment, control module 604 may include one or more input / output controllers to provide an interface to NVM / storage device 608 and input / output device(s) 610 .

[0101] For example, NVM / storage 608 may be used to store data and / or instructions 614. NVM / storage 608 may include any suitable non-volatile memory (e.g., flash memory) and / or may include any suitable non-volatile storage device(s) (e.g., one or more hard disk drives (HDDs), one or more compact disk (CD) drives, and / or one or more digital versatile disk (DVD) drives).

[0102] NVM / storage device 608 may include storage resources that are physically part of the device on which apparatus 600 is installed, or it may be accessible to the device without being part of the device. For example, NVM / storage device 608 may be accessed via input / output device(s) 610 over a network.

[0103] (One or more) input / output devices 610 may provide an interface for the apparatus 600 to communicate with any other appropriate device, and the input / output device 610 may include a communication component, an audio component, a sensor component, etc. The network interface 612 may provide an interface for the apparatus 600 to communicate through one or more networks, and the apparatus 600 may wirelessly communicate with one or more components of a wireless network according to any of one or more wireless network standards and / or protocols, for example, access a wireless network based on a communication standard, such as WiFi, 2G, 3G, 4G, 5G, etc., or a combination thereof for wireless communication.

[0104] For one embodiment, at least one of the processor(s) 602 may be packaged together with the logic of one or more controllers (e.g., a memory controller module) of the control module 604. For one embodiment, at least one of the processor(s) 602 may be packaged together with the logic of one or more controllers of the control module 604 to form a system-in-package (SiP). For one embodiment, at least one of the processor(s) 602 may be integrated on the same die with the logic of one or more controllers of the control module 604. For one embodiment, at least one of the processor(s) 602 may be integrated on the same die with the logic of one or more controllers of the control module 604 to form a system-on-chip (SoC).

[0105] In various embodiments, the device 600 may be, but is not limited to, a terminal device such as a server, a desktop computing device, or a mobile computing device (e.g., a laptop computing device, a handheld computing device, a tablet computer, a netbook, etc.). In various embodiments, the device 600 may have more or fewer components and / or different architectures. For example, in some embodiments, the device 600 includes one or more cameras, a keyboard, a liquid crystal display (LCD) screen (including a touch screen display), a non-volatile memory port, multiple antennas, a graphics chip, an application-specific integrated circuit (ASIC), and a speaker.

[0106] Among them, the main control chip can be used as a processor or control module in the detection device, sensor data, location information, etc. are stored in a memory or NVM / storage device, the sensor group can be used as an input / output device, and the communication interface may include a network interface.

[0107] As for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.

[0108] The various embodiments in this specification are described in a progressive manner, and each embodiment focuses on the differences from other embodiments. The same or similar parts between the various embodiments can be referenced to each other.

[0109] The embodiments of the present application are described with reference to the flowcharts and / or block diagrams of the methods, terminal devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable interface processing terminal device to generate a machine, so that the instructions executed by the processor of the computer or other programmable interface processing terminal device generate instructions for implementing the processes in the process. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0110] These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable interface processing terminal device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce a manufactured product including an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0111] These computer program instructions can also be loaded onto a computer or other programmable interface processing terminal device, so that a series of operating steps are executed on the computer or other programmable terminal device to produce a computer-implemented process, so that the instructions executed on the computer or other programmable terminal device provide for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0112] Although the preferred embodiments of the present application have been described, those skilled in the art may make additional changes and modifications to these embodiments once they have learned the basic creative concept. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments and all changes and modifications that fall within the scope of the embodiments of the present application.

[0113] Finally, it should be noted that, in this article, relational terms such as first and second, etc. are only used to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Moreover, the terms "include", "comprise" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or terminal device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or terminal device. In the absence of further restrictions, the elements defined by the sentence "comprise a ..." do not exclude the existence of other identical elements in the process, method, article or terminal device including the elements.

[0114] The above is a detailed introduction to an interface processing method and device, an electronic device and a storage medium provided by the present application. Specific examples are used in this article to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for general technical personnel in this field, according to the idea of ​​the present application, there will be changes in the specific implementation method and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. An interface processing method, characterized in that: The application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language, and the method comprises: Upon receiving a request to display a specified user interface, obtaining native interface resources of the specified user interface from the software development kit; the native interface resources are interface resources corresponding to a native coding language; Acquire the custom interface resource of the specified user interface through the software development kit; the custom interface resource is the interface resource of the other coding language; Generate a rendering layer of the specified user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer; The native interface resources are rendered to the first rendering layer, and the custom interface resources are rendered to the second rendering layer.

2. The method according to claim 1, characterized in that: The native coding languages ​​include at least Android languages ​​and iOS languages; the other coding languages ​​include at least Web languages ​​and Web-like languages.

3. The method according to claim 1, characterized in that The step of obtaining the custom interface resource of the specified user interface through the software development kit includes: The custom interface resources of the specified user interface are obtained from the server through the specified interface parameters in the software development kit.

4. The method according to claim 1, characterized in that: The terminal device has a built-in hybrid development framework, the custom interface resources are obtained by using the hybrid development framework, and rendering the native interface resources to the first rendering layer and rendering the custom interface resources to the second rendering layer include: The native interface resources are rendered to the first rendering layer through the hybrid development framework, and the custom interface resources are rendered to the second rendering layer through the hybrid development framework.

5. The method according to claim 4, characterized in that The hybrid development framework includes a weex framework and a vue framework.

6. An interface processing device, characterized in that: The application of the terminal device is provided with a software development kit, the terminal device uses a native coding language and other coding languages, the software development kit is developed using the native coding language used by the application, and the apparatus comprises: An interface request module, configured to obtain native interface resources of the specified user interface from the software development kit when receiving a request to display the specified user interface; the native interface resources are interface resources corresponding to the native coding language; An interface resource acquisition module, used to acquire the custom interface resource of the specified user interface through the software development kit; the custom interface resource is the interface resource of the other coding language; An interface rendering module is used to generate a rendering layer of the specified user interface; the rendering layer includes a first rendering layer and a second rendering layer, the first rendering layer is a transparent layer, and the first rendering layer is located above the second rendering layer; the native interface resources are rendered to the first rendering layer, and the custom interface resources are rendered to the second rendering layer.

7. An electronic device, characterized in that: include: processor; and A memory having executable codes stored thereon, which, when executed, enables the processor to execute the interface processing method as described in one or more of claims 1-5.

8. One or more machine-readable media having executable codes stored thereon, which, when executed, cause a processor to execute the interface processing method as claimed in one or more of claims 1-5.

Images