Interface display method and device

Abstract

The invention discloses an interface display method and device, and the method comprises the steps: obtaining an initial card template corresponding to a service card under the condition that the card interface content information of the service card sent by a second device is obtained; obtaining a target card interface based on the initial card template and key information in the card interface content information; and displaying the target card interface on a display interface of the first equipment. The card interface of the second device does not need to be displayed on the interface of the projection screen software of the first device, but is directly displayed on the display interface of the first device, and the interface display efficiency can be improved.

Description

Technical Field

[0001] The present application relates to the technical field of interface display, and in particular to an interface display method and device. Background Art

[0002] With the development of intelligent in-vehicle systems, users' demands in the car are becoming increasingly diversified, such as displaying music playback, navigation maps, express delivery, takeaway cards, etc. on the car screen, so that these commonly used information can be displayed intuitively to users. At present, users can use screen projection software to display mobile phone cards on the car terminal. However, the existing technology needs to rely on screen projection software to display cards on the car terminal, and users need to open the screen projection software to project the screen, resulting in low efficiency of interface display.

[0003] That is, the efficiency of interface display in the prior art is low. Summary of the invention

[0004] The embodiments of the present application provide an interface display method and device, which can improve the efficiency of interface display.

[0005] In a first aspect, the interface display method provided by the present application is applied to a first device, including:

[0006] When the card interface content information of the service card issued by the second device is obtained, an initial card template corresponding to the service card is obtained;

[0007] Based on the initial card template and key information in the card interface content information, a target card interface is obtained;

[0008] The target card interface is displayed on the display interface of the first device.

[0009] In a second aspect, the interface display method provided by the present application is applied to a second device, including:

[0010] Detecting whether the second device displays a service card;

[0011] If the second device displays a service card, obtaining interface content information of the service card;

[0012] The interface content information of the service card is sent to the first device, wherein the interface content information is used to instruct the first device to obtain an initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, a target card interface is obtained; and the target card interface is displayed on the display interface of the first device.

[0013] In a third aspect, the interface display device provided by the present application includes:

[0014] an acquisition module, configured to acquire an initial card template corresponding to the service card when the card interface content information of the service card issued by the second device is acquired;

[0015] An interface determination module, used to obtain a target card interface based on the initial card template and key information in the card interface content information;

[0016] The display module is used to display the target card interface on the display interface of the first device.

[0017] In a fourth aspect, the interface display device provided by the present application includes:

[0018] A detection module, used to detect whether the second device displays a service card;

[0019] an acquisition module, configured to acquire interface content information of a service card if the second device displays the service card;

[0020] A sending module, used to send the interface content information of the service card to the first device, wherein the interface content information is used to instruct the first device to obtain an initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, obtain a target card interface; and display the target card interface on the display interface of the first device.

[0021] In the fifth aspect, the electronic device provided in the present application includes a memory and a processor, the memory stores a computer program, and the processor is used to run the computer program in the memory to implement the steps in the interface display method of the first aspect or the steps in the interface display method of the second aspect provided in the present application.

[0022] In a sixth aspect, the computer-readable storage medium provided in the present application stores a plurality of instructions, which are suitable for loading by a processor to implement the steps in the interface display method of the first aspect or the steps in the interface display method of the second aspect provided in the present application.

[0023] In the seventh aspect, the computer program product provided in the present application includes a computer program or instructions, which, when executed by a processor, implements the steps in the interface display method of the first aspect or the steps in the interface display method of the second aspect provided in the present application.

[0024] In the present application, compared with the related art, when the card interface content information of the service card is obtained, the initial card template corresponding to the service card is called, and the target card interface is obtained according to the key information on the initial card template and the card interface content information, and then the target card interface is displayed. There is no need to display the card interface of the second device on the interface of the projection software of the first device, but it is directly displayed on the display interface of the first device, which can improve the efficiency of interface display. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0026] Figure 1 is a scene schematic diagram of the interface display system provided in an embodiment of the present application;

[0027] Figure 2 It is a flowchart of a first embodiment of the interface display method provided in the embodiment of the present application;

[0028] Figure 3 It is a flowchart of a second embodiment of the interface display method provided in the embodiment of the present application;

[0029] Figure 4 is a schematic diagram of an interface of a second device in the interface display method provided in an embodiment of the present application;

[0030] Figure 5 is another schematic diagram of the interface of the second device in the interface display method provided in an embodiment of the present application;

[0031] Figure 6 is a schematic diagram of an initial card template in the interface display method provided in an embodiment of the present application;

[0032] Figure 7 is a schematic diagram of a target card interface in the interface display method provided in an embodiment of the present application;

[0033] Figure 8 It is a schematic diagram of a card interface displayed on a display interface of a first device in the interface display method provided in an embodiment of the present application;

[0034] Fig. 9 is a schematic diagram of two card interfaces displayed on a display interface of a first device in an interface display method provided in an embodiment of the present application;

[0035] Fig.10It is a flowchart of a third embodiment of the interface display method provided in the embodiment of the present application;

[0036] Fig.11 is a schematic diagram of the structure of an embodiment of the interface display device provided in the embodiment of the present application;

[0037] Fig.12 is a schematic diagram of the structure of another embodiment of the interface display device provided in the embodiment of the present application;

[0038] Fig.13 It is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0039] It should be noted that the principles of the present application are illustrated by implementing them in an appropriate computing environment. The following description is based on the illustrated specific embodiments of the present application and should not be considered as limiting other specific embodiments of the present application that are not described in detail herein.

[0040] In the following description of the present application, reference is made to “some embodiments”, which describe a subset of all possible embodiments, but it can be understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.

[0041] In the following description of the present application, the terms "first\second\third" involved are merely used to distinguish similar objects and do not represent a specific ordering of the objects. It can be understood that "first\second\third" can be interchanged with a specific order or sequence where permitted, so that the embodiments of the present application described here can be implemented in an order other than that illustrated or described here.

[0042] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.

[0043] In order to improve the effect of interface display, the embodiments of the present application provide an interface display method, an interface display device, an electronic device, a computer-readable storage medium, and a computer program product. The interface display method can be executed by the interface display device, or by an electronic device integrated with the interface display device.

[0044] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative work are within the scope of protection of this application.

[0045] Please refer to Figure 1 , the present application also provides an interface display system, such as Figure 1 As shown, the interface display system includes a first electronic device 100 and a second electronic device 200. The first electronic device 100 is integrated with the interface display device provided in the present application, and the second electronic device 200 is integrated with the interface display device provided in the present application.

[0046] Among them, the first electronic device 100 can be any device equipped with a processor and has processing capabilities, such as mobile electronic devices with processors such as smart phones, tablet computers, PDAs, laptops, smart speakers, or fixed electronic devices with processors such as desktop computers, televisions, servers, industrial equipment, etc.

[0047] Among them, the second electronic device 200 can be any device equipped with a processor and has processing capabilities, such as mobile electronic devices with processors such as smart phones, tablet computers, PDAs, laptops, smart speakers, or fixed electronic devices with processors such as desktop computers, televisions, servers, industrial equipment, etc.

[0048] In a specific embodiment, the first electronic device 100 is a vehicle-mounted terminal, and the second electronic device 200 is a mobile terminal. In another specific embodiment, the first electronic device 100 is a desktop computer, and the second electronic device 200 is a mobile terminal. In yet another specific embodiment, the first electronic device 100 is a television, and the second electronic device 200 is a mobile terminal.

[0049] In addition, the interface display system may also include a memory for storing original data, intermediate data, and result data.

[0050] In the embodiment of the present application, the memory may be a cloud memory. Cloud storage is a new concept extended and developed from the concept of cloud computing. A distributed cloud storage system (hereinafter referred to as the storage system) refers to a storage system that uses cluster applications, grid technology, and distributed storage file systems to bring together a large number of storage devices of various types (storage devices are also called storage nodes) in the network through application software or application interfaces to work together and provide external data storage and business access functions.

[0051] At present, the storage method of the storage system is: create a logical volume, and when creating a logical volume, allocate physical storage space for each logical volume. The physical storage space may be composed of disks of a storage device or several storage devices. The client stores data on a logical volume, that is, stores the data on the file system. The file system divides the data into many parts, each of which is an object. The object contains not only data but also additional information such as data identification (ID, ID entity). The file system writes each object into the physical storage space of the logical volume, and the file system records the storage location information of each object, so that when the client requests to access the data, the file system can allow the client to access the data according to the storage location information of each object.

[0052] The process of the storage system allocating physical storage space to a logical volume is as follows: based on the estimated capacity of the objects stored in the logical volume (this estimate often has a large margin relative to the actual capacity of the objects to be stored) and the grouping of independent redundant disk arrays (RAID, Redundant Array of Independent Disks), the physical storage space is pre-divided into stripes. A logical volume can be understood as a stripe, thereby allocating physical storage space to the logical volume.

[0053] It should be noted that Figure 1 The scene diagram of the interface display system shown is merely an example. The interface display system and scene described in the embodiment of the present application are intended to more clearly illustrate the technical solution of the embodiment of the present application, and do not constitute a limitation on the technical solution provided in the embodiment of the present application. A person of ordinary skill in the art can appreciate that with the evolution of the interface display system and the emergence of new business scenarios, the technical solution provided in the embodiment of the present application is equally applicable to similar technical problems.

[0054] It should be noted that the serial numbers of the following embodiments are not intended to limit the preferred order of the embodiments.

[0055] Please refer to Figure 2 , Figure 2 is a flow chart of the first embodiment of the interface display method provided in the embodiment of the present application, such as Figure 2 As shown, the process of the interface display method provided by this application is as follows:

[0056] 201. When card interface content information of a service card sent by a second device is obtained, an initial card template corresponding to the service card is obtained.

[0057] Among them, service cards are a form of interface display that places important information or operations of the application in front of the card to achieve direct service access and reduce the level of experience. Cards are often embedded in other applications as part of their interface and support basic interactive functions such as pulling up pages and sending messages. For example, when map application A is running in the background, service card A corresponding to map application A is displayed on the second device, and users can operate service card A to implement some functions of map application A.

[0058] Among them, the service card can be a navigation card, a play card, a courier card, a takeaway card, etc.

[0059] In a specific embodiment, an initial card template corresponding to each service card is preset. The initial card template includes at least one field display area. For example, the host application corresponding to service card A is map application A, and the initial card template corresponding to service card A is initial card template A; the host application corresponding to service card C is map application C, and the initial card template corresponding to service card C is initial card template C.

[0060] Since the display contents of similar applications are relatively similar, in order to reduce the number of templates, in a specific embodiment, when the card interface content information of the service card issued by the second device is obtained, the initial card template corresponding to the service card is obtained, including: when the card interface content information of the service card issued by the second device is obtained, the application type of the host application corresponding to the service card is obtained, and the initial card template is determined according to the application type of the host application corresponding to the service card. Among them, host applications of the same application type have the same initial card template, and host applications of different application types have different initial card templates. For example, the host application corresponding to service card A is map application A, and the initial card template corresponding to service card A is initial card template A; the host application corresponding to service card C is map application C, and map application A and map application C belong to the same map application, then the initial card template corresponding to service card C is initial card template A.

[0061] 202. Obtain a target card interface based on the initial card template and key information in the card interface content information.

[0062] In the embodiment of the present application, based on the initial card template and key information in the card interface content information, the target card interface is obtained, including:

[0063] (1) Parse the card interface content information to obtain key information in the card interface content information.

[0064] The key information includes at least one field or symbol information. The symbol can be a text symbol, a graphic symbol, or a picture itself.

[0065] In a specific embodiment, the application corresponding to the service card A is a map application A, and the card interface content information includes multiple fields or symbol information. The field types of the field or symbol information can be: navigation status, main indicator icon, navigation distance, distance unit, navigation action, navigation destination, first title, second title, etc. Among them, the navigation status indicates whether it is in the navigation state; the main indicator icon indicates the navigation direction, for example, the main indicator icon is an icon such as turn left and go straight.

[0066] For example, the interface content information is as follows:

[0067] directionIcon: turn right icon

[0068] Distance:36

[0069] distanceUnit:meter

[0070] operation entry

[0071] where xx street.

[0072] By parsing the interface content information, 5 fields or symbol information are obtained: the field or symbol information is "right turn icon", and the field type is main indicator icon; the field or symbol information is "36", and the field type is navigation distance; the field or symbol information is "meter", and the field type is distance unit; the field or symbol information is "enter", and the field type is navigation action; the field or symbol information is "xx street", and the field type is navigation destination.

[0073] (2) Obtaining a target card interface based on an initial card template and at least one field or symbol information.

[0074] In an embodiment of the present application, a target card interface is obtained based on an initial card template and at least one field or symbol information, including: rendering at least one field or symbol information to the initial card template to obtain the target card interface.

[0075] In a specific embodiment, at least one field or symbol information is rendered to the initial card template based on preset rendering parameters to obtain the target card interface. The preset rendering parameters may include the color, size, etc. of the rendering object, which can be set according to the specific situation.

[0076] Specifically, a code corresponding to at least one field or symbol information is obtained, a code corresponding to a preset rendering parameter is obtained, a code corresponding to an initial card template is obtained, and the code corresponding to at least one field or symbol information and the code corresponding to the preset rendering parameter are input into a graphics processor for rendering to obtain a target card interface. A graphics processor (GPU), also known as a display core, a visual processor, or a display chip, is a microprocessor that is specialized in performing image and graphics related operations on personal computers, workstations, game consoles, and some mobile devices (such as tablets, smart phones, etc.).

[0077] In another specific embodiment, the preset rendering parameters corresponding to the field or symbol information are obtained, and the corresponding fields or symbol information are rendered to the initial card template according to the preset rendering parameters corresponding to each field or symbol information to obtain the target card interface. Among them, the preset rendering parameters corresponding to different fields or symbol information are pre-set and are not limited here. Different fields or symbol information use different preset rendering parameters to improve the recognition of the interface. For example, the key information includes two fields or symbol information, namely "36" and "xx Street", and the preset rendering parameters corresponding to "36" are: font size is size 4, font color is white; the preset rendering parameters corresponding to "xx Street" are: font size is size 3, font color is blue.

[0078] 203. Display the target card interface on the display interface of the first device.

[0079] Among them, the first device is a vehicle-mounted terminal, the display interface of the first device can be the display interface of the vehicle's central control display screen, and the display interface of the first device can also be the display interface of the head-up display. Head-up display, referred to as HUD, is also called a head-up display system, which refers to a blind-operated, multi-functional instrument panel centered on the vehicle driver. Its function is to project important driving information such as speed and navigation onto the windshield in front of the driver, so that the driver can see important driving information such as speed and navigation without lowering his head or turning his head as much as possible.

[0080] In a specific embodiment, the target card interface is displayed in full screen on the display interface of the first device, so that the service card on the second device can be displayed in full screen on the display interface of the first device.

[0081] In another specific embodiment, it is determined whether a card interface is displayed on the display interface; if a card interface is displayed on the display interface, the card interface displayed on the display interface and the target card interface are displayed on the display interface in a predetermined layout. The predetermined layout can be a horizontal arrangement, a vertical arrangement, or a table arrangement, which can be set according to the specific situation. Each card interface is displayed on the display interface in sequence, so that the user can start the host application corresponding to the card interface.

[0082] Further, when an instruction from the user to open the target card interface is detected, the host application corresponding to the target card interface on the first device is pulled up and displayed in full screen on the display interface of the first device.

[0083] Please refer to Figure 3 , Figure 3 is a flow chart of a second embodiment of the interface display method provided in the embodiment of the present application, such as Figure 3 As shown, the process of the interface display method provided by this application is as follows:

[0084] 301. Establish a connection with a second device based on a preset vehicle connection protocol.

[0085] Specifically, the preset vehicle connection protocol is the carlink vehicle connection protocol. Of course, in other embodiments, the preset vehicle connection protocol may also be other vehicle connection protocols, such as the CarPlay vehicle connection protocol, the HiCar vehicle connection protocol, etc., which can be set according to the specific situation and is not limited here.

[0086] 302. Obtain card interface content information of a service card issued by a second device based on a preset vehicle connection protocol at a preset period.

[0087] The preset period may be 10s, 20s, etc., and may be set according to the specific situation.

[0088] Specifically, the second device detects whether the second device displays a service card. If the second device displays a service card, the second device obtains the interface content information of the service card. If the second device displays multiple service cards, the second device obtains the interface content information of each service card respectively. The first device sends a request to obtain the card interface content information based on the preset vehicle connection protocol at a preset period, and the second device returns the card interface content information according to the request to obtain the card interface content information, and the first device obtains the card interface content information of the service card sent by the second device.

[0089] like Figure 4 As shown, in a specific embodiment, a service card, namely, navigation card A, is displayed on the display interface of the second device.

[0090] like Figure 5As shown, in another specific embodiment, two service cards are displayed on the display interface of the second device, namely, navigation card A and play card B, and navigation card A and play card B are arranged in sequence on the display interface of the second device. Of course, in other embodiments, the display interface of the second device can display more service cards.

[0091] 303. Obtain an initial card template corresponding to the service card.

[0092] In an embodiment of the present application, when the card interface content information of the service card issued by the second device is obtained, the initial card template corresponding to the service card is obtained. The initial card template includes at least one field display area. The position and field type of each field display area on the initial card template are preset. When the card interface content information of multiple service cards issued by the second device is obtained, the initial card template corresponding to each service card is obtained respectively.

[0093] In a specific embodiment, when the card interface content information of the service card sent by the second device is obtained, the application type of the host application corresponding to the service card is obtained, and the initial card template is determined according to the application type of the host application corresponding to the service card. Among them, host applications of the same application type have the same initial card template, and host applications of different application types have different initial card templates. For example, the host application corresponding to service card A is map application A, and the initial card template corresponding to service card A is initial card template A; the host application corresponding to service card C is map application C, and map application A and map application C belong to the same map application, then the initial card template corresponding to service card C is initial card template A.

[0094] like Figure 6 As shown, the initial card template of the navigation card A includes 5 field display areas, and the field types of the 5 field display areas can be pre-marked. For example, the 5 field display areas are respectively the first field display area 61, the second field display area 62, the third field display area 63, the fourth field display area 64, and the fifth field display area 65. The field types of the first field display area 61, the second field display area 62, the third field display area 63, the fourth field display area 64, and the fifth field display area 65 are respectively: main indicator icon, navigation distance, distance unit, navigation action, and navigation destination. The first field display area 61, the second field display area 62, the third field display area 63, the fourth field display area 64, and the fifth field display area 65 are respectively used to display the field or symbol information of the corresponding field type.

[0095] 304. Parse the card interface content information to obtain at least one field or symbol information in the card interface content information.

[0096] In the embodiment of the present application, if the card interface content information of multiple service cards is obtained, the card interface content information of each service card is parsed respectively to obtain at least one field or symbol information in each card interface content information.

[0097] In a specific embodiment, the application corresponding to the service card is a map application A, and the card interface content information includes multiple fields or symbol information. The field types of the field or symbol information can be: navigation status, main indicator icon, navigation distance, distance unit, navigation action, navigation destination, first title, second title, etc. Among them, the navigation status indicates whether it is in the navigation state; the main indicator icon indicates the navigation direction, for example, the main indicator icon is an icon such as turn left and go straight.

[0098] Specifically, the second device assembles the interface content information of the service card into the following format based on the preset vehicle connection protocol:

[0099] message NotifyNavigationInfo{

[0100] boolean isNavigating = 1;

[0101] byte[]directionIcon = 2;

[0102] string distance = 3;

[0103] string distanceUnit = 4;

[0104] string operation=5;

[0105] string where=6;

[0106] string title1 = 7;

[0107] string title2 = 8;

[0108] }.

[0109] Among them, boolean isNavigating indicates that the field type is navigation status, 1 is field or symbol information, indicating that the navigation status is navigating; byte[]directionIcon indicates the main indication icon; string distance indicates navigation distance; string distanceUnit indicates distance unit; string operation indicates navigation action; stringwhere indicates navigation destination; string title1 indicates the first title; string title2 indicates the second title.

[0110] For example, the interface content information of navigation card A is as follows:

[0111] directionIcon: turn right icon

[0112] Distance:36

[0113] distanceUnit:meter

[0114] operation entry

[0115] where xx street.

[0116] By parsing the interface content information of navigation card A, 5 fields or symbol information are obtained: the field or symbol information is "right turn icon", and the field type is main indicator icon; the field or symbol information is "36", and the field type is navigation distance; the field or symbol information is "meter", and the field type is distance unit; the field or symbol information is "enter", and the field type is navigation action; the field or symbol information is "xx street", and the field type is navigation destination.

[0117] In another specific embodiment, the application corresponding to the service card is a playback application B, and the card interface content information includes multiple fields or symbol information. The field types of the fields or symbol information can be: artist, album name, cover, lyrics, total playback time, title, guide information, lyricist, composer, and current playback progress.

[0118] Specifically, the second device assembles the interface content information of the service card into the following format based on the preset vehicle connection protocol:

[0119] message NotifyMusicInfo{

[0120] string artist_name = 1;

[0121] string album_name = 2;

[0122] string cover_art = 3;

[0123] string lyrics = 4;

[0124] uint64 playing_times_ms = 5;

[0125] string title = 6;

[0126] string author_name = 7;

[0127] string writer_name = 8;

[0128] string composer_name = 9;

[0129] int32 playing_current_time_ms = 10;

[0130] Among them, string artist_name indicates that the field type is artist, and 1 is the field or symbol information; string album_name indicates that the field type is album name; string cover_art indicates that the field type is cover; string lyrics indicates that the field type is lyrics; uint64 playing_times_ms indicates that the field type is total playing time; string title indicates that the field type is title; string author_name indicates that the field type is guiding information; string writer_name indicates that the field type is lyricist; string composer_name indicates that the field type is composer; int32 playing_current_time_ms indicates that the field type is current playing progress.

[0131] For example, the interface content information of playing card B is as follows:

[0132] string artist_name: XX Yi

[0133] string title: Melancholy Away.

[0134] By parsing the interface content information of navigation card A, two field or symbol information are obtained respectively: the field or symbol information is "XX Yi", and the field type is artist; the field or symbol information is "Melancholy Away", and the field type is title.

[0135] The meaning of the above fields is an optional form of protocol agreement. In other protocols for vehicle-computer interaction, other characters, graphics and other elements may be used to express the same meaning as the examples provided in the embodiments of the present application. For example, expressing the various fields or character information of the present application in other expressions such as German and French is also within the scope of protection of the present application.

[0136] 305. Obtain the field type of each field or symbol information and the field type of each field display area on the initial card template.

[0137] In a specific embodiment, the card interface content information is parsed to obtain the field type of each field or symbol information. The field type of each field display area is pre-stored, and the field type of each field display area on the initial card template can be obtained by reading it here.

[0138] 306. Determine each field or symbol information as a target field or symbol information, render the target field or symbol information into a field display area having the same field type as the target field or symbol information, and obtain a target card interface.

[0139] In a specific embodiment, at least one field or symbol information is rendered to an initial card template based on preset rendering parameters to obtain a target card interface.

[0140] In another specific embodiment, the preset rendering parameters corresponding to the field or symbol information are obtained, and the corresponding field or symbol information is rendered to the initial card template according to the preset rendering parameters corresponding to each field or symbol information to obtain the target card interface. Each field or symbol information is placed in its designated display area to improve the neatness of the interface.

[0141] Combination Figure 6 and Figure 7 , determine each field or symbol information as the target field or symbol information, render the target field or symbol information into the field display area with the same field type as the target field or symbol information, and obtain the target card interface, that is, the card interface of navigation card A on the first device.

[0142] For example, the field types of the first field display area 61, the second field display area 62, the third field display area 63, the fourth field display area 64, and the fifth field display area 65 are respectively: main indicator icon, navigation distance, distance unit, navigation action, and navigation destination. The first field display area 61 displays "right turn icon", the second field display area 62 displays "36", the third field display area 63 displays "meters", the fourth field display area 64 displays "enter", and the fifth field display area 65 displays "xx street", and the card interface of navigation card A on the first device is obtained.

[0143] 307. Display the target card interface on the display interface of the first device.

[0144] In a specific embodiment, the target card interface is displayed in full screen on the display interface of the first device, so that the service card on the second device can be displayed in full screen on the display interface of the first device.

[0145] In another specific embodiment, if the card interface is not displayed on the display interface, the card interface is displayed in full screen on the display interface of the first device. If the card interface is displayed on the display interface, the card face displayed on the display interface and the target card interface are displayed on the display interface of the first device in a predetermined layout. The preset layout can be arranged vertically in sequence or in a table format.

[0146] In another specific embodiment, if the card interface is not displayed on the display interface, the card interface is displayed at a preset card position on the display interface. Wherein, a plurality of preset card positions are provided on the display interface of the first device, and the card interface is displayed at one of the preset card positions on the display interface of the first device. If a card interface is displayed on the display interface, the card face displayed on the display interface of the first device and the target card interface are displayed on the display interface of the first device in a predetermined layout. Wherein, the preset layout can be arranged in sequence vertically or in a table format.

[0147] like Figure 8 As shown, a plurality of preset card positions are provided on the display interface of the first device, and if no card interface is displayed on the display interface, the card interface is displayed on one of the preset card positions on the display interface of the first device. For example, the card interface of navigation card A on the first device is displayed on the first preset card position on the display interface.

[0148] like Fig. 9 As shown, if the card interface of the play card B is displayed on the display interface, the card interface displayed on the display interface and the target card interface are displayed on the display interface of the first device in a predetermined layout. For example, the card interface of the navigation card A on the first device and the card interface of the play card B on the first device are arranged in sequence horizontally.

[0149] Please refer to Fig.10 , Fig.10 is a flow chart of a third embodiment of the interface display method provided in the embodiment of the present application, such as Fig.10 As shown, the process of the interface display method provided by this application is as follows:

[0150] 401. Detect whether a service card is displayed on the second device.

[0151] Specifically, if there is a service card on the display interface of the second device, it means that the second device displays a service card.

[0152] 402. If the second device displays a service card, obtain interface content information of the service card.

[0153] In the embodiment of the present application, if the second device displays a service card, the interface content information of the service card is obtained.

[0154] In a specific embodiment, obtaining the interface content information of the service card may include: calling the interface content information from the host application corresponding to the service card. In this way, the interface content information can be accurately obtained.

[0155] Since it may be impossible to call the interface content information from the host application corresponding to the service card, in order to avoid the situation where the service card cannot be displayed due to the call failure, in another specific embodiment, obtaining the interface content information of the service card may include:

[0156] (1) Obtain the card image of the service card.

[0157] (2) Performing image detection on the card image to obtain multiple fields or symbol information on the card image and the field type of each field or symbol information.

[0158] In a specific implementation, the card image is input into a pre-trained image detection model for image detection to obtain multiple fields or symbol information on the card image and the field type of each field or symbol information. Specifically, the image detection model can be trained by a labeled training set, which includes multiple card image samples and each field or symbol information on the card image samples and the corresponding field type.

[0159] In another specific implementation, the card image is input into a pre-trained image detection model for image detection, and multiple fields or symbol information and bounding boxes of each field or symbol information on the card image are obtained. The field type is determined according to the position of the bounding box of each field or symbol information. Specifically, the reference card template is determined according to the type of the host application, wherein the reference card template is annotated with multiple field reference boxes, and different field reference boxes correspond to different field types. The intersection-and-union ratio between the bounding box of the field or symbol information and each field reference box on the reference card template is calculated, and the field type of the field reference box whose intersection-and-union ratio with the field or symbol information is less than a preset value is determined as the field type of the field or symbol information. The preset value can be set according to the specific situation. Specifically, the image detection model can be obtained by training with a well-annotated annotation training set, and the annotation training set includes multiple card image samples and the field or symbol information of each field on the card image sample. Among them, the intersection-and-union ratio (IoU) is the ratio of the intersection and union of two bounding boxes.

[0160] (3) Determine the multiple fields or symbol information on the card image and the field type of each field or symbol information as interface content information.

[0161] 403. Send the interface content information of the service card to the first device.

[0162] Specifically, the interface content information of the service card is sent to the first device based on the preset vehicle connection protocol.

[0163] In order to facilitate better implementation of the interface display method provided in the embodiment of the present application, the embodiment of the present application also provides an interface display device based on the above interface display method. The meanings of the terms are the same as those in the above interface display method. For specific implementation details, please refer to the description in the above method embodiment.

[0164] Please refer to Fig.11 , Fig.11 This is a schematic diagram of the structure of an interface display device provided in an embodiment of the present application. The interface display device may include an acquisition module 701, an interface determination module 702, and a display module 703, wherein:

[0165] The acquisition module 701 is used to acquire an initial card template corresponding to the service card when the card interface content information of the service card sent by the second device is acquired;

[0166] The interface determination module 702 is used to obtain the target card interface based on the initial card template and key information in the card interface content information;

[0167] The display module 703 is used to display the target card interface on the display interface of the first device.

[0168] In order to facilitate better implementation of the interface display method provided in the embodiment of the present application, the embodiment of the present application also provides an interface display device based on the above interface display method. The meanings of the terms are the same as those in the above interface display method. For specific implementation details, please refer to the description in the above method embodiment.

[0169] Please refer to Fig.12 , Fig.12 This is a schematic diagram of the structure of an interface display device provided in an embodiment of the present application. The interface display device may include a detection module 801, an acquisition module 802, and a sending module 803, wherein:

[0170] A detection module 801 is used to detect whether a service card is displayed on the second device;

[0171] The acquisition module 802 is used to acquire interface content information of the service card if the second device displays a service card;

[0172] The sending module 803 is used to send the interface content information of the service card to the first device, wherein the interface content information is used to instruct the first device to obtain the initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, obtain the target card interface; and display the target card interface on the display interface of the first device.

[0173] An embodiment of the present application also provides an electronic device, including a memory and a processor, wherein the processor is used to execute the steps in the interface display method provided in this embodiment by calling a computer program stored in the memory.

[0174] Please refer to Fig.13 , Fig.13 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. Fig.13 The electronic device may be a first device or a second device.

[0175] The electronic device may include components such as a processor 101 with one or more processing cores, a memory 102 with one or more computer-readable storage media, a power supply 103, and an input unit 104. Those skilled in the art will appreciate that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently. Among them:

[0176] The processor 101 is the control center of the electronic device, which uses various interfaces and lines to connect various parts of the entire electronic device, and executes various functions of the electronic device and processes data by running or executing software programs and / or modules stored in the memory 102, and calling data stored in the memory 102. Optionally, the processor 101 may include one or more processing cores; optionally, the processor 101 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into the processor 101.

[0177] The memory 102 can be used to store software programs and modules. The processor 101 executes various functional applications and data processing by running the software programs and modules stored in the memory 102. The memory 102 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area may store data created according to the use of the electronic device, etc. In addition, the memory 102 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices. Accordingly, the memory 102 may also include a memory controller to provide the processor 101 with access to the memory 102.

[0178] The electronic device also includes a power supply 103 for supplying power to each component. Optionally, the power supply 103 can be logically connected to the processor 101 through a power management system, so as to manage charging, discharging, and power consumption through the power management system. The power supply 103 can also include one or more DC or AC power supplies, recharging systems, power failure detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0179] The electronic device may further include an input unit 104, which may be used to receive input digital or character information and generate keyboard, mouse, joystick, optical or trackball signal input related to user settings and function control.

[0180] Although not shown, the electronic device may also include a display unit, an image acquisition component, etc., which will not be described in detail here. Specifically in this embodiment, the processor 101 in the electronic device will load the executable code corresponding to one or more computer programs into the memory 102 according to the following instructions, and the processor 101 will execute the steps in the interface display method provided in this application, such as:

[0181] When the card interface content information of the service card sent by the second device is obtained, an initial card template corresponding to the service card is obtained;

[0182] Based on the initial card template and key information in the card interface content information, a target card interface is obtained;

[0183] Displaying the target card interface on the display interface of the first device;

[0184] Alternatively, detecting whether the second device displays a service card;

[0185] If the second device displays a service card, obtaining interface content information of the service card;

[0186] The interface content information of the service card is sent to the first device, wherein the interface content information is used to instruct the first device to obtain an initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, a target card interface is obtained; and the target card interface is displayed on the display interface of the first device.

[0187] It should be noted that the electronic device provided in the embodiment of the present application and the interface display method in the above embodiment belong to the same concept, and its specific implementation process is detailed in the above related embodiments and will not be repeated here.

[0188] The present application also provides a computer-readable storage medium on which a computer program is stored. When the computer program stored therein is executed on a processor of an electronic device provided in an embodiment of the present application, the processor of the electronic device executes the steps in the interface display method provided in the present application. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM), etc.

[0189] The present application also provides a computer program product or a computer program, which includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes various optional implementations of the above-mentioned interface display method.

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

[0191] It should be noted that when the above embodiments of the present application are applied to specific products or technologies, the relevant data of the user is involved, and the user's permission or consent is required, and the collection, use and processing of the relevant data must comply with the relevant laws, regulations and standards of the relevant countries and regions.

Claims

1. An interface display method, characterized in that: Applied to a first device, comprising: When the card interface content information of the service card issued by the second device is obtained, an initial card template corresponding to the service card is obtained; Based on the initial card template and key information in the card interface content information, a target card interface is obtained; The target card interface is displayed on the display interface of the first device.

2. The interface display method according to claim 1, characterized in that: The obtaining of the target card interface based on the initial card template and key information in the card interface content information includes: Parsing the card interface content information to obtain key information in the card interface content information, wherein the key information includes at least one field or symbol information; The target card interface is obtained based on the initial card template and the at least one field or symbol information.

3. The interface display method according to claim 2, characterized in that: The obtaining of the target card interface based on the initial card template and the at least one field or symbol information comprises: The at least one field or symbol information is rendered to the initial card template to obtain a target card interface.

4. The interface display method according to claim 3, characterized in that: The initial card template includes at least one field display area, and rendering the at least one field or symbol information to the initial card template to obtain a target card interface includes: Acquire the field type of each of the fields or symbol information and the field type of each of the field display areas on the initial card template; Each of the fields or symbol information is determined as a target field or symbol information, and the target field or symbol information is rendered into a field display area having the same field type as the target field or symbol information to obtain the target card interface.

5. The interface display method according to claim 1, characterized in that: Before acquiring the initial card template corresponding to the service card in the case where the card interface content information of the service card issued by the second device is acquired, the method includes: Establishing a connection with the second device based on a preset vehicle connection protocol; The card interface content information of the service card issued by the second device is obtained based on a preset vehicle connection protocol at a preset period.

6. The interface display method according to claim 1, characterized in that: The step of displaying the target card interface on a display interface of the first device includes: Determining whether a card interface is displayed on the display interface; If a card interface is displayed on the display interface, the card interface displayed on the display interface and the target card interface are displayed on the display interface in a predetermined layout.

7. An interface display method, characterized in that: Applied to the second device, comprising: Detecting whether a service card is displayed on the second device; If the second device displays a service card, obtaining interface content information of the service card; The interface content information of the service card is sent to the first device, wherein the interface content information is used to instruct the first device to obtain an initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, a target card interface is obtained; and the target card interface is displayed on the display interface of the first device.

8. The interface display method according to claim 7, characterized in that: The obtaining of the interface content information of the service card includes: The interface content information is called from a host application corresponding to the service card.

9. The interface display method according to claim 7, characterized in that: The obtaining of the interface content information of the service card includes: Acquire a card image of the service card; Performing image detection on the card image to obtain a plurality of fields or symbol information on the card image and a field type of each of the fields or symbol information; The multiple fields or symbol information on the card image and the field type of each of the fields or symbol information are determined as the interface content information.

10. The interface display method according to claim 7, characterized in that: The sending the interface content information of the service card to the first device includes: The interface content information of the service card is sent to the first device based on a preset vehicle connection protocol.

11. An interface display device, characterized in that: include: an acquisition module, configured to acquire an initial card template corresponding to the service card when the card interface content information of the service card issued by the second device is acquired; An interface determination module, used to obtain a target card interface based on the initial card template and key information in the card interface content information; The display module is used to display the target card interface on the display interface of the first device.

12. An interface display device, characterized in that: include: A detection module, used to detect whether the second device displays a service card; an acquisition module, configured to acquire interface content information of a service card if the second device displays the service card; A sending module, used to send the interface content information of the service card to the first device, wherein the interface content information is used to instruct the first device to obtain an initial card template corresponding to the service card; based on the initial card template and key information in the card interface content information, obtain a target card interface; and display the target card interface on the display interface of the first device.

13. An electronic device, characterized in that: It includes a memory and a processor, the memory stores a computer program, and the processor is used to run the computer program in the memory to execute the steps in the interface display method described in any one of claims 1 to 6 or the steps in the interface display method described in any one of claims 7 to 10.

14. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor to execute the steps in the interface display method described in any one of claims 1 to 6 or the steps in the interface display method described in any one of claims 7 to 10.

15. A computer program product comprising a computer program or instructions, characterized in that When the computer program or instruction is executed by a processor, the steps of the interface display method described in any one of claims 1 to 6 or the steps of the interface display method described in any one of claims 7 to 10 are implemented.

Images