CN114003241A

CN114003241A - Interface adaptation display method and system of application program, electronic device and medium

Info

Publication number: CN114003241A
Application number: CN202010740006.8A
Authority: CN
Inventors: 鲍亚永; 相超
Original assignee: Huawei Technologies Co Ltd
Current assignee: Huawei Technologies Co Ltd
Priority date: 2020-07-28
Filing date: 2020-07-28
Publication date: 2022-02-01

Abstract

The application discloses an interface adaptation display method, system, electronic equipment and medium of an application program. The method comprises the following steps performed by the first electronic device: acquiring an installation package of a first electronic device side, wherein the installation package of the first electronic device side comprises a first resource file; extracting element features from the first resource file; matching the element characteristics with an icon material library of the cloud equipment to generate an installation package on the second electronic equipment side, wherein the installation package on the second electronic equipment side comprises a second resource file; and pushing the installation package on the second electronic equipment side to the second electronic equipment for installation so as to adapt and display the application program on the display interface of the second electronic equipment according to the second resource file. The interface adaptation display method of the application program can obviously improve the efficiency of the interface adaptation display of the application program.

Description

Interface adaptation display method and system of application program, electronic device and medium

[ technical field ] A method for producing a semiconductor device

The present application relates to the field of interface display technologies, and in particular, to a method, a system, an electronic device, and a medium for interface adaptation display of an application.

[ background of the invention ]

At present, electronic devices such as terminal products have various screen resolutions and screen sizes, and besides horizontal and vertical screen interfaces of mobile phones and flat panels, Applications (APPs) also need to perform interface adaptation on products such as folding screens, vehicle-mounted screens, televisions and the like, which brings a large amount of repeated design work for developers, and the efficiency in interface adaptation display of applications is low.

[ summary of the invention ]

In view of this, embodiments of the present application provide a method, a system, an electronic device, and a medium for displaying an interface adaptation of an application program, so as to solve the problem of low efficiency of different electronic devices in displaying the interface adaptation of the application program.

In a first aspect, an embodiment of the present application provides an interface adaptation display method for an application program, including the following steps executed by a first electronic device:

acquiring an installation package of a first electronic device side, wherein the installation package of the first electronic device side comprises a first resource file;

extracting element features from the first resource file;

matching the element characteristics with an icon material library of the cloud equipment to generate an installation package of a second electronic equipment side, wherein the installation package of the second electronic equipment side comprises a second resource file;

and pushing the installation package on the second electronic equipment side to the second electronic equipment for installation so as to display the application program on the display interface of the second electronic equipment in an adaptive manner according to the second resource file.

The above-described aspect and any possible implementation manner further provide an implementation manner, where the obtaining of the installation package on the first electronic device side includes:

detecting whether a local storage exists in an installation package of the first electronic equipment side;

and if the installation package does not exist, downloading the installation package of the first electronic equipment side from the application market of the first electronic equipment side.

The above-described aspect and any possible implementation further provide an implementation in which the extracting element features from the first resource file includes:

extracting a text type clickable element and/or a picture type clickable element from the first resource file;

analyzing the semantics of the clickable elements in the text class by adopting natural language processing, and extracting the element features according to the semantics;

and extracting text information from the clickable elements of the picture class by adopting image recognition, and carrying out natural language processing analysis on the text information to extract the element characteristics.

The above-described aspect and any possible implementation manner further provide an implementation manner, where the extracting element features from the first resource file further includes:

extracting a picture class clickable element from the first resource file;

and determining the image information of the clickable elements of the picture class by adopting image identification, and extracting the element characteristics according to the image information.

As described in the above aspect and any possible implementation manner, an implementation manner is further provided, where the element feature includes a key text description, and the matching between the element feature and an icon material library of the cloud device is performed to generate an installation package on the second electronic device side, including:

performing character matching on the key text description and an icon material library of the cloud equipment to obtain a matching result, wherein icons in the icon material library of the cloud equipment have one or more mapping relations with the key text description;

determining an icon matched with the element characteristics according to the matching result;

and generating an installation package of the second electronic equipment side according to the icon matched with the element characteristics.

The above-described aspect and any possible implementation manner further provide an implementation manner, where generating an installation package on the second electronic device side according to an icon matched with the element feature includes:

acquiring an icon display style, a display background and/or a display color combination of the second electronic equipment;

generating the second resource file according to the icon matched with the element characteristics;

and generating an installation package at the side of the second electronic equipment according to the second resource file and the icon display style, display background and/or display color combination of the second electronic equipment.

The above aspect and any possible implementation manner further provide an implementation manner, where 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, wherein the intermediate application has a function of establishing communication between the first device and the second device;

and establishing communication with the second electronic equipment according to the communication service, and sending the installation package of the second electronic equipment side to the second electronic equipment for installation.

In a second aspect, an embodiment of the present application provides an interface adaptation display method for an application program, including the following steps executed by a second electronic device:

receiving an installation package of a second electronic device side, wherein the installation package of the second electronic device side is sent by a first electronic device and comprises a second resource file, the second resource file is generated by extracting element characteristics from a first resource file and matching the element characteristics with an icon material library of a cloud device, and the first resource file is included in the installation package of the first electronic device side;

and installing a corresponding application program according to the installation package at the second electronic equipment side, and utilizing the second resource file to display the application program on the display interface of the second electronic equipment in an adaptive manner.

The above aspect and any possible implementation manner further provide an implementation manner, where the adapting, by using the second resource file, to display the application program on the display interface of the second electronic device includes:

determining an icon to be displayed by utilizing the second resource file;

and adaptively displaying the application program on a display interface of the second electronic equipment according to the icon display style, the display background and/or the display color combination of the second electronic equipment and the icon to be displayed.

In a third aspect, an embodiment of the present application provides an interface adaptation display method for an application program, including the following steps executed by a third electronic device:

extracting element features from the third resource file through an application development tool;

matching the element characteristics with an icon material library to generate a fourth resource file;

and adaptively displaying the application program on a simulation display interface of the application program development tool according to the fourth resource file, wherein the simulation display interface is applied to a simulated fourth electronic device.

The above-described aspect and any possible implementation further provide an implementation that the extracting, by an application development tool, element features from a third resource file includes:

extracting clickable elements of text class and/or clickable elements of picture class from the third resource file;

extracting a picture class clickable element from the third resource file;

The foregoing aspects and any possible implementations further provide an implementation, where the element feature includes a key text description, and the matching the element feature with an icon material library to generate a fourth resource file includes:

performing character matching on the key text description and the icon material library to obtain a matching result, wherein the icons in the icon material library have one or more mapping relations with the key text description;

and generating the fourth resource file according to the icon matched with the element characteristics.

The above aspect and any possible implementation manner further provide an implementation manner, where the adapting and displaying the application on the simulation display interface of the application development tool according to the fourth resource file includes:

determining an icon to be displayed by utilizing the fourth resource file;

acquiring an icon display style, a display background and/or a display color combination of the fourth electronic equipment;

and adaptively displaying the application program on a simulation display interface of the application program development tool according to the icon display style, the display background and/or the display color combination of the fourth electronic device and the icon to be displayed.

In a fourth aspect, an embodiment of the present application provides an interface adaptation display system for an application, where the system includes a first electronic device and a second electronic device, where the first electronic device performs the method according to the first aspect, and the second electronic device performs the method according to the second aspect.

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, the processor implementing the following steps when executing the computer program:

extracting element features from the first resource file;

The above-mentioned aspect and any possible implementation manner further provide an implementation manner, where the processor executes the computer program to implement the obtaining of the installation package on the first electronic device side, and the implementation manner includes the following steps:

The above-mentioned aspect and any possible implementation manner further provide an implementation manner, where the processor executes the computer program to implement the extracting of the element feature from the first resource file, and the implementation manner includes the following steps:

extracting a picture class clickable element from the first resource file;

As described in the above aspect and any possible implementation manner, there is further provided an implementation manner, where the element feature includes a key text description, and the processor executes the computer program to implement matching between the element feature and an icon material library of a cloud device, and when generating an installation package on a second electronic device side, the method includes the following steps:

The above-described aspect and any possible implementation manner further provide an implementation manner, where the processor executes the computer program to, when generating the installation package on the second electronic device side according to the icon matched with the element feature, include the following steps:

The above-mentioned aspect and any possible implementation manner further provide an implementation manner, where the processor executes the computer program to push the installation package on the second electronic device side to the second electronic device for installation, and the implementation manner includes the following steps:

In a sixth aspect, the present application provides an electronic device, a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor implements the method according to the second aspect when executing the computer program, or implements the method according to the third aspect when executing the computer program.

In a seventh aspect, the present application provides a computer storage medium, where the computer storage medium stores a computer program, and the computer program implements the method according to the first aspect when executed by a processor, or implements the method according to the second aspect when executed by a processor, or implements the method according to the third aspect when executed by a processor.

In the embodiment of the application, the first resource file in the installation package on the first electronic device side is analyzed, the element characteristics are extracted, the element characteristics are matched with the icon material library of the cloud device to generate the installation package on the second electronic device side, and the 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 the icon matched with the application program according to the second resource file and can be adaptively displayed on the display interface of the second electronic device. In the embodiment of the application, the installation package which is not provided by the second electronic equipment side in the first electronic equipment side application market can be automatically generated. The second electronic device can install the application program corresponding to the first electronic device side according to the automatically generated installation package, and display (the entrance control of) the application program on the display interface of the second electronic device in an adaptive manner, so that the efficiency of interface adaptive display of the application program can be remarkably improved.

[ description of the drawings ]

In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive labor.

Fig. 1 is a schematic structural diagram of an electronic device according to an embodiment of the present application;

fig. 2 is a block diagram of a software structure of an electronic device according to an embodiment of the present application;

FIG. 3 is a schematic diagram illustrating a difference between displays of controls on a display interface on a mobile phone side and a watch side according to an embodiment of the present application;

fig. 4 is a timing diagram illustrating an interface adaptation display method for implementing an application according to an embodiment of the present application;

fig. 5 is a flowchart of an interface adaptation display method of an application executed by a first electronic device according to an embodiment of the present application;

FIG. 6 is a diagram illustrating a transition from a handset side application interface to a watch side application interface according to an embodiment of the present application;

fig. 7 is a flowchart of an interface adaptation display method of an application executed by a third electronic device according to an embodiment of the present application.

[ detailed description ] embodiments

The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application. In the description of the embodiments herein, "/" means "or" unless otherwise specified, for example, a/B may mean a or B; "and/or" herein is merely an association describing an associated object, and means that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone.

In the following, the terms "first", "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of the embodiments of the present application, "a plurality" means two or more unless otherwise specified.

In the embodiments of the present application, words such as "exemplary" or "for example" are used to mean serving as an example, instance, or illustration. Any embodiment or design described herein as "exemplary" or "e.g.," is not necessarily to be construed as preferred or advantageous over other embodiments or designs. Rather, use of the word "exemplary" or "such as" is intended to present concepts related in a concrete fashion.

Fig. 1 shows a schematic structural diagram of an electronic device 100.

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, an earphone interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a camera 193, a display screen 194, a Subscriber Identification Module (SIM) card interface 195, and the like. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air 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, and the like.

It is to be understood that the illustrated structure of the embodiment of the present application does not specifically limit the electronic device 100. In other embodiments of the present application, electronic device 100 may include more or fewer components than shown, or some components may be combined, some components may be split, or a different arrangement of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

Processor 110 may include one or more processing units, such as: 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. The different processing units may be separate devices or may be integrated into one or more processors.

The controller can generate an operation control signal according to the instruction operation code and the timing signal to complete the control of instruction fetching and instruction execution.

A memory may also be provided in processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to reuse the instruction or data, it can be called directly from the memory. Avoiding repeated accesses reduces the latency of the processor 110, thereby increasing the efficiency of the system.

In some embodiments, processor 110 may include one or more interfaces. The interface may include an integrated circuit (I2C) interface, an integrated circuit built-in audio (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.

The I2C interface is a bi-directional synchronous serial bus that includes a serial data line (SDA) and a Serial Clock Line (SCL). In some embodiments, processor 110 may include multiple sets of I2C buses. The processor 110 may be coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces, respectively. For example: the processor 110 may be coupled to the touch sensor 180K via an I2C interface, such that the processor 110 and the touch sensor 180K communicate via an I2C bus interface to implement the touch functionality of the electronic device 100.

The I2S interface may be used for audio communication. In some embodiments, processor 110 may include multiple sets of I2S buses. The processor 110 may be coupled to the audio module 170 via an I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 may communicate audio signals to the wireless communication module 160 via the I2S interface, enabling answering of calls via a bluetooth headset.

The PCM interface may also be used for audio communication, sampling, quantizing and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 may be coupled by a PCM bus interface. In some embodiments, the audio module 170 may also transmit audio signals to the wireless communication module 160 through the PCM interface, so as to implement a function of answering a call through a bluetooth headset. Both the I2S interface and the PCM interface may be used for audio communication.

The UART interface is a universal serial data bus used for asynchronous communications. The bus may be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, a UART interface is generally used to connect the processor 110 with the wireless communication module 160. For example: the processor 110 communicates with a bluetooth module in the wireless communication module 160 through a UART interface to implement a bluetooth function. In some embodiments, the audio module 170 may transmit the audio signal to the wireless communication module 160 through a UART interface, so as to realize the function of playing music through a bluetooth headset.

MIPI interfaces may be used to connect processor 110 with peripheral devices such as display screen 194, camera 193, and the like. The MIPI interface includes a Camera Serial Interface (CSI), a Display Serial Interface (DSI), and the like. In some embodiments, processor 110 and camera 193 communicate through a CSI interface to implement the capture functionality of 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.

The GPIO interface may be configured by software. The GPIO interface may be configured as a control signal and may also be configured as a data signal. In some embodiments, a GPIO interface may be used to connect the processor 110 with the camera 193, the display 194, the wireless communication module 160, the audio module 170, the sensor module 180, and the like. The GPIO interface may also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, and the like.

The USB interface 130 is an interface conforming to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, or the like. The USB interface 130 may be used to connect a charger to charge the electronic device 100, and may also be used to transmit data between the electronic device 100 and a peripheral device. And the earphone can also be used for connecting an earphone and playing audio through the earphone. The interface may also be used to connect other electronic devices, such as AR devices and the like.

It should be understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is only an illustration, and does not limit the structure of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners or a combination of multiple interface connection manners in the above embodiments.

The charging management module 140 is configured to receive charging input from a charger. The charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 may receive charging input from a wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive a wireless charging input through a wireless charging coil of the electronic device 100. The charging management module 140 may also supply power to the electronic device through the power management module 141 while charging the battery 142.

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 input from the battery 142 and/or the charge management module 140, and supplies power to the processor 110, the internal memory 121, the display 194, the camera 193, the wireless communication module 160, and the like. The power management module 141 may also be used to monitor parameters such as battery capacity, battery cycle count, battery state of health (leakage, impedance), etc. In some other embodiments, the power management module 141 may also be disposed in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may be disposed in the same device.

The wireless communication function of the electronic device 100 may be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, a modem processor, a baseband processor, and the like.

The antennas 1 and 2 are used for transmitting and receiving electromagnetic wave signals. Each antenna in the electronic device 100 may be used to cover a single or multiple communication bands. Different antennas can also be multiplexed to improve the utilization of the antennas. For example: the antenna 1 may be multiplexed as a diversity antenna of a wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

The mobile communication module 150 may provide a solution including 2G/3G/4G/5G wireless communication applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a Low Noise Amplifier (LNA), and the like. The mobile communication module 150 may receive the electromagnetic wave from the antenna 1, filter, amplify, etc. the received electromagnetic wave, and transmit the electromagnetic wave to the modem processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modem processor, and convert the signal into electromagnetic wave through the antenna 1 to radiate the electromagnetic wave. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the same device as at least some of the modules of the processor 110.

The modem processor may include a modulator and a demodulator. The modulator is used for modulating a low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used for demodulating the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then passes the demodulated low frequency baseband signal to a baseband processor for processing. The low frequency baseband signal is processed by the baseband processor and then transferred 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 modem processor may be a stand-alone device. In other embodiments, the modem processor may be provided in the same device as the mobile communication module 150 or other functional modules, independent of the processor 110.

The wireless communication module 160 may provide a solution for wireless communication applied to the electronic device 100, including Wireless Local Area Networks (WLANs) (e.g., wireless fidelity (Wi-Fi) networks), bluetooth (bluetooth, BT), Global Navigation Satellite System (GNSS), Frequency Modulation (FM), Near Field Communication (NFC), Infrared (IR), and the like. 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 electromagnetic wave signals, and transmits the processed signals to the processor 110. The wireless communication module 160 may also receive a signal to be transmitted from the processor 110, perform frequency modulation and amplification on the signal, and convert the signal into electromagnetic waves through the antenna 2 to radiate the electromagnetic waves.

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 so that electronic device 100 can communicate with networks and other devices through wireless communication techniques. The wireless communication technology may include global system for mobile communications (GSM), General Packet Radio Service (GPRS), code division multiple access (code division multiple access, CDMA), Wideband Code Division Multiple Access (WCDMA), time-division code division multiple access (time-division code division multiple access, TD-SCDMA), Long Term Evolution (LTE), LTE, BT, GNSS, WLAN, NFC, FM, and/or IR technologies, etc. The GNSS may include a Global Positioning System (GPS), a global navigation satellite system (GLONASS), a beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS), and/or a Satellite Based Augmentation System (SBAS).

The electronic device 100 implements display functions via the GPU, the display screen 194, and the application processor. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and an application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.

The display screen 194 is used to display images, video, and the like. The display screen 194 includes a display panel. The display panel may adopt a Liquid Crystal Display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode, AMOLED), a flexible light-emitting diode (FLED), a miniature, a Micro-oeld, a quantum dot light-emitting diode (QLED), and the like. In some embodiments, the electronic device 100 may include 1 or N display screens 194, with N being a positive integer greater than 1.

The electronic device 100 may implement a shooting function through the ISP, the camera 193, the video codec, the GPU, the display 194, the application processor, and the like.

The ISP is used to process the data fed back by the camera 193. For example, when a photo is taken, the shutter is opened, light is transmitted to the camera photosensitive element through the lens, the optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converting into an image visible to naked eyes. The ISP can also carry out algorithm optimization on the noise, brightness and skin color of the image. The ISP can also optimize parameters such as exposure, color temperature and the like of a shooting scene. In some embodiments, the ISP may be provided in camera 193.

The camera 193 is used to capture still images or video. The object generates an optical image through the lens and projects the optical image to the photosensitive element. The photosensitive element may be a Charge Coupled Device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The light sensing element converts the optical signal into an electrical signal, which is then passed to the ISP where it is converted into a digital image signal. And the ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into image signal in standard RGB, YUV and other formats. In some embodiments, the electronic device 100 may include 1 or N cameras 193, N being a positive integer greater than 1.

The digital signal processor is used for processing digital signals, and can process digital image signals and other digital signals. For example, when the electronic device 100 selects a frequency bin, the digital signal processor is used to perform fourier transform or the like on the frequency bin energy.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 may play or record video in a variety of encoding formats, such as: moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, and the like.

The NPU is a neural-network (NN) computing processor that processes input information quickly by using a biological neural network structure, for example, by using a transfer mode between neurons of a human brain, and can also learn by itself continuously. Applications such as intelligent recognition of the electronic device 100 can be realized through the NPU, for example: image recognition, face recognition, speech recognition, text understanding, and the like.

The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to extend the memory capability of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music, video, etc. are saved in an external memory card.

The internal memory 121 may be used to store computer-executable program code, which includes instructions. The internal memory 121 may include a program storage area and a data storage area. The storage program area may store an operating system, an application program (such as a sound playing function, an image playing function, etc.) required by at least one function, and the like. The storage data area may store data (such as audio data, phone book, etc.) created during use of the electronic device 100, and the like. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a nonvolatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash memory (UFS), and the like. The processor 110 executes various functional applications of the electronic device 100 and data processing by executing instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.

The electronic device 100 may implement audio functions via the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone interface 170D, and the application processor. Such as music playing, recording, etc.

The audio module 170 is used to convert digital audio information into an analog audio signal output and also to convert an analog audio input into a digital audio signal. The audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be disposed in the processor 110, or some functional modules of the audio module 170 may be disposed in the processor 110.

The speaker 170A, also called a "horn", is used to convert the audio electrical signal into an acoustic signal. The electronic apparatus 100 can listen to music through the speaker 170A or listen to a handsfree call.

The receiver 170B, also called "earpiece", is used to convert the electrical audio signal into an acoustic signal. When the electronic apparatus 100 receives a call or voice information, it can receive voice by placing the receiver 170B close to the ear of the person.

The microphone 170C, also referred to as a "microphone," is used to convert sound signals into electrical signals. When making a call or transmitting voice information, the user can input a voice signal to the microphone 170C by speaking the user's mouth near the microphone 170C. The electronic device 100 may be provided with at least one microphone 170C. In other embodiments, the electronic device 100 may be provided with two microphones 170C to achieve a noise reduction function in addition to collecting sound signals. In other embodiments, the electronic device 100 may further include three, four or more microphones 170C to collect sound signals, reduce noise, identify sound sources, perform directional recording, and so on.

The headphone interface 170D is used to connect a wired headphone. The headset interface 170D may be the USB interface 130, or may be a 3.5mm open mobile electronic device platform (OMTP) standard interface, a cellular telecommunications industry association (cellular telecommunications industry association of the USA, CTIA) standard interface.

The pressure sensor 180A is used for sensing a pressure signal, and converting the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194. Pressure sensor 180A

Such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc. The capacitive pressure sensor may be a sensor comprising at least two parallel plates having an electrically conductive material. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the strength of the pressure from the change in capacitance. When a touch operation is applied to the display screen 194, the electronic apparatus 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic apparatus 100 may also calculate the touched position from the detection signal of the pressure sensor 180A. In some embodiments, the touch operations that are applied to the same touch position but different touch operation intensities may correspond to different operation instructions. For example: and when the touch operation with the touch operation intensity smaller than the first pressure threshold value acts on the short message application icon, executing an instruction for viewing the short message. And when the touch operation with the touch operation intensity larger than or equal to the first pressure threshold value acts on the short message application icon, executing an instruction of newly building the short message.

The gyro sensor 180B may be used to determine the motion attitude of the electronic device 100. In some embodiments, the angular velocity of electronic device 100 about three axes (i.e., the x, y, and z axes) may be determined by gyroscope sensor 180B. The gyro sensor 180B may be used for photographing anti-shake. For example, when the shutter is pressed, the gyro sensor 180B detects a shake angle of the electronic device 100, calculates a distance to be compensated for by the lens module according to the shake angle, and allows the lens to counteract the shake of the electronic device 100 through a reverse movement, thereby achieving anti-shake. The gyroscope sensor 180B may also be used for navigation, somatosensory gaming scenes.

The air pressure sensor 180C is used to measure air pressure. In some embodiments, electronic device 100 calculates altitude, aiding in positioning and navigation, from barometric pressure values measured by barometric pressure sensor 180C.

The magnetic sensor 180D includes a hall sensor. The electronic device 100 may detect the opening and closing of the flip holster using the magnetic sensor 180D. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 may detect the opening and closing of the flip according to the magnetic sensor 180D. And then according to the opening and closing state of the leather sheath or the opening and closing state of the flip cover, the automatic unlocking of the flip cover is set.

The acceleration sensor 180E may detect the magnitude of acceleration of the electronic device 100 in various directions (typically three axes). The magnitude and direction of gravity can be detected when the electronic device 100 is stationary. The method can also be used for recognizing the posture of the electronic equipment, and is applied to horizontal and vertical screen switching, pedometers and other applications.

A distance sensor 180F for measuring a distance. The electronic device 100 may measure the distance by infrared or laser. In some embodiments, taking a picture of a scene, electronic device 100 may utilize range sensor 180F to range for fast focus.

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 to the outside through the light emitting diode. The electronic device 100 detects infrared reflected light from nearby objects using a photodiode. 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 may determine that there are no objects near the electronic device 100. The electronic device 100 can utilize the proximity light sensor 180G to detect that the user holds the electronic device 100 close to the ear for talking, so as to automatically turn off the screen to achieve the purpose of saving power. The proximity light sensor 180G may also be used in a holster mode, a pocket mode automatically unlocks and locks the screen.

The ambient light sensor 180L is used to sense the ambient light level. Electronic device 100 may adaptively adjust the brightness of display screen 194 based on the perceived ambient light level. The ambient light sensor 180L may also be used to automatically adjust the white balance when taking a picture. The ambient light sensor 180L may also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in a pocket to prevent accidental touches.

The fingerprint sensor 180H is used to collect a fingerprint. The electronic device 100 can utilize the collected fingerprint characteristics to unlock the fingerprint, access the application lock, photograph the fingerprint, answer an incoming call with the fingerprint, and so on.

The temperature sensor 180J is used to detect temperature. In some embodiments, electronic device 100 implements a temperature processing strategy using the temperature detected by temperature sensor 180J. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device 100 performs a reduction in performance of a processor located near the temperature sensor 180J, so as to reduce power consumption and implement thermal protection. In other embodiments, the electronic device 100 heats the battery 142 when the temperature is below another threshold to avoid the low temperature causing the electronic device 100 to shut down abnormally. In other embodiments, when the temperature is lower than a further threshold, the electronic device 100 performs boosting on the output voltage of the battery 142 to avoid abnormal shutdown due to low temperature.

The touch sensor 180K is also referred to as a "touch panel". The touch sensor 180K may be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, which is also called a "touch screen". The touch sensor 180K is used to detect a touch operation applied thereto or nearby. The touch sensor can communicate the detected touch operation to the application processor to determine the touch event type. Visual output associated with the touch operation may be provided through the display screen 194. In other embodiments, the touch sensor 180K may be disposed on a surface of the electronic device 100, different from the position of the display screen 194.

The bone conduction sensor 180M may acquire a vibration signal. In some embodiments, the bone conduction sensor 180M may acquire a vibration signal of the human vocal part vibrating the bone mass. The bone conduction sensor 180M may also contact the human pulse to receive the blood pressure pulsation signal. In some embodiments, the bone conduction sensor 180M may also be disposed in a headset, integrated into a bone conduction headset. The audio module 170 may analyze a voice signal based on the vibration signal of the bone mass vibrated by the sound part acquired by the bone conduction sensor 180M, so as to implement a voice function. The application processor can analyze heart rate information based on the blood pressure beating signal acquired by the bone conduction sensor 180M, so as to realize the heart rate detection function.

The keys 190 include a power-on key, a volume key, and the like. The keys 190 may be mechanical keys. Or may be touch keys. The electronic apparatus 100 may receive a key input, and generate a key signal input related to user setting and function control of the electronic apparatus 100.

The motor 191 may generate a vibration cue. The motor 191 may be used for incoming call vibration cues, as well as for touch vibration feedback. For example, touch operations applied to different applications (e.g., photographing, audio playing, etc.) may correspond to different vibration feedback effects. The motor 191 may also respond to different vibration feedback effects for touch operations applied to different areas of the display screen 194. Different application scenes (such as time reminding, receiving information, alarm clock, game and the like) can also correspond to different vibration feedback effects. The touch vibration feedback effect may also support customization.

Indicator 192 may be an indicator light that may be used to indicate a state of charge, a change in charge, or a message, missed call, notification, etc.

The SIM card interface 195 is used to connect a SIM card. The SIM card can be brought into and out of contact with the electronic apparatus 100 by being inserted into the SIM card interface 195 or being pulled out of the SIM card interface 195. The electronic device 100 may support 1 or N SIM card interfaces, N being a positive integer greater than 1. The SIM card interface 195 may support a Nano SIM card, a Micro SIM card, a SIM card, etc. The same SIM card interface 195 can be inserted with multiple cards at the same time. The types of the plurality of cards may be the same or different. The SIM card interface 195 may also be compatible with different types of SIM cards. The SIM card interface 195 may also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as communication and data communication. In some embodiments, the electronic device 100 employs esims, namely: an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

The software system of the electronic device 100 may employ a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The embodiment of the present application takes an Android system with a layered architecture as an example, and exemplarily illustrates a software structure of the electronic device 100.

Fig. 2 is a block diagram of a software structure of the electronic device 100 according to the embodiment of the present application.

The layered architecture divides the software into several layers, each layer having a clear role and division of labor. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, an application layer, an application framework layer, an Android runtime (Android runtime) and system library, and a kernel layer from top to bottom.

The application layer may include a series of application packages.

As shown in fig. 2, the application package may include applications such as camera, gallery, calendar, phone call, map, navigation, WLAN, bluetooth, music, video, short message, etc.

The application framework layer provides an Application Programming Interface (API) and a programming framework for the application program of the application layer. The application framework layer includes a number of predefined functions.

As shown in FIG. 2, the application framework layers may include a window manager, content provider, view system, phone manager, resource manager, notification manager, and the like.

The window manager is used for managing window programs. The window manager can obtain the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like.

The content provider is used to store and retrieve data and make it accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

The view system includes visual controls, such as controls to display text, controls to display pictures, and the like. The view system may be used to build applications. The display interface may be composed of one or more views. For example, the display interface including the short message notification icon may include a view for displaying text and a view for displaying a picture.

The phone manager is used to provide communication functions of the electronic device 100. Such as management of call status (including on, off, etc.).

The resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and the like.

The notification manager enables the application to display notification information in the status bar, can be used to convey notification-type messages, can disappear automatically after a short dwell, and does not require user interaction. Such as a notification manager used to inform download completion, message alerts, etc. The notification manager may also be a notification that appears in the form of a chart or scroll bar text at the top status bar of the system, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, prompting text information in the status bar, sounding a prompt tone, vibrating the electronic device, flashing an indicator light, etc.

The Android Runtime comprises a core library and a virtual machine. The Android runtime is responsible for scheduling and managing an Android system.

The core library comprises two parts: one part is a function which needs to be called by java language, and the other part is a core library of android.

The application layer and the application framework layer run in a virtual machine. And executing java files of the application program layer and the application program framework layer into a binary file by the virtual machine. The virtual machine is used for performing the functions of object life cycle management, stack management, thread management, safety and exception management, garbage collection and the like.

The system library may include a plurality of functional modules. For example: surface managers (surface managers), Media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), and the like.

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

The media library supports a variety of commonly used audio, video format playback and recording, and still image files, among others. The media library may support a variety of audio-video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, and the like.

The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like.

The 2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.

The following describes exemplary workflow of the software and hardware of the electronic device 100 in connection with capturing a photo scene.

When the touch sensor 180K receives a touch operation, a corresponding hardware interrupt is issued to the kernel layer. The kernel layer processes the touch operation into an original input event (including touch coordinates, a time stamp of the touch operation, and other information). The raw input events are stored at the kernel layer. And the application program framework layer acquires the original 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 taking a control corresponding to the click operation as a control of a camera application icon as an example, the camera application calls an interface of an application framework layer, starts the camera application, further starts a camera drive by calling a kernel layer, and captures a still image or a video through the camera 193.

Interface layouts have evolved in the display area. For example, the interfaces of the web page at the personal computer end and the mobile phone end are displayed inconsistently, and the interface elements of the android/apple APP at the mobile phone end and the watch side are displayed inconsistently, which basically require the developer to design and customize the style of different devices.

At present, the existing technology can realize the functions of automatically adjusting the size, the shape and the like of interface elements on different devices, but developers are still required to customize the interface elements in different degrees, and a method for automatically generating the style design required by the developers is lacked.

Fig. 3 shows a difference in display of controls on the display interface on the mobile phone side and the watch side. As can be seen from fig. 3, for the mobile phone side, the shape of the control (e.g. button) is generally a rectangle with rounded corners in consideration of the display screen shape of the mobile phone; for the watch side, the controls of the watch are generally arranged in a circle and are generally distributed in a bilateral symmetry mode in consideration of the shape of the display screen of the watch. It can be seen that the controls (which may be controls including icon types) displayed on different side device interfaces have a large display difference, and therefore, for an application program, the interface needs to be customized for different devices, and different development projects need to be maintained. It will be appreciated that there are many applications that are designed in the handset application market, but not in the watch side. This is undoubtedly a huge effort for the size of the handset application market to design icon displays, icon layouts, etc. for each non-existent application on the watch side.

Currently, the browser has a device query capability, which can support developers to customize different styles on different devices. Although this approach allows the developer to flexibly customize the style of the application on different devices, it still requires the developer to manually customize the application, increasing cost investment.

In view of the above existing problems, the present application focuses on solving the problem of low efficiency of different electronic devices in interface adaptive display of an application program, that is, solving the display problem of one-time development and multi-terminal deployment of an application program, so that the application program can be deployed and displayed on various electronic devices only once developed.

The interface adaptation display of the application program refers to interface adaptation of clickable controls (entry controls, clickable icons) of the application program, for example, the entry controls related to the application program on a mobile phone are adapted and displayed on a watch.

The embodiment of the application provides an interface adaptation display method of an application program, which comprises the following steps executed by first electronic equipment:

s10: the method comprises the steps of obtaining an installation package of a first electronic device side, wherein the installation package of the first electronic device side comprises a first resource file.

The first electronic device may specifically be the electronic device 100 shown in fig. 1. In this embodiment, the first electronic device may be specifically considered as a mobile phone.

In an embodiment, the installation package on the first electronic device side may specifically be an application installation package on the mobile phone side, where the application installation package on the mobile phone side includes the first resource file. The first resource file stores resources related to application program display, such as text resources or picture resources. In this embodiment, the application installation package on the mobile phone side is first obtained, and a technical basis for implementation is provided for the subsequent generation of the application installation on the second electronic device side (e.g., the watch side) according to the application installation package on the mobile phone side.

S20: extracting element features from the first resource file.

It is understood that a certain number of text and picture resources exist in the first resource file. These text and image resources are generally applied to a control (such as a clickable icon control, a clickable text type control, and the like) so that the control can be displayed on a display interface in combination with the text and image resources. For example, the entry control of the music APP is an icon control on which a music symbol graph is drawn or a "music" character is marked. These text and picture resources can reflect the characteristics of control elements, such as the icon control drawn with the music symbol graph, and the corresponding picture resource represents the element related to music, such as the icon of the entrance control of the music APP.

In one embodiment, the element features are extracted from the first resource file, and the purpose of the element features is to know the specific direction, purpose or purpose to which various resources in the first resource file are applied. This provides an important reference for automatically generating the installation package in the second electronic device, and can generate a display element (such as an entry control) corresponding to the first electronic device according to the element characteristics.

S30: and matching the element characteristics with an icon material library of the cloud equipment to generate an installation package of the second electronic equipment side, wherein the installation package of the second electronic equipment side comprises a second resource file.

The cloud device stores a large number of icons. In an embodiment, when the installation package on the second electronic device side needs to be generated, an icon having a matching relationship with the element characteristics can be found in the icon material library according to the element characteristics. If the element feature is music, the icon related to the music can be found in the icon material library according to the music keyword, and the second resource file and the installation package can be automatically generated by using a preset execution script according to the installation package generation format of the second device. And the second resource file is different from the resource used for matching in the first resource file, but has a corresponding relation. For example, a first resource file and a second resource file both have text or picture resources associated with the description "music," but the particular resources may differ (e.g., different pictures, but both may represent music).

The method has the advantages that the element characteristics are matched with the icon material library of the cloud device, the installation package of the second electronic device can be automatically generated through the existing icon materials in the cloud device, the corresponding relation is formed between the installation package of the first electronic device and the element characteristics represented by the resources, the technical basis for realizing the application program adaptive display on the display interface of the second electronic device is provided, and the entrance control (such as the button of the icon class) of the application program is kept consistent with the first electronic device in function logic.

S40: and pushing the installation package on the second electronic equipment side to the second electronic equipment for installation so as to adapt and display the application program on the display interface of the second electronic equipment according to the second resource file.

In an embodiment, the automatically generated second electronic device installation package is installed on the electronic device, and an application program is adaptively displayed on a display interface of the second electronic device, where the adaptively displayed application program refers to elements such as an entry control of the adaptively displayed application program.

It should be noted that, the second electronic device adapts the display application program on the display interface of the second electronic device according to the second resource file, and the default display style, the display background, and other display settings of the second device electronics are adopted. For example, when the second electronic device is specifically a watch, the automatically generated installation package of the second electronic device defaults to display settings such as a display style and a display background defaulted by a watch side control unit, and as can be understood, the display application program can be better adapted and displayed on the display interface of the second electronic device.

In the embodiment of the application, the first resource file in the installation package on the first electronic device side is analyzed, the element characteristics are extracted, the element characteristics are matched with the icon material library of the cloud device to generate the installation package on the second electronic device side, and the 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 the icon matched with the application program according to the second resource file and can be adaptively displayed on the display interface of the second electronic device. In the embodiment of the application, the installation package which is not provided by the second electronic equipment side in the first electronic equipment side application market can be automatically generated. The second electronic device can install the application program corresponding to the first electronic device side according to the automatically generated installation package, and display (the entry control and the icon of) the application program on the display interface of the second electronic device in an adaptive manner, so that the efficiency of the interface adaptive display of the application program can be remarkably improved.

Fig. 4 shows a timing diagram of an interface adaptation display method for implementing an application. As can be seen from fig. 4, what is indicated by the dotted line portion is a common watch application program layout generation process of Android/iOS, and if there is an APP installation package required by a user in the watch application market, a relevant APP installation package can be directly obtained through the watch management application and pushed to the watch side to complete installation, where the watch management application can be applied to the phone side, and for managing a channel of the watch side APP, the APP on the watch side can complete APP installation through the watch management application. The flow realized by the application is a solid line part. Specifically, if the APP package required by the user does not exist in the watch application market, the user can access the mobile phone application market through the watch management application to obtain a relevant APP package; then, the resources in the APP installation package are obtained through analysis after the pretreatment of the mobile phone self-adaptive processor; and finally, performing resource analysis and AI (AI) processing on the mobile phone side, generating an installation package of the watch side, and installing the installation package of the watch side to the watch through pushing of a watch management application of the mobile phone. The watch may be adapted to display the application on the display interface after installation. In this embodiment, the first electronic device may specifically refer to a mobile phone in fig. 4, and the second electronic device may specifically refer to a watch in fig. 4. Besides the mobile phone and the watch shown in fig. 4, the flow in fig. 4 may also be implemented by using other possible electronic device alternatives, such as replacing the first electronic device in fig. 4 with a tablet, and replacing the second electronic device with a vehicle-mounted screen (device).

Further, in step S10, acquiring an installation package on the first electronic device side includes:

s11: whether the installation package of the first electronic equipment side exists in the local storage is detected.

S12: and if the installation package does not exist, downloading the installation package of the first electronic equipment side from the application market of the first electronic equipment side.

In an embodiment, the installation package on the first electronic device side can be obtained locally or in an application market.

Further, in step S20, extracting element features from the first resource file includes:

s211: text class clickable elements and/or picture class clickable elements are extracted from the first resource file.

It will be appreciated that in a first resource file (e.g., src file), there is a text, picture resource. The button icon of the application program is clickable, so that text and pictures with clickable attributes need to be screened from the resource file.

S212: and analyzing the semantics of the clickable elements in the text class by adopting natural language processing, and extracting element features according to the semantics.

It will be appreciated that for some texts, the written meaning of the expression may be too specific, requiring semantic analysis to yield a more frequently used result, and elemental signature. For example, if the text in the clickable element in the text class is "card and pay", then after semantic analysis, the clickable element in the text class may be extracted and summarized as "wallet" or "pay".

It can be understood that the icon repository of the cloud device generally does not specifically set an icon for "card and payment", but words with high use frequency such as "wallet" and "payment" generally exist. In the embodiment of the application, the element features extracted according to the semantics are more favorable for matching with the icon material library of the cloud equipment, so that a more accurate matching result is obtained.

S213: and extracting text information from the clickable elements of the picture class by adopting image recognition, carrying out natural language processing analysis on the text information, and extracting element characteristics.

It will be appreciated that some pictures also contain text information, and that it is not necessary that only text type clickable elements carry text information. Therefore, text information can be extracted from the picture through image recognition, natural language processing analysis is carried out on the text information, and element features are extracted.

Further, in step S20, extracting element features from the first resource file, further includes:

s221: a picture class clickable element is extracted from the first resource file.

S222: and determining the image information of the clickable elements of the picture class by adopting image recognition, and extracting element characteristics according to the image information.

In an embodiment, the picture does not necessarily have text information, but the picture itself has image information, and if the graph on the picture a is a music coincidence, the picture a can be obtained to represent the music picture after image recognition, and at this time, corresponding element features can be extracted.

In particular, the element features include key text descriptions. It is to be understood that the element feature may be described in text, for example, the text type clickable element B extracts the element feature as "music" and the picture type clickable element C extracts the element feature as "wallet".

Further, in step S30, matching the element characteristics with the icon material library of the cloud device, and generating an installation package on the second electronic device side, includes:

s31: and performing character matching on the key text description and an icon material library of the cloud equipment to obtain a matching result, wherein the icons in the icon material library of the cloud equipment have one or more mapping relations with the key text description.

It can be understood that the icons in the icon material library of the cloud device also have corresponding key text descriptions, for example, the icon D has a mapping relationship with "music", and the icon E has a mapping relationship with "more applications".

S32: and determining the icon matched with the element characteristics according to the matching result.

If the text type clickable element B extracts the element feature as 'music', the element feature can be matched with an icon D (having a mapping relation with 'music').

S33: and generating an installation package of the second electronic equipment side according to the icon matched with the element characteristics.

Further, in step S33, generating an installation package on the second electronic device side from the icon matching the element feature includes:

s331: and acquiring the icon display style, the display background and/or the display color combination of the second electronic equipment.

In an embodiment, the icon display style (style), the display background (background), and/or the display color combination (e.g., RGB setting) of the second electronic device may be preset by the user (if not, a default setting is adopted). When the first electronic equipment generates an installation package on the side of the second electronic equipment, the icon display style, the display background and/or the display color combination of the second electronic equipment are called, so that the application program is adaptively displayed on the display interface of the second electronic equipment in a uniform display mode.

S332: and generating a second resource file according to the icon matched with the element characteristics.

The icons obtained by matching in the icon material library of the cloud equipment can be used as new resources, and a second resource file is generated.

S333: and generating an installation package at the second electronic equipment side according to the second resource file and the icon display style, the display background and/or the display color combination of the second electronic equipment.

In an embodiment, a script is generated by using a preset installation package based on the format of the installation package on the second electronic device side, and the installation package on the second electronic device side is obtained by packaging according to the resource, the icon display style, the display background and/or the display color combination.

Further, in step S40, pushing the installation package on the second electronic device side onto the second electronic device for installation includes:

s41: initiating a communication service to the second electronic device through an intermediate application, wherein the intermediate application has a function of establishing communication between the first device and the second device.

S42: and establishing communication with the second electronic equipment according to the communication service, and sending the installation package on the second electronic equipment side to the second electronic equipment for installation.

In particular, the intermediate application is a watch management application as in fig. 4. This wrist-watch management is used for managing wrist-watch APP's passageway, and the communication relation of first electronic equipment and second equipment is established to this wrist-watch management of accessible, and the installation package with the second electronic equipment side is sent the second electronic equipment and is installed.

Fig. 5 shows a flowchart of an interface adaptation display method of an application executed by a first electronic device. As shown in fig. 5, the first electronic device implements interface adaptive display of the application program by pushing the installation package. Specifically, the first electronic device extracts a text clickable element and a picture clickable element, and analyzes the first resource file through an NLP (natural Language processing) and an AI processing mode of image recognition (the picture clickable element may perform NLP semantic understanding after performing image recognition on text information). And then, matching the icon material library of the cloud equipment according to the analysis result to obtain new resources. And finally, combining the new resources, the display style, the display background and/or the display color combination of the second electronic equipment to generate an icon button on the second electronic equipment side, so that the application program is adaptively displayed on the interface of the second electronic equipment.

FIG. 6 is a diagram illustrating the transition from a handset side application interface to a watch side application interface. As shown in fig. 6, the button area corresponding to the dial market text on the mobile phone side is finally converted into a style plus "market" icon element button in the preset specification of the watch interface; similarly, the button area corresponding to the music text on the mobile phone side is finally converted into a style plus 'music' icon element button in the preset specification of the watch interface; the button area corresponding to the text of more applications on the mobile phone side is finally converted into a style plus application icon element button in the preset specification of the watch interface; the button area corresponding to the wallet on the mobile phone side is finally converted into the style plus "wallet" icon element button in the watch interface preset specification. As can be seen from fig. 6, the application program that cannot be found in the watch application market by the watch side can be converted into the installation package on the watch side through the installation package on the mobile phone application market on the mobile phone side, and a new icon adaptation display corresponding to the application program icon on the mobile phone side is generated. Further, the adaptive display can be better completed according to the icon display style, the display background and/or the display color combination in the preset specification of the watch interface.

The method and the device can solve the problem of a large amount of graphic icon design redrawing work when various electronic devices are subjected to interface layout self-adaptation. The present application may facilitate the icon-critical capability of most applications to be compatible with other types of electronic devices at one time.

The method and the device can convert the clickable elements of the mobile phone side application program into the buttons displayed on the watch side. The method and the device have the advantages that the interface of the application program can be prevented from being customized for the watch, and basic interactive operation which can be carried out on the watch can be obtained.

The embodiment of the application further provides an interface adaptation display method for an application program, which includes the following steps executed by a second electronic device:

s50: receiving an installation package of a second electronic device side, wherein the installation package of the second electronic device side is sent by first electronic devices and comprises 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 an icon material library of cloud equipment, and the first resource file is included in the installation package of the first electronic device side.

S60: and installing the corresponding application program according to the installation package at the second electronic equipment side, and utilizing the second resource file to adaptively display the application program on the display interface of the second electronic equipment.

Steps S50-S60 are descriptions of a method for installing an installation package on the second electronic device side by the second electronic device (such as a watch) and displaying the application program on the display interface of the second electronic device by using the second resource file in an adaptation manner.

In a specific scenario, when a user goes out in the morning, runs with a watch without a mobile phone and wants to listen to music, and the music APP is only put on the mobile phone application market, the user can push and install the music APP in the mobile phone application market into the watch through the watch management application. The installation process adopts an automatically generated music APP installation package on the watch side.

In another specific scenario, the user is out to ride, but it is inconvenient to watch the mobile phone during riding, and when the watch side wants to install an application unique to the mobile phone side, the user can push and install the relevant riding APP of the mobile phone application market into the watch through the watch management application. The installation process adopts the automatically generated riding related APP installation package on the watch side.

Further, in step S60, adapting the display application on the display interface of the second electronic device by using the second resource file includes:

s61: and determining the icon to be displayed by utilizing the second resource file.

S62: and acquiring the icon display style, the display background and/or the display color combination of the second electronic equipment.

S63: and adapting the display application program on the display interface of the second electronic equipment according to the icon display style, the display background and/or the display color combination of the second electronic equipment and the icon to be displayed.

The embodiment of the application further provides an interface adaptation display method for an application program, which includes the following steps executed by a third electronic device:

s70: extracting, by the application development tool, the element feature from the third resource file.

S80: and matching the element characteristics with the icon material library to generate a fourth resource file.

S90: and according to the fourth resource file, the application program is adaptively displayed on a simulation display interface of the application program development tool, wherein the simulation display interface is applied to the simulated fourth electronic equipment.

The simulated fourth electronic device may be a watch, an intelligent vehicle-mounted device, a television, or other electronic devices simulated by the third electronic device. The method of S70-S90 can determine the interface display adaptation condition of the application program in the development stage through testing, and can simulate the required electronic equipment at any time. Compared with the interface adaptation display method of the application program executed by the first electronic equipment, the method is higher in efficiency and low in test cost.

The third electronic device may specifically be a computer, and the interface adaptation display method of the application program executed by the third electronic device is implemented in an application program development stage, that is, a user may use an application program development tool to quickly simulate an interface adaptation process of the application program in the third electronic device.

Fig. 7 shows a flowchart of an interface adaptation display method of an application program executed by the third electronic device. As shown in fig. 7, the third electronic device implements interface adaptive display of the application program to the fourth electronic device in the application program development stage. Specifically, firstly, the clickable text elements and the clickable picture elements are extracted, and the third resource file is analyzed by an NLP (natural Language processing) and AI processing manner of image recognition (the clickable picture elements may first recognize text information by an image and then understand semantics by an NLP). And then, matching the icon material library of the cloud equipment according to the analysis result to obtain new resources. And finally, combining the new resources, the display style, the display background and/or the display color combination of the fourth electronic equipment to generate an icon button on the fourth electronic equipment side, so that the application program is adaptively displayed on the interface of the fourth electronic equipment.

Further, in step S70, extracting element features from the third resource file through the application development tool includes:

s711: text class clickable elements and/or picture class clickable elements are extracted from the third resource file.

S712: and analyzing the semantics of the clickable elements in the text class by adopting natural language processing, and extracting element features according to the semantics.

S713: and extracting text information from the clickable elements of the picture class by adopting image recognition, carrying out natural language processing analysis on the text information, and extracting element characteristics.

Steps S711 to S713 may refer to the explanation of the embodiment of the interface adaptation display method of the application executed by the first electronic device, and will not be described herein again, and the following steps are the same.

Further, in step S70, extracting element features from the third resource file by the application development tool, further includes:

s721: a picture class clickable element is extracted from the third resource file.

S722: and determining the image information of the clickable elements of the picture class by adopting image recognition, and extracting element characteristics according to the image information.

Further, the element features include key text descriptions.

Further, in step S80, matching the element characteristics with the icon material library to generate a fourth resource file, including:

s81: and performing character matching on the key text description and an icon material library to obtain a matching result, wherein the icons in the icon material library have one or more mapping relations with the key text description.

S82: and determining the icon matched with the element characteristics according to the matching result.

S83: and generating a fourth resource file according to the icon matched with the element characteristics.

Further, in step S90, the adapting and displaying the application on the simulation display interface of the application development tool according to the fourth resource file includes:

s91: and determining the icon to be displayed by utilizing the fourth resource file.

S92: and acquiring the icon display style, the display background and/or the display color combination of the fourth electronic equipment.

S93: and according to the icon display style, the display background and/or the display color combination of the fourth electronic equipment and the icon to be displayed, the application program is adaptively displayed on the simulation display interface of the application program development tool.

The embodiment of the present application further provides an interface adaptive display system of an application, which includes a first electronic device and a second electronic device, where the first electronic device executes the interface adaptive display method of the application executed by the first electronic device according to the above embodiment, and the second electronic device executes the interface adaptive display method of the application executed by the second electronic device according to the above embodiment.

An 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, the processor implementing the steps of, when executing the computer program:

the method comprises the steps of obtaining an installation package of a first electronic device side, wherein the installation package of the first electronic device side comprises a first resource file.

Extracting element features from the first resource file.

And matching the element characteristics with an icon material library of the cloud equipment to generate an installation package of the second electronic equipment side, wherein the installation package of the second electronic equipment side comprises a second resource file.

And pushing the installation package on the second electronic equipment side to the second electronic equipment for installation so as to adapt and display the application program on the display interface of the second electronic equipment according to the second resource file.

Further, the processor executes the computer program, and when the installation package on the first electronic device side is obtained, the method includes the following steps:

whether the installation package of the first electronic equipment side exists in the local storage is detected.

Further, the processor executes the computer program, and when the computer program realizes that the element features are extracted from the first resource file, the method comprises the following steps:

text class clickable elements and/or picture class clickable elements are extracted from the first resource file.

And analyzing the semantics of the clickable elements in the text class by adopting natural language processing, and extracting element features according to the semantics.

And extracting text information from the clickable elements of the picture class by adopting image recognition, carrying out natural language processing analysis on the text information, and extracting element characteristics.

a picture class clickable element is extracted from the first resource file.

And determining the image information of the clickable elements of the picture class by adopting image recognition, and extracting element characteristics according to the image information.

Further, the element characteristics include key text description, the processor executes a computer program, matching between the element characteristics and an icon material library of the cloud device is achieved, and when an installation package of the second electronic device side is generated, the method includes the following steps:

and performing character matching on the key text description and an icon material library of the cloud equipment to obtain a matching result, wherein the icons in the icon material library of the cloud equipment have one or more mapping relations with the key text description.

And determining the icon matched with the element characteristics according to the matching result.

Further, the processor executes the computer program, and when the installation package of the second electronic device side is generated according to the icon matched with the element feature, the method includes the following steps:

and acquiring the icon display style, the display background and/or the display color combination of the second electronic equipment.

And generating a second resource file according to the icon matched with the element characteristics.

And generating an installation package at the second electronic equipment side according to the second resource file and the icon display style, the display background and/or the display color combination of the second electronic equipment.

Further, the processor executes the computer program, and when pushing the installation package on the second electronic device side to the second electronic device for installation, the method includes the following steps:

initiating a communication service to the second electronic device through an intermediate application, wherein the intermediate application has a function of establishing communication between the first device and the second device.

And establishing communication with the second electronic equipment according to the communication service, and sending the installation package on the second electronic equipment side to the second electronic equipment for installation.

The embodiment of the present application further provides an electronic device, a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor implements a method for displaying an interface of an application executed by a second electronic device according to the above embodiment in an adaptive manner when executing the computer program, or implements a method for displaying an interface of an application executed by a third electronic device according to the above embodiment in an adaptive manner when executing the computer program.

The embodiment of the present application further provides a computer storage medium, where the computer storage medium stores a computer program, and the computer program, when executed by a processor, implements a method for displaying an interface adaptation of an application program executed by a first electronic device according to the above embodiment, or the computer program, when executed by a processor, implements a method for displaying an interface adaptation of an application program executed by a second electronic device according to the above embodiment, or the computer program, when executed by a processor, implements a method for displaying an interface adaptation of an application program executed by a third electronic device according to the above embodiment.

It should be understood that the embodiments described are only a few embodiments of the present application, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-mentioned division of the functional units and modules is illustrated, and in practical applications, the above-mentioned function distribution may be performed by different functional units and modules according to needs, that is, the internal structure of the apparatus is divided into different functional units or modules, so as to perform all or part of the functions described above.

The above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions stored in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not substantially depart from the spirit and scope of the embodiments of the present application and are intended to be included within the scope of the present application.

Claims

1. An interface adaptive display method of an application program is characterized by comprising the following steps executed by first electronic equipment:

extracting element features from the first resource file;

2. The method according to claim 1, wherein the obtaining of the installation package on the first electronic device side comprises:

3. The method of any of claims 1-2, wherein extracting element features from the first resource file comprises:

4. The method of any of claims 1-2, wherein extracting element features from the first resource file further comprises:

extracting a picture class clickable element from the first resource file;

5. The method according to any one of claims 1 to 4, wherein the element features include a key text description, and the matching of the element features with an icon material library of the cloud device to generate the installation package on the second electronic device side includes:

6. The method according to claim 5, wherein the generating of the installation package on the second electronic device side according to the icon matched with the element feature comprises:

7. The method according to any one of claims 1-6, wherein pushing the installation package on the second electronic device side onto the second electronic device for installation comprises:

8. An interface adaptive display method of an application program is characterized by comprising the following steps executed by a second electronic device:

9. The method of claim 8, wherein the adapting the application program to be displayed on the second electronic device display interface using the second resource file comprises:

determining an icon to be displayed by utilizing the second resource file;

10. An interface adaptive display method for an application program is characterized by comprising the following steps executed by a third electronic device:

11. The method of claim 10, wherein extracting element features from the third resource file via an application development tool comprises:

12. The method of claim 10, wherein extracting element features from the third resource file via an application development tool comprises:

extracting a picture class clickable element from the third resource file;

13. The method according to any one of claims 10-12, wherein the elemental signature comprises a key text description, and wherein matching the elemental signature with a library of icon materials to generate a fourth resource file comprises:

14. The method according to any one of claims 10-13, wherein said adapting display of the application on the simulation display interface of the application development tool according to the fourth resource file comprises:

determining an icon to be displayed by utilizing the fourth resource file;

15. An interface adapted display system for an application, said system comprising a first electronic device and a second electronic device, said first electronic device performing the method of any of claims 1-7, said second electronic device performing the method of any of claims 8-9.

16. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor when executing the computer program implements the steps of:

extracting element features from the first resource file;

17. The electronic device according to claim 16, wherein the processor executes the computer program to realize the obtaining of the installation package on the first electronic device side, and the method comprises the following steps:

18. The electronic device according to any of claims 16-17, wherein the processor executing the computer program, when implementing the extracting element features from the first resource file, comprises the steps of:

19. The electronic device according to any of claims 16-17, wherein the processor executing the computer program, when implementing the extracting element features from the first resource file, comprises the steps of:

extracting a picture class clickable element from the first resource file;

20. The electronic device according to any one of claims 16 to 19, wherein the element feature comprises a key text description, and the processor executes the computer program to perform matching with an icon corpus of a cloud device using the element feature to generate an installation package on a second electronic device side, including the following steps:

21. The electronic device according to claim 20, wherein the processor executes the computer program to generate the installation package on the second electronic device side from the icon matching the element feature, and the method comprises:

22. The electronic device according to any one of claims 16 to 21, wherein the processor executes the computer program to realize pushing the installation package on the second electronic device side to the second electronic device for installation, and the method comprises the following steps:

23. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the method of any one of claims 8-9 when executing the computer program or the processor implements the method of any one of claims 10-14 when executing the computer program.

24. A computer-readable storage medium, in which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1-7, or which, when being executed by a processor, carries out the method of any one of claims 8-9, or which, when being executed by a processor, carries out the method of any one of claims 10-14.