Display device and interface element movement method

Abstract

The application relates to a display device and an interface element moving method. The display device comprises a display configured to display an interface; at least one controller connected to the display device and configured to: in response to a moving operation of a target element in a current interface to a target position, simulate the moving of the target element on a virtual interface by using a first virtual element; in a case where the first virtual element and a target blank area corresponding to the target position are not adapted in size during the simulation of the moving, obtaining a reference size and a limit size; performing scaling processing on a second virtual element in the virtual interface; in a case where the scaling result of the second virtual element can be adapted to the target blank area and does not exceed the limit size during the scaling, determining a to-be-placed element; in the current interface, canceling the display of the target element and placing the to-be-placed element in the target blank area. The application improves the moving success rate of the interface element or improves the display effect after the moving.

Description

Technical Field

[0001] This application relates to the field of display technology, and in particular to a display device and a method for moving interface elements. Background Technology

[0002] With the development of display technology, the requirements for human-computer interaction on display devices are becoming increasingly demanding, such as requiring the display of more information and the provision of more diverse operating experiences. A grid-based element-style desktop on display devices virtualizes the entire screen as a grid, then places multiple interface elements (i.e., cards) on it. These elements can display information such as weather conditions, navigation, or application-related information.

[0003] To improve the flexibility of the grid-based desktop, users can move interface elements according to their needs. However, if the size of the interface element is inconsistent with the size of the blank area where the target position is located, problems such as moving may fail or the display effect may be poor after moving may occur. Summary of the Invention

[0004] This application provides a display device and a method for moving interface elements, which can improve the success rate of moving interface elements or improve the display effect after moving.

[0005] In a first aspect, some embodiments provide a display device, including:

[0006] The monitor is configured to display the interface.

[0007] At least one controller is connected to the display device and configured to:

[0008] In response to a move operation on a target element in the current interface to a target position, a first virtual element is used on the virtual interface corresponding to the current interface to simulate the movement of the target element; the virtual interface has the same size as the current interface; the first virtual element has the same size as the target element.

[0009] During the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, the reference size and the limit size of the target element are obtained;

[0010] The second virtual element is scaled within the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size within the virtual interface.

[0011] During the scaling process, if the scaling result of the second virtual element can fit the target blank area without exceeding the limit size, determine the element to be placed with the corresponding size of the scaling result; the element to be placed has the same function as the target element.

[0012] In the current interface, the target element is hidden, and the element to be placed is placed in the target blank area.

[0013] In some embodiments, in response to a move operation of a target element in the current interface to a target location, the controller simulates the movement of the target element using a first virtual element on the virtual interface corresponding to the current interface. After the simulated movement is successful, the controller performs the corresponding operation on the current interface. This simulation process is invisible to the user, improving the cleanliness of the current interface and enhancing the user experience. Furthermore, during the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target location, the controller obtains the reference size and constraint size of the target element. This allows the controller to scale a second virtual element of the reference size within the virtual interface. In other words, the reference size provides the scaling basis for the scaling process. The reference size can be the original size of the target element or its current size. The current size can be the original size or a scaled-down version of the original size. Therefore, the scaling basis for the scaling process is quite diverse and flexible. Furthermore, during the scaling process, the controller determines the element to be placed with the corresponding size of the scaling result if the scaling result of the second virtual element can fit the target blank area without exceeding the limit size. It is evident that the scaling result can fit the target blank area without exceeding the limit size, indicating that the simulated movement is successful. The limit size provides a constraint on the scaling process to ensure the usability of the scaling result. In the current interface, the target element is de-displayed, and the element to be placed is placed in the target blank area. Since the size of the element to be placed is the same as the size of the scaling result, and its function is the same as the target element, it is clear that by de-displaying the target element and placing the element to be placed in the target blank area, the element's position can be moved while its size is changed, thus achieving the purpose of moving the target element to the target blank area. Because the scaling result of the second virtual element in this embodiment can fit the target blank area, the success rate of movement is improved when the target element size is relatively large and the target blank area size is relatively small; and the display effect after movement is improved when the target element size is relatively small and the target blank area size is relatively large.

[0014] Secondly, some embodiments provide a method for moving interface elements, including:

[0015] In response to a move operation on a target element in the current interface to a target position, a first virtual element is used on the virtual interface corresponding to the current interface to simulate the movement of the target element; the virtual interface has the same size as the current interface; the first virtual element has the same size as the target element.

[0016] During the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, the reference size and the limit size of the target element are obtained;

[0017] The second virtual element is scaled within the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size within the virtual interface.

[0018] During the scaling process, if the scaling result of the second virtual element can fit the target blank area without exceeding the limit size, determine the element to be placed with the corresponding size of the scaling result; the element to be placed has the same function as the target element.

[0019] In the current interface, the target element is hidden, and the element to be placed is placed in the target blank area.

[0020] In some embodiments, in response to a move operation of a target element in the current interface to a target location, a first virtual element is used on the virtual interface corresponding to the current interface to simulate the movement of the target element. After the simulated movement is successful, the current interface is then operated accordingly. The simulation process is invisible to the user, improving the cleanliness of the current interface and enhancing the user experience. Furthermore, during the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target location, a reference size and a constraint size of the target element are obtained. This allows for scaling of a second virtual element with the reference size in the virtual interface. The reference size provides the scaling basis for the scaling process. The reference size can be the original size of the target element or its current size. The current size can be the original size or a size scaled down from the original size, demonstrating the versatility and flexibility of the scaling basis. Moreover, during the scaling process, if the scaling result of the second virtual element fits the target blank area without exceeding the constraint size, the element to be placed with the corresponding size of the scaling result is determined. The fact that the scaling result fits the target blank area without exceeding the constraint size indicates a successful simulated movement. The constraint size provides a constraint on the scaling process to ensure the usability of the scaling result. In the current interface, the target element is de-displayed, and the element to be placed is placed in the target blank area. Since the size of the element to be placed is the same as the scaled size, and its function is the same as the target element, it can be seen that by de-displaying the target element and placing the element to be placed in the target blank area, the element's position can be moved while its size is changed, thus achieving the purpose of moving the target element to the target blank area. Because the scaling result of the second virtual element in this embodiment can adapt to the target blank area, the success rate of movement is improved when the target element size is relatively large and the target blank area size is relatively small; when the target element size is relatively small and the target blank area size is relatively large, the display effect after movement is improved.

[0021] Thirdly, some embodiments provide a device for moving interface elements, including:

[0022] The first simulation module is used to respond to the movement operation of the target element in the current interface to the target position. On the virtual interface corresponding to the current interface, the first virtual element is used to simulate the movement of the target element; the virtual interface has the same size as the current interface; the first virtual element has the same size as the target element.

[0023] The first acquisition module is used to acquire the reference size and the limit size of the target element when the size of the first virtual element does not match the target blank area corresponding to the target position during the simulated movement.

[0024] The first scaling module is used to scale the second virtual element in the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size in the virtual interface.

[0025] The first determining module is used to determine the element to be placed with the corresponding size of the scaling result during the scaling process, provided that the scaling result of the second virtual element can fit the target blank area and does not exceed the limit size; the element to be placed has the same function as the target element.

[0026] The first placement module is used to hide the target element in the current interface and place the element to be placed in the target blank area.

[0027] In some embodiments, the first simulation module responds to a movement operation of a target element in the current interface to a target position by using a first virtual element on the virtual interface corresponding to the current interface to simulate the movement of the target element. After the simulated movement is successful, the corresponding operation is performed on the current interface. The simulation process is invisible to the user, which can improve the cleanliness of the current interface and enhance the user experience. Moreover, during the simulated movement, if the size of the first virtual element does not match the target blank area corresponding to the target position, the first acquisition module acquires the reference size and the constraint size of the target element. Then, the first scaling module scales the second virtual element of the reference size in the virtual interface. That is, the reference size provides the scaling basis for the scaling process. The reference size can be the original size of the target element or the current size of the target element. The current size can be the original size or a size reduced from the original size. It can be seen that the scaling basis of the scaling process is quite diverse and flexible. Furthermore, during the scaling process, if the scaling result of the second virtual element can fit the target blank area without exceeding the limit size, the element to be placed with the corresponding size of the scaling result is determined. It is evident that the scaling result can fit the target blank area without exceeding the limit size, indicating that the simulated movement is successful. The limit size provides a constraint on the scaling process to ensure the usability of the scaling result. The first placement module cancels the display of the target element in the current interface and places the element to be placed in the target blank area. Since the size of the element to be placed is the same as the size of the scaling result, and its function is the same as the target element's function, it is clear that by canceling the target element and placing the element to be placed in the target blank area, the element's size can be changed while its position is moved, thus achieving the purpose of moving the target element to the target blank area. Because the scaling result of the second virtual element in this embodiment can fit the target blank area, the success rate of movement is improved when the target element size is relatively large and the target blank area size is relatively small; and the display effect after movement is improved when the target element size is relatively small and the target blank area size is relatively large.

[0028] Fourthly, some embodiments also provide a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the methods provided in some embodiments of the second aspect.

[0029] Fifthly, some embodiments also provide a computer program product, including a computer program that, when executed by a processor, implements the steps of the methods provided in some embodiments of the second aspect. Attached Figure Description

[0030] To more clearly illustrate the technical solutions in this application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0031] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device in one embodiment;

[0032] Figure 2 This is a schematic diagram of the hardware configuration of a display device in one embodiment;

[0033] Figure 3 This is a schematic diagram of the hardware configuration of the control device in one embodiment;

[0034] Figure 4 This is a schematic diagram of the software configuration of the display device in one embodiment;

[0035] Figure 5 This is a flowchart illustrating a method for moving interface elements in one embodiment;

[0036] Figure 6A This is a flowchart illustrating the scaling steps of the second virtual element in one embodiment;

[0037] Figure 6B This is a schematic diagram of the initial state of the current interface in one embodiment;

[0038] Figure 6C This is a schematic diagram of the current interface state after a movement operation in one embodiment;

[0039] Figure 7 This is a flowchart illustrating a reduced number of processing steps in one embodiment;

[0040] Figure 8 This is a flowchart illustrating a reduced number of processing steps in one embodiment;

[0041] Figure 9 This is a flowchart illustrating the further reduction steps in one embodiment;

[0042] Figure 10 This is a flowchart illustrating a reduced number of processing steps in one embodiment;

[0043] Figure 11 This is a flowchart illustrating the scaling steps of the second virtual element in one embodiment;

[0044] Figure 12 This is a flowchart illustrating the element processing steps in one embodiment;

[0045] Figure 13 This is a flowchart illustrating the steps for displaying target sub-elements in one embodiment;

[0046] Figure 14 This is a structural block diagram of an interface element moving device in one embodiment;

[0047] Figure 15 This is an internal structural diagram of a computer device in one embodiment. Detailed Implementation

[0048] The embodiments will now be described in detail, examples of which are illustrated in the accompanying drawings. When the following description relates to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described below do not represent all embodiments consistent with this application. They are merely examples of systems and methods consistent with some aspects of this application as detailed in the claims.

[0049] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0050] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0051] The terms “comprising” and “having”, and any variations thereof, are intended to cover but not exclude inclusion, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0052] The term "module" refers to any known or subsequently developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and / or software code that is capable of performing the functions associated with that element.

[0053] In some embodiments, the target product may include, but is not limited to, display devices, projection devices, air conditioning devices, and refrigerators. The following description uses display devices as an example and should not be construed as a specific limitation on the target product.

[0054] For example, the term "display device" generally refers to a device with the ability to display images and process data. Examples of display devices include, but are not limited to, smart TVs, mobile terminals, computers, monitors, advertising screens, wearable devices, virtual reality devices, and augmented reality devices.

[0055] Figure 1 This is a schematic diagram illustrating an operational scenario between a display device and a control device in one embodiment. For example... Figure 1 As shown, users can operate the display device 200 via touch operation, mobile terminal 300, and control device 100. For example, control device 100 can be a remote control, stylus, gamepad, etc.

[0056] The mobile terminal 300 can function as a control device for human-computer interaction between the user and the display device 200. It can also function as a communication device for establishing a communication connection with the display device 200 and exchanging data. In some embodiments, the mobile terminal 300 can have software applications installed on it and communicate with the display device 200 via network communication protocols to achieve one-to-one control and data communication. Furthermore, it can transmit audio and video content displayed on the mobile terminal 300 to the display device 200 for synchronized display.

[0057] like Figure 1 The diagram also shows that the display device 200 communicates with the server 400 via various communication methods. This allows the display device 200 to communicate via a local area network (LAN), a wireless local area network (WLAN), and other networks.

[0058] Display device 200 can provide broadcast television reception function, and can also be equipped with intelligent network television function that provides computer support function, including but not limited to network television, smart television, Internet Protocol television (IPTV), etc.

[0059] Figure 2 Provided for some embodiments of this application Figure 1 Hardware configuration block diagram of display device 200.

[0060] In some embodiments, the display device 200 may include at least one of a tuner 210, a communication device 220, a detector 230, a device interface 240, a controller 250, a display 260, an audio output device 270, a memory, a power supply, and a user input interface.

[0061] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0062] In some embodiments, the display 260 includes display function components for presenting images and driving components for driving image display. The display 260 is used to receive and display image signals output from the controller 250. For example, the display 260 can be used to display video content, image content, menu control interface components, and user control UI interfaces, etc.

[0063] In some embodiments, the communication device 220 is a component used to communicate with external devices or the server 400 according to various communication protocol types. The display device 200 may have multiple communication devices 220 depending on the supported communication methods. For example, when the display device 200 supports wireless network communication, it may have a communication device 220 with WiFi functionality. When the display device 200 supports Bluetooth connectivity, it needs to have a communication device 220 with Bluetooth functionality.

[0064] The communication device 220 enables the display device 200 to communicate with external devices or the server 400 via wireless or wired connections. Wired connections utilize data cables, interfaces, or other components to connect the display device 200 to external devices. Wireless connections utilize wireless signals or wireless networks. The display device 200 can directly establish a connection with external devices or indirectly through gateways, routers, or other connection devices.

[0065] In some embodiments, the controller 250 may include at least one of a central processing unit, a video processor, an audio processor, a graphics processor, and a power processor, and a first to an nth interface for input / output. The controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200.

[0066] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.

[0067] In some embodiments, a user can input user commands through a graphical user interface (GUI) displayed on a display 260, and the user input interface receives user input commands through the graphical user interface (GUI).

[0068] In some embodiments, the audio output device 270 can be a built-in speaker of the display device 200 or an external audio output device connected to the display device 200. For the external audio output device connected to the display device 200, the display device 200 may also be provided with an external audio output terminal, through which the audio output device can be connected to the display device 200 to output sound from the display device 200.

[0069] In some embodiments, the user input interface 280 can be used to receive instructions from user input.

[0070] Figure 3 Provided for some embodiments of this application Figure 1 Hardware configuration block diagram of the central control device 100. (See diagram below.) Figure 3 As shown, the control device 100 may include: a controller 110, a communication interface 130, a user input / output interface, a memory, and a power supply.

[0071] The control device 100 is configured to control the display device 200, and to receive user input operation commands and convert the operation commands into commands that the display device 200 can recognize and respond to, thus acting as an intermediary for interaction between the user and the display device 200.

[0072] In some embodiments, the control device 100 may be an intelligent device. For example, the control device 100 may be equipped with various applications for controlling the display device 200 according to user needs.

[0073] In some embodiments, such as Figure 1 As shown, the mobile terminal 300 or other smart electronic devices can perform similar functions to the control device 100 after installing the application of the control display device 200.

[0074] The controller 110 includes a processor 112, RAM 113, ROM 114, a communication interface 130, and a communication bus. The controller 110 is used to control the operation of the control device 100, as well as the communication and cooperation between internal components and the external and internal data processing functions.

[0075] Under the control of the controller 110, the communication interface 130 enables communication of control signals and data signals with the display device 200. The communication interface 130 may include at least one of other near-field communication modules such as WiFi chip 131, Bluetooth module 132, and NFC module 133.

[0076] User input / output interface 140, wherein the input interface includes at least one of other input interfaces such as microphone 141, touchpad 142, sensor 143, and button 144.

[0077] In some embodiments, the control device 100 includes at least one of a communication interface 130 and an input / output interface 140. The control device 100 is configured with the communication interface 130, such as a WiFi, Bluetooth, or NFC module, which can encode user input commands via WiFi, Bluetooth, or NFC protocols and send them to the display device 200.

[0078] The memory 190 is used to store various operating programs, data, and applications for driving and controlling the control device 100 under the control of the controller. The memory 190 can also store various control signal instructions input by the user.

[0079] The power supply 180 is used to provide operating power support for the various components of the control device 100 under the control of the controller.

[0080] In some embodiments, the display device 200 may run an operating system to enable user interaction. An operating system is a computer program that manages and controls the hardware and software resources of the display device 200. The operating system can (control the display device) provide a user interface, allowing users to interact with the display device 200 and supporting the running of various applications.

[0081] It should be noted that the operating system can be a native operating system based on a specific operating platform, a third-party operating system that is deeply customized based on a specific operating platform, or an independent operating system specifically developed for display devices.

[0082] An operating system can be divided into different modules or levels based on the functions it implements, for example... Figure 4 As shown, in some embodiments, the system is divided into four layers, from top to bottom: the Applications layer (referred to as the "Application Layer"), the Application Framework layer (referred to as the "Framework Layer"), the System Library layer, and the Kernel layer.

[0083] In some embodiments, the application layer provides services and interfaces for applications, enabling the display device 200 to run applications and interact with the user based on the applications. The application layer may contain at least one application, which may be a built-in Windows program, system settings program, or clock program of the operating system; or it may be an application developed by a third-party developer. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0084] The framework layer provides application programming interfaces (APIs) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0085] like Figure 4 As shown, the application framework layer in this embodiment includes a view system, managers, and content providers. The view system designs and implements the application's interface and interactions, and includes lists, grids, text boxes, and buttons. The managers include at least one of the following modules: an activity manager for interacting with all running activities in the system; a location manager for providing system services or applications with access to system location services; a package manager for retrieving various information related to application packages currently installed on the device; a notification manager for controlling the display and clearing of notification messages; and a window manager for managing icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.

[0086] In some embodiments, the Activity Manager manages the lifecycle of individual applications and common navigation and back functions, such as controlling application exit, opening, and back actions. The Window Manager manages all window programs, such as obtaining the screen size, determining if a status bar is present, locking the screen, capturing the screen, and controlling changes to the display window, such as shrinking the display window, shaking the display, or distorting the display.

[0087] In some embodiments, the system runtime library layer can provide support for the framework layer. When the framework layer is used, the operating system runs the instruction library contained in the system runtime library layer, such as the C / C++ instruction library, to implement the functions to be performed by the framework layer.

[0088] In some embodiments, the kernel layer is a functional layer situated between the hardware and software of the display device 200. The kernel layer can implement functions such as hardware abstraction, multitasking, and memory management. For example, ... Figure 4As shown, hardware drivers can be configured in the kernel layer. The kernel layer can contain at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver, etc.

[0089] In related technologies, when a user moves interface elements on a display device, a move may fail if the interface element is large and the target location's blank grid is small. Conversely, if the interface element is small and the target location's blank grid is large, the display quality after moving the element may be poor.

[0090] To address the aforementioned problems, in some optional embodiments, a method for moving interface elements is provided. This method can be applied to a display device 200, specifically to the controller 250 of the display device 200. For example... Figure 5 The methods for moving interface elements shown include:

[0091] S510, in response to a move operation of a target element in the current interface to a target position, simulates the movement of the target element using a first virtual element on the virtual interface corresponding to the current interface.

[0092] The virtual interface is the same size as the current interface.

[0093] The first virtual element has the same size as the target element.

[0094] The target element is the UI element that the user moves.

[0095] As can be seen, the current interface corresponds to the virtual interface, and both have the same size; the first virtual element corresponds to the target element, and both have the same size. When the user moves the target element on the current interface, the first virtual element moves synchronously on the virtual interface, and all parameters such as the direction, speed, and distance of movement remain consistent. Thus, by moving the first virtual element on the virtual interface, the movement of the target element on the current interface is simulated.

[0096] Each interface element has an original size, which is the maximum size of the interface element. On the current interface, the current size of the target element can be the original size; of course, on the current interface, the current size of the target element can also be a size that is scaled down based on the original size. For example, the target element may be moved to its current position after its initial position on the current interface is scaled down, where the size of the target element at the initial position is the original size.

[0097] S520: During the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, obtain the reference size and the constraint size of the target element.

[0098] In other words, during the process of moving the first virtual element on the virtual interface, it was found that the size of the first virtual element was mismatched with the size of the target blank area corresponding to the target position. For example, if the size of the first virtual element is smaller than the target blank area corresponding to the target position, the first virtual element cannot be placed in the target blank area. As another example, if the size of the first virtual element is larger than the target blank area corresponding to the target position, placing the smaller first virtual element in the larger target blank area affects the visual effect, that is, the display effect is poor.

[0099] The constraint size of the target element can include the minimum size and the maximum size of the target element.

[0100] The reference size of the target element can be its original size, meaning subsequent scaling is performed directly based on its original size. Alternatively, the reference size can be its current size, meaning subsequent scaling is performed based on its current size, which can be either the original size or a scaled-down version of the original size.

[0101] S530, scaling the second virtual element in the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size in the virtual interface.

[0102] The second virtual element corresponds to the target element, and the size of the second virtual element is a reference size. The reference size can be the original size obtained for the target element, or the current size obtained for the target element.

[0103] Specifically, when the reference size is the current size, the first virtual element and the second virtual element have the same size. When the reference size is the original size, and the current size of the target element is a size scaled down from the original size, the first virtual element and the second virtual element have different sizes.

[0104] It can be seen that by scaling the second virtual element, the fit between the second virtual element and the target blank area is increased.

[0105] S540, during the scaling process, if the scaling result of the second virtual element can fit the target blank area and does not exceed the limit size, determine the element to be placed with the corresponding size of the scaling result; the element to be placed has the same function as the target element.

[0106] The phrase "not exceeding the limit size" can be understood as "not less than the preset minimum size and not greater than the preset maximum size," where the preset maximum size is the original size.

[0107] The element to be placed has the same function as the target element, but different sizes. The size of the element to be placed is the same as the size of the second virtual element after scaling.

[0108] S550: In the current interface, the target element is not displayed, and the element to be placed is placed in the target blank area.

[0109] Understandably, by de-displaying the target element and placing the element to be placed in the target empty area, the element's position can be moved while simultaneously replacing it. The purpose of element replacement is to change the element's size, not its function, since the element to be placed and the target element have the same function.

[0110] The aforementioned interface element movement method responds to a movement operation of a target element in the current interface towards a target position. On the virtual interface corresponding to the current interface, a first virtual element simulates the movement of the target element. After the simulated movement is successful, the corresponding operation is performed on the current interface. The simulation process is invisible to the user, improving the cleanliness of the current interface and enhancing the user experience. Furthermore, during the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, the reference size and constraint size of the target element are obtained. This allows for scaling of a second virtual element with the reference size within the virtual interface. In other words, the reference size provides the scaling basis for the scaling process. The reference size can be the original size of the target element or its current size. The current size can be the original size or a scaled-down version of the original size. Therefore, the scaling basis for the scaling process is quite diverse and flexible. Furthermore, during the scaling process, if the scaling result of the second virtual element can fit the target blank area without exceeding the limit size, the element to be placed with the corresponding size of the scaling result is determined. It is evident that the scaling result can fit the target blank area without exceeding the limit size, indicating that the simulated movement is successful. The limit size provides a constraint on the scaling process to ensure the usability of the scaling result. In the current interface, the target element is de-displayed, and the element to be placed is placed in the target blank area. Since the size of the element to be placed is the same as the size of the scaling result, and its function is the same as the target element's function, it is clear that by de-displaying the target element and placing the element to be placed in the target blank area, the element's size can be changed while its position is moved, thus achieving the purpose of moving the target element to the target blank area. Because the scaling result of the second virtual element in this embodiment can fit the target blank area, the success rate of movement is improved when the target element size is relatively large and the target blank area size is relatively small; and the display effect after movement is improved when the target element size is relatively small and the target blank area size is relatively large.

[0111] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided in which the reference size is refined to a preset maximum size, and the scaling step of the second virtual element in S530 is refined.

[0112] See Figure 6A The scaling steps for the second virtual element include:

[0113] S610, based on the preset maximum size, shrinks the second virtual element in the virtual interface.

[0114] That is, the initial size of the second virtual element is the original size. Based on the original size, it is shrunk until the size of the shrunk second virtual element is less than or equal to the size of the target blank area, so that the target blank area can fit the second virtual element.

[0115] See Figure 6B The user moves the target element to the right on the current screen, wanting to place it below element 1 and to the left of element 3 in the target empty area. The virtual interface then shrinks the second virtual element to obtain the element to be placed. This element is then placed in the target empty area. Figure 6C The element to be placed and the target element have the same function, but different sizes.

[0116] In this embodiment, the size is reduced based on the preset maximum size, i.e., the original size. This is suitable for scenarios where the target element in the current interface is relatively large and the target blank area is relatively small, so as to improve the success rate of placing the target element.

[0117] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the reduction processing step in S610 is refined.

[0118] See Figure 7 The shrinkage process includes:

[0119] S710, on the virtual interface, performs at least one scaling down process on the second virtual element until the scaling result after the scaling down process can fit the target blank area.

[0120] Understandably, after a reduction process, if the result fits the target blank area, the reduction process stops; if the result does not fit the target blank area, the reduction process continues until the scaled result fits the target blank area.

[0121] The scaling result can be adapted to the target blank area. This can be understood as the size of the scaling result being less than or equal to the size of the target blank area, and the size difference between the two being within a preset range.

[0122] In this embodiment, during the scaling process, at least one scaling process can be performed continuously to improve the fit between the final scaling result and the target blank area.

[0123] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the reduction processing steps in S710 are refined.

[0124] See Figure 8The shrinkage process includes:

[0125] S810, during a scaling process, the scaling direction of the element to be scaled is determined based on the parameter value of the direction parameter; the element to be scaled during the first scaling is the second virtual element.

[0126] The direction parameters include a first parameter value and a second parameter value; the shrinkage direction corresponding to the first parameter value is the width direction; and the shrinkage direction corresponding to the second parameter value is the height direction.

[0127] For example, the first parameter value is 0 and the second parameter value is 1, where 0 indicates shrinkage along the width direction and 1 indicates shrinkage along the height direction.

[0128] S820: According to the shrinking direction, the element to be shrunk is shrunk to update the element to be shrunk and adjust the parameter value of the direction parameter.

[0129] That is, when the parameter value of the direction parameter is the first parameter value, the determined shrinking direction is the width direction, and the element to be shrunk is shrunk along the width direction. Then, the parameter value of the direction parameter is changed from the first parameter value to the second parameter value so that the shrinking is performed along the height direction in the next shrinking process.

[0130] Of course, when the direction parameter is the second parameter value, the determined shrinking direction is the height direction, and the element to be shrunk is shrunk along the height direction. The direction parameter is then changed from the second parameter value to the first parameter value so that it can be shrunk along the width direction in the next shrinking process.

[0131] S830, continue the shrinking process until the updated element to be shrunk can fit into the target blank area.

[0132] That is, if the element to be shrunk after the shrinking process cannot fit into the target blank area, the process returns to S810 for the next shrinking process.

[0133] In this embodiment, by alternating the reduction of size along the width and height directions, the reduction degree of the element to be reduced along one direction can be avoided to be significantly greater than the reduction degree along another direction. That is, the element to be reduced is avoided to be severely compressed along one direction, thereby improving the visual effect of the element to be reduced.

[0134] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the further reduction step in S830 is refined.

[0135] See Figure 9 Further steps to narrow down the process include:

[0136] S910: If the updated element to be shrunk does not meet the preset support conditions, continue the shrinking process directly; if the updated element to be shrunk meets the preset support conditions and can fit the target blank area, end the shrinking process.

[0137] The preset support conditions are that the aspect ratio of the updated element to be shrunk is within the preset aspect ratio range or the current size of the updated element to be shrunk exists in the preset size table.

[0138] The preset aspect ratio range is the range of supported aspect ratios that are pre-set.

[0139] The preset size table includes multiple supported sizes.

[0140] As can be seen, if the aspect ratio of the updated element to be shrunk is not within the preset aspect ratio range, or if the current size of the updated element to be shrunk does not exist in the preset size table, the process can return to S810. If the aspect ratio of the updated element to be shrunk is within the preset aspect ratio range, and / or if the current size of the updated element to be shrunk exists in the preset size table, and if the element to be shrunk can fit the target blank area, the iteration can end. However, if the element to be shrunk cannot fit the target blank area, the process can also return to S810.

[0141] In this embodiment, by introducing preset support conditions during the iteration process, the final scaling result conforms to the preset support conditions, thereby improving the effectiveness of the scaling result.

[0142] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the reduction processing steps in S710 are refined.

[0143] See Figure 10 The shrinkage process includes:

[0144] S1010, in each scaling process, the scaling factor of the second virtual element is one unit size.

[0145] For example, the second virtual element has a size of 4*4. After being shrunk once along the width direction, its size becomes 3*4, and after being shrunk once along the height direction, its size becomes 3*3. It can be seen that the magnitude of each shrunk is 1, that is, one unit size.

[0146] In this embodiment, the reduction range for each step is a unit size, meaning the reduction range is consistent across different directions. This simplifies the reduction process and ensures that the final result is a visually appealing scaled-down effect.

[0147] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided in which the reference size is refined to the first current size of the target element, and the scaling step of the second virtual element in S530 is refined.

[0148] See Figure 11 The scaling steps for the second virtual element include:

[0149] S1110, based on the first current size and the size of the target blank area, determine the size relationship between the target element and the target blank area in each direction, and determine the scaling type in the corresponding direction based on the size relationship.

[0150] The first current size is the current size of the target element on the current screen.

[0151] Specifically, in the width direction, the size relationship between the target element's width and the target blank area is determined, and based on this relationship, the scaling type in the width direction is determined to be either shrinking or scaling up. Similarly, in the height direction, the size relationship between the target element's width and the target blank area is determined, and based on this relationship, the scaling type in the height direction is determined to be either shrinking or scaling up.

[0152] For example, if the width of the target element is greater than the width of the target blank area, the scaling type in the width direction is shrinking. If the height of the target element is less than the height of the target blank area, the scaling type in the height direction is enlarging.

[0153] The reference size is the current size of the target element, i.e., the first current size mentioned above. This first current reference size can be the original size or a size scaled down from the original size. If the first current size is the original size—for example, if its width is the same as the original size—then the scaling type in the width direction cannot be "enlarge"; similarly, if its height is the same as the original size, the scaling type in the height direction cannot be "enlarge". If the first current size is a size scaled down from the original size, the scaling type can be either "enlarge" or "shrink".

[0154] As can be seen, in determining the scaling type, not only can the size relationship in the corresponding direction be referenced, but also whether the first current size is the original size, so as to ensure that the original size is the maximum size.

[0155] S1120, according to the scaling type in each direction, scale the second virtual element in the virtual interface along the corresponding direction.

[0156] In this embodiment, the size of the second virtual element is the first current size, and scaling is performed based on the first current size. This is suitable for scenarios where the target element in the current interface is relatively large and the target blank area is relatively small, so as to improve the success rate of placing the target element. It is also suitable for scenarios where the target element is relatively small and the target blank area is relatively large, so as to improve the display effect after moving.

[0157] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the element processing steps in S550 are refined.

[0158] See Figure 12 The element processing steps include:

[0159] S1210, based on the first current size of the target element and the second current size of the element to be placed, determine the size change animation from the target element to the element to be placed.

[0160] The second current size is the size of the element to be placed, that is, the size of the final scaled result.

[0161] Among them, the size change animation effect can be understood as the dynamic effect of size change from the first current size to the second current size, that is, the animation effect.

[0162] S1220, plays a size change animation, and places the element to be placed in the target blank area after playback is complete.

[0163] In this embodiment, playing a size change animation on the current interface allows users to intuitively understand the size change process, improving the user experience. After the animation finishes, the element to be placed is placed in the target empty area, achieving the purpose of element movement.

[0164] Based on the technical solutions provided in the above embodiments, an optional embodiment is provided, in which the interface element moving method is further refined to include a target sub-element display step.

[0165] See Figure 13 The steps for displaying the target child element include:

[0166] S1310, if the target element includes at least one child element, obtain the arrangement of child elements corresponding to the second current size of the element to be placed, and the target child element corresponding to the element to be placed under the second current size.

[0167] The arrangement of child elements can include tiling and stacking, and of course, other arrangements are not limited here.

[0168] The arrangement of child elements differs depending on the second current size. For example, if the second current size is large, the child elements will be arranged in a tiling manner. Conversely, if the second current size is small, the child elements will be arranged in a stacked manner.

[0169] The target child element can be different depending on the second current size. For example, if the second current size is large, the target child element can be all the child elements under the target element; if the second current size is small, the target child element can be some of the child elements under the target element, such as the first two child elements among all the child elements.

[0170] S1320: Display each target child element in the element to be placed according to the arrangement of child elements.

[0171] In this embodiment, while placing the element to be placed, the target sub-element to be displayed and the arrangement of the sub-element are determined based on the second current size of the element to be placed. The target sub-element is then displayed according to the arrangement of the sub-element to ensure the reasonable display of the sub-element in the element to be placed and to improve the visual effect.

[0172] It should be understood that although the steps in the flowcharts of the above embodiments are shown sequentially according to the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the above embodiments may include multiple steps or multiple stages. These steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the steps or stages of other steps.

[0173] Based on the same inventive concept, in some embodiments, an interface element moving device for implementing the interface element moving method described above is also provided. The solution provided by this device is similar to the solution described in the above method. Therefore, the specific limitations of one or more interface element moving device embodiments provided below can be found in the limitations of the interface element moving method above, and will not be repeated here.

[0174] In one exemplary embodiment, such as Figure 14 As shown, a device for moving interface elements is provided, comprising: a first simulation module 1410, a first acquisition module 1420, a first scaling module 1430, a first determination module 1440, and a first placement module 1450, wherein:

[0175] The first simulation module 1410 is used to respond to a movement operation of a target element in the current interface to a target position. On the virtual interface corresponding to the current interface, a first virtual element is used to simulate the movement of the target element. The virtual interface has the same size as the current interface. The first virtual element has the same size as the target element.

[0176] The first acquisition module 1420 is used to acquire the reference size and the limit size of the target element when the size of the first virtual element does not match the target blank area corresponding to the target position during the simulated movement.

[0177] The first scaling module 1430 is used to scale the second virtual element in the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size in the virtual interface.

[0178] The first determining module 1440 is used to determine the element to be placed with the corresponding size of the scaling result during the scaling process, provided that the scaling result of the second virtual element can fit the target blank area and does not exceed the limit size; the element to be placed has the same function as the target element.

[0179] The first placement module 1450 is used to cancel the display of the target element in the current interface and place the element to be placed in the target blank area.

[0180] In one embodiment, the reference size is a preset maximum size; the first scaling module includes: a first scaling submodule, used to scale down the second virtual element in the virtual interface based on the preset maximum size.

[0181] In one embodiment, the first scaling submodule includes:

[0182] The first scaling unit is used to perform at least one scaling down process on the second virtual element on the virtual interface until the scaling result after the scaling down process can fit the target blank area.

[0183] In one embodiment, the first scaling unit includes:

[0184] The first determining sub-unit is used to determine the shrinking direction of the element to be shrunk in a single scaling process based on the parameter value of the direction parameter; the element to be shrunk during the first scaling is the second virtual element.

[0185] The first shrinking subunit is used to shrink the element to be shrunk according to the shrinking direction, so as to update the element to be shrunk and adjust the parameter value of the direction parameter.

[0186] Continue to shrink the sub-unit to continue the shrinking process until the updated element to be shrunk can fit into the target blank area; wherein, the direction parameter includes a first parameter value and a second parameter value; the shrinking direction corresponding to the first parameter value is the width direction; the shrinking direction corresponding to the second parameter value is the height direction.

[0187] In one embodiment, continuing to shrink the sub-unit is specifically used for: directly continuing the shrinking process when the updated element to be shrunk does not meet the preset support conditions; and ending the shrinking process when the updated element to be shrunk meets the preset support conditions and can fit the target blank area; wherein, the preset support conditions are that the aspect ratio of the updated element to be shrunk is within the preset aspect ratio range or the current size of the updated element to be shrunk exists in the preset size table.

[0188] In one embodiment, the first scaling unit is specifically used to: scale down the second virtual element by a unit size during each scaling-down process.

[0189] In one embodiment, the reference size is the first current size of the target element; the first scaling module is specifically used to: determine the size relationship between the target element and the target blank area in each direction according to the first current size and the size of the target blank area, and determine the scaling type in the corresponding direction according to the size relationship; and scale the second virtual element in the virtual interface along the corresponding direction according to the scaling type in each direction.

[0190] In one embodiment, the first placement module is specifically used to: determine a size change animation from the target element to the element to be placed based on the first current size of the target element and the second current size of the element to be placed; play the size change animation, and place the element to be placed in the target blank area after the playback is completed.

[0191] In one embodiment, the apparatus further includes:

[0192] The sub-element display module is used to obtain the sub-element arrangement method corresponding to the second current size of the element to be placed, and the target sub-element corresponding to the element to be placed under the second current size, when the target element includes at least one sub-element; and to display each target sub-element in the element to be placed according to the sub-element arrangement method.

[0193] In one exemplary embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as follows: Figure 14As shown, the computer device includes a processor, memory, input / output interfaces, a communication interface, a display unit, and an input device. The processor, memory, and input / output interfaces are connected via a system bus, and the communication interface, display unit, and input device are also connected to the system bus via the input / output interfaces. The processor provides computing and control capabilities. The memory includes non-volatile storage media and internal memory. The non-volatile storage media stores the operating system and computer programs. The internal memory provides the environment for the operation of the operating system and computer programs stored in the non-volatile storage media. The input / output interfaces are used for exchanging information between the processor and external devices. The communication interface is used for wired or wireless communication with external terminals; wireless communication can be achieved through Wi-Fi, mobile cellular networks, Near Field Communication (NFC), or other technologies. When executed by the processor, the computer program implements a volume adjustment method. The display unit is used to form a visually visible image and can be a display screen, a projection device, or a virtual reality imaging device. The display screen can be an LCD screen or an e-ink screen. The input device of the computer device can be a touch layer covering the display screen, or buttons, trackballs, or touchpads set on the casing of the computer device, or external keyboards, touchpads, or mice, etc.

[0194] Those skilled in the art will understand that Figure 15 The structure shown is merely a block diagram of a portion of the structure related to the present application and does not constitute a limitation on the computer device to which the present application is applied. Specific computer devices may include more or fewer components than those shown in the figure, or combine certain components, or have different component arrangements.

[0195] In one alternative embodiment, Figure 15 The computer device shown can be the aforementioned display device, such as a smart TV.

[0196] In one embodiment, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps in the above method embodiments.

[0197] In one embodiment, a computer program product is provided, including a computer program that, when executed by a processor, implements the steps in the above method embodiments.

[0198] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, data stored, data displayed, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of the relevant data must comply with relevant regulations.

[0199] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The computer program can be stored in a non-volatile computer-readable storage medium. When executed, the computer program can include the processes of the embodiments of the above methods. Any references to memory, databases, or other media used in the embodiments provided in this application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM). The databases involved in the embodiments provided in this application may include at least one type of relational database and non-relational database. Non-relational databases may include, but are not limited to, blockchain-based distributed databases. The processors involved in the embodiments provided in this application may be general-purpose processors, central processing units, graphics processing units, digital signal processors, programmable logic devices, quantum computing-based data processing logic devices, artificial intelligence (AI) processors, etc., and are not limited to these.

[0200] The technical features of the above embodiments can be combined in any way. For the sake of brevity, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0201] The above embodiments are merely illustrative of several implementation methods of this application, and their descriptions are relatively specific and detailed. However, they should not be construed as limiting the scope of this application. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of this application, and these all fall within the protection scope of this application. Therefore, the protection scope of this application should be determined by the appended claims.

Claims

1. A display device, characterized in that, include: The monitor is configured to display the interface. At least one controller is connected to the display device and configured to: In response to a move operation on a target element in the current interface to a target position, a first virtual element is used on the virtual interface corresponding to the current interface to simulate the movement of the target element; the virtual interface has the same size as the current interface; the first virtual element has the same size as the target element. During the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, the reference size and the limit size of the target element are obtained; The second virtual element is scaled in the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size in the virtual interface. During the scaling process, if the scaling result of the second virtual element can fit the target blank area and does not exceed the limit size, an element to be placed with the corresponding size of the scaling result is determined; the element to be placed has the same function as the target element. In the current interface, the target element is de-displayed, and the element to be placed is placed in the target blank area.

2. The display device according to claim 1, characterized in that, The reference size is a preset maximum size; Accordingly, when the controller performs the scaling process on the second virtual element in the virtual interface, it is configured to: Based on the preset maximum size, the second virtual element is scaled down in the virtual interface.

3. The display device according to claim 2, characterized in that, When the controller performs the scaling down process on the second virtual element in the virtual interface, it is configured to: On the virtual interface, the second virtual element is scaled down at least once until the scaling result can fit the target blank area.

4. The display device according to claim 3, characterized in that, When the controller performs at least one scaling down process on the second virtual element until the scaling result can fit the target blank area, it is configured as follows: During a scaling process, the scaling direction of the element to be scaled is determined based on the parameter value of the direction parameter; the element to be scaled during the first scaling is the second virtual element. The element to be shrunk is shrunk according to the shrinking direction to update the element to be shrunk and adjust the parameter value of the direction parameter. Continue the shrinking process until the updated element to be shrunk fits the target blank area; The direction parameters include a first parameter value and a second parameter value; the shrinkage direction corresponding to the first parameter value is the width direction; and the shrinkage direction corresponding to the second parameter value is the height direction.

5. The display device according to claim 4, characterized in that, The controller is configured to continue the shrinking process until the updated element to be shrunk can fit the target blank area: If the updated element to be shrunk does not meet the preset support conditions, the shrinking process continues directly; The shrinking process ends when the updated element to be shrunk meets the preset support conditions and can fit into the target blank area. The preset support condition is that the aspect ratio of the updated element to be shrunk is within the preset aspect ratio range or the current size of the updated element to be shrunk exists in the preset size table.

6. The display device according to claim 3, characterized in that, When the controller performs at least one scaling down process on the second virtual element until the scaling result of the second virtual element can fit the target blank area, it is configured to perform the following steps: In each scaling process, the second virtual element is scaled down by a unit size.

7. The display device according to claim 1, characterized in that, The reference size is the first current size of the target element; Accordingly, when performing the scaling process on the second virtual element in the virtual interface, the controller is configured to perform the following steps: Based on the first current size and the size of the target blank area, determine the size relationship between the target element and the target blank area in each direction, and determine the scaling type in the corresponding direction based on the size relationship; According to the scaling type in each direction, the second virtual element is scaled along the corresponding direction in the virtual interface.

8. The display device according to any one of claims 1 to 7, characterized in that, When the controller cancels the display of the target element and places the element to be placed in the target blank area, it is configured to perform the following steps: Based on the first current size of the target element and the second current size of the element to be placed, determine the size change animation from the target element to the element to be placed; Play the size change animation, and after the playback is complete, place the element to be placed in the target blank area.

9. The display device according to any one of claims 1 to 7, characterized in that, The controller is also configured to: When the target element includes at least one child element, obtain the arrangement of the child elements corresponding to the second current size of the element to be placed, and the target child element corresponding to the element to be placed under the second current size; According to the arrangement of the sub-elements, each of the target sub-elements is displayed in the element to be placed.

10. A method for moving interface elements, characterized in that, include: In response to a move operation on a target element in the current interface to a target position, a first virtual element is used on the virtual interface corresponding to the current interface to simulate the movement of the target element; the virtual interface has the same size as the current interface; the first virtual element has the same size as the target element. During the simulated movement, if the size of the first virtual element does not match the size of the target blank area corresponding to the target position, the reference size and the limit size of the target element are obtained; The second virtual element is scaled in the virtual interface; the second virtual element is the virtual element corresponding to the target element at the reference size in the virtual interface. During the scaling process, if the scaling result of the second virtual element can fit the target blank area and does not exceed the limit size, an element to be placed with the corresponding size of the scaling result is determined; the element to be placed has the same function as the target element. In the current interface, the target element is de-displayed, and the element to be placed is placed in the target blank area.

Images