Display method, intelligent terminal and storage medium

Abstract

The invention provides a display method, an intelligent terminal and a storage medium, the display method is applied to a display device, and the display method comprises the following steps: S10, in response to a first operation, determining or generating a display size of a target interface element according to the target interface element corresponding to the first operation and / or an element in a target component; and S20, according to the display size of the target interface element, displaying the target interface element in the target component, so that when a user operates the application icons, the display size of the combined application icons in the target component can be determined according to the number of the corresponding application icons, and the combined application icons are displayed, thereby facilitating the operation of the user.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to a display method, a smart terminal and a storage medium. Background Art

[0002] Currently, when application icons in a mobile terminal are merged, if the number of application icons is large, the application icons will be displayed in a stacked manner.

[0003] In the process of conceiving and implementing the present application, the inventors found that there are at least the following problems: when using application icons displayed in a stacked manner, the stacked application icons cannot be directly operated, thereby affecting the user experience.

[0004] The preceding description is intended to provide general background information and does not necessarily constitute prior art. Summary of the invention

[0005] In response to the above technical problems, the present application provides a display method, a smart terminal and a storage medium, so that when a user operates an application icon, he can determine the display size of the merged application icon in the target component according to the number of corresponding application icons, and display it to facilitate the user's operation.

[0006] The present application provides a display method, comprising the steps of:

[0007] S10, in response to the first operation, determining or generating a display size of a target interface element according to the target interface element and / or an element in the target component corresponding to the first operation;

[0008] S20. Display the target interface element in the target component according to the display size of the target interface element.

[0009] Optionally, the terminal device displays a first interface, which includes at least one component; the target component is different from the component where the target interface element is initially located.

[0010] Optionally, step S10 includes:

[0011] In response to a first operation of the user, the second interface is switched to, and a display size of the target interface element is determined or generated according to the target interface element indicated by the first operation and an element in a target component in the second interface.

[0012] Optionally, step S10 further includes:

[0013] In response to a first editing operation of the user on the target component, a first editing page is displayed in the first interface, and other interface elements are displayed in the first editing page, and the other interface elements are different from the elements in the target component;

[0014] In response to the second operation, determining or generating a target interface element among other interface elements;

[0015] In response to a first operation of the user, a display size of the target interface element is determined or generated according to the target interface element and an element in a target component indicated by the first operation.

[0016] Optionally, step S10 includes:

[0017] In response to a user's moving operation on a target interface element, a first operation of moving the target interface element to a target component is obtained;

[0018] The display size of the target interface element indicated by the first operation is determined or generated according to the target interface element indicated by the first operation and the elements in the target component indicated by the first operation.

[0019] Optionally, the other interface elements are interface elements associated with the display interface elements.

[0020] Optionally, step S10 includes:

[0021] In response to a first operation of the user, determining a target interface element indicated by the first operation and an element in a target component indicated by the first operation;

[0022] When the number of elements in the target component is less than or equal to the number of interface elements, the display size of the target interface element is determined or generated, and the number of interface elements is determined according to the display size of the target component.

[0023] Optionally, when the number of elements in the target component is greater than the number of interface elements, a corresponding prompt message is output.

[0024] Optionally, the display content of the interface element in the target component corresponds to the display size of the interface element.

[0025] Optionally, the method further comprises:

[0026] In response to the third operation, the interface element to be removed in the target component is moved out of the target component, and the display size of the interface element not removed in the target component is adjusted;

[0027] The non-removed interface elements are displayed in the target component according to the display size of the non-removed interface elements in the target component.

[0028] Optionally, the terminal device displays a first interface, and the first interface displays a target component, and the method further includes:

[0029] In response to a second editing operation on the target component, displaying a second editing page in the first interface;

[0030] In response to the fourth operation, the display size of the target component and the display size of the interface elements within the target component are adjusted.

[0031] Optionally, the method further comprises:

[0032] In response to the fifth operation, the display component is added to the second interface.

[0033] The present application also provides an intelligent terminal, including: a memory and a processor, wherein a display program is stored in the memory, and when the display program is executed by the processor, the steps of the above method are implemented.

[0034] The present application also provides a computer storage medium, which stores a computer program. When the computer program is executed by a processor, the steps of the above method are implemented.

[0035] As mentioned above, the display method of the present application is applied to a smart terminal, and includes the steps of: S10, in response to a first operation, determining or generating the display size of the target interface element according to the target interface element and / or the element in the target component corresponding to the first operation; S20, displaying the target interface element in the target component according to the display size of the target interface element. Through the above technical solution, the function of displaying application icons can be realized, solving the problem that stacked application icons are inconvenient to operate, thereby improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] The drawings herein are incorporated into the specification and constitute a part of the specification, illustrate embodiments consistent with the present application, and are used together with the specification to explain the principles of the present application. In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments are briefly introduced below. Obviously, for ordinary technicians in this field, other drawings can be obtained based on these drawings without creative labor.

[0037] Figure 1 A schematic diagram of the hardware structure of a smart terminal for implementing each embodiment of the present application;

[0038] Figure 2 A communication network system architecture diagram provided for an embodiment of the present application;

[0039] Figure 3 A schematic diagram of a flow chart of a display method provided in an embodiment of the present application;

[0040] Figure 4 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 1 ;

[0041] Figure 5Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 2 ;

[0042] Figure 6 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 3 ;

[0043] Figure 7 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 4 .

[0044] The realization of the purpose, functional features and advantages of this application will be further described in conjunction with the embodiments and with reference to the accompanying drawings. The above-mentioned drawings have shown clear embodiments of this application, which will be described in more detail later. These drawings and textual descriptions are not intended to limit the scope of the concept of this application in any way, but to illustrate the concept of this application to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0045] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present application. Instead, they are merely examples of devices and methods consistent with some aspects of the present application as detailed in the appended claims.

[0046] It should be noted that, in this article, the terms "include", "comprises" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "includes a ..." does not exclude the existence of other identical elements in the process, method, article or device including the element. In addition, components, features, and elements with the same name in different embodiments of the present application may have the same meaning or different meanings, and their specific meanings need to be determined by their explanation in the specific embodiment or further combined with the context of the specific embodiment.

[0047] It should be understood that, although the terms first, second, third, etc. may be used to describe various information in this article, these information should not be limited to these terms. These terms are only used to distinguish the same type of information from each other. For example, without departing from the scope of this article, the first information may also be referred to as the second information, and similarly, the second information may also be referred to as the first information. Depending on the context, the word "if" as used herein can be interpreted as "at the time of" or "when" or "in response to determination". Furthermore, as used in this article, the singular forms "one", "one" and "the" are intended to also include plural forms, unless there is an opposite indication in the context. It should be further understood that the terms "comprising", "including" indicate the existence of features, steps, operations, elements, components, projects, kinds, and / or groups, but do not exclude the existence, occurrence or addition of one or more other features, steps, operations, elements, components, projects, kinds, and / or groups. The terms "or", "and / or", "including at least one of the following" etc. used in this application can be interpreted as inclusive, or mean any one or any combination. For example, “comprising at least one of the following: A, B, C” means “any of the following: A; B; C; A and B; A and C; B and C; A and B and C”, and for another example, “A, B or C” or “A, B and / or C” means “any of the following: A; B; C; A and B; A and C; B and C; A and B and C”. An exception to this definition will only occur when a combination of elements, functions, steps or operations are inherently mutually exclusive in some manner.

[0048] It should be understood that, although the various steps in the flowchart in the embodiment of the present application are displayed in sequence according to the indication of the arrows, these steps are not necessarily performed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps does not have a strict order restriction, and it can be performed in other orders. Moreover, at least a portion of the steps in the figure may include a plurality of sub-steps or a plurality of stages, and these sub-steps or stages are not necessarily performed at the same time, but can be performed at different times, and their execution order is not necessarily performed in sequence, but can be performed in turn or alternately with other steps or at least a portion of the sub-steps or stages of other steps.

[0049] As used herein, the words "if" and "if" may be interpreted as "at the time of" or "when" or "in response to determining" or "in response to detecting", depending on the context. Similarly, the phrases "if it is determined" or "if (stated condition or event) is detected" may be interpreted as "when it is determined" or "in response to determining" or "when detecting (stated condition or event)" or "in response to detecting (stated condition or event)", depending on the context.

[0050] It should be noted that in this article, step codes such as S10 and S20 are used for the purpose of expressing the corresponding content more clearly and concisely, and do not constitute a substantial limitation on the sequence. When implementing the step, those skilled in the art may execute S20 first and then S10, etc., but these should all be within the scope of protection of this application.

[0051] It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0052] In the subsequent description, the suffixes such as "module", "component" or "unit" used to represent elements are only used to facilitate the description of the present application, and have no specific meanings. Therefore, "module", "component" or "unit" can be used in a mixed manner.

[0053] The smart terminal may be implemented in various forms. For example, the smart terminal described in this application may include smart terminals such as mobile phones, tablet computers, laptop computers, PDAs, portable media players (PMPs), navigation devices, wearable devices, smart bracelets, pedometers, etc., as well as fixed terminals such as digital TVs and desktop computers.

[0054] The following description will be made by taking a mobile terminal as an example, and those skilled in the art will understand that, in addition to components specifically used for mobile purposes, the construction according to the embodiments of the present application can also be applied to fixed-type terminals.

[0055] See also Figure 1 , which is a schematic diagram of the hardware structure of a mobile terminal for implementing various embodiments of the present application, the mobile terminal 100 may include: RF (Radio Frequency, radio frequency) unit 101, WiFi module 102, audio output unit 103, A / V (audio / video) input unit 104, sensor 105, display unit 106, user input unit 107, interface unit 108, memory 109, processor 110, and power supply 111 and other components. Those skilled in the art can understand that Figure 1 The structure of the mobile terminal shown in the figure does not constitute a limitation on the mobile terminal. The mobile terminal may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0056] Combine the following Figure 1 The following is a detailed introduction to the various components of the mobile terminal:

[0057] The radio frequency unit 101 can be used for receiving and sending signals during information transmission or communication. Specifically, after receiving the downlink information of the base station, it is sent to the processor 110 for processing; in addition, the uplink data is sent to the base station. Generally, the radio frequency unit 101 includes but is not limited to an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, etc. In addition, the radio frequency unit 101 can also communicate with the network and other devices through wireless communication. The above-mentioned wireless communications may use any communication standard or protocol, including but not limited to GSM (Global System of Mobile communication), GPRS (General Packet Radio Service), CDMA2000 (Code Division Multiple Access 2000), WCDMA (Wideband Code Division Multiple Access), TD-SCDMA (Time Division-Synchronous Code Division Multiple Access), FDD-LTE (Frequency Division Duplexing- Long Term Evolution), TDD-LTE (Time Division Duplexing- Long Term Evolution) 5G and 6G, etc.

[0058] WiFi is a short-range wireless transmission technology. Mobile terminals can help users send and receive emails, browse web pages, and access streaming media through WiFi module 102. It provides users with wireless broadband Internet access. Figure 1 The WiFi module 102 is shown, but it is understandable that it is not an essential component of the mobile terminal and can be omitted as needed without changing the essence of the invention.

[0059] The audio output unit 103 can convert the audio data received by the RF unit 101 or the WiFi module 102 or stored in the memory 109 into an audio signal and output it as sound when the mobile terminal 100 is in a call signal reception mode, a talk mode, a recording mode, a voice recognition mode, a broadcast reception mode, etc. Moreover, the audio output unit 103 can also provide audio output related to a specific function performed by the mobile terminal 100 (for example, a call signal reception sound, a message reception sound, etc.). The audio output unit 103 may include a speaker, a buzzer, etc.

[0060] The A / V input unit 104 is used to receive audio or video signals. The A / V input unit 104 may include a graphics processor (GPU) 1041 and a microphone 1042, and the graphics processor 1041 processes the image data of a static picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The processed image frame can be displayed on the display unit 106. The image frame processed by the graphics processor 1041 can be stored in the memory 109 (or other storage medium) or sent via the radio frequency unit 101 or the WiFi module 102. The microphone 1042 can receive sound (audio data) via the microphone 1042 in a telephone call mode, a recording mode, a voice recognition mode, and the like, and can process such sound into audio data. The processed audio (voice) data can be converted into a format output that can be sent to a mobile communication base station via the radio frequency unit 101 in the case of a telephone call mode. The microphone 1042 can implement various types of noise elimination (or suppression) algorithms to eliminate (or suppress) noise or interference generated in the process of receiving and sending audio signals.

[0061] The mobile terminal 100 also includes at least one sensor 105, such as a light sensor, a motion sensor, and other sensors. Optionally, the light sensor includes an ambient light sensor and a proximity sensor. Optionally, the ambient light sensor can adjust the brightness of the display panel 1061 according to the brightness of the ambient light, and the proximity sensor can turn off the display panel 1061 and / or the backlight when the mobile terminal 100 is moved to the ear. As a type of motion sensor, the accelerometer sensor can detect the magnitude of acceleration in all directions (generally three axes), and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the posture of the mobile phone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer, tapping), etc.; as for other sensors that can also be configured on the mobile phone, such as fingerprint sensors, pressure sensors, iris sensors, molecular sensors, gyroscopes, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be repeated here.

[0062] The display unit 106 is used to display information input by the user or information provided to the user. The display unit 106 may include a display panel 1061, which may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like.

[0063] The user input unit 107 can be used to receive input digital or character information, and generate key signal input related to user settings and function control of the mobile terminal. Optionally, the user input unit 107 may include a touch panel 1071 and other input devices 1072. The touch panel 1071, also known as a touch screen, can collect user touch operations on or near it (such as operations performed by users using fingers, styluses, or any other suitable objects or accessories on or near the touch panel 1071), and drive corresponding connection devices according to a pre-set program. The touch panel 1071 may include a touch detection device and a touch controller. Optionally, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into touch point coordinates, and then sends it to the processor 110, and can receive and execute commands sent by the processor 110. In addition, the touch panel 1071 can be implemented in various types such as resistive, capacitive, infrared, and surface acoustic wave. In addition to the touch panel 1071, the user input unit 107 may also include other input devices 1072. Optionally, the other input devices 1072 may include, but are not limited to, one or more of a physical keyboard, a function key (such as a volume control key, a switch key, etc.), a trackball, a mouse, a joystick, etc., which are not specifically limited here.

[0064] Optionally, the touch panel 1071 may cover the display panel 1061. When the touch panel 1071 detects a touch operation on or near it, it transmits the information to the processor 110 to determine the type of touch event. Then, the processor 110 provides corresponding visual output on the display panel 1061 according to the type of touch event. Figure 1 In the figure, the touch panel 1071 and the display panel 1061 are used as two independent components to implement the input and output functions of the mobile terminal. However, in some embodiments, the touch panel 1071 and the display panel 1061 can be integrated to implement the input and output functions of the mobile terminal, which is not limited here.

[0065] The interface unit 108 serves as an interface through which at least one external device can be connected to the mobile terminal 100. For example, the external device may include a wired or wireless headset port, an external power supply (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a device with an identification module, an audio input / output (I / O) port, a video I / O port, a headphone port, etc. The interface unit 108 may be used to receive input (e.g., data information, power, etc.) from an external device and transmit the received input to one or more elements within the mobile terminal 100 or may be used to transmit data between the mobile terminal 100 and an external device.

[0066] The memory 109 can be used to store software programs and various data. The memory 109 can mainly include a program storage area and a data storage area. Optionally, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area can store data created according to the use of the mobile phone (such as audio data, a phone book, etc.), etc. In addition, the memory 109 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0067] The processor 110 is the control center of the mobile terminal. It uses various interfaces and lines to connect various parts of the entire mobile terminal. It executes various functions of the mobile terminal and processes data by running or executing software programs and / or modules stored in the memory 109, and calling data stored in the memory 109, so as to monitor the mobile terminal as a whole. The processor 110 may include one or more processing units; preferably, the processor 110 may integrate an application processor and a modem processor. Optionally, the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the above-mentioned modem processor may not be integrated into the processor 110.

[0068] The mobile terminal 100 may further include a power supply 111 (such as a battery) for supplying power to various components. Preferably, the power supply 111 may be logically connected to the processor 110 via a power management system, thereby implementing functions such as charging, discharging, and power consumption management through the power management system.

[0069] although Figure 1 Not shown, the mobile terminal 100 may further include a Bluetooth module, etc., which will not be described in detail here.

[0070] In order to facilitate understanding of the embodiments of the present application, the communication network system on which the mobile terminal of the present application is based is described below.

[0071] See also Figure 2 , Figure 2 A communication network system architecture diagram is provided for an embodiment of the present application, wherein the communication network system is an LTE system of universal mobile communication technology, and the LTE system includes a UE (User Equipment) 201, an E-UTRAN (Evolved UMTS Terrestrial Radio Access Network) 202, an EPC (Evolved Packet Core) 203 and an operator's IP service 204, which are connected in sequence for communication.

[0072] Optionally, UE201 may be the above-mentioned terminal 100, which will not be described in detail here.

[0073] E-UTRAN 202 includes eNodeB 2021 and other eNodeBs 2022 , etc. Optionally, eNodeB 2021 may be connected to other eNodeBs 2022 via a backhaul (eg, an X2 interface), and eNodeB 2021 is connected to EPC 203 , and eNodeB 2021 may provide UE 201 with access to EPC 203 .

[0074] EPC203 may include MME (Mobility Management Entity) 2031, HSS (Home Subscriber Server) 2032, other MMEs 2033, SGW (Serving GateWay) 2034, PGW (PDN Gate Way) 2035, and PCRF (Policy and Charging Rules Function) 2036. Optionally, MME 2031 is a control node that processes signaling between UE 201 and EPC 203, and provides bearer and connection management. HSS 2032 is used to provide some registers to manage functions such as a home location register (not shown in the figure), and store some user-specific information such as service features and data rates. All user data can be sent through SGW2034. PGW2035 can provide IP address allocation and other functions for UE 201. PCRF2036 is the policy and charging control policy decision point for service data flow and IP bearer resources. It selects and provides available policy and charging control decisions for the policy and charging execution function unit (not shown in the figure).

[0075] The IP service 204 may include the Internet, an intranet, an IMS (IP Multimedia Subsystem) or other IP services.

[0076] Although the above introduction takes the LTE system as an example, those skilled in the art should know that the present application is not only applicable to the LTE system, but also to other wireless communication systems, such as GSM, CDMA2000, WCDMA, TD-SCDMA, 5G and future new network systems (such as 6G), etc., without limitation here.

[0077] Based on the above-mentioned mobile terminal hardware structure and communication network system, various embodiments of the present application are proposed.

[0078] In the prior art, the customized shortcuts supported by components are currently limited to desktop definitions, and have not yet been connected with shortcuts in other locations of the system, such as the smart sidebar and control center, which limits their usage scenarios. At the same time, when users drag widgets to the position of existing widgets, a stack will be formed. Although it can be viewed by swiping up and down, only one window of information can be displayed at a time, and most other widgets need to be manually slid out to access.

[0079] Figure 3 A flow chart of a display method provided in an embodiment of the present application is shown in FIG. Figure 3 As shown, the processing method is applied to a terminal device, and the method comprises the steps of:

[0080] S10. In response to a first operation, determine or generate a display size of a target interface element according to a target interface element and / or an element in a target component corresponding to the first operation.

[0081] Optionally, the first operation may refer to an operation of moving an element. In some embodiments, the first operation may refer to the first specific action performed by a user when interacting with the software or application. This action may be any form of interaction such as clicking a button, inputting text, sliding a screen, etc. In an embodiment of the present application, the first operation may be an operation of moving a target interface element to a target position.

[0082] Interface elements may refer to various component elements on the user interface of a terminal device that a user can directly see and interact with. Such elements include, but are not limited to, buttons, text boxes, sliders, icons, pictures, and lists. They not only provide visual feedback, but also allow users to interact with the device by touching, clicking, or inputting to complete specific tasks or operations. In some embodiments, interface elements may be displayed on the terminal device in the form of application icons.

[0083] The target interface element may refer to the interface element selected by the first operation.

[0084] A component may refer to a collection of different interface elements in a terminal device, for example, a component composed of a map app and a music app. The component may be displayed on a smart terminal and may display application icons of the two apps separately.

[0085] The target component may refer to the component selected by the first operation and into which the target interface element is incorporated. The component may be composed of one interface element or a set of multiple interface elements.

[0086] Optionally, there may be multiple interface elements selected by the first operation, and the multiple interface elements may all be target interface elements, may all be elements in the target component, or may be composed of target interface elements and elements in the target component.

[0087] The display size of the target interface element may refer to the display size of the target interface element in the target component, that is, the display ratio occupied by the target component.

[0088] S20. Display the target interface element in the target component according to the display size of the target interface element.

[0089] Optionally, the display size of the target interface element can be determined according to the number of elements in the target component. The more interface elements there are in the target component, the smaller the display size of the target interface element in the component. For example, when the target component is a 4*4 grid, there are 2 elements in the target component, one of which is a 2*2 grid and the other is a 2*1 grid. When there is 1 target interface element, the display size of the target interface element can be a 2*1 grid. When there are 2 target interface elements, the display size of the target interface element can be a 1*1 grid.

[0090] Optionally, the display size of the target interface element can also be determined based on the distribution of elements in the target component. For example, when the target component is a 4*4 grid, and there are 3 elements in the target component, one of which is a 2*2 grid and the other two are 2*1 grids, the three elements in the target component are adjusted to a 2*2 grid size, and the display size of the target interface element can be a 2*2 grid size. That is, two interface elements of the same size automatically change, the information is streamlined, and each becomes half of the original size, and is tiled in the target component of the original size.

[0091] for example, Figure 4 Interface diagram of the first interface provided in the embodiment of the present application Figure 1 ,like Figure 4 As shown in a~d in , the terminal device displays the interface elements of the sports health app. When the user merges the interface elements, he can touch and hold the interface elements of the music app to drag the interface elements of the music app to the location of the interface elements of the sports health app. After releasing the touch, the two interface elements of the same size automatically change, the information is simplified, and each becomes half of the original size, and is tiled in the target component of the original size. When continuing to add interface elements such as shortcuts and desktop icons, drag them to the corresponding position, and the size of the corresponding target interface element automatically adapts to the target component and is tiled.

[0092] Optionally, the target interface element may be adaptively displayed in the target component according to the display size of the target interface element.

[0093] Optionally, the terminal device displays a first interface, which includes at least one component; the target component is different from the component where the target interface element is initially located.

[0094] Optionally, the first interface may refer to an interface on the terminal device for interacting with the user. In some embodiments, the terminal device may include multiple interfaces, and the first interface may be one of the multiple interfaces.

[0095] The target component and the target interface element are initially located in different components, which may mean that the target interface element (such as an application icon or control) is initially located in a specific interface component, such as the interface component of a sports health app. Through user operations (such as dragging), this interface element is moved or copied to another different component, such as a shortcut panel or a collection of desktop icons. That is, the target interface element is located at a different position on the terminal device than the target component before being moved. This different position may represent that the target component and the target interface element have different positions on the first interface, or may represent different positions on different interfaces.

[0096] Optionally, in the embodiment of the present application, step S10 includes:

[0097] In response to a user's moving operation on a target interface element, a first operation of moving the target interface element to a target component is obtained;

[0098] The display size of the target interface element indicated by the first operation is determined or generated according to the target interface element indicated by the first operation and the elements in the target component indicated by the first operation.

[0099] Therefore, when the user moves the target interface element (such as an application icon) to the target component through a drag operation, the terminal device will recognize the move operation and add the element to the target component. Then, according to the target interface element and the existing elements in the target component, the display size of the target interface element will be automatically adjusted to ensure that it is reasonably laid out in the new position and coordinated with the existing elements, thereby improving the overall aesthetics and ease of use of the interface.

[0100] Optionally, when the target component and the target interface element are in different interfaces, in the embodiment of the present application, step S10 includes:

[0101] In response to a first operation of the user, the second interface is switched to, and a display size of the target interface element is determined or generated according to the target interface element indicated by the first operation and an element in a target component in the second interface.

[0102] Optionally, the second interface may be an interface on the terminal device that is different from the first interface. For example, the first interface may be the main interface after the terminal device is unlocked, and the second interface may be another interface after the user performs a switching operation on the first interface. Figure 4 As shown, the interface elements of the sports health app and the interface elements of the music app can be interface elements on different interfaces.

[0103] Optionally, the second interface may include a desktop layout interface, a control center interface, a smart sidebar interface, a negative one screen interface, and a shortcut interface in an application.

[0104] When the target interface elements and target components on different interfaces are merged and displayed, the first operation may be to select the target interface element or the target component, switch the interface to the interface where the target component or the target interface element is located, and then drag the target interface element or the target component to the position where the target component or the target interface element is located. The terminal device determines or generates the display size of the target interface element based on the target interface element indicated by the first operation and the elements in the target component in the second interface.

[0105] for example, Figure 5 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 2 ,like Figure 5 As shown, when the target interface element is dragged and moved, the target interface element can be dragged and moved to a target component of a second interface such as a control center interface, a smart sidebar interface, or a quick entry interface.

[0106] Optionally, step S10 further includes:

[0107] In response to a first editing operation of the user on the target component, a first editing page is displayed in the first interface, and other interface elements are displayed in the first editing page, and the other interface elements are different from the elements in the target component;

[0108] In response to the second operation, determining or generating a target interface element among other interface elements;

[0109] In response to a first operation of the user, a display size of the target interface element is determined or generated according to the target interface element and an element in a target component indicated by the first operation.

[0110] Optionally, the first editing operation may refer to an operation performed by a user to edit or modify the target component, which may trigger a pop-up from the current interface to enter a page specifically used for editing (i.e., the first editing page). In some embodiments, this operation may be to click an editing button, long press an element, or start the editing mode by a specific gesture. For example, on the home screen of the terminal device, the user may enter the editing mode by long pressing an application icon, and the first editing page is displayed in the first interface.

[0111] The first editing page may refer to a page used for merging interface elements. After the first editing page is popped up, other interface elements that are not merged into the target component may be displayed on the first editing page.

[0112] The second operation may refer to an operation for selecting and confirming a target interface element among other interface elements on the first editing page. In an embodiment of the present application, the second operation includes but is not limited to clicking, long pressing, audio control, gesture control, or eye control.

[0113] Optionally, other interface elements are interface elements associated with the display interface elements. Among them, the display interface elements may refer to the interface elements in the target component for performing the first editing operation. The interface elements associated with the display interface elements may refer to a certain logical or functional connection, which may be determined based on factors such as similar functions, content relevance, or user behavior habits. For example, if the display interface element is an interface element of an alarm clock app, the other interface elements may be interface elements related to the date. If the display interface element is an interface element of a map app, the other interface elements may be interface elements of a taxi app based on user usage habits. Therefore, when displaying other interface elements, these related interface elements may be displayed first, thereby improving the user's operational convenience and the overall consistency of the interface.

[0114] After determining the target interface element among other interface elements through the second operation, the display size of the target interface element can be determined or generated according to the target interface element and the element in the target component indicated by the first operation in response to the user's first operation. The first operation in response to the user can refer to the operation of merging the representations on the first editing page.

[0115] for example, Figure 6 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 3 ,like Figure 6As shown in d, the terminal device can display a first editing page at the bottom of the screen in response to the user's first editing operation on the target component, wherein the first editing page includes application icons of other interface elements that can be added. For example, there are three application icons representing other interface elements of the weather app, and each application icon is provided with a control "+" for adding the representing element. The terminal device determines or generates the target interface element in response to the user's click operation on the control "+" (the second operation). Finally, the user can determine or generate the display size of the target interface element by clicking the "Confirm" control or by voice control according to the target interface element and the element in the target component indicated by the first operation.

[0116] Among them, when determining the target interface element, if the other interface elements currently displayed are not the target interface elements that the user needs to add, the user can switch the other interface elements currently displayed by sliding the area where the other interface elements are located.

[0117] Optionally, when adding the target interface element to the target component, other interface elements that will be associated with the target interface element may be combined in the target component. For example, Figure 7 Schematic diagram of the display interface in the terminal device provided in the embodiment of the present application Figure 4 ,like Figure 7 As shown in a, a default combination form is provided to the user at the location where the interface elements are added. This figure is a business schedule suite, which includes a schedule, a notepad, and a world clock. Figure 7 As shown in b, the target component includes the dual-city weather, which contains the 2*2 weather widgets of the two cities and the 1*1 information of the rainfall probability, air quality and other indices of each city; Figure 7 As shown in c, the target component is a travel kit, which includes a map, a weather 1*2 widget, and the rainfall probability and air quality index of the corresponding city.

[0118] Optionally, the method further comprises:

[0119] In response to the third operation, the interface element to be removed in the target component is moved out of the target component, and the display size of the interface element not removed in the target component is adjusted;

[0120] The non-removed interface elements are displayed in the target component according to the display size of the non-removed interface elements in the target component.

[0121] Optionally, the third operation may refer to an operation of removing interface elements in the target component. In the embodiment of the present application, the second operation includes but is not limited to click, long press, audio control, gesture control or eye control. The interface elements to be removed may refer to the interface elements to be removed selected by the third operation, and the interface elements not removed may refer to the interface elements not selected by the third operation and thus retained.

[0122] For example, Figure 6 As shown in d, a control “-” representing element removal is set on the application icon corresponding to each interface element in the target component. The terminal device responds to the user's click operation on the control “-” (the third operation) to determine the interface elements to be removed and the interface elements that have not been removed in the target component.

[0123] After moving the interface elements to be removed from the target component, the terminal device can automatically adjust the display size of these unremoved interface elements according to the number of remaining unremoved interface elements and the spatial layout of the current target component to optimize space utilization and maintain the aesthetics and functionality of the interface.

[0124] Optionally, when automatically adjusting the display size of the interface elements that have not been removed, the display size may also be adjusted according to the usage of the interface elements that have not been removed. For example, the interface elements that are used more frequently may be preferentially enlarged for display.

[0125] Optionally, step S10 includes:

[0126] In response to a first operation of the user, determining a target interface element indicated by the first operation and an element in a target component indicated by the first operation;

[0127] When the number of elements in the target component is less than or equal to the number of interface elements, determining or generating the display size of the target interface element, the number of interface elements is determined according to the display size of the target component;

[0128] When the number of elements in the target component is greater than the number of interface elements, the corresponding prompt message is output.

[0129] Optionally, the elements in the target component are less than or equal to the number of interface elements, which may refer to a condition under which the target component can add target interface elements when the sum of the number of target interface elements added to the target component and the number of elements already in the target component does not reach the number of interface elements that represents the upper limit of the number of interface elements that can be merged by the target component. For example, when the target component is a 4*4 grid, if the minimum size of an interface element is a 1*1 grid, the upper limit of the number of interface elements that can be merged by the target component is 16. If the sum of the number of target interface elements added to the target component and the number of elements already in the target component is less than or equal to 16, the display size of the target interface element can be determined or generated and displayed.

[0130] The number of elements in the target component is greater than the number of interface elements, which means that when the sum of the number of target interface elements added to the target component and the number of elements already in the target component reaches the number of interface elements that represents the upper limit of the number of interface elements that can be merged in the target component, the target component cannot add the target interface element. For example, when the target component is a 2*2 grid, if the minimum size of an interface element is a 1*1 grid, the upper limit of the number of interface elements that can be merged in the target component is 4. If the sum of the number of target interface elements added to the target component and the number of elements already in the target component is greater than 4, the target interface element cannot be added to the target component.

[0131] When the target interface element cannot be added to the target component, a corresponding prompt message can be output to the user to prompt the user to cancel the merging of the target interface elements or adjust the grid size of the target component. The prompt message can be output in the form of a dialog box or a language broadcast. The content of the prompt message can be "Your target component has reached the maximum capacity and no new interface elements can be added. Please try to delete some existing elements or resize them to make room for new elements." In this way, not only the user is informed of the reason why the current operation is restricted, but also practical solution suggestions are provided to help users better manage and optimize their interface layout.

[0132] Optionally, the display content of the interface element in the target component corresponds to the display size of the interface element. This means that the display content of the interface element will be automatically adjusted according to its display size in the target component. For example, when an application icon is assigned a larger display area, the icon and its related text description will be enlarged accordingly to show more details; and when the icon is placed in a smaller area, the icon and text will be reduced or simplified to ensure that they are still clearly legible in a limited space, thereby ensuring the overall aesthetics of the interface and the effective communication of information. For example, Figure 4As shown in c and d in the figure, when the display size of the interface elements of the music app is a 2*2 grid size, the image content of the music being played can be displayed on the application icon corresponding to the interface elements of the music app. When the display size of the interface elements of the music app is a 1*2 grid size, the image content of the music being played on the application icon corresponding to the interface elements of the music app will not be displayed.

[0133] Optionally, the terminal device displays a first interface, and the first interface displays a target component, and the method further includes:

[0134] In response to a second editing operation on the target component, displaying a second editing page in the first interface;

[0135] In response to the fourth operation, the display size of the target component and the display size of the interface elements within the target component are adjusted.

[0136] Optionally, the second editing operation may refer to an operation performed by a user to edit or modify the target component, which may trigger a pop-up from the current interface to enter a page specifically used for editing (i.e., the second editing page). In some embodiments, this operation may be to click an editing button, long press an element, or start the editing mode by a specific gesture. For example, on the home screen of the terminal device, the user may enter the editing mode by long pressing an application icon, and display the second editing page in the first interface.

[0137] The second editing page may refer to a page used for merging interface elements. After the second editing page is popped up, the layout of the interface elements in the target component may be displayed on the second editing page.

[0138] The fourth operation may refer to an operation for selecting and confirming the selection of the layout mode on the second editing page.

[0139] Optionally, the second editing page can be the same editing page as the first editing page, for example Figure 6 As shown in d in FIG. 1 , when the second editing page and the first editing page are the same editing page, the layout mode control is set above the control for adding other interface elements.

[0140] The second editing page or the first editing page can be generated according to the editing menu, such as Figure 6 As shown in a, the terminal device can pop up an edit menu in response to the user's operation on the target component, and the edit menu includes options for editing the plug-in and removing. When the user clicks on the edit plug-in, the second editing page or the first editing page can be displayed, and when the user clicks on remove, the target component can be removed from the terminal device.

[0141] Optionally, the method further comprises:

[0142] In response to the fifth operation, the display component is added to the second interface.

[0143] Optionally, the fifth operation may be an operation of adding the display component from the first interface to the second interface, wherein the fifth operation includes but is not limited to an operation of moving the display component and an operation of selecting to add the display component to the second interface. Figure 6 As shown in a~c in , the editing menu of the target component may also include an "Add to lock screen" option and an "Add to AOD" option. The editing menu adds the target component to the lock screen or AOD in response to the user clicking the "Add to lock screen" option or the "Add to AOD" option.

[0144] The display method provided in the embodiment of the present application realizes efficient integration of information by seamlessly connecting the desktop layout, control center, smart sidebar, negative one screen and application shortcuts through a grid layout of the element interface in the terminal device; multiple components are presented in an adaptive size rather than a stacked manner, giving users a more flexible arrangement and combination experience; in addition, the components are not limited to the desktop, but also extend to the lock screen, negative one screen and screen off interface, putting services in the forefront, allowing users to access required information more quickly and conveniently.

[0145] The present application also provides an intelligent terminal, which includes a memory and a processor. The memory stores a display program, and when the display program is executed by the processor, the steps of the display method in any of the above embodiments are implemented.

[0146] The present application also provides a computer-readable storage medium, on which a display program is stored. When the display program is executed by a processor, the steps of the display method in any of the above embodiments are implemented.

[0147] In the embodiments of the smart terminal and computer-readable storage medium provided in the present application, all technical features of any of the above-mentioned display method embodiments may be included, and the expanded and explained contents of the specification are basically the same as those of the embodiments of the above-mentioned methods, and will not be repeated here.

[0148] The embodiment of the present application further provides a computer program product, which includes a computer program code. When the computer program code runs on a computer, the computer executes the methods in the above various possible implementation modes.

[0149] An embodiment of the present application also provides a chip, including a memory and a processor, the memory is used to store a computer program, and the processor is used to call and run the computer program from the memory, so that a device equipped with the chip executes the methods in various possible implementation modes as described above.

[0150] It is understood that the above scenarios are only examples and do not constitute a limitation on the application scenarios of the technical solutions provided in the embodiments of the present application. The technical solutions of the present application can also be applied to other scenarios. For example, it is known to those skilled in the art that with the evolution of the system architecture and the emergence of new business scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0151] The serial numbers of the above-mentioned embodiments of the present application are for description only and do not represent the advantages or disadvantages of the embodiments.

[0152] The steps in the method of the embodiment of the present application can be adjusted in order, combined and deleted according to actual needs.

[0153] The units in the device of the embodiment of the present application can be merged, divided and deleted according to actual needs.

[0154] In the present application, the same or similar terminology concepts, technical solutions and / or application scenario descriptions are generally described in detail only the first time they appear. When they appear again later, they are generally not repeated for the sake of brevity. When understanding the technical solutions and other contents of the present application, for the same or similar terminology concepts, technical solutions and / or application scenario descriptions that are not described in detail later, reference can be made to the previous related detailed descriptions.

[0155] In the present application, the description of each embodiment has its own emphasis. For parts that are not described or recorded in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0156] The various technical features of the technical solution of the present application can be arbitrarily combined. In order to make the description concise, not all possible combinations of the various 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 the present application.

[0157] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) as above, and includes a number of instructions for a terminal device (which can be a mobile phone, a computer, a server, a controlled terminal, or a network device, etc.) to execute the method of each embodiment of the present application.

[0158] In the above embodiments, it can be implemented in whole or in part by software, hardware, firmware or any combination thereof. When implemented using software, it can be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on the computer, the process or function according to the embodiment of the present application is generated in whole or in part. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website site, a computer, a server or a data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, server or data center. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server, a data center, etc. that contains one or more available media integrated. The available medium can be a magnetic medium (e.g., a floppy disk, a storage disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state storage disk Solid State Disk (SSD)), etc.

[0159] The above are only preferred embodiments of the present application, and are not intended to limit the patent scope of the present application. Any equivalent structure or equivalent process transformation made using the contents of the present application specification and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present application.

Claims

1. A display method, characterized in that: The method comprises the steps of: S10, in response to a first operation, determining or generating a display size of the target interface element according to the target interface element and / or an element in the target component corresponding to the first operation; S20. Display the target interface element in the target component according to the display size of the target interface element.

2. The method according to claim 1, characterized in that The terminal device displays a first interface, the first interface includes at least one component; the target component is different from the component where the target interface element is initially located; And / or, the step S10 includes: In response to a first operation of the user, switching to a second interface, and determining or generating a display size of the target interface element according to the target interface element indicated by the first operation and an element in the target component in the second interface; And / or, the step S10 further includes: In response to a first editing operation of the user on the target component, displaying a first editing page in the first interface, wherein other interface elements are displayed in the first editing page, and the other interface elements are different from the elements in the target component; In response to the second operation, determining or generating a target interface element among the other interface elements; In response to a first operation of the user, a display size of the target interface element is determined or generated according to the target interface element and an element in a target component indicated by the first operation.

3. The method according to claim 1, characterized in that: The step S10 comprises: In response to a user's moving operation on the target interface element, obtaining a first operation of moving the target interface element to the target component; The display size of the target interface element indicated by the first operation is determined or generated according to the target interface element indicated by the first operation and the elements in the target component indicated by the first operation.

4. The method according to claim 3, characterized in that The other interface elements are interface elements associated with the display interface elements.

5. The method according to claim 1, characterized in that The step S10 comprises: In response to a first operation of a user, determining a target interface element indicated by the first operation and an element in a target component indicated by the first operation; When the number of elements in the target component is less than or equal to the number of interface elements, the display size of the target interface element is determined or generated, and the number of interface elements is determined according to the display size of the target component.

6. The method according to claim 5, characterized in that When the number of elements in the target component is greater than the number of interface elements, a corresponding prompt message is output.

7. The method according to any one of claims 1 to 6, characterized in that The display content of the interface element in the target component corresponds to the display size of the interface element; and / or, The method further comprises: In response to a third operation, the interface element to be removed in the target component is moved out of the target component, and the display size of the interface element not removed in the target component is adjusted; According to the display size of the interface elements not removed in the target component, the interface elements not removed are displayed in the target component.

8. The method according to any one of claims 1 to 6, characterized in that The terminal device displays a first interface, in which the target component is displayed. The method further includes: In response to a second editing operation on the target component, displaying a second editing page in the first interface; In response to the fourth operation, adjusting the display size of the target component and the display size of the interface elements in the target component; And / or, the method further comprises: In response to a fifth operation, the display component is added to the second interface.

9. An intelligent terminal, characterized in that: The intelligent terminal comprises: a memory and a processor, wherein a display program is stored in the memory, and when the display program is executed by the processor, the steps of the method according to any one of claims 1 to 8 are implemented.

10. A readable storage medium, characterized in that: The readable storage medium stores a computer program, and when the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.

Images