Interface display methods and electronic devices

Abstract

This application provides an interface display method and an electronic device, applied to an electronic device. The interface display method includes: in response to a triggered operation to display an input method, displaying an input method window in a display interface and updating input method insets data, wherein an embedded window is displayed in the display interface; according to the updated input method insets data, controlling the embedded window in the display interface to move its position as a whole through a host window to avoid the input method window, thereby realizing that when the input method window pops up, the embedded window can move its position as a whole instead of being squeezed and moved upward, the content displayed in the embedded window will not be squeezed, and the embedded window can still display complete content after the input method window pops up.

Description

Technical Field

[0001] This application relates to the field of terminals, and more particularly to an interface display method and an electronic device. Background Technology

[0002] With the development of terminal technology, more and more terminals have multi-window display capabilities. For example, after triggering the display of the input method window in the embedded window of a card application, the terminal interface will display both the input method window and the embedded window at the same time.

[0003] Currently, after the input method window is triggered, the embedded window will be squeezed and moved upwards to avoid the input method window. However, after the embedded window is squeezed and moved upwards, the content displayed in the embedded window will also be squeezed, affecting the user experience. Summary of the Invention

[0004] To address the aforementioned technical problems, this application proposes an interface display method and an electronic device. In this method, the electronic device, in response to a triggered operation to display an input method, displays an input method window on a display interface and updates the input method insets data. The display interface includes an embedded window. Based on the updated input method insets data, the embedded window in the display interface is moved as a whole through a host window to avoid the input method window. This prevents the embedded window from being squeezed upwards when the input method window appears, ensuring that the content displayed in the embedded window is not compressed, thus improving the user experience.

[0005] Firstly, a method for displaying an interface is provided, applied to an electronic device. This method includes: in response to a triggered operation to display an input method, displaying an input method window on a display interface and updating input method inserts data, wherein an embedded window is displayed on the display interface; and, based on the updated input method inserts data, controlling the embedded window in the display interface to move its position as a whole to avoid the input method window via a host window. Thus, when the electronic device displays an input method window on a display interface in response to a triggered operation to display an input method, and after updating the input method inserts data, the host window can control the embedded window to move its position to avoid the input method window while maintaining its integrity. This prevents the embedded window from being compressed due to the triggering of the input method window display, ensuring that the content displayed in the embedded window is not compressed and that the embedded window can still display its content clearly and completely after the input method window is triggered.

[0006] For example, the electronic device is a mobile phone.

[0007] For example, the host window can be the display window of a card application.

[0008] For example, the embedded window can be a payment window of a payment application triggered on a card application.

[0009] For example, the input method window can pop up in response to a payment operation on the payment window.

[0010] For example, the input method inserts data includes the window state information of the input method window and the window position information of the input method window.

[0011] For example, the window status information may be identification information indicating whether the input method window is visible.

[0012] For example, the window position information of the input method window can be the vertex coordinates of the four vertices of the rectangular area corresponding to the input method window.

[0013] According to the first aspect, the step of controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method inserts data includes: distributing the updated input method inserts data to each visible window other than the embedded window, wherein each visible window includes at least the host window of the embedded window; and controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method inserts data. In this way, since the updated input method inserts data is distributed to each visible window other than the embedded window, but not to the embedded window, the embedded window will not perceive the update of the input method inserts data, and therefore will not be squeezed or moved upwards. At this time, based on the updated input method inserts data, the embedded window in the display interface can be controlled to move completely within the host window to avoid the input method window, thus ensuring the integrity of the embedded window (preventing it from being squeezed) while controlling it to avoid the input method window.

[0014] For example, the visible window is a window visible on the display interface of an electronic device.

[0015] According to the first aspect, or any implementation thereof, the step of dispatching the updated input method inserts data to each visible window other than the embedded window includes: traversing each visible window to determine whether the visible window is the embedded window; if the visible window is not the embedded window, then dispatching the updated input method inserts data to the visible window. In this way, by traversing each visible window, the embedded window among the visible windows can be accurately identified, thereby avoiding sending the input method inserts data to the embedded window, preventing the embedded window from sensing the update of the input method inserts data, and thus preventing the embedded window from being squeezed upwards due to sensing the update of the input method inserts data.

[0016] According to the first aspect, or any implementation thereof, the step of controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method inserts data includes: dispatching the updated input method inserts data separately to the host window of the embedded window; and controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method inserts data. In this way, since the updated input method inserts data is dispatched separately to the host window of the embedded window, the embedded window will not be aware of the updated input method inserts data. Therefore, the embedded window will not be squeezed or moved upwards. At this time, by controlling the embedded window to move completely within the host window to avoid the input method window based on the updated input method inserts data, the integrity of the embedded window (it will not be squeezed) can be guaranteed when controlling the embedded window to avoid the input method window.

[0017] According to the first aspect, or any implementation thereof, the step of controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method insets data includes: determining the view layout information of the embedded window in the host window based on the updated input method insets data; and controlling the overall position movement of the embedded window based on the view layout information. In this way, after ensuring that the updated input method insets data is not dispatched to the embedded window to maintain its integrity, the embedded window can be used as a view of the host window. This allows for the calculation of the view layout information of the embedded window in the host window, and, based on the view layout information, the embedded window, as a view of the host window, can be controlled to move its position completely within the host window. This achieves the goal of controlling the overall position movement of the embedded window after triggering the display of the input method window.

[0018] According to the first aspect, or any implementation thereof, the updated input method inserts data includes the first window position information of the input method window. Determining the view layout information of the embedded window in the host window based on the updated input method inserts data includes: obtaining the second window position information of the embedded window; and determining the view layout information of the embedded window in the host window based on the first window position information and the second window position information. Thus, based on the second window position information of the embedded window and the first window position information of the input method window, the view layout information in the host window when the embedded window needs to avoid the input method window can be accurately calculated. Therefore, based on the view layout information, the embedded window can be controlled to move completely within the host window as a view, ensuring that the embedded window can accurately avoid the input method window.

[0019] For example, the position can be moved upwards.

[0020] For example, the first window position information and the second window position information can be the distance between the window and the edge of the display interface of the electronic device.

[0021] For example, the first window position information and the second window position information can be the position coordinates of the window in the display interface of the electronic device.

[0022] According to the first aspect, or any implementation of the first aspect above, the first window position information includes the top position information of the input method window, the second window position information includes the bottom position information of the embedded window, and the view layout information includes the top movement distance of the window and the bottom position of the window after movement. Determining the view layout information of the embedded window in the host window based on the first window position information and the second window position information includes: determining the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window; and determining the bottom position of the window after movement based on the top position information of the input method window. Thus, based on the bottom position information of the embedded window and the top position information of the input method window, the top movement distance of the embedded window during the upward movement is calculated. This top movement distance can be used to determine the top position of the embedded window after movement. Furthermore, based on the top position information of the input method window, the bottom position of the window after movement can be determined. Therefore, when the embedded window cannot perceive the update of the input method inserts data, it can be ensured that the embedded window can accurately avoid the input method window, preventing the embedded window from being obscured by the input method window.

[0023] For example, based on the top position information of the input method window, the top position of the input method window is used as the bottom position of the embedded window after it is moved.

[0024] According to the first aspect, or any implementation of the first aspect above, the top position information includes top position coordinates, and the bottom position information includes bottom position coordinates. The step of determining the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window includes: calculating the difference between the top position coordinates and the bottom position coordinates to obtain the position coordinate difference; and determining the top movement distance of the window based on the position coordinate difference. In this way, the top movement distance of the embedded window that needs to be moved upwards can be quantitatively calculated using the difference between the top position coordinates of the input method window and the bottom position coordinates of the embedded window, ensuring that the embedded window can accurately avoid other embedded windows after moving upwards.

[0025] For example, the bottom position coordinates can be the vertical coordinates of the embedded window on the display interface of the electronic device, and the top position coordinates can be the vertical coordinates of the input method window on the display interface of the electronic device.

[0026] According to the first aspect, or any implementation of the first aspect above, the view layout information includes the top movement distance of the window and the bottom position of the window after movement. Controlling the overall position movement of the embedded window based on the view layout information includes: controlling the top position of the embedded window to move upwards by the top movement distance; and controlling the bottom position of the embedded window to move until it aligns with the top position of the input method window based on the bottom position after movement. Thus, by controlling the top position of the embedded window to move upwards by the top movement distance, the bottom position of the embedded window can be moved upwards to near the top position of the input method window. Further fine-tuning of the upward-moved position of the embedded window, ensuring that the embedded window accurately avoids the input method window, allows for precise adjustments to the position of the embedded window after movement.

[0027] For example, the bottom position of the embedded window is equal to the top position of the input method window after it is moved up.

[0028] For example, the size of the embedded window remains unchanged before and after it is moved up.

[0029] Secondly, a user interface display device is provided. The user interface display device is applied to an electronic device, and the user interface display device includes:

[0030] An input method display unit is used to display an input method window in a display interface and update the input method inserts data in response to a triggered operation. The display interface displays an embedded window.

[0031] The embedded window moving unit is used to control the position of the embedded window in the display interface to move as a whole according to the updated input method insets data through the host window, so as to avoid the input method window.

[0032] According to the second aspect, the embedded window moving unit is further configured to separately dispatch the updated input method insets data to the host window of the embedded window; and control the overall position movement of the embedded window in the display interface through the host window according to the updated input method insets data.

[0033] According to the second aspect, or any implementation of the second aspect above, the embedded window moving unit is further configured to dispatch the updated input method insets data to each visible window other than the embedded window, wherein each visible window includes at least the host window of the embedded window; and control the overall position movement of the embedded window in the display interface through the host window according to the updated input method insets data.

[0034] According to the second aspect, or any implementation of the second aspect above, the embedded window moving unit is further configured to separately dispatch the updated input method insets data to the host window of the embedded window; and control the overall position movement of the embedded window in the display interface through the host window according to the updated input method insets data.

[0035] According to the second aspect, or any implementation of the second aspect above, the embedded window moving up unit is further configured to determine whether the visible window is the embedded window by traversing each visible window; if the visible window is not the embedded window, then the updated input method insets data is dispatched to the visible window.

[0036] According to the second aspect, or any implementation of the second aspect above, the embedded window moving unit is further configured to determine the view layout information of the embedded window in the host window based on the updated input method insets data; and control the embedded window to move its position as a whole based on the view layout information.

[0037] According to the second aspect, or any implementation of the second aspect above, the updated input method insets data includes the first window position information of the input method window, and the embedded window up-moving unit is further used to obtain the second window position information of the embedded window; and to determine the view layout information of the embedded window in the host window based on the first window position information and the second window position information.

[0038] According to the second aspect, or any implementation of the second aspect above, the first window position information includes the top position information of the input method window, the second window position information includes the bottom position information of the embedded window, the view layout information includes the top movement distance of the window and the bottom position of the window after movement, and the embedded window moving up unit is further configured to determine the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window; and determine the bottom position of the window after movement based on the top position information of the input method window.

[0039] According to the second aspect, or any implementation of the second aspect above, the top position information includes top position coordinates, the bottom position information includes bottom position coordinates, and the embedded window moving up unit is further configured to calculate the difference between the top position coordinates and the bottom position coordinates to obtain the position coordinate difference; and determine the top moving distance of the window based on the position coordinate difference.

[0040] According to the second aspect, or any implementation of the second aspect above, the view layout information includes the top movement distance of the window and the bottom position of the window after movement. The embedded window moving unit is further used to control the top position of the embedded window to move up by the top movement distance of the window; and according to the bottom position of the window after movement, control the bottom position of the embedded window to move to match the top position of the input method window.

[0041] For example, the size of the embedded window remains unchanged before and after it is moved up.

[0042] The second aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the second aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here.

[0043] Thirdly, an electronic device is provided. The electronic device includes: one or more processors; a memory; and one or more computer programs, wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by the one or more processors, the electronic device performs the following steps: in response to a triggered operation to display an input method, displaying an input method window in a display interface and updating input method insets data, wherein an embedded window is displayed in the display interface; and, based on the updated input method insets data, controlling the embedded window in the display interface to move its position as a whole to avoid the input method window via a host window.

[0044] According to a third aspect, when the computer program is executed by the one or more processors, the electronic device performs the following steps: dispatching updated input method insets data to each visible window other than the embedded window, wherein each visible window includes at least the host window of the embedded window; and controlling the overall position movement of the embedded window in the display interface through the host window according to the updated input method insets data.

[0045] According to the third aspect, or any implementation thereof, when the computer program is executed by the one or more processors, the electronic device performs the following steps: by traversing each visible window, determining whether the visible window is the embedded window; if the visible window is not the embedded window, then dispatching updated input method insets data to the visible window.

[0046] According to the third aspect, or any implementation thereof, when the computer program is executed by the one or more processors, the electronic device performs the following steps: dispatching updated input method insets data separately to the host window of the embedded window; and controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method insets data.

[0047] According to the third aspect, or any implementation thereof, when the computer program is executed by the one or more processors, the electronic device performs the following steps: determining the view layout information of the embedded window in the host window based on the updated input method insets data; and controlling the embedded window to move its position as a whole based on the view layout information.

[0048] According to the third aspect, or any implementation of the third aspect above, the updated input method insets data includes the first window position information of the input method window. When the computer program is executed by the one or more processors, the electronic device performs the following steps: obtaining the second window position information of the embedded window; determining the view layout information of the embedded window in the host window based on the first window position information and the second window position information.

[0049] According to the third aspect, or any implementation of the third aspect above, the first window position information includes the top position information of the input method window, the second window position information includes the bottom position information of the embedded window, and the view layout information includes the top movement distance of the window and the bottom position of the window after movement. When the computer program is executed by the one or more processors, the electronic device performs the following steps: determining the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window; and determining the bottom position of the window after movement based on the top position information of the input method window.

[0050] According to the third aspect, or any implementation of the third aspect above, the top position information includes top position coordinates, and the bottom position information includes bottom position coordinates. When the computer program is executed by the one or more processors, the electronic device performs the following steps: calculating the difference between the top position coordinates and the bottom position coordinates to obtain the position coordinate difference; and determining the top movement distance of the window based on the position coordinate difference.

[0051] According to the third aspect, or any implementation of the third aspect above, the view layout information includes the top movement distance of the window and the bottom position of the window after movement. When the computer program is executed by the one or more processors, the electronic device performs the following steps: controlling the top position of the embedded window to move up by the top movement distance of the window; and controlling the bottom position of the embedded window to move to match the top position of the input method window based on the bottom position of the window after movement.

[0052] For example, the size of the embedded window remains unchanged before and after it is moved up.

[0053] The third aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the third aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here.

[0054] Fourthly, a computer-readable storage medium is provided. The medium includes a computer program that, when run on an electronic device, causes the electronic device to perform the interface display method of the first aspect and any one thereof. For example, the electronic device may be a mobile phone.

[0055] The fourth aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the fourth aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here.

[0056] Fifthly, embodiments of this application provide a computer program including instructions for performing the methods of the first aspect and any possible implementation thereof.

[0057] The fifth aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the fifth aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here.

[0058] Sixthly, embodiments of this application provide a chip including a processing circuit and transceiver pins. The transceiver pins and the processing circuit communicate with each other via internal connection paths. The processing circuit executes the methods in the third aspect or any possible implementation of the third aspect to control the receiving pin to receive signals and to control the transmitting pin to transmit signals. For example, the chip is a chip for an electronic device, such as a mobile phone.

[0059] The sixth aspect and any implementation thereof correspond to the first aspect and any implementation thereof, respectively. The technical effects of the sixth aspect and any implementation thereof are similar to those of the first aspect and any implementation thereof, and will not be repeated here. Attached Figure Description

[0060] Figure 1 This is an exemplary schematic diagram showing the interface comparison before and after the input method window is squeezed and moved upwards;

[0061] Figure 2 This is an example diagram illustrating the components of an electronic device;

[0062] Figure 3 This is an exemplary software structure block diagram of an electronic device;

[0063] Figure 4 This is a schematic flowchart illustrating an embodiment of an interface display method.

[0064] Figure 5 This is an example of a payment interface that is an embedded window. The payment interface is shown as a comparison diagram of the interface before and after the embedded window is moved up as a whole.

[0065] Figure 6 This is an exemplary embodiment illustrating the module interaction diagram between the application layer and the system framework layer;

[0066] Figure 7 This is a schematic flowchart illustrating another embodiment of the interface method provided;

[0067] Figure 8 This is a schematic flowchart illustrating one embodiment of the process for distributing updated inserts data;

[0068] Figure 9 This is a schematic flowchart illustrating another embodiment of the interface method provided;

[0069] Figure 10 This is a timing flowchart illustrating the module interaction in one exemplary embodiment;

[0070] Figure 11 This is a schematic diagram of the structure of a device provided in an embodiment of this application. Detailed Implementation

[0071] The terms "first," "second," and "third," etc., used in this application specification, claims, and drawings are used to distinguish different objects, not to limit a specific order.

[0072] In the embodiments of this application, the terms "exemplary" or "for example" are used to indicate that something is an example, illustration, or description. Any embodiment or design that is described as "exemplary" or "for example" in the embodiments of this application should not be construed as being more preferred or advantageous than other embodiments or design. Specifically, the use of the terms "exemplary" or "for example" is intended to present the relevant concepts in a specific manner.

[0073] To ensure clarity and conciseness in the description of the following embodiments, a brief introduction to an implementation scheme of an electronic device is first given:

[0074] Currently, when an electronic device displays an input method window, the embedded window typically moves upwards and out of the way to avoid it. However, this often results in the embedded window's content being compressed, affecting the integrity and clarity of its display. Figure 1The image shows a comparison of the electronic device's display interface before and after the input method window pops up. After the input method window pops up, the embedded window is compressed, its size decreases, and the original content in the embedded window cannot be fully displayed in the compressed window. Figure 1 This is an illustrative scene diagram showing the display before and after the existing input method window pops up.

[0075] To address the problems existing in the above technical solutions, this application provides an interface display method applied to an electronic device. The interface display method includes: in response to a triggered operation to display an input method, displaying an input method window in a display interface and updating input method insets data, wherein an embedded window is displayed in the display interface; and, based on the updated input method insets data, controlling the embedded window in the display interface to move its position as a whole through a host window to avoid the input method window.

[0076] The provided interface display method is applicable to various electronic devices, including mobile phones, tablets, desktops, laptops, notebooks, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, personal digital assistants (PDAs), wearable electronic devices, and smartwatches. Among these, the structure of electronic devices using this interface display method can be as follows: Figure 2 As shown.

[0077] like Figure 2 As shown, Figure 2The following is an example diagram of the composition of an electronic device provided in this application. The electronic device 200 may include a processor 210, an external memory interface 220, an internal memory 221, a universal serial bus (USB) interface 230, a charging management module 240, a power management module 241, a battery 242, an antenna 1, an antenna 2, a mobile communication module 250, a wireless communication module 260, an audio module 270, a speaker 270A, a receiver 270B, a microphone 270C, a headphone jack 270D, a sensor module 280, buttons 290, a motor 291, an indicator 292, a camera 293, a display screen 294, and a subscriber identification module (SIM) card interface 295, etc. The sensor module 280 may include a pressure sensor 280A, a gyroscope sensor 280B, a barometric pressure sensor 280C, a magnetic sensor 280D, an accelerometer sensor 280E, a distance sensor 280F, a proximity sensor 280G, a fingerprint sensor 280H, a temperature sensor 280J, a touch sensor 280K, an ambient light sensor 280L, a bone conduction sensor 280M, etc.

[0078] It is understood that the structure illustrated in this embodiment does not constitute a specific limitation on the electronic device 200. In other embodiments, the electronic device 200 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0079] Processor 210 may include one or more processing units, such as application processors (APs), modem processors, graphics processing units (GPUs), image signal processors (ISPs), controllers, video codecs, digital signal processors (DSPs), baseband processors, and / or neural network processing units (NPUs). These different processing units may be independent devices or integrated into one or more processors.

[0080] The controller can be the nerve center and command center of the electronic device 200. The controller can generate operation control signals based on the instruction opcode and timing signals to control the fetching and execution of instructions.

[0081] The processor 210 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 210 is a cache memory. This memory can store instructions or data that the processor 210 has just used or that are used repeatedly. If the processor 210 needs to use the instruction or data again, it can directly retrieve it from the memory. This avoids repeated accesses, reduces the waiting time of the processor 210, and thus improves the efficiency of the system.

[0082] In some embodiments, the processor 210 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0083] It is understood that the interface connection relationships between the modules illustrated in this embodiment are merely illustrative and do not constitute a structural limitation on the electronic device 200. In other embodiments of this application, the electronic device 200 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0084] The wireless communication function of electronic device 200 can be implemented through antenna 1, antenna 2, mobile communication module 250, wireless communication module 260, modem processor, and baseband processor.

[0085] The wireless communication module 260 can provide solutions for wireless communication applications on the electronic device 200, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 260 can be one or more devices integrating at least one communication processing module. The wireless communication module 260 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 210. The wireless communication module 260 can also receive signals to be transmitted from processor 210, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0086] In some embodiments, antenna 1 of electronic device 200 is coupled to mobile communication module 250, and antenna 2 is coupled to wireless communication module 260, enabling electronic device 200 to communicate with networks and other devices via wireless communication technology. The wireless communication technology may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

[0087] Electronic device 200 implements display functions through a GPU, a display screen 294, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 294 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 210 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0088] The display screen 294 of the electronic device 200 can display a series of graphical user interfaces (GUIs), which serve as the main screen of the electronic device 200. Generally, the size of the display screen 294 of the electronic device 200 is fixed, and only a limited number of controls can be displayed on the display screen 294. A control is a GUI element, a software component contained in an application, that controls all data processed by the application and interactive operations related to that data. Users can interact with controls through direct manipulation, thereby reading or editing information related to the application. Generally, controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets. For example, in this embodiment, the display screen 291 can display virtual buttons (one-click arrangement, start arrangement, scene arrangement).

[0089] Electronic device 200 can perform shooting functions through ISP, camera 293, video codec, GPU, display screen 294 and application processor.

[0090] Electronic device 200 can implement audio functions such as music playback and recording through audio module 270, speaker 270A, receiver 270B, microphone 270C, headphone jack 270D, and application processor.

[0091] In addition, an operating system runs on top of the aforementioned components. Examples include HarmonyOS, iOS, Android (open-source operating system), and Windows. Applications can be installed and run on this operating system.

[0092] Figure 3 This is a software structure block diagram of an electronic device provided in an embodiment of this application.

[0093] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments of this application, the software architecture of an electronic device includes at least three layers, from top to bottom: the application layer, the application framework layer, and the hardware abstraction layer.

[0094] The application layer may include a series of application packages. These application packages may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS. In some embodiments of this application, the application layer may also include embedded window services, embedded window modules, and embedded window interface modules.

[0095] The embedded window module is used to implement the main functions of embedded window display interaction, including start / exit control, window display control, state synchronization, and event transmission.

[0096] The embedded window interface module is used to encapsulate the embedded window capability interface and provide it to the host process for invocation.

[0097] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions. For example... Figure 3 As shown, the application framework layer may include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, etc. The window manager is used to manage window programs. The window manager can obtain the screen size, determine if a status bar exists, lock the screen, capture the screen, etc. In some embodiments of this application, the application framework layer also includes an AMS module, a WMS module, and an embedded window interface set.

[0098] The AMS module is used to implement embedded Activity startup and lifecycle management.

[0099] The WMS module is used to implement embedded task management, control activity transitions within tasks, focus and visibility management of embedded window scenes, and configuration update and compatibility management.

[0100] The embedded window interface set is used to provide the system application with its own interface.

[0101] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0102] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0103] A phone manager is used to provide communication functions for electronic devices. For example, it manages call status (including connection and disconnection).

[0104] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0105] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0106] The hardware abstraction layer is the interface layer between the operating system kernel and the hardware circuit of the electronic device 200, and its purpose is to abstract the hardware.

[0107] For ease of understanding, the following embodiments of this application will be described using the following methods: Figure 2 and Figure 3 Taking the electronic device 200 with the structure shown as an example, the interface display method provided in this application embodiment will be specifically described in conjunction with the accompanying drawings and application scenarios.

[0108] Figure 4 This is a flowchart illustrating an embodiment of the interface display method provided in this application.

[0109] like Figure 4 As shown, the above-described interface display method is applied to an electronic device, on which an embedded window is displayed. The interface display method includes:

[0110] Step S10: In response to the triggered operation of displaying the input method, display the input method window in the display interface and update the input method inserts data, wherein the display interface displays an embedded window;

[0111] Step S20: Based on the updated input method insets data, the embedded window in the display interface is moved as a whole through the host window to avoid the input method window.

[0112] It should be noted that the input method can be displayed by clicking the input box, scanning a QR code, or using a gesture. This operation can be triggered within an embedded window or within the host window of the embedded window.

[0113] In general, when an embedded window is displayed on the interface of an electronic device, if an operation to display an input method is triggered, the input method window will appear first on the interface, and then the embedded window will be squeezed upwards. After being squeezed upwards, the content displayed in the embedded window will also be squeezed. Compared to before the squeeze and upward movement, users usually need to slide the displayed content within the embedded window to see the complete content, affecting the user's viewing experience. In this embodiment, in response to the triggered operation to display the input method, an input method window is displayed on the display interface, and the input method inserts data is updated. The embedded window is displayed on the display interface, and then the embedded window is used as the view of the host window. Based on the updated input method inserts data, the host window controls the overall position movement of the embedded window on the display interface to avoid the input method window, so that the embedded window is not squeezed and can still display the complete content.

[0114] For example, based on the updated input method insets data, the embedded window in the display interface can be moved upwards as a whole through the host window.

[0115] Reference Figure 5 Taking WeChat's payment interface as an embedded window as an example, after the input method window pops up, the payment interface will move as a whole as an embedded window, and the payment interface can still display the complete content.

[0116] In this embodiment, in response to the triggered input method display operation, the input method window is displayed on the display interface of the electronic device, and the input method inserts data is updated. The updated input method inserts data is dispatched to the host window of the embedded window, but not to the embedded window itself. Based on the updated input method inserts data, the host window controls the embedded window in the display interface as a view to move the embedded window as a whole to avoid the input method window.

[0117] When dispatching updated input method inserts data, the updated input method inserts data can be dispatched to the host window alone, or it can be dispatched to all visible windows except the embedded window.

[0118] In one feasible approach, such as Figure 6The diagram shown illustrates the module interaction between the application layer and the system framework layer in one embodiment of the interface display process. When the embedded window triggers an input operation (displaying the input method) on the payment interface, the embedded window sends a pop-up input method request to the input method framework. The input method framework then sends a request to invoke the input method interface to the input method application. At this time, the input method application controls the input method window to be displayed on the electronic device's display interface. When the input method window is displayed, the input method inserts data is updated accordingly. The input method application sends the updated input method inserts data to the Window Service Framework (WMS). The Window Service Framework distributes the updated input method inserts data to all visible windows, but not to the embedded window. These visible windows include the host window of the embedded window. In this way, visible windows other than the embedded window will be squeezed and moved upward according to the updated insets data to avoid the input method window. However, since the embedded window does not receive the updated insets data, it cannot perceive that the input method window has popped up. In order for the embedded window to avoid the embedded window, the card application interface (host window) will treat the embedded window as a view and control the embedded window to move upward as a whole within the host window to avoid the input method window. Since the embedded window does not directly perceive the input method window and move upward, the embedded window will not be squeezed during the upward movement. The embedded window can still display the complete content after the input method window pops up.

[0119] Figure 7 A flowchart illustrating an interface method provided in another embodiment of this application is shown below. Figure 7 As shown, the above interface display method is based on the first embodiment, and step S20 includes:

[0120] Step S201: Distribute the updated input method insets data to each visible window except the embedded window, wherein each visible window includes at least the host window of the embedded window;

[0121] Step S202: Based on the updated input method insets data, the embedded window in the display interface is moved as a whole through the host window.

[0122] After updating the input method inserts data, each visible window is traversed to check if it is an embedded window. If a visible window is not an embedded window, the updated inserts data is dispatched to the visible window. In this way, the updated input method inserts data can be dispatched to each visible window except the embedded window. Each visible window includes at least the host window of the embedded window. After receiving the updated inserts data, the host window can calculate the view layout information of the embedded window in the host window based on the updated inserts data. Based on the view layout information, the embedded window is used as a view to control the overall upward movement of the embedded window.

[0123] In one feasible approach, such as Figure 8 The diagram illustrates a flowchart of one embodiment of the updated inserts data dispatch process in this example. The input method framework's class "inputMethodManager" sends an input method inserts data update request to the input method application's class "InsetsSourceProvider." "InsetsSourceProvider" updates the input method inserts data and sends the updated data to the Window Service Framework (WMS). Upon receiving the updated inserts data, the Window Service Framework triggers inserts data dispatch. Within the Window Service Framework: the class "InsetsStateController.notifyInsetsChange" iterates through all visible windows and sends the results to the class "WindowState.isEmbeddedWindow." The class "WindowState.isEmbeddedWindow" determines whether a visible window is an embedded window. If not, it notifies the class "WindowState.notifyInsetsChanged" to dispatch the updated inserts data to the visible windows. Visible windows include the host window of the embedded window, thus completing the process of the Window Service Framework dispatching updated inserts data to visible windows other than embedded windows. After receiving the updated inserts data, the host window will send the updated inserts data to the host window view frame. The host window view frame will recalculate the view layout information of the embedded window in the host window based on the received updated inserts data. Thus, based on the recalculated view layout information, the embedded window can be moved up as a view of the host window. Furthermore, the size of the embedded window can be kept unchanged before and after the upward movement by controlling the view layout information.

[0124] Figure 9 A flowchart illustrating an interface method provided in another embodiment of this application is shown below. Figure 9 As shown, the step of controlling the overall position movement of the embedded window in the display interface through the host window based on the updated input method insets data includes:

[0125] Step A10: Determine the view layout information of the embedded window in the host window based on the updated input method insets data;

[0126] Step A20: Based on the view layout information, control the embedded window to move its position as a whole.

[0127] The host window receives the updated input method insets data, which includes the first window position information of the input method window and the second window position information of the embedded window. The host window calculates the view layout information of the embedded window in the host window based on the first window position information and the second window position information. The host window controls the embedded window to move up completely as a view based on the view layout information.

[0128] In one feasible approach, the first window position information can be the top position information of the input method window, the second window position information can be the bottom position information of the embedded window, and the view layout information can be the top movement distance of the window and the bottom position of the window after movement. The host window sends the updated inserts data to the host window view frame. The host window view frame obtains the bottom position information of the embedded window and, based on the bottom position information of the embedded window and the top position information of the input method window in the updated inserts data, calculates the position difference between the bottom position of the embedded window and the top position of the input method window after the input method window pops up, and obtains the distance that the top position of the embedded window needs to be moved up, which is the top movement distance of the window. The top position of the input method window is used as the bottom position of the embedded window after the complete upward movement, which is the bottom position of the window after movement. The host window view frame feeds back the top movement distance of the window and the bottom position of the window after movement to the host window. The host window can control the top position of the embedded window to move up by the top movement distance of the window, and, based on the bottom position of the window after movement, control the bottom position of the embedded window to move to match the top position of the input method window.

[0129] The bottom position of the embedded window and the top position of the input method window can be aligned if the distance between them is less than a preset distance threshold, which can be a value close to 0, such as 0.01cm or 0.1cm; or the bottom position of the embedded window and the top position of the input method window can be aligned if they are equal.

[0130] In one feasible approach, the top position information of the input method window can be the top position coordinates, and the bottom position information of the embedded window can be the bottom position coordinates. The specific process of calculating the view layout information is as follows: First, calculate the difference offs between the bottom position coordinates visibleRect.bottom of the embedded window and the top position coordinates imeTop of the input method window: offs = visibleRect.bottom - imeTop; then calculate the top movement distance of the embedded window visibleRect.top: visibleRect.top = -offs; finally, calculate that the bottom position coordinates visibleRect.bottom of the embedded window are equal to the top position coordinates imeTop of the input method window: visibleRect.bottom = imeTop.

[0131] Figure 10 This is a timing flowchart of module interaction in one embodiment of this application, such as... Figure 10As shown, after receiving a request to pop up the input method, the input method framework launches the input method window and notifies the inserts data management service to update the input method inserts data. After updating the input method inserts data, the inserts data management service sends the updated inserts data to the window management service, which in turn iterates through all visible windows to determine whether a visible window is an embedded window. If a visible window is not an embedded window, it triggers the dispatch of the updated inserts data to the visible windows. Thus, the window management service dispatches the updated inserts data to all visible windows except the embedded window. Each visible window includes the host window. After receiving the updated inserts data, the host window obtains the size and position data of the embedded window. Based on the received updated input method inserts data and the size and position data of the embedded window, it calculates the view layout information of the embedded window in the host window, determines the position of the embedded window, and controls the embedded window to move as a whole according to the view layout information, such as moving it upwards. In this way, the embedded window will not be aware of the updated input method inserts data. Therefore, the embedded window will not be squeezed or moved upwards because it is a visible window and is aware of the input method window popping up. Furthermore, the host window can calculate the view layout information based on the updated input method inserts data and the size and position data of the embedded window. The view layout information can determine the position of the embedded window, so that the embedded window avoids the input method window. Therefore, it can be guaranteed that the embedded window will not be obscured by the input method window and will not be squeezed. While avoiding the input method window, the embedded window can display the complete content, which improves the user experience.

[0132] It is understood that, in order to achieve the above-mentioned functions, electronic devices include hardware and / or software modules that perform the respective functions. Based on the steps of the examples described in conjunction with the embodiments disclosed herein, this application can be implemented in hardware or a combination of hardware and computer software. Whether a function is implemented by hardware or by computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application in conjunction with the embodiments.

[0133] This embodiment can divide the electronic device into functional modules according to the above method example. For example, each function can be divided into its own functional module, or two or more functions can be integrated into one processing module. The integrated module can be implemented in hardware. It should be noted that the module division in this embodiment is illustrative and only represents one logical functional division. In actual implementation, there may be other division methods.

[0134] When dividing each function into modules according to its corresponding function. Figure 11 A schematic diagram of a possible composition of the electronic device involved in the above embodiments is shown, such as... Figure 11 As shown, the electronic device 500 may include: an input method display unit 501 and an embedded window up-shifting unit 502, wherein:

[0135] The input method display unit 501 is used to display an input method window in a display interface and update the input method inserts data in response to a triggered operation of displaying the input method. The display interface displays an embedded window.

[0136] The embedded window moving unit 502 is used to control the position of the embedded window in the display interface to move as a whole according to the updated input method insets data through the host window, so as to avoid the input method window.

[0137] In one possible implementation, the embedded window up-moving unit 502 is used to dispatch the updated input method insets data to each visible window other than the embedded window, wherein each visible window includes at least the host window of the embedded window; according to the updated input method insets data, the embedded window in the display interface is controlled to move its position as a whole through the host window.

[0138] In one possible implementation, the embedded window up-shifting unit 502 is used to determine whether a visible window is the embedded window by traversing each visible window; if the visible window is not the embedded window, then the updated input method insets data is dispatched to the visible window.

[0139] In one possible implementation, the embedded window up-moving unit 502 is used to dispatch the updated input method insets data separately to the host window of the embedded window; and according to the updated input method insets data, the host window controls the overall position movement of the embedded window in the display interface.

[0140] In one possible implementation, the embedded window moving unit 502 is used to determine the view layout information of the embedded window in the host window based on the updated input method insets data; and control the embedded window to move its position as a whole according to the view layout information.

[0141] In one possible implementation, the updated input method inserts data includes the first window position information of the input method window, and the embedded window up-moving unit 502 is used to obtain the second window position information of the embedded window; and to determine the view layout information of the embedded window in the host window based on the first window position information and the second window position information.

[0142] In one possible implementation, the first window position information includes the top position information of the input method window, the second window position information includes the bottom position information of the embedded window, the view layout information includes the top movement distance of the window and the bottom position of the window after movement, and the embedded window moving up unit 502 is used to determine the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window; and to determine the bottom position of the window after movement based on the top position information of the input method window.

[0143] In one possible implementation, the top position information includes top position coordinates, the bottom position information includes bottom position coordinates, and the embedded window moving unit 502 is used to calculate the difference between the top position coordinates and the bottom position coordinates to obtain the position coordinate difference; and to determine the top movement distance of the window based on the position coordinate difference.

[0144] In one possible implementation, the view layout information includes the top movement distance of the window and the bottom position of the window after movement. The embedded window moving unit 502 is used to control the top position of the embedded window to move up by the top movement distance of the window; and according to the bottom position of the window after movement, control the bottom position of the embedded window to move to match the top position of the input method window.

[0145] In one possible implementation, the size of the embedded window remains unchanged before and after it is moved up.

[0146] It should be understood that the electronic equipment described here is embodied in the form of functional modules. The term "module" here can be implemented in software and / or hardware, without specific limitation. For example, a "module" can be a software program, hardware circuit, or a combination of both that implements the above-described functions. The hardware circuit may include application-specific integrated circuits (ASICs), electronic circuits, processors (e.g., shared processors, proprietary processors, or group processors) and memory for executing one or more software or firmware programs, integrated logic circuits, and / or other suitable components that support the described functions.

[0147] This application also provides an electronic device, comprising: one or more processors; a memory; and one or more computer programs, wherein the one or more computer programs are stored in the memory, and the one or more computer programs include instructions that, when executed by the electronic device, cause the electronic device to perform the interface display method as described in any one of the first aspects or possible implementations of the first aspect above.

[0148] This application also provides a computer-readable storage medium storing a computer program that, when executed by a processor, causes the processor to perform the interface display method as described in any one of the first aspects or possible implementations thereof.

[0149] This application also provides a chip, the chip including a processor and a data interface, the processor reading instructions stored in a memory through the data interface to execute the interface display method according to any one of the first aspect or possible implementations of the first aspect.

[0150] Optionally, the chip may further include a memory storing instructions, and the processor is configured to execute the instructions stored in the memory. When the instructions are executed, the processor is configured to perform the interface display method according to any one of the first aspect or possible implementations of the first aspect.

[0151] The memory can be read-only memory (ROM), other types of static storage devices that can store static information and instructions, random access memory (RAM), or other types of dynamic storage devices that can store information and instructions. It can also be electrically erasable programmable read-only memory (EEPROM), compact disc read-only memory (CD-ROM) or other optical disc storage, optical disc storage (including compressed optical discs, laser discs, optical discs, digital universal optical discs, Blu-ray discs, etc.), magnetic disk storage media, or other magnetic storage devices. Alternatively, it can be any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer.

[0152] In this embodiment, "and / or" describes the relationship between associated objects, indicating that three relationships can exist. For example, A and / or B can represent the existence of A alone, the simultaneous existence of A and B, or the existence of B alone. A and B can be singular or plural. The character " / " generally indicates that the preceding and following associated objects are in an "or" relationship. "At least one of the following" and similar expressions refer to any combination of these items, including any combination of single or plural items. For example, at least one of a, b, and c can represent: a, b, c, ab, ac, bc, or abc, where a, b, and c can be single or multiple.

[0153] Those skilled in the art will recognize that the units and algorithm steps described in the embodiments disclosed herein can be implemented using electronic hardware, computer software, or a combination of electronic hardware and software. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0154] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0155] In the several embodiments provided in this application, any function, if implemented as a software functional unit and sold or used as an independent product, can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, essentially, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0156] The above description is merely a specific embodiment of this application. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the protection scope of this application. The protection scope of this application should be determined by the protection scope of the claims.

Claims

1. A method for displaying an interface, characterized in that, The interface display method, applied to electronic devices, includes: In response to the triggered operation of displaying the input method, the input method window is displayed in the display interface, and the input method inserts data is updated. The display interface displays an embedded window. The updated input method insets data is dispatched to each visible window except the embedded window, wherein each visible window includes at least the host window of the embedded window; Based on the updated input method insets data, the embedded window in the display interface is moved as a whole through the host window to avoid the input method window.

2. The interface display method as described in claim 1, characterized in that, Distributing the updated input method insets data to all visible windows except the embedded window includes: By traversing each visible window, it is determined whether the visible window is the embedded window; If the visible window is not the embedded window, then the updated input method insets data is dispatched to the visible window.

3. The interface display method as described in claim 1 or 2, characterized in that, The step of moving the embedded window in the display interface as a whole according to the updated input method insets data through the host window includes: Based on the updated input method insets data, determine the view layout information of the embedded window in the host window; Based on the view layout information, the embedded window is controlled to move its position as a whole.

4. The interface display method as described in claim 3, characterized in that, The updated input method insets data includes the first window position information of the input method window; The step of determining the view layout information of the embedded window in the host window based on the updated input method insets data includes: Obtain the second window position information of the embedded window; Based on the first window position information and the second window position information, the view layout information of the embedded window in the host window is determined.

5. The interface display method as described in claim 4, characterized in that, The first window position information includes the top position information of the input method window, the second window position information includes the bottom position information of the embedded window, and the view layout information includes the top movement distance of the window and the bottom position of the window after movement; The step of determining the view layout information of the embedded window within the host window based on the first window position information and the second window position information includes: The top movement distance of the window is determined based on the top position information of the input method window and the bottom position information of the embedded window; The bottom position of the moved window is determined based on the top position information of the input method window.

6. The interface display method as described in claim 5, characterized in that, The top position information includes top position coordinates, and the bottom position information includes bottom position coordinates; The step of determining the top movement distance of the window based on the top position information of the input method window and the bottom position information of the embedded window includes: Calculate the difference between the top position coordinates and the bottom position coordinates to obtain the position coordinate difference; The top of the window is moved a distance based on the position coordinate difference.

7. The interface display method as described in claim 3, characterized in that, The view layout information includes the distance the top of the window has moved and the position of the bottom of the window after the move; The step of controlling the overall position movement of the embedded window based on the view layout information includes: Control the top position of the embedded window to move the top of the window a certain distance; Based on the bottom position of the moved window, control the bottom position of the embedded window to move until it matches the top position of the input method window.

8. An interface display device, characterized in that, The interface display device, used in electronic devices, includes: An input method display unit is used to display an input method window in a display interface and update the input method inserts data in response to a triggered operation. The display interface displays an embedded window. An embedded window moving unit is used to dispatch updated input method insets data to each visible window other than the embedded window, wherein each visible window includes at least the host window of the embedded window; and according to the updated input method insets data, the embedded window in the display interface is controlled by the host window to move its position as a whole to avoid the input method window.

9. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory; and one or more computer programs, wherein the one or more computer programs are stored on the memory, and when the computer programs are executed by the one or more processors, cause the electronic device to perform the following steps: In response to the triggered operation of displaying the input method, the input method window is displayed in the display interface, and the input method inserts data is updated. The display interface displays an embedded window. The updated input method insets data is dispatched to each visible window except the embedded window, wherein each visible window includes at least the host window of the embedded window; Based on the updated input method insets data, the embedded window in the display interface is moved as a whole through the host window to avoid the input method window.

10. A computer-readable storage medium comprising a computer program, characterized in that, When the computer program is run on an electronic device, it causes the electronic device to perform the interface display method as described in any one of claims 1 to 7.

11. A chip, characterized in that, include: One or more processing circuits and one or more transceiver pins; wherein the transceiver pins and the processing circuits communicate with each other through an internal connection path, and the processing circuits execute the interface display method according to any one of claims 1 to 7, to control the receiving pins to receive signals, and to control the transmitting pins to transmit signals.

Images