Interface Adaptation Display Method, System, Electronic Device and Medium of Application

Abstract

The present application discloses an interface adaptation display method, system, electronic device and medium for an application program. The method includes the following steps performed by a first electronic device: obtaining an installation package on the first electronic device side, where the installation package on the first electronic device side includes a first resource file; extracting element features from the first resource file; matching the element features with an icon material library of a cloud device to generate an installation package on the second electronic device side, where the installation package on the second electronic device side includes a second resource file; pushing the installation package on the second electronic device side to the second electronic device for installation, so as to adaptively display the application program on the display interface of the second electronic device according to the second resource file. Using this interface adaptation display method for the application program can significantly improve the efficiency of interface adaptation display of the application program.

Description

Technical Field

[0001] This application relates to the field of interface display technology, and particularly to an interface adaptation display method, system, electronic device and medium for an application program.

Background Art

[0002] Currently, for electronic devices such as terminal products, there are various types of screen resolutions and screen sizes. In addition to the horizontal and vertical screen interfaces of mobile phones and tablets, APPs (Applications) also need to be interface-adapted on products such as foldable screens, in-vehicle screens, and TVs. This brings a large amount of repetitive design work to developers and results in low efficiency in the interface adaptation display of application programs.

Summary of the Invention

[0003] In view of this, embodiments of this application provide an interface adaptation display method, system, electronic device and medium for an application program, so as to solve the problem of low efficiency in the interface adaptation display of different electronic devices for application programs.

[0004] In a first aspect, embodiments of this application provide an interface adaptation display method for an application program, including the following steps executed by a first electronic device:

[0005] Obtain the installation package on the first electronic device side, where the installation package on the first electronic device side includes a first resource file;

[0006] Extract element features from the first resource file;

[0007] Match the element features with the icon material library of the cloud device to generate an installation package on the second electronic device side, where the installation package on the second electronic device side includes a second resource file;

[0008] Push the installation package on the second electronic device side to the second electronic device for installation, so as to adaptively display the application program on the display interface of the second electronic device according to the second resource file.

[0009] For the above aspect and any possible implementation, a further implementation is provided. The obtaining of the installation package on the first electronic device side includes:

[0010] Detect whether the installation package on the first electronic device side exists in local storage;

[0011] If not, download the installation package on the first electronic device side from the application market on the first electronic device side.

[0012] For the above aspect and any possible implementation, a further implementation is provided. The extracting of the element features from the first resource file includes:

[0013] Extract text clickable elements and / or picture clickable elements from the first resource file;

[0014] Analyze the semantics of the text clickable elements using natural language processing, and extract the element features according to the semantics;

[0015] Extract text information from the picture clickable elements using image recognition, perform natural language processing analysis on the text information, and extract the element features.

[0016] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. Extracting element features from the first resource file further includes:

[0017] Extract picture clickable elements from the first resource file;

[0018] Determine the image information of the picture clickable elements using image recognition, and extract the element features according to the image information.

[0019] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. The element features include key text descriptions. Matching the element features with the icon material library of the cloud device to generate an installation package on the second electronic device side includes:

[0020] Perform character matching on the key text descriptions and the icon material library of the cloud device to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text descriptions;

[0021] Determine the icons matching the element features according to the matching result;

[0022] Generate the installation package on the second electronic device side according to the icons matching the element features.

[0023] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. Generating the installation package on the second electronic device side according to the icons matching the element features includes:

[0024] Obtain the icon display style, display background, and / or display color combination of the second electronic device;

[0025] Generate the second resource file according to the icons matching the element features;

[0026] Generate an installation package on the second electronic device side according to the second resource file, as well as the icon display style, display background, and / or display color combination of the second electronic device.

[0027] In the aspect and any possible implementation manner as described above, a further implementation manner is provided. Pushing the installation package on the second electronic device side to the second electronic device for installation includes:

[0028] Initiate a communication service to the second electronic device through an intermediate application. Among them, the intermediate application has the function of establishing communication between the first device and the second device;

[0029] Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

[0030] In a second aspect, an embodiment of the present application provides a method for adaptively displaying an interface of an application program, including the following steps performed by a second electronic device:

[0031] Receive an installation package on the second electronic device side. The installation package on the second electronic device side is sent by a first electronic device and includes a second resource file. Among them, the second resource file is generated by extracting element features from a first resource file and matching the element features with an icon material library of a cloud device. The first resource file is included in the installation package on the first electronic device side;

[0032] Install a corresponding application program according to the installation package on the second electronic device side, and adaptively display the application program on the display interface of the second electronic device by using the second resource file.

[0033] In the aspect and any possible implementation manner as described above, a further implementation manner is provided. The step of adaptively displaying the application program on the display interface of the second electronic device by using the second resource file includes:

[0034] Determine the icon to be displayed by using the second resource file;

[0035] Obtain the icon display style, display background, and / or display color combination of the second electronic device;

[0036] According to the icon display style, display background, and / or display color combination of the second electronic device, and the icon to be displayed, adaptively display the application program on the display interface of the second electronic device.

[0037] In a third aspect, an embodiment of the present application provides a method for adaptively displaying an interface of an application program, including the following steps performed by a third electronic device:

[0038] Extract element features from a third resource file through an application development tool;

[0039] Match the element features with an icon library to generate a fourth resource file;

[0040] Adaptively display the application on the simulation display interface of the application development tool according to the fourth resource file, where the simulation display interface is applied to a simulated fourth electronic device.

[0041] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. The extracting element features from a third resource file through an application development tool includes:

[0042] Extract text clickable elements and / or picture clickable elements from the third resource file;

[0043] Analyze the semantics of the text clickable elements using natural language processing, and extract the element features according to the semantics;

[0044] Extract text information from the picture clickable elements using image recognition, perform natural language processing analysis on the text information, and extract the element features.

[0045] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. The extracting element features from a third resource file through an application development tool includes:

[0046] Extract picture clickable elements from the third resource file;

[0047] Determine the image information of the picture clickable elements using image recognition, and extract the element features according to the image information.

[0048] For the aspects and any possible implementation manners as described above, a further implementation manner is provided. The element features include key text descriptions. The matching the element features with an icon library to generate a fourth resource file includes:

[0049] Perform character matching between the key text descriptions and the icon library to obtain a matching result, where there is one or more mapping relationships between the icons in the icon library and the key text descriptions;

[0050] Determine the icons that match the element features according to the matching result;

[0051] Generate the fourth resource file according to the icons that match the element features.

[0052] For the aspects and any possible implementation manners described above, a further implementation manner is provided. Adapting and displaying the application on the simulation display interface of the application development tool according to the fourth resource file includes:

[0053] Determining the icon to be displayed by using the fourth resource file;

[0054] Obtaining the icon display style, display background, and / or display color combination of the fourth electronic device;

[0055] Adapting and displaying the application on the simulation display interface of the application development tool according to the icon display style, display background, and / or display color combination of the fourth electronic device, and the icon to be displayed.

[0056] In a fourth aspect, an embodiment of the present application provides an interface adaptation and display system for an application. The system includes a first electronic device and a second electronic device. The first electronic device executes the method described in the first aspect, and the second electronic device executes the method described in the second aspect.

[0057] In a fifth aspect, an embodiment of the present application provides an electronic device, including: a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the following steps are implemented:

[0058] Obtaining an installation package on the first electronic device side, where the installation package on the first electronic device side includes a first resource file;

[0059] Extracting element features from the first resource file;

[0060] Matching the element features with an icon material library of a cloud device to generate an installation package on the second electronic device side, where the installation package on the second electronic device side includes a second resource file;

[0061] Pushing the installation package on the second electronic device side to the second electronic device for installation, so as to adapt and display the application on the display interface of the second electronic device according to the second resource file.

[0062] For the aspects and any possible implementation manners described above, a further implementation manner is provided. When the processor executes the computer program to implement obtaining the installation package on the first electronic device side, the following steps are included:

[0063] Detecting whether the installation package on the first electronic device side exists in local storage;

[0064] If not, downloading the installation package on the first electronic device side from the application market on the first electronic device side.

[0065] For the aspects and any possible implementation manners described above, a further implementation manner is provided. When the processor executes the computer program to implement extracting element features from the first resource file, the following steps are included:

[0066] Extract text clickable elements and / or picture clickable elements from the first resource file;

[0067] Analyze the semantics of the text clickable elements by using natural language processing, and extract the element features according to the semantics;

[0068] Extract text information from the picture clickable elements by using image recognition, perform natural language processing analysis on the text information, and extract the element features.

[0069] For the aspects and any possible implementation manners described above, a further implementation manner is provided. When the processor executes the computer program to implement extracting element features from the first resource file, the following steps are included:

[0070] Extract picture clickable elements from the first resource file;

[0071] Determine the image information of the picture clickable elements by using image recognition, and extract the element features according to the image information.

[0072] For the aspects and any possible implementation manners described above, a further implementation manner is provided. The element features include key text descriptions. When the processor executes the computer program to implement matching the element features with the icon material library of the cloud device and generating an installation package on the second electronic device side, the following steps are included:

[0073] Perform character matching between the key text descriptions and the icon material library of the cloud device to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text descriptions;

[0074] Determine the icons matching the element features according to the matching result;

[0075] Generate the installation package on the second electronic device side according to the icons matching the element features.

[0076] For the aspects and any possible implementation manners described above, a further implementation manner is provided. When the processor executes the computer program to implement generating the installation package on the second electronic device side according to the icons matching the element features, the following steps are included:

[0077] Obtain the icon display style, display background, and / or display color combination of the second electronic device;

[0078] Generate the second resource file according to the icon that matches the element characteristics;

[0079] Generate the installation package on the second electronic device side according to the second resource file, and the icon display style, display background, and / or display color combination of the second electronic device.

[0080] In the above aspects and any possible implementation manners, a further implementation manner is provided. When the processor executes the computer program to implement pushing the installation package on the second electronic device side to the second electronic device for installation, the following steps are included:

[0081] Initiate a communication service to the second electronic device through an intermediate application program, where the intermediate application program has the function of establishing communication between the first device and the second device;

[0082] Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

[0083] In a sixth aspect, an embodiment of the present application provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the method described in the second aspect is implemented, or when the processor executes the computer program, the method described in the third aspect is implemented.

[0084] In a seventh aspect, an embodiment of the present application provides a computer storage medium. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, the method described in the first aspect is implemented, or when the computer program is executed by the processor, the method described in the second aspect is implemented, or when the processor executes the computer program, the method described in the third aspect is implemented.

[0085] In the embodiments of the present application, by analyzing the first resource file in the installation package on the first electronic device side, extracting element features, and matching the element features with the icon material library of the cloud device, an installation package on the second electronic device side is generated. An application program corresponding to the first electronic device side can be installed on the second electronic device according to the installation package on the second electronic device side including the second resource file, so that the second electronic device can automatically generate an icon adapted to the application program based on the second resource file and adaptively display it on the display interface of the second electronic device. In the embodiments of the present application, an installation package that does not exist in the application market on the first electronic device side can be automatically generated on the second electronic device side. The second electronic device can install an application program corresponding to the first electronic device side according to the automatically generated installation package and adaptively display the entry control of the application program on the display interface of the second electronic device, which can significantly improve the efficiency of interface adaptive display of the application program.

Description of the Drawings

[0086] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.

[0087] Figure 1 It is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

[0088] Figure 2 It is a software structure block diagram of an electronic device provided by an embodiment of the present application;

[0089] Figure 3 It is a schematic diagram of the display difference of controls on the display interface between the mobile phone side and the watch side provided by an embodiment of the present application;

[0090] Figure 4 It is a timing diagram of a method for realizing interface adaptive display of an application program provided by an embodiment of the present application;

[0091] Figure 5 It is a flowchart of a method for interface adaptive display of an application program executed by a first electronic device provided by an embodiment of the present application;

[0092] Figure 6 It is a schematic diagram of the conversion from the application program interface on the mobile phone side to the application program interface on the watch side provided by an embodiment of the present application;

[0093] Figure 7 It is a flowchart of a method for interface adaptive display of an application program executed by a third electronic device provided by an embodiment of the present application.

Specific Embodiments

[0094] The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings in the embodiments of the present application. Among them, in the description of the embodiments of the present application, unless otherwise specified, " / " means "or". For example, A / B may represent A or B; herein, "and / or" is only a description of the association relationship of associated objects, indicating that there can be three relationships. For example, A and / or B may represent: A exists alone, A and B exist simultaneously, and B exists alone. These three situations.

[0095] Hereinafter, the terms "first" and "second" are only used for descriptive purposes and cannot be construed as indicating or implying relative importance or implicitly specifying the quantity of the indicated technical features. Thus, features defined with "first" and "second" may explicitly or implicitly include one or more of such features. In the description of the embodiments of the present application, unless otherwise specified, the meaning of "a plurality" is two or more.

[0096] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be construed as being more preferred or having more advantages than other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific manner.

[0097] Figure 1 A schematic structural diagram of the electronic device 100 is shown.

[0098] The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0099] It can be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than those illustrated, or combine certain components, or split certain components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0100] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU), etc. Among them, different processing units may be independent devices or integrated in one or more processors.

[0101] The controller may generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.

[0102] A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory may save the instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can directly call it from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0103] In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0104] The I2C interface is a two-way synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple groups of I2C buses. The processor 110 may be respectively coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces. For example, the processor 110 may be coupled to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface to implement the touch function of the electronic device 100.

[0105] The I2S interface can be used for audio communication. In some embodiments, the processor 110 may include multiple groups of I2S buses. The processor 110 may be coupled to the audio module 170 through the I2S bus to implement communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 may transmit an audio signal to the wireless communication module 160 through the I2S interface to implement the function of answering a phone call through a Bluetooth headset.

[0106] The PCM interface can also be used for audio communication to sample, quantize, and encode analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 may be coupled through the PCM bus interface. In some embodiments, the audio module 170 may also transmit an audio signal to the wireless communication module 160 through the PCM interface to implement the function of answering a phone call through a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0107] The UART interface is a general-purpose serial data bus for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to implement the Bluetooth function. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 through the UART interface to implement the function of playing music through Bluetooth headsets.

[0108] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), etc. In some embodiments, the processor 110 and the camera 193 communicate through the CSI interface to implement the shooting function of the electronic device 100. The processor 110 and the display screen 194 communicate through the DSI interface to implement the display function of the electronic device 100.

[0109] The GPIO interface can be configured by software. The GPIO interface can be configured as a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to the camera 193, the display screen 194, the wireless communication module 160, the audio module 170, the sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0110] The USB interface 130 is an interface that conforms to the USB standard specification, and can specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as AR devices, etc.

[0111] It can be understood that the interface connection relationships between the modules illustrated in the embodiments of the present application are only illustrative descriptions and do not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 can also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

[0112] The charging management module 140 is used to receive a charging input from a charger. The charger can be a wireless charger or a wired charger. In some embodiments of wired charging, the charging management module 140 can receive the charging input from a wired charger through the USB interface 130. In some embodiments of wireless charging, the charging management module 140 can receive the wireless charging input through the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also supply power to the electronic device through the power management module 141.

[0113] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives inputs from the battery 142 and / or the charging management module 140 and supplies power to the processor 110, the internal memory 121, the display screen 194, the camera 193, the wireless communication module 160, etc. The power management module 141 can also be used to monitor parameters such as the battery capacity, the number of battery cycles, and the battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be provided in the processor 110. In some other embodiments, the power management module 141 and the charging management module 140 can also be provided in the same device.

[0114] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, and the baseband processor, etc.

[0115] The antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization rate of the antennas. For example, the antenna 1 can be multiplexed as the diversity antenna of the wireless local area network. In some other embodiments, the antenna can be used in combination with a tuning switch.

[0116] The mobile communication module 150 may provide a solution for wireless communication including 2G / 3G / 4G / 5G, etc., which is applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 may receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and then transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modulation and demodulation processor and convert it into electromagnetic waves through the antenna 1 for radiation. In some embodiments, at least some functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be disposed in the same device.

[0117] The modulation and demodulation processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. Subsequently, the demodulator transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.), or displays an image or video through the display screen 194. In some embodiments, the modulation and demodulation processor may be an independent device. In other embodiments, the modulation and demodulation processor may be independent of the processor 110 and be disposed in the same device as the mobile communication module 150 or other functional modules.

[0118] The wireless communication module 160 may provide solutions for wireless communications applied to the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite systems (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, performs frequency modulation and filtering processing on the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 may also receive signals to be sent from the processor 110, perform frequency modulation and amplification on them, and convert them into electromagnetic waves through the antenna 2 for radiation.

[0119] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, such that electronic device 100 can communicate with a network and other devices through wireless communication technologies. The wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technology, etc. The GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), beidou navigation satellite system (BDS), quasi-zenith satellite system (QZSS), and / or satellite based augmentation systems (SBAS).

[0120] Electronic device 100 implements a display function through a GPU, display screen 194, and an application processor, etc. The GPU is a microprocessor for image processing, and is connected to display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or change display information.

[0121] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a Miniled, a MicroLed, a Micro-oLed, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1.

[0122] The electronic device 100 can implement the shooting function through the ISP, the camera 193, the video codec, the GPU, the display screen 194, and the application processor, etc.

[0123] The ISP is used to process the data fed back by the camera 193. For example, when taking a photo, the shutter is opened, and the light passes through the lens and is transmitted to the camera photosensitive element. The optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converts it into an image visible to the naked eye. The ISP can also optimize the noise, brightness, and skin color of the image through algorithms. The ISP can also optimize parameters such as the exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0124] The camera 193 is used to capture static images or videos. An object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in standard RGB, YUV, etc. formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0125] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy, etc.

[0126] The video codec is used to compress or decompress digital videos. The electronic device 100 can support one or more video codecs. In this way, the electronic device 100 can play or record videos in multiple coding formats, such as: Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0127] The NPU is a neural-network (NN) computing processor. By drawing on the structure of biological neural networks, such as the transmission mode between human brain neurons, it can quickly process input information and can also continuously self-learn. Through the NPU, applications such as intelligent cognition of the electronic device 100 can be realized, such as: image recognition, face recognition, speech recognition, text understanding, etc.

[0128] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement the data storage function. For example, files such as music and videos are saved in the external memory card.

[0129] The internal memory 121 can be used to store computer-executable program code, and the executable program code includes instructions. The internal memory 121 can include a program storage area and a data storage area. Among them, the program storage area can store the operating system, application programs required for at least one function (such as the sound playback function, the image playback function, etc.). The data storage area can store the data created during the use of the electronic device 100 (such as audio data, phone book, etc.). In addition, the internal memory 121 can include high-speed random access memory and can also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121 and / or the instructions stored in the memory provided in the processor.

[0130] The electronic device 100 can implement audio functions through the audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and the application processor, etc. For example, music playback, recording, etc.

[0131] The audio module 170 is used to convert digital audio information into an analog audio signal for output, and is also used to convert an analog audio input into a digital audio signal. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 can be disposed in the processor 110, or some functional modules of the audio module 170 can be disposed in the processor 110.

[0132] The speaker 170A, also known as a "loudspeaker", is used to convert an audio electrical signal into a sound signal. The electronic device 100 can listen to music or hands-free calls through the speaker 170A.

[0133] The receiver 170B, also known as an "earpiece", is used to convert an audio electrical signal into a sound signal. When the electronic device 100 answers a call or a voice message, the voice can be listened to by bringing the receiver 170B close to the human ear.

[0134] The microphone 170C, also known as a "microphone" or "transmitter", is used to convert a sound signal into an electrical signal. When making a call or sending a voice message, the user can speak by bringing the mouth close to the microphone 170C to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In some other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also implement a noise reduction function. In some other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C, which can collect sound signals, reduce noise, identify the sound source, and implement functions such as directional recording.

[0135] The headphone jack 170D is used to connect a wired headphone. The headphone jack 170D can be a USB interface 130, or a 3.5 mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0136] The pressure sensor 180A is used to sense a pressure signal and can convert the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A can be disposed on the display screen 194. The pressure sensor 180A

[0137] There are many types, such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor may include at least two parallel plates with conductive materials. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of the pressure based on the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 can also calculate the position of the touch based on the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, the instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, the instruction to create a new short message is executed.

[0138] The gyroscope sensor 180B can be used to determine the motion posture of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (i.e., the x, y, and z axes) can be determined by the gyroscope sensor 180B. The gyroscope sensor 180B can be used for anti-shake shooting. Exemplarily, when the shutter is pressed, the gyroscope sensor 180B detects the shaking angle of the electronic device 100, calculates the distance that the lens module needs to compensate based on the angle, and makes the lens offset the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyroscope sensor 180B can also be used for navigation and somatosensory game scenarios.

[0139] The barometric pressure sensor 180C is used to measure the barometric pressure. In some embodiments, the electronic device 100 calculates the altitude based on the barometric pressure value measured by the barometric pressure sensor 180C to assist in positioning and navigation.

[0140] The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip leather case. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 can detect the opening and closing of the flip according to the magnetic sensor 180D. Furthermore, according to the detected opening and closing state of the leather case or the flip, features such as automatic flip unlocking are set.

[0141] The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of the electronic device and is applied to applications such as horizontal and vertical screen switching and pedometers.

[0142] The distance sensor 180F is used to measure distance. The electronic device 100 can measure distance through infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 can use the distance sensor 180F to measure distance to achieve fast focusing.

[0143] The proximity light sensor 180G may include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The light-emitting diode may be an infrared light-emitting diode. The electronic device 100 emits infrared light outward through the light-emitting diode. The electronic device 100 uses the photodiode to detect the infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100. When insufficient reflected light is detected, the electronic device 100 can determine that there is no object near the electronic device 100. The electronic device 100 can use the proximity light sensor 180G to detect when the user holds the electronic device 100 close to the ear for a call, so as to automatically turn off the screen to save power. The proximity light sensor 180G can also be used for automatic unlocking and locking of the holster mode and pocket mode.

[0144] The ambient light sensor 180L is used to sense the ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the sensed ambient light brightness. The ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in the pocket to prevent accidental touch.

[0145] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to achieve fingerprint unlocking, access application locks, fingerprint photography, fingerprint answering of incoming calls, etc.

[0146] The temperature sensor 180J is used to detect temperature. In some embodiments, the electronic device 100 executes a temperature processing strategy using the temperature detected by the temperature sensor 180J. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device 100 reduces the performance of the processor near the temperature sensor 180J to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to avoid abnormal shutdown of the electronic device 100 caused by low temperature. In still other embodiments, when the temperature is lower than yet another threshold, the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.

[0147] The touch sensor 180K, also known as the "touch panel". The touch sensor 180K can be disposed on the display screen 194. The touch sensor 180K and the display screen 194 together form a touch screen, also known as the "touch display screen". The touch sensor 180K is used to detect touch operations acting thereon or nearby. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194. In some other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a different position from where the display screen 194 is located.

[0148] The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire vibration signals of the vibrating bone mass of the human vocal tract. The bone conduction sensor 180M can also contact the human pulse to receive blood pressure pulsation signals. In some embodiments, the bone conduction sensor 180M can also be disposed in the earphone to form a bone conduction earphone. The audio module 170 can parse out voice signals based on the vibration signals of the vibrating bone mass acquired by the bone conduction sensor 180M to implement the voice function. The application processor can parse heart rate information based on the blood pressure pulsation signals acquired by the bone conduction sensor 180M to implement the heart rate detection function.

[0149] The button 190 includes a power-on button, volume buttons, etc. The button 190 can be a mechanical button or a touch button. The electronic device 100 can receive button inputs to generate key signal inputs related to the user settings and function controls of the electronic device 100.

[0150] The motor 191 can generate vibration prompts. The motor 191 can be used for incoming call vibration prompts and can also be used for touch vibration feedback. For example, touch operations on different applications (such as taking pictures, audio playing, etc.) can correspond to different vibration feedback effects. Touch operations on different regions of the display screen 194 can also cause the motor 191 to correspond to different vibration feedback effects. Different application scenarios (such as time reminder, receiving messages, alarm clock, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

[0151] The indicator 192 can be an indicator light and can be used to indicate the charging state, power change, and can also be used to indicate messages, missed calls, notifications, etc.

[0152] The SIM card interface 195 is used to connect to the SIM card. The SIM card can be inserted into or removed from the SIM card interface 195 to achieve contact and separation from the electronic device 100. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, etc. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communication. In some embodiments, the electronic device 100 uses an eSIM, that is, an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

[0153] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture. In the embodiments of this application, the Android system with a layered architecture is taken as an example to exemplarily illustrate the software structure of the electronic device 100.

[0154] Figure 2 It is a software structure block diagram of the electronic device 100 in the embodiments of this application.

[0155] The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom are the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0156] The application layer may include a series of application packages.

[0157] As Figure 2 shown, the application packages may include applications such as a camera, a gallery, a calendar, a call, a map, a navigation, a WLAN, a Bluetooth, music, a video, a short message, etc.

[0158] The application framework layer provides application programming interfaces (APIs) and programming frameworks for the applications in the application layer. The application framework layer includes some predefined functions.

[0159] As Figure 2 shown, the application framework layer may include a window manager, a content provider, a view system, a telephone manager, a resource manager, a notification manager, etc.

[0160] The window manager is used to manage window programs. The window manager can obtain the display screen size, determine whether there is a status bar, lock the screen, capture the screen, etc.

[0161] The content provider is used to store and obtain data, and make this data accessible to application programs. The data may include videos, images, audio, incoming and outgoing calls, browsing history and bookmarks, phone books, etc.

[0162] The view system includes visual controls, such as controls for displaying text, controls for displaying pictures, etc. The view system can be used to build application programs. The display interface can be composed of one or more views. For example, a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.

[0163] The phone manager is used to provide the communication function of the electronic device 100. For example, the management of call states (including connection, disconnection, etc.).

[0164] The resource manager provides various resources for application programs, such as localized strings, icons, pictures, layout files, video files, and so on.

[0165] The notification manager enables application programs to display notification information in the status bar. It can be used to convey notification-type messages, which can automatically disappear after a short stay without user interaction. For example, the notification manager is used to inform that the download is completed, message reminders, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as the notification of a background-running application program, and can also be a notification that appears on the screen in the form of a dialogue window. For example, prompting text information in the status bar, emitting a prompt tone, the electronic device vibrating, the indicator light flashing, etc.

[0166] Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for the scheduling and management of the Android system.

[0167] The core libraries contain two parts: one part is the functional functions that need to be called by the Java language, and the other part is the core libraries of Android.

[0168] The application layer and the application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0169] The system library may include multiple functional modules. For example: surface manager, Media Libraries, 3D graphics processing library (e.g., OpenGL ES), 2D graphics engine (e.g., SGL), etc.

[0170] The surface manager is used to manage the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.

[0171] The media library supports the playback and recording of multiple common audio and video formats, as well as static image files, etc. The media library can support multiple audio and video coding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.

[0172] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis, and layer processing, etc.

[0173] The 2D graphics engine is a drawing engine for 2D drawing.

[0174] The kernel layer is the layer between hardware and software. The kernel layer at least includes a display driver, a camera driver, an audio driver, and a sensor driver.

[0175] The following takes the capture and photo-taking scenario as an example to exemplarily illustrate the working processes of the software and hardware of the electronic device 100.

[0176] When the touch sensor 180K receives a touch operation, the corresponding hardware interrupt is sent to the kernel layer. The kernel layer processes the touch operation into a raw input event (including information such as touch coordinates and the timestamp of the touch operation). The raw input event is stored in the kernel layer. The application framework layer obtains the raw input event from the kernel layer and identifies the control corresponding to the input event. Taking the touch operation as a touch click operation and the control corresponding to the click operation as the control of the camera application icon as an example, the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer, and captures a static image or video through the camera 193.

[0177] The interface layout has certain development in the display field. For example, the interface displays of web pages on personal computers and mobile phones are inconsistent, and the interface elements of Android / iOS APPs on mobile phones and smartwatches are inconsistent. Basically, developers need to design and customize the styles for different devices.

[0178] Currently, what the existing technologies can achieve is that interface elements can automatically adjust their sizes, shapes, etc. on different devices, but developers still need to make different degrees of customization, lacking a method for automatically generating the style designs required by developers.

[0179] Figure 3 Shows the display differences of controls on the mobile phone side and the watch side on the display interface. From Figure 3 it can be seen that for the mobile phone side, considering the shape of the display screen of the mobile phone, the shape of its controls (such as buttons) is generally a rounded rectangle; for the watch side, considering the shape of the display screen of the watch, its controls are generally set to be circular and are generally symmetrically distributed left and right. It can be seen that there are significant display differences in the controls (which can be controls including icon types) displayed on the interfaces of different-side devices. Therefore, for an application, it is necessary to customize the interface for different devices and maintain different development projects. It can be understood that there are many applications designed in the mobile phone application market, but not in the watch-side application market. For the scale of the mobile phone application market, it is undoubtedly a huge workload to design icon displays, icon layouts, etc. for each non-existent application on the watch side.

[0180] Currently, browsers have the ability to query devices and can support developers to customize different styles on different devices. Although this method enables developers to flexibly customize the styles of application programs on different devices, developers still need to manually customize the application programs, increasing the cost investment.

[0181] In view of the above existing problems, this application focuses on solving the problem of low efficiency in the interface adaptation display of application programs on different electronic devices, that is, solving the display problem of multi-terminal deployment of an application program with one development, so that the application program can be developed once and deployed and displayed on multiple electronic devices.

[0182] Among them, the interface adaptation display of the application program refers to the interface adaptation of the clickable controls (entry controls, clickable icons) of the application program. For example, adapting the entry controls related to the application program on the mobile phone to be displayed on the watch.

[0183] The embodiment of this application provides a method for interface adaptation display of an application program, including the following steps executed by a first electronic device:

[0184] S10: Obtain the installation package on the first electronic device side, and the installation package on the first electronic device side includes a first resource file.

[0185] Among them, the first electronic device can specifically be the electronic device 100 as Figure 1 shown. In this embodiment, the first electronic device can be specifically regarded as a mobile phone.

[0186] In one embodiment, the installation package on the first electronic device side may specifically refer to the application installation package on the mobile phone side. The application installation package on the mobile phone side includes a first resource file. The first resource file stores resources related to the display of the application, such as text resources or picture resources. In this embodiment, the application installation package on the mobile phone side will be obtained first, providing a technical basis for generating the application installation package on the second electronic device side (such as the watch side) according to the application installation package on the mobile phone side.

[0187] S20: Extract element features from the first resource file.

[0188] It can be understood that there are a certain number of text and picture resources in the first resource file. These text and image resources are generally applied to controls (such as clickable icon controls, clickable text controls, etc.), enabling the controls to be displayed on the display interface in combination with the text and image resources. For example, the entry control of a music APP is an icon control, on which a music symbol graphic is drawn or the word "Music" is marked. These text and picture resources can reflect the characteristics of control elements. For example, for the icon control with the music symbol graphic drawn on it, its corresponding picture resource represents elements related to music, such as the icon as the entry control of the music APP.

[0189] In one embodiment, the purpose of extracting element features from the first resource file is to know the specific directions, uses, or purposes to which various resources in the first resource file are applied. This provides an important reference basis for automatically generating an installation package in the second electronic device, and can generate display elements (such as entry controls) corresponding to the first electronic device according to the element features.

[0190] S30: Match the element features with the icon material library of the cloud device to generate an installation package on the second electronic device side. The installation package on the second electronic device side includes a second resource file.

[0191] Among them, a large number of icons are stored in the cloud device. In one embodiment, when it is necessary to generate an installation package on the second electronic device side, icons with a matching relationship with the element features can be found in the icon material library according to the element features. For example, when the element feature is "Music", the icon related to "Music" can be found in the icon material library according to the keyword "Music", and the second resource file and the installation package can be automatically generated using a preset execution script according to the installation package generation format of the second device. Among them, the second resource file is different from the resource used for matching in the first resource file, but has a corresponding relationship. For example, both the first resource file and the second resource file have text or picture resources describing "Music" related, but the specific resources may be different (such as different pictures, but both can represent music).

[0192] Understandably, by matching the element features with the icon material library of the cloud device, an installation package for the second electronic device can be automatically generated from the existing icon materials in the cloud device, and there is a corresponding relationship with the installation package of the first electronic device in terms of the element features represented by the resources, providing a technical basis for adapting and displaying the application on the display interface of the second electronic device, and ensuring that the entry controls (such as icon-like buttons) of the application are logically consistent with those of the first electronic device.

[0193] S40: Push the installation package on the second electronic device side to the second electronic device for installation, so as to adapt and display the application on the display interface of the second electronic device according to the second resource file.

[0194] In an embodiment, the automatically generated installation package for the second electronic device will be installed on the electronic device, and the application will be adaptively displayed on the display interface of the second electronic device. The adaptively displayed application refers to elements such as the entry controls of the application.

[0195] It should be noted that when the second electronic device adapts and displays the application on the display interface of the second electronic device according to the second resource file, it defaults to the default display settings such as the default display style and display background of the second device. For example, when the second electronic device is specifically a watch, the automatically generated installation package defaults to the default display settings such as the default display style and display background of the watch-side controls. Understandably, this can better adapt and display the application on the display interface of the second electronic device.

[0196] In the embodiment of the present application, by analyzing the first resource file in the installation package on the first electronic device side, extracting the element features, and matching the element features with the icon material library of the cloud device to generate the installation package on the second electronic device side, it is possible to install the application corresponding to the first electronic device side on the second electronic device according to the installation package on the second electronic device side including the second resource file, so that the second electronic device can automatically generate an icon adapted to the application according to the second resource file and adaptively display it on the display interface of the second electronic device. In the embodiment of the present application, it is possible to automatically generate an installation package that is not available in the application market on the first electronic device side for the second electronic device side. The second electronic device can install the application corresponding to the first electronic device side according to the automatically generated installation package and adaptively display the application (entry controls, icons) on the display interface of the second electronic device, which can significantly improve the efficiency of interface adaptation and display of the application.

[0197] Figure 4 Shows a timing diagram for implementing the method for interface adaptation and display of an application. From Figure 4As can be seen, the dashed line ① represents the common layout process for generating watch applications in Android / iOS. If the APP installation package required by the user exists in the watch application market, the relevant APP installation package can be directly obtained through the watch management application and pushed to the watch side for installation. Among them, the watch management application can be applied on the mobile phone side as a channel for managing APPs on the watch side, and the APP on the watch side can complete APP installation through this watch management application. The process implemented in this application is the solid line part ②. Specifically, if the APP installation package required by the user does not exist in the watch application market, the user can access the mobile application market through the watch management application to obtain the relevant APP installation package; then, after preprocessing by the mobile adaptive processor, the resources in the APP installation package are parsed; finally, resource parsing and AI processing are performed on the mobile phone side, and an installation package for the watch side is generated, and then the installation package for the watch side is installed on the watch through the push of the watch management application on the mobile phone. After installation, the watch can adaptively display the application on the display interface. In this embodiment, the first electronic device in Figure 4 can specifically refer to a mobile phone, and the second electronic device in Figure 4 can specifically refer to a watch. In addition to Figure 4 the mobile phone and watch shown in Figure 4 , other feasible electronic device replacement solutions can also be used to implement Figure 4 the process in

[0198] For example, the first electronic device in

[0199] can be replaced with a tablet, and the second electronic device can be replaced with a vehicle-mounted screen (device).

[0200] Further, in step S10, obtaining the installation package on the first electronic device side includes:

[0201] S11: Detect whether the installation package on the first electronic device side exists in the local storage.

[0202] S12: If not, download the installation package on the first electronic device side from the application market on the first electronic device side.

[0203] In one embodiment, the installation package on the first electronic device side can be obtained locally or from the application market.

[0204] It can be understood that in the first resource file (such as the src file), there are text and picture resources. The button icons of the application are clickable, so it is necessary to screen the text and pictures with the attribute of clickable from the resource file.

[0205] S212: Analyze the semantics of text-based clickable elements using natural language processing, and extract element features according to the semantics.

[0206] Understandably, for some texts, their expressed written meanings may be too specific, and semantic analysis is required to obtain a result with a higher usage frequency to obtain element features. For example, if the text in a text-based clickable element is "Card Certificate and Payment", after semantic analysis, this text-based clickable element can be extracted and summarized as "Wallet" or "Payment".

[0207] Understandably, the icon material library of cloud devices generally will not be specific enough to set a dedicated icon for "Card Certificate and Payment", but words with high usage frequencies such as "Wallet" and "Payment" generally exist. In the embodiments of the present application, the element features extracted according to semantics are more helpful for matching with the icon material library of cloud devices to obtain a more accurate matching result.

[0208] S213: Use image recognition to extract text information from picture-based clickable elements, perform natural language processing analysis on the text information, and extract element features.

[0209] Understandably, some pictures also contain text information, not necessarily only text-based clickable elements with text information. Therefore, for pictures, text information can also be extracted through image recognition, and natural language processing analysis is performed on the text information to extract element features.

[0210] Furthermore, in step S20, extracting element features from the first resource file further includes:

[0211] S221: Extract picture-based clickable elements from the first resource file.

[0212] S222: Use image recognition to determine the image information of picture-based clickable elements, and extract element features according to the image information.

[0213] In an embodiment, the picture may not carry text information, but the picture itself has image information. For example, if the graphic on Picture A is a music symbol, after image recognition, it can be obtained that Picture A represents a music picture, and corresponding element features can be extracted at this time.

[0214] Specifically, the element features include key text descriptions. Understandably, the element features can be described in text. For example, the element feature extracted from text-based clickable element B is "Music", and the element feature extracted from picture-based clickable element C is "Wallet".

[0215] Furthermore, in step S30, matching the element features with the icon material library of cloud devices to generate an installation package on the second electronic device side includes:

[0216] S31: Perform character matching between the key text description and the icon material library of the cloud device to obtain a matching result. Among them, there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text description.

[0217] Understandably, the icons in the icon material library of the cloud device also have corresponding key text descriptions. For example, icon D has a mapping relationship with "Music", and icon E has a mapping relationship with "More Applications".

[0218] S32: Determine the icon that matches the element characteristics according to the matching result.

[0219] If the text-based clickable element B extracts the element characteristic as "Music", it can be matched with icon D (which has a mapping relationship with "Music").

[0220] S33: Generate an installation package on the second electronic device side according to the icon that matches the element characteristics.

[0221] Furthermore, in step S33, generating an installation package on the second electronic device side according to the icon that matches the element characteristics includes:

[0222] S331: Obtain the icon display style, display background, and / or display color combination of the second electronic device.

[0223] In an embodiment, the icon display style (style), display background (background), and / or display color combination (such as RGB settings) of the second electronic device can be pre-set by the user (if not set, the default settings are used). When the first electronic device generates an installation package on the second electronic device side, it will retrieve the icon display style, display background, and / or display color combination of the second electronic device to adapt and display the application program in a unified style on the display interface of the second electronic device.

[0224] S332: Generate a second resource file according to the icon that matches the element characteristics.

[0225] The icon obtained by matching in the icon material library of the cloud device can be used as a new resource and a second resource file is generated.

[0226] S333: Generate an installation package on the second electronic device side according to the second resource file, as well as the icon display style, display background, and / or display color combination of the second electronic device.

[0227] In an embodiment, based on the format of the installation package on the second electronic device side, a preset installation package generation script is used to encapsulate and obtain an installation package on the second electronic device side according to the resources and the icon display style, display background, and / or display color combination.

[0228] Further, in step S40, pushing the installation package on the second electronic device side to the second electronic device for installation includes:

[0229] S41: Initiating a communication service to the second electronic device through an intermediate application, where the intermediate application has the function of establishing communication between the first device and the second device.

[0230] S42: Establishing communication with the second electronic device according to the communication service, and sending the installation package on the second electronic device side to the second electronic device for installation.

[0231] Specifically, the intermediate application is, for example, Figure 4 the watch management application in. The watch management application is a channel for managing the watch APP, and the communication relationship between the first electronic device and the second device can be established through this watch management application, and the installation package on the second electronic device side is sent to the second electronic device for installation.

[0232] Figure 5 shows a flowchart of an interface adaptation display method for an application program executed by a first electronic device. As Figure 5 shown, the first electronic device realizes the interface adaptation display of the application program by pushing the installation package. Specifically, first, the first electronic device extracts text-based clickable elements and picture-based clickable elements, and analyzes the first resource file through AI processing methods of NLP (Natural Language Process) and image recognition (the text information of the picture-based clickable elements can be recognized by image recognition first and then the semantics can be understood through NLP). Then, new resources are matched from the icon material library of the cloud device according to the analysis results. Finally, combined with the new resources, the display style, display background, and / or display color combination of the second electronic device, icon buttons on the second electronic device side are generated, so that the application program is adaptively displayed on the interface of the second electronic device.

[0233] Figure 6 shows a schematic diagram of converting the application program interface on the mobile phone side to the application program interface on the watch side. As Figure 6 shown, the button area corresponding to the dial market text on the mobile phone side is finally converted into the style in the preset specification of the watch interface plus the "Market" icon element button; similarly, the button area corresponding to the music text on the mobile phone side is finally converted into the style in the preset specification of the watch interface plus the "Music" icon element button; the button area corresponding to the "More Applications" text on the mobile phone side is finally converted into the style in the preset specification of the watch interface plus the "Applications" icon element button; the button area corresponding to the wallet on the mobile phone side is finally converted into the style in the preset specification of the watch interface plus the "Wallet" icon element button. From Figure 6As can be seen, for an application that cannot be found in the watch application market on the watch side, the installation package on the watch side can be obtained by installing and converting through the mobile phone application market on the mobile phone side, and a new icon corresponding to the application icon on the mobile phone side is generated for adaptive display. Further, the adaptive display can be better completed according to the icon display style, display background, and / or display color combination in the preset specification of the watch interface.

[0234] This application can solve the large amount of graphic icon design and redrawing work during the adaptive interface layout of multiple electronic devices. This application can enable the key ability of most applications to be developed once and be compatible with the icons of other types of electronic devices.

[0235] This application can convert the clickable elements of the application on the mobile phone side into buttons displayed on the watch side. This application can avoid customizing the interface of the watch application, and thus obtain the basic interaction operations that can be performed on the watch.

[0236] An embodiment of this application also provides a method for adaptively displaying the interface of an application, including the following steps performed by a second electronic device:

[0237] S50: Receive the installation package on the second electronic device side. The installation package on the second electronic device side is sent by the first electronic device and includes a second resource file. The second resource file is generated by extracting element features from the first resource file and matching the element features with the icon material library of the cloud device. The first resource file is included in the installation package on the first electronic device side.

[0238] S60: Install the corresponding application according to the installation package on the second electronic device side, and use the second resource file to adaptively display the application on the display interface of the second electronic device.

[0239] Steps S50 - S60 describe the method for the second electronic device (such as a watch) to install the installation package on the second electronic device side and use the second resource file to adaptively display the application on the display interface of the second electronic device.

[0240] In a specific scenario, when the user goes out for a morning run and only brings a watch without a mobile phone, but wants to listen to music, and the music APP is only available on the mobile phone application market, the user can push and install the music APP from the mobile phone application market to the watch through the watch management application. The installation process uses the automatically generated music APP installation package on the watch side.

[0241] In another specific scenario, when the user goes out cycling, it is inconvenient to look at the mobile phone during the cycling process, and the watch side wants to install an application that is only available on the mobile phone side. The user can push and install the relevant cycling APP from the mobile phone application market to the watch through the watch management application. The installation process uses the automatically generated cycling-related APP installation package on the watch side.

[0242] Further, in step S60, adapting and displaying the application program on the display interface of the second electronic device by using the second resource file includes:

[0243] S61: Determining the icons to be displayed by using the second resource file.

[0244] S62: Obtaining the icon display style, display background, and / or display color combination of the second electronic device.

[0245] S63: According to the icon display style, display background, and / or display color combination of the second electronic device, and the icons to be displayed, adapting and displaying the application program on the display interface of the second electronic device.

[0246] The embodiment of the present application further provides a method for adapting and displaying the interface of an application program, including the following steps executed by a third electronic device:

[0247] S70: Extracting element features from a third resource file through an application development tool.

[0248] S80: Matching the element features with an icon material library to generate a fourth resource file.

[0249] S90: According to the fourth resource file, adapting and displaying the application program on the simulated display interface of the application development tool, where the simulated display interface is applied to a simulated fourth electronic device.

[0250] Among them, the simulated fourth electronic device may be an electronic device such as a watch, an intelligent vehicle-mounted device, or a television simulated by the third electronic device. Using the method of S70 - S90 can test and determine the interface display adaptation situation of the application program during the development stage, and can simulate the required electronic device at any time. Compared with the method for adapting and displaying the interface of the application program executed by the first electronic device, this method has higher efficiency and lower test costs.

[0251] Among them, the third electronic device may specifically refer to a computer. The method for adapting and displaying the interface of the application program executed by the third electronic device is implemented during the application program development stage, that is, the user can use the application development tool to quickly simulate the interface adaptation process of the application program on the third electronic device.

[0252] Figure 7 The flowchart of the method for adapting and displaying the interface of the application program executed by the third electronic device is shown. As Figure 7As shown, during the application development stage, the third electronic device performs interface adaptation display of the application for the fourth electronic device. Specifically, first, text-based clickable elements and image-based clickable elements are extracted, and the third resource file is analyzed through AI processing methods of NLP (Natural Language Processing) and image recognition (for image-based clickable elements, the text information can be recognized first through image recognition and then the semantics can be understood through NLP). Then, based on the analysis results, new resources are matched from the icon material library of the cloud device. Finally, combined with the new resources, the display style, display background, and / or display color combination of the fourth electronic device, icon buttons on the fourth electronic device side are generated, enabling the interface adaptation display of the application on the fourth electronic device.

[0253] Further, in step S70, element features are extracted from the third resource file through an application development tool, including:

[0254] S711: Extract text-based clickable elements and / or image-based clickable elements from the third resource file.

[0255] S712: Analyze the semantics of text-based clickable elements using natural language processing, and extract element features according to the semantics.

[0256] S713: Extract text information from image-based clickable elements using image recognition, perform natural language processing analysis on the text information, and extract element features.

[0257] Steps S711 - S713 can refer to the explanations in the embodiments of the interface adaptation display method of the application executed by the first electronic device, which will not be elaborated here. The following steps are the same.

[0258] Further, in step S70, when extracting element features from the third resource file through an application development tool, it also includes:

[0259] S721: Extract image-based clickable elements from the third resource file.

[0260] S722: Determine the image information of image-based clickable elements using image recognition, and extract element features according to the image information.

[0261] Further, the element features include key text descriptions.

[0262] Further, in step S80, the element features are matched with the icon material library to generate a fourth resource file, including:

[0263] S81: Perform character matching between the key text description and the icon material library to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library and the key text description.

[0264] S82: Determine an icon that matches the element characteristics according to the matching result.

[0265] S83: Generate a fourth resource file according to the icon that matches the element characteristics.

[0266] Further, in step S90, according to the fourth resource file, adaptively display the application on the simulation display interface of the application development tool, including:

[0267] S91: Use the fourth resource file to determine the icon to be displayed.

[0268] S92: Obtain the icon display style, display background, and / or display color combination of the fourth electronic device.

[0269] S93: According to the icon display style, display background, and / or display color combination of the fourth electronic device, and the icon to be displayed, adaptively display the application on the simulation display interface of the application development tool.

[0270] The embodiment of the present application further provides an interface adaptive display system for an application. The system includes a first electronic device and a second electronic device. The first electronic device executes the interface adaptive display method of the application executed by the first electronic device in the above embodiment, and the second electronic device executes the interface adaptive display method of the application executed by the second electronic device in the above embodiment.

[0271] The embodiment of the present application further provides an electronic device, including: a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, the following steps are implemented:

[0272] Obtain the installation package on the first electronic device side. The installation package on the first electronic device side includes a first resource file.

[0273] Extract the element characteristics from the first resource file.

[0274] Match the element characteristics with the icon material library of the cloud device to generate an installation package on the second electronic device side. The installation package on the second electronic device side includes a second resource file.

[0275] Push the installation package on the second electronic device side to the second electronic device for installation, so as to adaptively display the application on the display interface of the second electronic device according to the second resource file.

[0276] Further, when the processor executes the computer program to implement obtaining the installation package on the first electronic device side, the following steps are included:

[0277] Detect whether the installation package on the first electronic device side exists in the local storage.

[0278] If not, download the installation package on the first electronic device side from the application market on the first electronic device side.

[0279] Further, when the processor executes the computer program to extract element features from the first resource file, the following steps are included:

[0280] Extract text-based clickable elements and / or image-based clickable elements from the first resource file.

[0281] Use natural language processing to analyze the semantics of text-based clickable elements, and extract element features according to the semantics.

[0282] Use image recognition to extract text information from image-based clickable elements, perform natural language processing analysis on the text information, and extract element features.

[0283] Further, when the processor executes the computer program to extract element features from the first resource file, the following steps are included:

[0284] Extract image-based clickable elements from the first resource file.

[0285] Use image recognition to determine the image information of image-based clickable elements, and extract element features according to the image information.

[0286] Further, the element features include key text descriptions. When the processor executes the computer program to match the element features with the icon material library of the cloud device and generate the installation package on the second electronic device side, the following steps are included:

[0287] Perform character matching on the key text description and the icon material library of the cloud device to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text description.

[0288] Determine the icon that matches the element features according to the matching result.

[0289] Generate the installation package on the second electronic device side according to the icon that matches the element features.

[0290] Further, when the processor executes the computer program to generate the installation package on the second electronic device side according to the icon that matches the element features, the following steps are included:

[0291] Obtain the icon display style, display background, and / or display color combination of the second electronic device.

[0292] Generate a second resource file according to the icon that matches the element features.

[0293] Generate an installation package on the second electronic device side according to the second resource file, as well as the icon display style, display background, and / or display color combination of the second electronic device.

[0294] Further, when the processor executes the computer program to implement pushing the installation package on the second electronic device side to the second electronic device for installation, the following steps are included:

[0295] Initiate a communication service to the second electronic device through an intermediate application program, where the intermediate application program has the function of establishing communication between the first device and the second device.

[0296] Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

[0297] The embodiment of the present application also provides an electronic device, a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the computer program, it implements the method for interface adaptation display of the application program executed by the second electronic device in the above embodiment, or when the processor executes the computer program, it implements the method for interface adaptation display of the application program executed by the third electronic device in the above embodiment.

[0298] The embodiment of the present application also provides a computer storage medium. The computer-readable storage medium stores a computer program. When the computer program is executed by a processor, it implements the method for interface adaptation display of the application program executed by the first electronic device in the above embodiment, or when the computer program is executed by a processor, it implements the method for interface adaptation display of the application program executed by the second electronic device in the above embodiment, or when the processor executes the computer program, it implements the method for interface adaptation display of the application program executed by the third electronic device in the above embodiment.

[0299] It should be clear that the described embodiments are only a part of the embodiments of the present application, rather than all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative efforts belong to the scope of protection of the present application.

[0300] Those skilled in the art can clearly understand that for the convenience and brevity of description, only the above division of each functional unit and module is used as an example. In actual applications, the above functions can be allocated to different functional units and modules according to needs, that is, the internal structure of the device is divided into different functional units or modules to complete all or part of the functions described above.

[0301] The above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: they can still modify the technical solutions stored in the foregoing embodiments, or perform equivalent replacements on some of the technical features; and these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the various embodiments of the present application, and should all be included within the protection scope of the present application.

Claims

1. A method for interface adaptation display of an application program, characterized in that, Including the following steps performed by the first electronic device: Obtain the installation package on the first electronic device side, where the installation package on the first electronic device side includes a first resource file; Extract element features from the first resource file; Match the element features with the icon material library of the cloud device to generate an installation package on the second electronic device side, where the installation package on the second electronic device side includes a second resource file; Push the installation package on the second electronic device side to the second electronic device for installation, so as to adaptively display the application program on the display interface of the second electronic device according to the second resource file; The element features include key text descriptions. The step of matching the element features with the icon material library of the cloud device to generate an installation package on the second electronic device side includes: Perform character matching between the key text descriptions and the icon material library of the cloud device to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text descriptions; Determine the icon that matches the element features according to the matching result; Generate the installation package on the second electronic device side according to the icon that matches the element features.

2. The method according to claim 1, characterized in that, The step of obtaining the installation package on the first electronic device side includes: Detect whether the installation package on the first electronic device side exists in the local storage; If not, download the installation package on the first electronic device side from the application market on the first electronic device side.

3. The method according to any one of claims 1-2, characterized in that, The step of extracting element features from the first resource file includes: Extract text-based clickable elements and / or image-based clickable elements from the first resource file; Analyze the semantics of the text-based clickable elements using natural language processing, and extract the element features according to the semantics; Extract text information from the image-based clickable elements using image recognition, perform natural language processing analysis on the text information, and extract the element features.

4. The method according to any one of claims 1-2, characterized in that, The step of extracting element features from the first resource file further includes: Extract image-based clickable elements from the first resource file; Determine the image information of the image-based clickable elements using image recognition, and extract the element features according to the image information.

5. The method according to claim 1, characterized in that The step of generating the installation package on the second electronic device side according to the icon that matches the element features includes: Obtain the icon display style, display background, or display color combination of the second electronic device; Generate the second resource file according to the icon that matches the element features; Generate the installation package on the second electronic device side according to the second resource file, as well as the icon display style, display background, and / or display color combination of the second electronic device.

6. The method according to any one of claims 1-2 and 5, characterized in that The step of pushing the installation package on the second electronic device side to the second electronic device for installation includes: Initiate a communication service to the second electronic device through an intermediate application program, where the intermediate application program has the function of establishing communication between the first device and the second device; Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

7. The method according to claim 3, wherein Pushing the installation package on the second electronic device side to the second electronic device for installation includes: Initiating a communication service to the second electronic device through an intermediate application, where the intermediate application has the function of establishing communication between a first device and a second device; Establishing communication with the second electronic device according to the communication service, and sending the installation package on the second electronic device side to the second electronic device for installation.

8. The method according to claim 4, characterized in that, Pushing the installation package on the second electronic device side to the second electronic device for installation includes: Initiating a communication service to the second electronic device through an intermediate application, where the intermediate application has the function of establishing communication between a first device and a second device; Establishing communication with the second electronic device according to the communication service, and sending the installation package on the second electronic device side to the second electronic device for installation.

9. A method for interface adaptation display of an application program, characterized in that, Including the following steps executed by the second electronic device: Receiving the installation package on the second electronic device side, where the installation package on the second electronic device side is sent by the first electronic device and includes a second resource file. The second resource file is obtained by extracting element features from a first resource file, matching the element features with an icon material library of a cloud device to obtain an icon matching the element features, and generating according to the icon matching the element features. The first resource file is included in the installation package on the first electronic device side; the element features include key text descriptions. The matching of the element features with the icon material library of the cloud device means performing character matching between the key text descriptions and the icon material library of the cloud device, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text descriptions; Installing a corresponding application program according to the installation package on the second electronic device side, and adaptively displaying the application program on the display interface of the second electronic device by using the second resource file.

10. The method according to claim 9, wherein The adaptively displaying the application program on the display interface of the second electronic device by using the second resource file includes: Determining the icon to be displayed by using the second resource file; Obtaining the icon display style, display background, or display color combination of the second electronic device; According to the icon display style, display background, or display color combination of the second electronic device, and the icon to be displayed, adaptively displaying the application program on the display interface of the second electronic device.

11. A method for interface adaptation display of an application program, characterized in that, Including the following steps executed by the third electronic device: Extracting element features from a third resource file through an application development tool; Matching the element features with an icon material library to generate a fourth resource file; According to the fourth resource file, adaptively displaying the application program on the simulation display interface of the application development tool, where the simulation display interface is applied to a simulated fourth electronic device; The element features include key text descriptions. The matching of the element features with the icon material library to generate a fourth resource file includes: Perform character matching between the key text description and the icon material library to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library and the key text description; Determine the icon that matches the element feature according to the matching result; Generate the fourth resource file according to the icon that matches the element feature.

12. The method according to claim 11, wherein The extracting of the element feature from the third resource file by the application development tool includes: Extract text-based clickable elements and / or picture-based clickable elements from the third resource file; Analyze the semantics of the text-based clickable elements using natural language processing, and extract the element feature according to the semantics; Extract text information from the picture-based clickable elements using image recognition, perform natural language processing analysis on the text information, and extract the element feature.

13. The method according to claim 11, wherein The extracting of the element feature from the third resource file by the application development tool includes: Extract picture-based clickable elements from the third resource file; Determine the image information of the picture-based clickable elements using image recognition, and extract the element feature according to the image information.

14. The method according to any one of claims 11 to 13, characterized in that, The adapting and displaying of the application on the simulation display interface of the application development tool according to the fourth resource file includes: Use the fourth resource file to determine the icon to be displayed; Obtain the icon display style, display background or display color combination of the fourth electronic device; According to the icon display style, display background or display color combination of the fourth electronic device, and the icon to be displayed, adapt and display the application on the simulation display interface of the application development tool.

15. An interface adaptation display system for an application program, characterized in that, The system includes a first electronic device and a second electronic device. The first electronic device executes the method according to any one of claims 1-8, and the second electronic device executes the method according to any one of claims 9-10.

16. A first electronic device, characterized in that, Including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the computer program, the following steps are implemented: Obtain the installation package on the first electronic device side, and the installation package on the first electronic device side includes a first resource file; Extract the element feature from the first resource file; Match the element feature with the icon material library of the cloud device to generate an installation package on the second electronic device side, and the installation package on the second electronic device side includes a second resource file; Push the installation package on the second electronic device side to the second electronic device for installation, so as to adapt and display the application on the display interface of the second electronic device according to the second resource file; The element feature includes a key text description. When the processor executes the computer program to implement matching the element feature with the icon material library of the cloud device to generate an installation package on the second electronic device side, the following steps are included: Perform character matching between the key text description and the icon material library of the cloud device to obtain a matching result, where there is one or more mapping relationships between the icons in the icon material library of the cloud device and the key text description; Determine an icon that matches the element feature according to the matching result; Generate an installation package on the second electronic device side according to the icon that matches the element feature.

17. The first electronic device according to claim 16, wherein When the processor executes the computer program to implement obtaining the installation package on the first electronic device side, the following steps are included: Detect whether the installation package on the first electronic device side exists in the local storage; If not, download the installation package on the first electronic device side from the application market on the first electronic device side.

18. The first electronic device according to any one of claims 16-17, characterized in that, When the processor executes the computer program to implement extracting element features from the first resource file, the following steps are included: Extract text-based clickable elements and / or picture-based clickable elements from the first resource file; Analyze the semantics of the text-based clickable elements by using natural language processing, and extract the element features according to the semantics; Extract text information from the picture-based clickable elements by using image recognition, perform natural language processing analysis on the text information, and extract the element features.

19. The first electronic device according to any one of claims 16-17, characterized in that, When the processor executes the computer program to implement extracting element features from the first resource file, the following steps are included: Extract picture-based clickable elements from the first resource file; Determine the image information of the picture-based clickable elements by using image recognition, and extract the element features according to the image information.

20. The first electronic device according to claim 16, wherein When the processor executes the computer program to implement generating the installation package on the second electronic device side according to the icon that matches the element feature, the following steps are included: Obtain the icon display style, display background, and / or display color combination of the second electronic device; Generate the second resource file according to the icon that matches the element feature; Generate the installation package on the second electronic device side according to the second resource file and the icon display style, display background, or display color combination of the second electronic device.

21. The first electronic device according to any one of claims 16-17, 20, characterized in that, When the processor executes the computer program to implement pushing the installation package on the second electronic device side to the second electronic device for installation, the following steps are included: Initiate a communication service to the second electronic device through an intermediate application program, where the intermediate application program has the function of establishing communication between the first device and the second device; Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

22. The first electronic device according to claim 18, wherein When the processor executes the computer program to implement pushing the installation package on the second electronic device side to the second electronic device for installation, the following steps are included: Initiate a communication service to the second electronic device through an intermediate application program, where the intermediate application program has the function of establishing communication between the first device and the second device; Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to the second electronic device for installation.

23. The first electronic device according to claim 19, characterized in that, When the processor executes the computer program to implement pushing the installation package on the second electronic device side to the second electronic device for installation, the following steps are included: Initiate a communication service to the second electronic device through an intermediate application, where the intermediate application has the function of establishing communication between the first device and the second device; Establish communication with the second electronic device according to the communication service, and send the installation package on the second electronic device side to be installed on the second electronic device.

24. An electronic device, characterized in that, It includes a memory, a processor, and a computer program stored in the memory and executable on the processor. It is characterized in that when the processor executes the computer program, the method described in any one of claims 9-10 is implemented, or when the processor executes the computer program, the method described in any one of claims 11-14 is implemented.

25. A computer-readable storage medium storing a computer program, characterized in that, When the computer program is executed by the processor, the method described in any one of claims 1-8 is implemented, or when the computer program is executed by the processor, the method described in any one of claims 9-10 is implemented, or when the processor executes the computer program, the method described in any one of claims 11-14 is implemented.

Images