Screen card editing method and vehicle
By setting up a data canvas on the remote screen that is not constrained by a grid, users can freely adjust and scale cards on the central control screen. This solves the problem of rigid layout in the remote screen card management system, enables flexible control of card position and size and repeated addition, and improves the user experience.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-12-31
- Publication Date
- 2026-04-21
AI Technical Summary
The existing remote screen card management system has a rigid layout, which cannot meet the personalized and diverse needs of users. The card position and size adjustment is limited, and it is not possible to add the same type of card repeatedly. The operation is cumbersome and affects the user experience.
A data canvas unconstrained by grids is set up on a remote screen, and cards are displayed and adjusted synchronously through a central control screen. Users can drag and scale cards at any position and size, and assign labels and data sources to cards, thus achieving free control over the position, size and content of cards.
It allows for free adjustment of card position and size, supports repeated addition of the same type of card, improves the flexibility of screen layout, meets the diverse and scenario-based usage needs of users, and enhances the user experience.
Smart Images

Figure CN121900678A_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of screen display technology, and more specifically to a method for editing cards on a screen and a vehicle thereof. Background Technology
[0002] Currently, vehicles typically have multiple screens. The screen closest to the driver's seat is the central control screen, while the screen at the front of the center console is called the remote screen, which is farther from the driver's seat.
[0003] Existing remote screen card management systems generally employ preset, fixed layouts and interaction logic. While they can display basic information, the position and size of cards are typically predetermined and fixed due to the constraints of a pre-defined grid on the screen. This results in a rigid layout, preventing users from freely dragging cards to any position on the screen according to personal preferences or current task requirements. Card size adjustment capabilities are limited, either lacking scaling support or only allowing switching between a few fixed sizes. Furthermore, duplicate additions of cards of the same type or function are usually not permitted. Therefore, they have significant shortcomings in terms of personalization, operational flexibility, and user experience optimization, making it difficult to meet the diverse and scenario-based usage needs of users. Summary of the Invention
[0004] In view of the above problems, embodiments of the present invention provide a screen card editing method and vehicle to solve the problem that the screen card layout in the prior art cannot meet the personalized and diversified needs of users.
[0005] According to one aspect of the present invention, a card editing method for a screen is provided. The method is applied to a vehicle, the vehicle including a first screen and a second screen. The method includes: the first screen displaying a first interface, the first interface including N selected cards and M unselected cards, where N and M are both integers greater than or equal to 1; the second screen displaying a second interface, the second interface including N selected cards; in response to a user's adjustment operation on a target card on the first screen, adjusting the corresponding target card on the second screen, the target card being either a card from the N selected cards or a card from the M unselected cards; and displaying the adjusted target card on the second screen.
[0006] According to another aspect of the present invention, a vehicle is provided, comprising a control module, a first screen, and a second screen. The distance between the first screen and the driver's seat is less than the distance between the second screen and the driver's seat. The first screen and the second screen are connected to the control module. The control module includes a processor, a memory, a communication interface, and a communication bus. The processor, the memory, and the communication interface communicate with each other via the communication bus. The memory stores at least one executable instruction, which causes the processor to perform the card editing method of the aforementioned screen.
[0007] The card editing method for a screen provided by this invention involves presenting N selected cards and M unselected cards on a second screen's second interface on a first screen. The user then selects a target card on the first screen (either one of the N selected cards or one of the M unselected cards) and adjusts it. This adjustment affects the corresponding target card on the second screen, which is then displayed. This invention allows for free adjustment of card position and size, while assigning identifiers and data sources to cards. It enables the repeated addition of cards of the same type or function to the screen, giving the user complete control over the card's position, size, and content. This improves the flexibility of screen layout and meets diverse and scenario-based user needs.
[0008] The above description is merely an overview of the technical solutions of the embodiments of the present invention. In order to better understand the technical means of the embodiments of the present invention and to implement them in accordance with the contents of the specification, and to make the above and other objects, features and advantages of the embodiments of the present invention more apparent and understandable, specific embodiments of the present invention are described below. Attached Figure Description
[0009] The accompanying drawings are for illustrative purposes only and are not intended to limit the invention. Furthermore, the same reference numerals denote the same parts throughout the drawings. In the drawings: Figure 1 A schematic diagram illustrating an application scenario provided by the present invention is shown; Figure 2 A flowchart illustrating a first embodiment of the card editing method for a screen provided by the present invention is shown; Figure 3 A flowchart illustrating a second embodiment of the card editing method for a screen provided by the present invention is shown; Figure 4 A schematic diagram of a first interface in a first screen of the card editing method for a screen provided by the present invention is shown; Figure 5(a) shows a first card addition schematic diagram of the card editing method for the screen provided by the present invention; Figure 5(b) shows a second card addition schematic diagram of the screen card editing method provided by the present invention; Figure 5(c) shows a third card addition diagram of the card editing method for the screen provided by the present invention; Figure 6 A schematic diagram of card dragging in the screen card editing method provided by the present invention is shown; Figure 7(a) shows a first card scaling schematic diagram of the card editing method for the screen provided by the present invention; Figure 7(b) shows a second card scaling schematic diagram of the card editing method for the screen provided by the present invention; Figure 7(c) shows a third card scaling schematic diagram of the card editing method for the screen provided by the present invention; Figure 8 A flowchart illustrating a third embodiment of the card editing method for a screen provided by the present invention is shown; Figure 9(a) shows a first card swapping schematic diagram of the card editing method for the screen provided by the present invention; Figure 9(b) shows a second card interchange schematic diagram of the screen card editing method provided by the present invention; Figure 10(a) shows a third card interchange schematic diagram of the card editing method for the screen provided by the present invention; Figure 10(b) shows a fourth card interchange schematic diagram of the screen card editing method provided by the present invention; Figure 10(c) shows a fifth card interchange diagram of the card editing method for the screen provided by the present invention; Figure 11 A schematic diagram illustrating card deletion in the screen card editing method provided by the present invention is shown; Figure 12 A schematic diagram of the overall process of the card editing method for the screen provided by the present invention is shown; Figure 13 A schematic diagram of the hardware structure of the remote screen provided by the present invention is shown. Detailed Implementation
[0010] Exemplary embodiments of the invention will now be described in more detail with reference to the accompanying drawings. Although exemplary embodiments of the invention are shown in the drawings, it should be understood that the invention may be implemented in various forms and should not be limited to the embodiments set forth herein.
[0011] As an optional application scenario of this invention, such as Figure 1 As shown, a first screen 101, serving as the central control screen, is deployed within the vehicle 100, and a second screen 102 is deployed at the front of the central console. Therefore, the distance between the first screen and the driver's seat is less than the distance between the second screen and the driver's seat; that is, the second screen 102 is farther from the driver's position and is thus considered a remote screen. Simultaneously, a control module 103 is also deployed in the vehicle 100 to control the first screen 101 and the second screen 102. Users typically add cards to the screen's display interface. These cards are essentially remote screen basic interaction units, based on independent instances as the underlying logic and a visual interface as the display form. They integrate data carrying, functional interaction, and free editing, and can display dynamic data and trigger corresponding functions.
[0012] Currently, various screens are divided into fixed-size grid slots, such as 10x10, using a grid layout manager, and cards can only be placed in these slots. For central control screens, users can customize the layout; although there are grid limitations, frequently used functions (such as WeChat and camera) can be placed on the home screen, so the pain point is not obvious. However, remote screens mostly have factory-preset layouts. Although cards can be added and deleted, the card layout is relatively fixed and cannot meet users' customization needs.
[0013] Furthermore, when faced with scenario-specific requirements, remote screens often aggregate multiple types of information on a single screen. For example, in a car scenario, users need to simultaneously monitor local weather (departure point), destination weather, and weather at points along the route. Adding duplicate weather cards to the remote screen is prohibited, forcing users to repeatedly switch locations within a single weather card, resulting in cumbersome operation. Due to scenario limitations, if the remote screen retains a fixed size and lacks intuitive zoom controls, users wanting to zoom in on navigation cards to see the route more clearly or zoom out on music cards to save space must navigate through multiple menus, leading to a poor user experience and potentially compromising safety.
[0014] Therefore, embodiments of the present invention provide a card editing method for a screen, which allows for the arbitrary deployment of cards on a remote screen that is not constrained by a grid, and the arbitrary adjustment of the position and size of the cards to meet the personalized needs of users.
[0015] According to an embodiment of the present invention, a method for editing cards on a screen is provided. It should be noted that the steps shown in the flowchart in the accompanying drawings can be executed in a computer system such as a set of computer-executable instructions. Furthermore, although a logical order is shown in the flowchart, in some cases, the steps shown or described may be executed in a different order than that shown here.
[0016] Figure 2 A flowchart illustrating a first embodiment of the card editing method for the screen of the present invention is shown, the method being executed by the aforementioned remote screen. Figure 2 As shown, the method includes the following steps: Step S201: The first screen displays the first interface, and the second screen displays the second interface. The first interface includes N selected cards and M unselected cards, and the second interface includes N selected cards. N and M are both integers greater than or equal to 1.
[0017] Specifically, in this embodiment of the invention, taking the vehicle's central control screen as the first screen and the vehicle's remote screen as the second screen as an example, the central control screen displays the first interface, and the remote screen displays the second interface. Normally, the second interface of the remote screen displays N selected cards. To allow for free adjustment of the cards on the remote screen, a remote screen operation APP is set up in the central control screen. When the user clicks to select the remote screen operation APP, N selected cards and M unselected cards can be displayed simultaneously in the first interface shown on the central control screen, where N and M are both integers greater than or equal to 1. The N selected cards in the first interface and the N selected cards in the second interface of the remote screen have a one-to-one mapping relationship, while the M unselected cards correspond to the card library.
[0018] Step S202: In response to the user's adjustment operation on the target card on the first screen, the corresponding target card on the second screen is adjusted. The target card is either a card from the N selected cards or a card from the M unselected cards.
[0019] Specifically, in this embodiment of the invention, the remote screen is pre-set as a data canvas without a grid. The display interface of the remote screen constructs a coordinate system with pixels as the smallest unit, with the upper left corner of the screen as the origin (0,0) and the lower right corner as the maximum physical resolution of the screen. When the user enters the remote screen by selecting the application entry on the central control screen, the second interface of the remote screen is simultaneously presented on the central control screen, that is, the cards on the remote screen are displayed on the central control screen. The central control screen also provides the user with a card library, which can be pre-categorized according to functional attributes to avoid the user having to filter through a large number of cards. For example, it includes: information display cards, functional interaction cards, multimedia cards, etc., but is not limited to these.
[0020] In some optional implementations, users can select target cards of any type from a card library, such as combined animated GIFs from a photo album. After the user clicks on the target card, a new card immediately appears on the central control screen. Furthermore, if the user adjusts the position or size of any target card on the first screen, it is equivalent to adjusting the position and size of the corresponding target card on the remote screen, and the adjustment is not constrained by the grid. Therefore, if the user adjusts a target card on the central control screen, it can be synchronously mapped to the remote screen, thus enabling free adjustment of cards on the remote screen based on the central control screen.
[0021] Step S203: Display the adjusted target card on the second screen.
[0022] Specifically, in this embodiment of the invention, after the target card on the first screen is added, its position or size is adjusted, the remote screen can display the adjusted target card in real time, thereby realizing the adjustment of the card on the remote screen and meeting the user's personalized needs.
[0023] The card editing method for a screen provided by this invention involves presenting N selected cards and M unselected cards on a second screen's second interface on a first screen. The user then selects a target card on the first screen (either one of the N selected cards or one of the M unselected cards) and adjusts it. This adjustment affects the corresponding target card on the second screen, which is then displayed. This invention allows for free adjustment of card position and size, while assigning identifiers and data sources to cards. It enables the repeated addition of cards of the same type or function to the screen, giving the user complete control over the card's position, size, and content. This improves the flexibility of screen layout and meets diverse and scenario-based user needs.
[0024] Figure 3 A flowchart illustrating a first embodiment of the card editing method for the screen of the present invention is shown, the method being executed by the aforementioned remote screen. Figure 3 As shown, the method includes the following steps: Step S301: The first screen displays the first interface, and the second screen displays the second interface. The first interface includes N selected cards and M cards to be selected, and the second interface includes N selected cards. N and M are both integers greater than or equal to 1. For details, please refer to [link to relevant documentation]. Figure 2 Step S201 of the illustrated embodiment will not be described again here.
[0025] Step S302: In response to the user's adjustment operation on the target card on the first screen, the corresponding target card on the second screen is adjusted. The target card is either a card from the N selected cards or a card from the M unselected cards.
[0026] Specifically, step S302 above includes: Step S3021: When the user selects a target card from the M cards to be selected in the second area, the target card is synchronously deployed to the initial position of the first area and the second screen with the initial size based on the virtual areas pre-divided by the first screen and the second screen.
[0027] Specifically, in this embodiment of the invention, after the central control screen enters the remote screen operation APP, it displays N selected cards in the first area of the first interface, that is, displays the second interface of the remote screen in the first area; simultaneously, it displays M unselected cards in the second area of the first interface, that is, displays the card library in the second area, such as... Figure 4As shown, the card library provides different types of cards pre-set to the same or different initial sizes according to common usage needs, and cards of the same type are not disabled after being added. This embodiment of the invention separates the functional type of a card from its physical instance on the screen, thereby supporting repeated additions and greatly expanding the functional boundaries of the remote screen. Users can create highly integrated and dynamic interfaces, such as simultaneously displaying dynamic memories from multiple travel photo albums.
[0028] To avoid overlap between new target cards and existing preset cards when adding new target cards to the remote screen, the remote screen used in this embodiment of the invention, although not constrained by a grid, pre-plans virtual areas. When adding a new target card, it is first deployed in an empty virtual area, serving as the initial position of the target card on the remote screen. Simultaneously, the first area of the central control screen and the virtual area of the second screen have a one-to-one mapping relationship. By setting the initial size and initial position of the target card, this invention balances the freedom of a gridless layout with an initially ordered layout, thus preserving the flexibility for subsequent personalized adjustments by the user while ensuring smooth initial interaction.
[0029] In some optional implementations, step S3021 above includes: Step a1: Obtain the initial size of the target card and query whether there is a free virtual area in the first region.
[0030] Specifically, in this embodiment of the invention, various types of cards have pre-determined initial sizes that are the same or different, and the initial size is determined based on a virtual region as the basic unit. The virtual region serves as a standardized spatial reference, and its size is determined according to the type, size, and usage scenario of the remote screen. One virtual region is denoted as 1V, and the virtual region units support integer multiples, such as 2V, 3V, etc. Based on this, the initial size of the target card relative to the virtual region is obtained. For example, 1*1 represents the size corresponding to one virtual region, 2*1 represents the size corresponding to two horizontally adjacent virtual regions, and 1*2 represents the size corresponding to two vertically adjacent virtual regions.
[0031] Furthermore, when adding a new target card to the remote screen, the target card is preferentially placed in the blank area of the central control screen. However, in order to initialize layout management, the target card is preferentially placed in the free virtual area. Therefore, in the display interface of the remote screen (i.e., the first area) displayed on the central control screen, checking for the existence of free virtual areas in the order from left to right and then from top to bottom is equivalent to traversing the free areas in the remote screen.
[0032] Step a2: If there is at least one free virtual region, the free virtual regions are traversed in a preset order, and the initial size is compared with the reference size of the traversed free virtual region.
[0033] Specifically, in this embodiment of the invention, if there is at least one free virtual area in the display interface of the remote screen, the free virtual areas are still traversed in the order from left to right and then from top to bottom. When any free virtual area is traversed, as shown in Figure 5(a), the initial size of the target card is compared with the reference size of the free virtual area to determine whether there is a free virtual area that can accommodate the target card.
[0034] Step a3: If the initial size is less than or equal to the reference size, the target card is simultaneously placed in the free virtual area of the first area and the second screen. If the initial size is greater than the reference size, it is determined whether there is an adjacent free virtual area.
[0035] Specifically, in this embodiment of the invention, if the initial size is less than or equal to the reference size, which is usually equal to the reference size, it proves that a free virtual area can accommodate the target card. Therefore, the target card is placed directly in the traversed free virtual area on both the central control screen and the remote screen.
[0036] If the initial size is larger than the baseline size, it means that a single free virtual area cannot accommodate the target card. Therefore, it is determined whether there are adjacent free virtual areas around the currently traversed free virtual area, with priority given to checking if there is an adjacent free virtual area. During the query process, the query method for adjacent free virtual areas can be determined based on the initial size; for example, 2*1 corresponds to horizontal adjacency, and 1*2 corresponds to vertical adjacency.
[0037] Step a4: If there are adjacent free virtual areas, compare the initial size with the combined size of the adjacent free virtual areas. If the initial size is less than or equal to the combined size, then place the target card simultaneously in the adjacent free virtual areas of the first area and the second screen.
[0038] Specifically, in this embodiment of the invention, if there is an adjacent free virtual area, the initial size is compared with the combined size of the two adjacent free virtual areas to determine whether the combined free virtual areas can accommodate the target card. If the initial size is less than or equal to the combined size (usually equal to the combined size), it proves that the two free virtual areas can accommodate the target card. Therefore, the target card is directly placed in the free virtual area traversed in the first and second screens and its adjacent free virtual areas, i.e., occupying two virtual areas.
[0039] In some optional implementations, if two free virtual areas are still insufficient to accommodate the target card, it is determined whether there is a free virtual area adjacent to the second free virtual area. If so, the combined size of the three adjacent free virtual areas is compared with the initial size of the target card. If the initial size is less than or equal to the combined size, the target card is placed within the three virtual areas.
[0040] Step a5: If there are no adjacent free virtual regions, then traverse the free virtual regions in a preset order from the adjacent free virtual regions until the last free virtual region is reached.
[0041] Specifically, in this embodiment of the invention, if multiple adjacent free virtual areas cannot accommodate the target card, or if there are no consecutive free virtual areas, then other free virtual areas are traversed (if adjacent free virtual areas exist, they can be skipped and traversal continues). After traversing to other free virtual areas, the steps described above are followed to determine whether the target card can be accommodated.
[0042] Step a6: If there is no free virtual area, or if there is no adjacent free virtual area after traversing to the last free virtual area, or if the combined size of all adjacent free virtual areas after traversing to the last free virtual area is smaller than the initial size, then generate an insufficient space prompt message.
[0043] Specifically, in this embodiment of the invention, if there is no free area, as shown in Figure 5(b), or if there is no adjacent free virtual area after traversal, as shown in Figure 5(c), or if the combined size of all adjacent free virtual areas after traversal is smaller than the initial size, it proves that the target card cannot be accommodated in the remote screen at this time. Therefore, an insufficient space prompt message is generated, and the user can adjust other preset cards to make enough space for the target card.
[0044] Furthermore, after determining the initial size, if the initial size is greater than the reference size of the free virtual area, the number of virtual areas in consecutive adjacent free virtual areas can be determined directly according to the ratio of the initial size to the reference size. During the traversal, it can be directly determined whether there are adjacent free virtual areas of the corresponding number, and the size can be repeatedly compared with the omitting size.
[0045] Step a7: Assign a card identifier and a card data source to the target card. When the target card has the same card type as at least one of the N selected cards, the corresponding card identifier and card data source are different.
[0046] Specifically, in this embodiment of the invention, when a new target card is added to the central control screen, the new card appears simultaneously on the remote screen, and a unique card identifier and corresponding card data source are assigned to the target card. If the remote screen already has cards of the same type, it will prompt the user to set a new data source when adding a new card; that is, the card identifier and card data source for the same type of card will be different. For example, if a user has already added a weather card, when clicking on the weather card type again, the remote screen will prompt "A new weather card is about to be created. Do you want to associate a new region?", and a region selection pop-up window will appear, ensuring that each new card has an independent data source from the point of addition, without the need for subsequent manual modification. If the user adds multiple cards combining animated album images, different image sets are selected for each card, etc., which are just examples and not limitations. Therefore, this embodiment of the invention supports repeatedly adding the same type of card on the screen to meet the user's personalized needs.
[0047] Step S3022: In response to the user's drag operation on the target card among the N selected cards in the first area, determine the target position of the target card in the first area and the second screen, and display the target card at the target position in the first area and the second screen.
[0048] Specifically, in this embodiment of the invention, after the target card is deployed on the central control screen and the remote screen according to its initial size and position, the user can drag the target card by long-pressing it on the central control screen. For example, after the user long-presses the target card, a dynamically highlighted border appears around the edge of the target card, and the target card itself slightly floats up, simulating the feel of a physical card being picked up, reminding the user that the target card's position can be adjusted. During the dragging process, the target card's position is not constrained by the grid or virtual area, based on the pixel coordinate system; it only requires sufficient space within the corresponding area of the remote screen on the central control screen. When the user ends the dragging operation, the target position of the target card on the remote screen is determined based on the center position of the target card.
[0049] In some optional implementations, step S3022 above includes: Step b1: In response to the user's long press operation on the preset area within the target card in the first area, the drag logic of the target card is triggered.
[0050] Specifically, in this embodiment of the invention, to accurately implement the drag operation and avoid conflicts with the zoom operation, a preset area is set within the target card as the response area for the long press operation. For example, the preset area = the overall pixel range of the card - the pixel range of the visual control in the lower right corner, thereby determining the set of coordinates of the region boundary of the preset area. Regardless of changes in card size / position, the preset area is always dynamically updated with the visual control as an exclusion factor. When the central control screen detects that the user's touch point falls within the preset area of a card in the first area, and the duration reaches a preset time threshold (e.g., 300ms) and the displacement of the touch point is less than a preset distance threshold (e.g., 10px), it is determined that the user has applied a long press operation to the target card. In response to the user's long press operation on the target card, the drag logic of the target card is triggered. At this time, as... Figure 6 As shown, a dynamic highlighted border appears around the edge of the target card, the color of the user's touch point deepens, and the target card as a whole floats slightly upward, simulating the texture of a physical card being picked up, reminding the user that the target card can be repositioned at this time.
[0051] Step b2: In response to the user's drag operation on the target card, obtain the first position information of the first preset position within the target card.
[0052] Specifically, in this embodiment of the invention, after triggering the drag logic of the target card, a real-time coordinate mapping thread is activated to achieve high-frequency acquisition of touch point coordinates. Simultaneously, interactions in other areas of the screen (such as the card library entrance and status bar buttons) are temporarily disabled, retaining only the core operation of dragging the card to avoid accidental touches. The currently dragged target card is elevated to the highest layer, ensuring a clear drag trajectory even when overlapping with other cards, preventing card loss. During dragging, the position information of the touch point is acquired in real time, and the first position information of the first preset position (such as the card center) within the target card is updated in real time, along with the position information of the upper left corner of the target card. Position calculation does not involve any grid alignment / virtual area restrictions, and sub-pixel rendering ensures smooth edges. Real-time rendering is also performed to ensure that the card follows the finger movement.
[0053] In some alternative implementations, if the updated coordinates of the target card exceed the physical boundary of the remote screen, movement is not prevented; instead, a slight resistance feedback is provided (e.g., a touch response delay of 10ms). At the same time, a gradient mask with 50% transparency is added to the part of the card that exceeds the screen to indicate that part of the content exceeds the screen. This is only an example and is not a limitation.
[0054] Step b3: In response to the user ending the long press operation on the target card, update the target position of the target card in the first area and the second screen to the first position information.
[0055] Specifically, in this embodiment of the invention, if the user stops dragging, no touch point can be detected. In response to the user ending the long-press operation on the target card, the dragging operation also ends simultaneously. Correspondingly, the real-time coordinate mapping thread is closed, and the target position is determined based on the center coordinates of the target card at the time of release (first position information). The final target position is bound to the unique card identifier of the target card and stored in the local database to ensure that the card position remains unchanged the next time the interface is opened.
[0056] Furthermore, after the drag ends, the highlight border / floating effect of the card is canceled, and the original shadow level is restored; the background interaction lock is released, and the operable state of other areas of the screen is restored; if the card does not overlap with other cards, the original layer level is restored; if they overlap, it is kept on top (the user can adjust it manually).
[0057] In some optional implementations, after the dragging of the target card ends, the constraints of the virtual area can be retained to ensure the neatness of the remote screen display interface. Under this setting, after determining the first position information, the distance interval between the first position information and the position information corresponding to the surrounding free virtual areas (the center position of the virtual area) is calculated, and the nearest virtual area is used as the presentation position of the target card. That is, the position information of the nearest virtual area is used as the target position of the target card, and the target card is automatically snapped to the nearest virtual area.
[0058] Step S3023: In response to the user's scaling operation on the target card among N selected cards in the first area, determine the target size of the target card in the first area and the second screen, and scale the target card in the first area and the second screen to the target size.
[0059] Specifically, in this embodiment of the invention, each card is equipped with a dedicated visual control for user scaling, which has clear functional visibility. Based on the user's mental model that the lower right corner of an object is a natural handle for adjusting its size, the visual control is placed in the lower right corner of the card. Thus, users can discover and master the scaling function without any learning curve, solving the core pain point of hidden gestures being invisible. The operation method aligns with the natural intuition of humans when adjusting the size of objects.
[0060] Once the user has initially determined the location of the target card, they can further click on the visual control of the target card on the central control screen. The visual control automatically enlarges and changes color, simulating the physical feedback of being pressed, reminding the user that the size can be adjusted. The user can drag the visual control to scale the target card, and the scaling process is not constrained by the grid or the virtual area, thus allowing for arbitrary size adjustments to the target card. When the user releases the visual control, the target card's position on the remote screen is updated again based on the center position of the target card, and the target size of the target card on the remote screen is determined. Simultaneously, the content displayed on the central control screen changes synchronously. This embodiment of the invention completely gives the user control over the card's position, size, and content, achieving pixel-level precise control of the size. It provides users with a highly free, flexible, and personalized remote screen interface management solution, allowing users to freely customize the card desktop style of the remote screen according to their needs.
[0061] In some optional implementations, step S3023 above includes: Step c1: If the rightmost card in the row containing the target card is located at the right edge of the first area and the second screen, then during the dragging of the visual control, the rightmost card is moved out of the first area and the second screen.
[0062] Specifically, in this embodiment of the invention, as shown in Figure 7(a), if the target card is located at the physical edge of the first area of the central control screen and the remote screen, the visual control is not displayed, that is, dragging the visual control is prohibited, so the size of the target card cannot be adjusted.
[0063] Step c2, in response to the visual control deployed by the user dragging the target card to a second preset position in the first area, fixes the target card to a third preset position.
[0064] Specifically, in this embodiment of the invention, if the target card is a card on the left side of the first area of the central control screen, a pre-set visual control is displayed at the lower right corner of the card (second preset position). When the user selects the visual control of the target card in the first screen, the size adjustment logic of the target card is triggered. In order to avoid affecting the position of the target card when adjusting its size, the upper left corner of the target card (third preset position) is used as a fixed position to achieve fixed-point scaling, but it is not limited to this.
[0065] Step c3: During the dragging of the visual control, determine the real-time width and real-time height of the target card based on the second position information of the visual control and the third position information of the third preset position.
[0066] Specifically, in this embodiment of the invention, during the user's dragging of the visual control, the upper left corner of the target card remains fixed, while its size changes accordingly. Dragging to the right or down enlarges the target card; dragging to the left or up shrinks it. Therefore, throughout the dragging process, the upper left corner of the target card remains stationary, while only the lower right corner changes position, providing the user with a very stable and controllable scaling experience. Simultaneously, the size of the target card on both the central control screen and the remote screen changes continuously in real time, allowing the user to directly see the scaling effect.
[0067] Furthermore, during the scaling process, since the top left corner (third preset position) is fixed as an anchor point, the position information of the visual control is obtained in real time based on the position information of the top left corner, and the real-time width and real-time height of the target card are calculated based on the relative position information of the top left and bottom right corners of the target card.
[0068] Step c4: Adjust the position of the preset card on the side where the target card is located in the third preset position in the first area and the second screen according to the real-time width.
[0069] Specifically, in this embodiment of the invention, as shown in Figure 7(b), during the scaling of the target card, taking the horizontal direction as an example, if there are other cards to the right of the target card, the cards on the right will move to the left or right as the size of the target card changes. Correspondingly, in the vertical direction, if there are other cards below the target card, they can also move up or down as the size of the target card changes, or to avoid confusion in position adjustment, only cards in the horizontal direction are allowed to be adjusted.
[0070] In step c5, during the process of adjusting the position of the card on the right, if the rightmost card in the row where the target card is located is at the right edge of the first area and the second screen, then during the process of dragging the visual control, the rightmost card is moved out of the first area and the second screen.
[0071] Specifically, in this embodiment of the invention, as shown in Figure 7(c), if the target card is on the left side of the remote screen, when the target card is zoomed in, the card on the right moves to the right. However, if the last card reaches the edge of the remote screen and the user continues to zoom in on the target card, the rightmost card is moved directly out of the area and can be moved to the next row, but this is not a limitation.
[0072] Step c6, in response to the user stopping dragging the visual control, updates the target size of the target card in the first area and the second screen to the real-time width and real-time height.
[0073] Specifically, in this embodiment of the invention, when the user releases the visual control, the touch point cannot be detected. Therefore, the real-time width and real-time height when dragging stops are read and used as the target size of the target card in the central control screen and the remote screen.
[0074] After the user completes the card adjustment, when the user exits the interface or closes the screen and then reopens it, the remote screen will automatically restore all cards to the position and size set by the user last time, including all duplicate cards added by the user and their content settings, so that the user does not need to rearrange them every time.
[0075] Step S303: The adjusted target card is displayed on the second screen. See details below. Figure 2 Step S203 of the illustrated embodiment will not be described again here.
[0076] The card editing method for a screen provided by this invention pre-sets the remote screen as a data canvas without a grid. After the user selects a target card, the target card is deployed at its initial size and initial position on the remote screen. A card identifier and a card data source are assigned, allowing the user to drag the target card anywhere on the remote screen and scale it to any size to determine the target position and size. By setting up a screen unconstrained by a grid, this invention enables free adjustment of card position and size, and swapping of positions between different cards. Simultaneously, assigning identifiers and data sources to cards allows for the repeated addition of cards of the same type or function within the screen. This gives the user complete control over the card's position, size, and content, improving the flexibility of screen layout and meeting diverse and scenario-based user needs.
[0077] Figure 8 A flowchart illustrating a first embodiment of the card editing method for the screen of the present invention is shown, the method being executed by the aforementioned remote screen. Figure 8 As shown, the method includes the following steps: Step S801: The first screen displays the first interface, and the second screen displays the second interface. The first interface includes N selected cards and M cards to be selected, and the second interface includes N selected cards. N and M are both integers greater than or equal to 1. For details, please refer to [link to relevant documentation]. Figure 2 Step S201 of the illustrated embodiment will not be described again here.
[0078] Step S802: In response to the user's adjustment operation on the target card on the first screen, the corresponding target card on the second screen is adjusted. The target card is either a card from the N selected cards or a card from the M unselected cards.
[0079] Specifically, step S802 includes: Step S8021: In response to the user's dragging operation on the target card among the N selected cards at any position on the first screen, determine whether there is a preset card within the target size range of the target card.
[0080] Specifically, in this embodiment of the invention, after a user adds a target card on the remote screen, in addition to adjusting the position and size of the target card, the user can also swap the positions of different cards as needed. Therefore, after the user long-presses on the target card (any one of the N selected cards) on the central control screen and performs a drag operation, if it stops at a specific position, the target size of the target card is obtained, and it is determined whether there are any pre-deployed cards within the target size range, that is, whether the currently dragged target card overlaps with other cards.
[0081] In step S8022, if a preset card exists, the target card and the preset card in the first screen and the second screen are swapped.
[0082] Specifically, in this embodiment of the invention, if there is no preset card within the target size range of the target card, the target card is placed directly there after the user releases the card. As shown in Figure 9(a), if there is a preset card b within the target size range of the target card a, and there is only one preset card, the positions of the target card a and the preset card b are directly interchanged.
[0083] Step S8023: If there are multiple preset cards, obtain the first position information of the first preset position in the target card and the fourth position information of the first preset position in each preset card, and determine the distance interval between the target card and each preset card according to the first position information and the fourth position information, and swap the positions of the target card and the nearest preset card in the first screen and the second screen.
[0084] Specifically, in this embodiment of the invention, if there are multiple preset cards, and the number of preset cards is greater than one, it proves that the target card overlaps with multiple preset cards. In order to determine which preset card the user wants to swap the target card with, the position information corresponding to the center position of the target card is obtained, and the position information corresponding to the center position of each preset card is obtained. The distance interval between the target card and each preset card is calculated based on the position information, and the target card is swapped with the nearest preset card.
[0085] In some optional implementations, before swapping the positions of the target card and the preset card in the first and second screens, or swapping the position of the target card with the nearest preset card, the steps further include: Step d1: Obtain the first size of the target card and the second size of the preset card, and compare the first size and the second size.
[0086] Step d2: If the first dimension is equal to the second dimension, then the positions can be interchanged.
[0087] Step d3: If the first size is greater than the second size, determine whether there is a free virtual area in the adjacent position of the preset card. If there is, and the first size is less than or equal to the sum of the second size and the base size of the free virtual area, then position swapping is allowed; otherwise, position swapping is prohibited.
[0088] Step d4: If the second size is greater than the first size, determine whether there is a free virtual area in the adjacent position of the target card. If there is, and the second size is less than or equal to the sum of the first size and the reference size, then position swapping is allowed; otherwise, position swapping is prohibited.
[0089] Specifically, in this embodiment of the invention, to achieve position swapping, it is necessary to ensure that there is sufficient area to accommodate the cards after the swap, that is, to ensure that the area where the target card a is located can accommodate the preset card b, and the area where the preset card b is located can also accommodate the target card a. Therefore, before the position swapping, the first size of the target card a and the second size of the preset card b are obtained, and the size relationship between the first size and the second size is determined, including width determination and height determination.
[0090] In this embodiment of the invention, a virtual area is used as the basic unit. As shown in Figure 9(a), a virtual area with the dimensions of the target card and the preset card as integers is used as an example. The first dimension of the target card a is 1*1, and the second dimension of the preset card is 1*1. Since the first dimension equals the second dimension, their positions can be interchanged. As shown in Figure 9(b), the first dimension of the target card a is 2*1, and the second dimension of the preset card is 2*1. Since the first dimension equals the second dimension, their positions can also be interchanged.
[0091] Furthermore, if the first size of target card a is 2*1 and the second size of preset card b is 1*1, and the first size is larger than the second size, then it is determined whether there are any empty virtual areas adjacent to preset card b. As shown in Figure 10(a), if there are no adjacent empty virtual areas, then position swapping is prohibited. As shown in Figure 10(b), if there are adjacent empty virtual areas, then the preset card is combined with the position of a virtual area, and the sum of the first size and the second size is compared with the base size. If the first size is less than or equal to the sum of the second size and the base size, then position swapping is allowed. If the first size is greater than the sum of the second size and the base size, and there are other adjacent empty virtual areas, then the first size and the second size are further compared with the sum of the two base sizes to determine whether swapping is allowed. If, after traversing all adjacent empty virtual areas around preset card b, target card a cannot be accommodated, then position swapping is prohibited.
[0092] Further, as shown in Figure 10(c), the first size of the target card a is 2*1, and the second size of the preset card b is 1*1. The first size is larger than the second size. Although the preset card b has no adjacent free virtual area, the target card a and the preset card b are adjacent and can be interchanged. The determination of whether to allow interchange when the second size is larger than the first size is also performed according to the above operation. Therefore, in this embodiment of the invention, when determining whether to allow interchange, as long as it is determined that the area after the interchange can accommodate the card and does not obstruct or encroach on other cards, the interchange is allowed.
[0093] If the size of the target card and the preset card is not an integer multiple of the virtual area, the swap logic judgment is the same as the judgment logic above.
[0094] Furthermore, such as Figure 11 As shown, in this embodiment of the invention, a delete control is deployed in the upper right corner of the card. The user can select the delete control to delete the selected target card. At the same time, the cards on the right side will move to the left in sequence until they reach the free virtual area, that is, the cards on the right side of the free virtual area will not move.
[0095] Step S803: The adjusted target card is displayed on the second screen. See details below. Figure 2 Step S203 of the illustrated embodiment will not be described again here.
[0096] The card editing method for a screen provided by this invention involves presenting N selected cards and M unselected cards on a second screen's second interface on a first screen. The user then selects a target card on the first screen (either one of the N selected cards or one of the M unselected cards) and adjusts it. This adjustment affects the corresponding target card on the second screen, which is then displayed. This invention allows for free adjustment of card position and size, while assigning identifiers and data sources to cards. It enables the repeated addition of cards of the same type or function to the screen, giving the user complete control over the card's position, size, and content. This improves the flexibility of screen layout and meets diverse and scenario-based user needs.
[0097] Figure 12 A schematic diagram of an embodiment of the card editing device for the screen of the present invention is shown. (See attached diagram.) Figure 12 As shown, the device 1200 includes: The card mapping module 1201 is used to display a first interface on a first screen and a second interface on a second screen. The first interface includes N selected cards and M unselected cards, and the second interface includes N selected cards. N and M are both integers greater than or equal to 1.
[0098] The card adjustment module 1202 is used to adjust the corresponding target card on the second screen in response to the user's adjustment operation on the target card on the first screen. The target card is a card from N selected cards or a card from M unselected cards.
[0099] The card display module 1203 is used to display the adjusted target card on the second screen.
[0100] In some optional implementations, N selected cards are displayed in a first area of the first interface, and M unselected cards are displayed in a second area of the first interface. The card adjustment module 1202 includes: The card adding unit is used to synchronously deploy the target card to the initial position of the first and second screens with an initial size, based on the virtual areas pre-divided by the first and second screens, after the user selects the target card from the M cards to be selected in the second area.
[0101] The position adjustment unit is used to respond to the user's drag operation on the target card among N selected cards in the first area, determine the target position of the target card in the first area and the second screen, and display the target card at the target position.
[0102] The size adjustment unit is used to respond to a user's scaling operation on a target card among N selected cards in a first area, determine the target size of the target card in the first area and the second screen, and scale the target card to the target size.
[0103] In some alternative implementations, the card adding unit includes: The free area query sub-unit is used to obtain the initial size of the target card and query whether there is a free virtual area in the first area.
[0104] The free area traversal sub-unit is used to traverse the free virtual areas in a preset order if there is at least one free virtual area, and compare the initial size with the reference size of the traversed free virtual area.
[0105] The first size comparison subunit is used to simultaneously place the target card in the free virtual area of the first area and the second screen if the initial size is less than or equal to the reference size, and to determine whether there is an adjacent free virtual area if the initial size is greater than the reference size.
[0106] The second size comparison subunit is used to compare the initial size with the combined size of the adjacent free virtual areas if there are adjacent free virtual areas. If the initial size is less than or equal to the combined size, the target card is simultaneously placed in the adjacent free virtual areas of the first area and the second screen.
[0107] The region continuously traverses sub-units, which is used to traverse the free virtual regions in a preset order after the adjacent free virtual regions if there are no adjacent free virtual regions, until the last free virtual region is reached.
[0108] The "Insufficient Space" sub-unit is used to generate an "Insufficient Space" message if there are no free virtual regions, or if there are no adjacent free virtual regions after traversing to the last free virtual region, or if the combined size of all adjacent free virtual regions after traversing to the last free virtual region is smaller than the initial size.
[0109] In some optional implementations, the position adjustment unit includes: The drag logic trigger subunit is used to respond to the user's long press operation on a preset area within the target card in the first area, triggering the drag logic of the target card.
[0110] The drag position update subunit is used to respond to the user's drag operation on the target card and obtain the first position information of the first preset position within the target card.
[0111] The target location determination subunit is used to update the target location of the target card in the first area and the second screen to the first location information in response to the user ending the long press operation on the target card.
[0112] In some alternative implementations, the size adjustment unit includes: The scaling logic trigger subunit is used to fix the target card at a third preset position in response to a visual control deployed when the user drags the target card to a second preset position in the first area.
[0113] The scaling size update subunit is used to determine the real-time width and real-time height of the target card based on the second position information and the third position information of the third preset position of the visual control during the dragging process.
[0114] The target size determination subunit is used to update the target size of the target card in the first area and the second screen to the real-time width and real-time height in response to the user stopping dragging the visual control.
[0115] In some optional implementations, the position adjustment unit further includes: The position linkage adjustment subunit is used to adjust the position of the right-side card of the target card in the first area and the second screen according to the real-time width.
[0116] The card removal adjustment subunit is used to move the rightmost card out of the first area and the second screen during the process of adjusting the position of the rightmost card. If the rightmost card of the target card row is located at the right edge of the first area and the second screen, the rightmost card will be moved out of the first area and the second screen during the dragging of the visual control.
[0117] The card adjustment sub-unit is disabled, meaning that if the target card is located at the right edge of the first area and the second screen, the visual controls are prohibited from dragging it.
[0118] In some alternative implementations, the card adjustment module 1202 further includes: The position swap trigger unit is used to respond to the user's drag operation on the target card among the N selected cards on the first screen, and to determine whether there is a preset card within the target size range of the target card.
[0119] The first position swapping unit is used to swap the position of the target card and the preset card in the first screen and the second screen if a preset card exists.
[0120] The second position swapping unit is used to, if there are multiple preset cards, obtain the first position information of the first preset position in the target card and the fourth position information of the first preset position in each preset card, and determine the distance interval between the target card and each preset card according to the first position information and the fourth position information, and swap the position of the target card and the nearest preset card in the first screen and the second screen.
[0121] In some optional embodiments, the first position interchange unit and the second position interchange unit further include: The third size comparison subunit is used to obtain the first size of the target card and the second size of the preset card, and compare the first size and the second size. If the first size is equal to the second size, the positions can be interchanged. The fourth size comparison subunit is used to determine whether there is a free virtual area in the adjacent position of the preset card if the first size is larger than the second size. If there is, and the first size is less than or equal to the sum of the second size and the reference size of the free virtual area, then position swapping is allowed; otherwise, position swapping is prohibited.
[0122] The fifth size comparison subunit is used to determine whether there is a free virtual area in the adjacent position of the target card if the second size is greater than the first size. If there is, and the second size is less than or equal to the sum of the first size and the reference size, then position swapping is allowed; otherwise, position swapping is prohibited.
[0123] The screen card editing device provided in this embodiment of the invention can execute the screen card editing method provided in any embodiment of the invention, and has the corresponding functional modules and beneficial effects for executing the method. Further functional descriptions of the various modules and units described above are the same as in the corresponding embodiments described above, and will not be repeated here.
[0124] Figure 13The diagram shows a structural schematic of an embodiment of the vehicle control module of the present invention. The specific embodiments of the present invention do not limit the specific implementation of the vehicle control module.
[0125] like Figure 13 As shown, the vehicle's control module may include: a processor 1302, a communications interface 1304, a memory 1306, and a communications bus 1308.
[0126] The processor 1302, communication interface 1304, and memory 1306 communicate with each other via communication bus 1308. Communication interface 1304 is used to communicate with other network elements such as clients or other servers. The processor 1302 executes program 1310, specifically performing the relevant steps in the above-described embodiment of the card editing method for the screen.
[0127] Specifically, program 1310 may include program code, which includes computer-executable instructions.
[0128] The processor 1302 may be a central processing unit (CPU), an application-specific integrated circuit (ASIC), or one or more integrated circuits configured to implement embodiments of the present invention. The remote screen includes one or more processors, which may be processors of the same type, such as one or more CPUs; or processors of different types, such as one or more CPUs and one or more ASICs.
[0129] Memory 1306 is used to store program 1310. Memory 1306 may include high-speed RAM memory, and may also include non-volatile memory, such as at least one disk storage device.
[0130] Specifically, program 1310 can be called by processor 1302 to cause the remote screen to perform the card editing method of the aforementioned screen.
[0131] This invention provides a computer-readable storage medium storing at least one executable instruction that, when executed on a remote screen, causes the remote screen to perform the card editing method of the screen in any of the above method embodiments.
[0132] The algorithms or displays provided herein are not inherently related to any particular computer, virtual system, or other device. Furthermore, the embodiments of this invention are not directed to any particular programming language.
[0133] Numerous specific details are set forth in the specification provided herein. However, it will be understood that embodiments of the invention may be practiced without these specific details. Similarly, for the sake of brevity and to aid in understanding one or more aspects of the invention, in the description of exemplary embodiments of the invention above, various features of the embodiments are sometimes grouped together in a single embodiment, figure, or description thereof. The claims, which follow the detailed description, are hereby expressly incorporated into that detailed description, wherein each claim itself is a separate embodiment of the invention.
[0134] Those skilled in the art will understand that the modules in the device of the embodiment can be adaptively changed and placed in one or more devices different from that embodiment. Modules, units, or components in the embodiment can be combined into a single module, unit, or component, and further, they can be divided into multiple sub-modules, sub-units, or sub-components, except that at least some of such features and / or processes or units are mutually exclusive.
[0135] It should be noted that the above embodiments are illustrative of the invention and not restrictive, and that those skilled in the art can devise alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses should not be construed as limiting the claims. The word "comprising" does not exclude the presence of elements or steps not listed in the claims. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention can be implemented by means of hardware comprising several different elements and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means may be embodied by the same item of hardware. The use of the words first, second, and third, etc., does not indicate any order. These words can be interpreted as names. The steps in the above embodiments, unless otherwise specified, should not be construed as limiting the order of execution.
Claims
1. A method for editing cards on a screen, characterized in that, The method is applied to a vehicle, the vehicle including a first screen and a second screen, the method comprising: The first screen displays a first interface, and the second screen displays a second interface. The first interface includes N selected cards and M unselected cards, and the second interface includes the N selected cards. N and M are both integers greater than or equal to 1. In response to the user's adjustment operation on the target card on the first screen, the corresponding target card on the second screen is adjusted. The target card is either one of the N selected cards or one of the M unselected cards. The adjusted target card is displayed on the second screen.
2. The method according to claim 1, characterized in that, The N selected cards are displayed in a first area of the first interface, and the M unselected cards are displayed in a second area of the first interface. The adjustment of the corresponding target card on the second screen in response to the user's adjustment operation on the target card on the first screen includes: When the user selects the target card from the M cards to be selected in the second area, the target card is synchronously deployed to the initial position of the first area and the second screen with the initial size based on the virtual areas pre-divided by the first screen and the second screen. And / or, in response to the user's drag operation on the target card among N selected cards in the first area, determine the target position of the target card in the first area and the second screen, and display the target card at the target position in the first area and the second screen; And / or, in response to the user's scaling operation on the target card among N selected cards in the first area, determine the target size of the target card in the first area and the second screen, and scale the target card in the first area and the second screen to the target size.
3. The method according to claim 2, characterized in that, The step of synchronously deploying the target card to the initial positions of the first area and the second screen at the initial size includes: Obtain the initial size of the target card and query whether there is a free virtual area in the first region; If at least one of the free virtual regions exists, the free virtual regions are traversed in a preset order, and the initial size is compared with the reference size of the traversed free virtual regions. If the initial size is less than or equal to the reference size, the target card is simultaneously placed in the free virtual area of the first area and the second screen; if the initial size is greater than the reference size, it is determined whether there is an adjacent free virtual area. If there are adjacent free virtual areas, the initial size is compared with the combined size of the adjacent free virtual areas. If the initial size is less than or equal to the combined size, the target card is simultaneously placed in the adjacent free virtual areas in the first area and the second screen. If there is no adjacent free virtual region, then the free virtual regions are traversed in the preset order after the adjacent free virtual regions until the last free virtual region is reached; If no free virtual area exists, or if no adjacent free virtual area exists after traversing to the last free virtual area, or if the combined size of all adjacent free virtual areas is smaller than the initial size after traversing to the last free virtual area, then an insufficient space prompt message is generated.
4. The method according to claim 2, characterized in that, The step of determining the target position of the target card in the first area and the second screen in response to the user's drag operation on the target card among N selected cards in the first area includes: In response to the user's long-press operation on a preset area within the target card in the first area, the drag logic of the target card is triggered; In response to the user's drag operation on the target card, first position information of a first preset position within the target card is obtained; In response to the user ending the long press operation on the target card, the target position of the target card in the first area and the second screen is updated to the first position information.
5. The method according to claim 2, characterized in that, In response to the user's zoom operation on the target card among N selected cards in the first area, determining the target size of the target card in the first area and the second screen includes: In response to a visual control deployed by the user dragging the target card to a second preset position in the first area, the third preset position of the target card is fixed. During the dragging of the visual control, the real-time width and real-time height of the target card are determined based on the second position information of the visual control and the third position information of the third preset position. In response to the user stopping dragging the visual control, the target size of the target card in the first area and the second screen is updated to the real-time width and the real-time height.
6. The method according to claim 5, characterized in that, During the process of dragging the visual control, the method further includes: The position of the card to the right of the target card in the first area and the second screen is adjusted according to the real-time width; During the process of adjusting the position of the right-hand card, if the rightmost card in the row where the target card is located is at the right edge of the first area and the second screen, then during the process of dragging the visual control, the rightmost card is moved out of the first area and the second screen.
7. The method according to claim 5, characterized in that, The method further includes: If the target card is located at the right edge of the first area and the second screen, the visual control is prohibited from being dragged.
8. The method according to claim 2, characterized in that, After deploying the target card at its initial size to its initial positions on the first and second screens, the method further includes: Assign a card identifier and a card data source to the target card, wherein when the target card has the same card type as at least one of the N selected cards, the corresponding card identifier and card data source are different.
9. The method according to claim 1, characterized in that, The step of adjusting the corresponding target card on the second screen in response to the user's adjustment operation on the target card on the first screen further includes: In response to the user's drag operation on the target card among N selected cards in the first screen, it is determined whether there is a preset card within the target size range of the target card; If a preset card exists, the target card and the preset card in the first screen and the second screen are swapped in position; If there are multiple preset cards, the first position information of the first preset position in the target card and the fourth position information of the first preset position in each preset card are obtained. The distance interval between the target card and each preset card is determined according to the first position information and the fourth position information. The target card and the nearest preset card in the first screen and the second screen are swapped.
10. The method according to claim 9, characterized in that, When swapping the positions of the target card and the preset card in the first screen and the second screen, or swapping the positions of the target card and the nearest preset card, the method further includes: Obtain the first size of the target card and the second size of the preset card, and compare the first size and the second size. If the first size is equal to the second size, the positions can be interchanged. If the first size is larger than the second size, it is determined whether there is a free virtual area in the adjacent position of the preset card. If there is, and the first size is less than or equal to the sum of the second size and the base size of the free virtual area, then position swapping is allowed; otherwise, position swapping is prohibited. If the second size is larger than the first size, it is determined whether there is a free virtual area in the adjacent position of the target card. If there is, and the second size is less than or equal to the sum of the first size and the reference size, then position swapping is allowed; otherwise, position swapping is prohibited.
11. A vehicle, characterized in that, The system includes a control module, a first screen, and a second screen. The distance between the first screen and the driver's seat is less than the distance between the second screen and the driver's seat. The first screen and the second screen are connected to the control module. The control module includes a processor, a memory, a communication interface, and a communication bus. The processor, the memory, and the communication interface communicate with each other through the communication bus. The memory is used to store at least one executable instruction that causes the processor to perform the operation of the screen card editing method as described in any one of claims 1-10.