Service card processing method and device, and electronic device

Abstract

The application provides a service card processing method and device and electronic equipment. The method comprises the following steps: displaying a first page, wherein the first page comprises a blank area; determining a target area in the blank area in response to an operation input by a user in the blank area; determining a service card corresponding to the target area, and displaying the service card in the target area. In the service card adding mode provided by the application, the target area is determined in the blank area first, and then the service card corresponding to the target area is determined, so that the adding position of the service card can meet the user's expectation.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a method, apparatus and electronic device for processing service cards. Background Technology

[0002] Some electronic devices support adding service cards, which means that important information and frequently used functions provided by applications can be displayed as cards on the desktop. This allows users to quickly browse application information or use frequently used functions without opening the application, achieving direct service access and reducing the need for multiple navigation steps through lightweight interaction. For example, users can quickly check the weather information through a weather card displayed on the desktop. Similarly, users can quickly browse and add memos through a memo card displayed on the desktop.

[0003] However, how to quickly and easily add service cards is a technical problem that urgently needs to be studied. Summary of the Invention

[0004] This application provides a service card processing method, apparatus, and electronic device to provide a way of adding service cards, such that the location of the service card can meet the user's expectations.

[0005] Firstly, this application provides a method for processing service cards. The execution subject of this method can be an electronic device, or a chip or processor in the electronic device. The following description uses an electronic device as the execution subject. The method includes: displaying a first page, the first page including a blank area; in response to an operation input by a user in the blank area, determining a target area in the blank area; determining the service card corresponding to the target area, and displaying the service card in the target area.

[0006] The first page is used to display application icons. The first page can also be referred to as the desktop of an electronic device. The first page can display zero, one, or more application icons. When the first page displays zero application icons, all areas on the first page are blank. When the first page displays one or more application icons, the areas not occupied by application icons are blank.

[0007] In this application, by first determining the target area in the blank area and then determining the service card corresponding to the target area, the location for adding the service card can meet the user's expectations.

[0008] In one possible implementation, the blank area contains multiple grids; the target area can be determined as follows: in response to an operation input by a user in the blank area, the target area is determined among the multiple grids in the blank area; wherein the target area is the area formed by at least two adjacent grids.

[0009] In the above method, the grid refers to the area on the first page used to display application icons. The target area determined by this method is the area formed by at least two adjacent grids, ensuring that the added service cards are aligned with the application icons and that the first page is displayed in a beautiful and clean manner.

[0010] In one possible implementation, the target area can be determined by displaying multiple grids in the blank area; in response to an operation input by a user in the multiple grids, the target area is determined in the multiple grids in the blank area, the operation including a click operation and / or a swipe operation.

[0011] For example, a preset operation (such as a long press) can be entered in the blank area of ​​the desktop (i.e., the first page) to put the desktop into edit mode, and multiple grids are displayed in the blank area of ​​the desktop in edit mode.

[0012] In one possible implementation, the operation includes a click operation; in response to a user's input in the plurality of grids, determining the target region in the plurality of grids in the blank area includes: in response to a user's click operation in a first grid of the plurality of grids, updating the grid state of the plurality of grids, wherein the grid state is a selected state, a disabled state, or a selectable state; in response to a user's click operation in a second grid in the selectable state, merging some grids in the plurality of grids and updating the grid state of the merged grids, until a user's confirmation operation is received, and then determining the area where the selected grid is located as the target region.

[0013] In one possible implementation, in response to a user's click operation on a first grid among the plurality of grids, updating the grid state of the plurality of grids includes: updating the grid state of the first grid to a selected state in response to the user's click operation on the first grid among the plurality of grids, and updating the grid state of grids that do not meet the merging conditions with the first grid to a disabled selectable state; wherein, initially, the grid state of the plurality of grids is a selectable state.

[0014] In one possible implementation, in response to a user's click operation in a selectable second grid, a portion of the multiple grids are merged, and the grid state of the merged grid is updated until a user's confirmation operation is received. Then, the area containing the selected grid is determined as the target area. This includes: in response to a user's click operation in a selectable second grid, performing a grid merging operation and a grid state determination operation on the multiple grids; if the confirmation operation is received, determining the area containing the selected grid as the target area; if a click operation is received in the merged grid, performing a grid merging operation and a grid state determination operation on the multiple grids until a user's confirmation operation is received, then determining the area containing the selected grid as the target area.

[0015] In one possible implementation, in response to a user's click operation in a selectable second grid, a grid merging operation and a grid state determination operation are performed on the plurality of grids, including: in response to the user's click operation in a selectable second grid, merging the first grid and the second grid to obtain a first merged grid; and merging the other grids in the plurality of grids other than the first grid and the second grid that meet the merging conditions to obtain at least one second merged grid, the second merged grid having the same size as the first merged grid; determining the grid state of the first merged grid as a selected state, determining the grid state of merged grids that meet the merging conditions with the first merged grid as selectable states, and determining the grid state of merged grids that do not meet the merging conditions with the first merged grid as unselectable states.

[0016] In the above implementation methods, each time the user clicks on a new grid, the newly clicked grid and other grids are merged and the merged grid status is updated to guide the user on which grids can be clicked next and which grids cannot be clicked. On the one hand, this can avoid the problem of mismatch between the target area selected by the user and the service card supported by the electronic device, and on the other hand, it can improve the user's clicking efficiency.

[0017] In one possible implementation, the operation includes a sliding operation; the target region can be determined as follows: in response to a sliding operation input by the user in the plurality of grids, the region containing the grids that satisfy the merging conditions in the grids traversed by the sliding operation is determined as the target region.

[0018] In the above implementation, the electronic device can automatically merge the grid that the user's finger slides over to obtain a target area that matches the size of the service card it supports, so as to avoid the problem that the target area selected by the user does not match the size of the service card supported by the electronic device.

[0019] In one possible implementation, determining the target region as the area containing the grids that satisfy the merging condition in the grid traversed by the sliding operation includes: determining at least one grid set in the grid traversed by the sliding operation, each grid set including at least two grids, and at least two grids in each grid set satisfying the merging condition; determining a first grid set in the at least one grid set, wherein the first grid set includes the most grids in the at least one grid set; and determining the area containing the grids in the first grid set as the target region.

[0020] Another way to describe the above implementation is as follows: Within the grid traversed by the sliding operation, determine at least one service card size that can be accommodated. Among the at least one service card size that can be accommodated, determine the largest service card size, and define the area corresponding to the service card of the largest size as the target area.

[0021] In one possible implementation, determining the area where the grids in the first grid set are located as the target area includes: if the number of the first grid set is 1, then determining the area where the grids in the first grid set are located as the target area; if the number of the first grid set is greater than 1, then displaying a selection interface, the selection interface including at least two of the first grid sets, and in response to a selection operation input by the user in the at least two first grid sets, determining the area where the grids in the first grid set selected by the user are located as the target area.

[0022] In one possible implementation, determining the target region as the area containing the grids that satisfy the merging conditions in the grid traversed by the sliding operation includes: determining M region combinations in the grid traversed by the sliding operation, each region combination including at least two sub-regions, each sub-region including at least two adjacent grids, and the sub-regions in each region combination not overlapping, where M is an integer; if M equals 1, then each sub-region in the region combination is determined as the target region; if M is greater than 1, then a selection interface is displayed, the selection interface including the M region combinations, responding to the target region combination selected by the user in the M region combinations, and each sub-region in the target region combination is determined as the target region.

[0023] In the above implementation, the electronic device can determine one or more area combinations based on the user's input swipe operation. Each sub-area in each area combination corresponds to a service card. In this way, multiple service cards can be added at once, simplifying the user's operation process and improving efficiency.

[0024] In one possible implementation, the target area can be determined as follows: in response to a first operation input by a user in the plurality of grids, the grid state of the grid corresponding to the first operation is updated, and the grids corresponding to the first operation are merged to obtain at least one merged grid; among the at least one merged grids, the merged grid with the grid state in the selected state is determined as the target area, and one merged grid in the selected state is one target area.

[0025] In the above implementation, the user can perform multiple swipe operations on the grid of the edit-mode desktop. The electronic device can merge the grids traversed by each swipe operation to obtain multiple target areas. In other words, a target area is determined for each swipe operation by the user. This is equivalent to the user manually merging grids through swipe operations.

[0026] In one possible implementation, in response to a first operation input by a user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: in response to at least one swipe operation input by the user in the plurality of grids, merging the grids traversed by each swipe operation to obtain at least one merged grid, and updating the state of each merged grid to a selected state.

[0027] In one possible implementation, in response to a first operation input by a user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: in response to a click operation and / or swipe operation input by the user in the plurality of grids, obtaining at least one merged grid in a selected state; in response to a first swipe operation input by the user on the merged grid in the selected state, determining the grid to be merged corresponding to the merged grid in the selected state based on the end position of the first swipe operation and the position of the merged grid in the selected state, merging the merged grid in the selected state and the grid to be merged, and updating the state of the merged grid to the selected state.

[0028] In one possible implementation, in response to a first operation input by a user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: in response to a sliding operation input by a user in the plurality of grids, merging the grids in the rectangular area corresponding to the sliding operation and updating the grid state of the merged grid to a selected state.

[0029] The above implementation methods allow users to select multiple target areas by performing multiple swipe operations. In other words, users can manually specify the grid merging method, avoiding the need for users to select the merging method when electronic devices automatically merge grids. This improves user operation flexibility and efficiency.

[0030] In one possible implementation, the target area can be determined as follows: in response to a user's knuckle swipe operation input in the blank area, the target area is determined based on the grid included in the swipe area formed by the knuckle swipe operation.

[0031] In the aforementioned implementation methods, users need to first perform area operations (such as long press) on a blank area of ​​the desktop to enter the edit mode desktop, and then perform grid clicks or swipe operations in the edit mode desktop to select the target area. In this implementation method, users can select the target area by swiping their knuckles on the desktop, thereby further simplifying the user's operation steps and improving operation efficiency.

[0032] In one possible implementation, determining the target region based on the grids included in the region formed by the knuckle sliding operation includes: determining a plurality of candidate grids based on the sliding region, wherein some or all of the candidate grids are located within the sliding region; determining the target region among the plurality of candidate grids based on the region proportion of each candidate grid, wherein the region proportion is the ratio of the area of ​​the candidate grid located within the sliding region to the total area of ​​the candidate grids.

[0033] In one possible implementation, determining the target region among the plurality of candidate grids based on the region proportion of each candidate grid includes: determining the region occupied by at least two candidate grids whose region proportion is greater than or equal to a first threshold and which meet the merging condition as the target region.

[0034] In one possible implementation, determining the service card corresponding to the target area includes: determining at least one candidate service card corresponding to the target area, wherein the size of each candidate service card is the same as the size of the target area; and in response to a selection operation input by a user in the at least one candidate service card, determining the candidate service card selected by the user as the service card corresponding to the target area.

[0035] In this implementation, the electronic device can recommend service cards of matching size to the user for each target area, thereby ensuring that the service card selected by the user can be correctly displayed in the specified target area.

[0036] In one possible implementation, the first page includes a confirmation control; in response to a user's selection operation among the at least one candidate service card, determining the selected candidate service card as the service card corresponding to the target area includes: displaying the at least one candidate service card in the target area in a sliding manner; when the first candidate service card among the at least one candidate service card is displayed in the target area, receiving a click operation from the user on the confirmation control, and determining the first candidate service card as the service card corresponding to the target area based on the click operation. The sliding manner display can also be referred to as displaying in a carousel format.

[0037] In one possible implementation, the first page includes a refresh control and a confirmation control; in response to a user's selection operation among the at least one candidate service card, determining the selected candidate service card as the service card corresponding to the target area includes: displaying a first candidate service card among the at least one candidate service card in the target area; in response to a user's click operation on the refresh control, displaying a second candidate service card among the at least one candidate service card in the target area, until a user's click operation on the confirmation control is received, at which point the service card displayed in the target area is determined as the service card corresponding to the target area.

[0038] In the above implementation methods, after the user selects a target area, the electronic device recommends candidate service cards that match the size of the target area and previews the candidate service cards in the target area. This allows the user to intuitively preview the display effect of the service card when selecting it, thereby avoiding the need for secondary editing due to dissatisfaction with the display effect of the service card.

[0039] In one possible implementation, determining the service card corresponding to the target area includes: determining multiple area combinations corresponding to the target area, each area combination including at least two sub-areas, each sub-area including at least two adjacent grids, and the sub-areas in each area combination not overlapping; determining the service card corresponding to each sub-area in each area combination; displaying a second page, the second page including the multiple area combinations and the service cards corresponding to each sub-area in each area combination, the size of the service card corresponding to each sub-area being the same as the size of the sub-area; and in response to the user selecting a target area combination from the multiple area combinations, determining the service cards corresponding to each sub-area in the target area combination as the service cards corresponding to the target area.

[0040] In one possible implementation, the second page further includes preview controls corresponding to each region combination; the method further includes: in response to a user's click operation on the preview control corresponding to the first region combination among the multiple region combinations, displaying a preview page, wherein the preview page is a display result page obtained by adding the service cards corresponding to each sub-region in the first region combination to the first page.

[0041] The above implementation method allows for the addition of multiple service cards at once, thereby simplifying the user operation process and improving operational efficiency.

[0042] In the above implementation method, by providing a preview function for each area combination, users can intuitively preview the effect of adding service cards, ensuring user satisfaction with the added service cards and avoiding situations where users need to make secondary edits.

[0043] In one possible implementation, the second page further includes refresh controls corresponding to each region combination; the method further includes: in response to a user's click operation on the refresh control corresponding to the first region combination among the plurality of region combinations, automatically updating the service cards corresponding to each sub-region in the first region combination.

[0044] In the above implementation, by providing a refresh function for each region combination, users can select and add the service cards they need through the refresh operation.

[0045] In one possible implementation, the second page further includes editing controls corresponding to each region combination; the method further includes: in response to a user's click operation on the editing control corresponding to the first region combination among the plurality of region combinations, displaying an editing page corresponding to the first region combination, the editing page including a first display area and a second display area, the first display area displaying a first sub-region in the first region combination in a selected state, and displaying other sub-regions in the first region combination other than the first sub-region in a deselected state; the second display area displaying a plurality of candidate service cards corresponding to the first sub-region; in response to a user's selection operation on the first candidate service card among the plurality of candidate service cards, using the first candidate service card as the service card corresponding to the first sub-region.

[0046] In the above implementation, by providing editing functions for each region combination, users can manually update the service cards corresponding to each sub-region in the region combination, thereby selecting and adding the service cards they need.

[0047] Secondly, this application provides a service card processing apparatus, comprising:

[0048] The display module is used to display a first page, which includes a blank area;

[0049] The first determining module is used to determine a target area in the blank area in response to an operation input by the user in the blank area;

[0050] The second determining module is used to determine the service card corresponding to the target area;

[0051] The display module is also used to display the service card in the target area.

[0052] Thirdly, this application provides an electronic device, comprising: a memory and a processor; the memory storing computer instructions; and the processor executing the computer instructions to implement the method described in any possible implementation of the first aspect.

[0053] Fourthly, this application provides a computer-readable storage medium storing computer instructions that, when executed, implement the method described in any possible implementation of the first aspect.

[0054] Fifthly, this application provides a computer program product comprising a computer program that, when executed, implements the method described in any possible implementation of the first aspect.

[0055] This application provides a service card processing method, apparatus, and electronic device. The method includes: displaying a first page, the first page including a blank area; responding to an operation input by a user in the blank area, determining a target area in the blank area; determining a service card corresponding to the target area, and displaying the service card in the target area. In the service card adding method provided by this application, by first determining the target area in the blank area and then determining the service card corresponding to the target area, the addition position of the service card can meet the user's expectations. Attached Figure Description

[0056] Figure 1 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application;

[0057] Figure 2 A schematic diagram of a set of display pages provided for an embodiment of this application;

[0058] Figure 3A and Figure 3B A schematic diagram of the grid and service cards provided in the embodiments of this application;

[0059] Figure 4 A flowchart illustrating a service card processing method provided in an embodiment of this application;

[0060] Figure 5 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0061] Figure 6 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0062] Figure 7 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0063] Figure 8 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0064] Figure 9 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0065] Figure 10 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0066] Figure 11 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0067] Figure 12 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0068] Figure 13A schematic diagram of another set of display pages provided for an embodiment of this application;

[0069] Figure 14 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0070] Figure 15 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0071] Figure 16 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0072] Figure 17 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0073] Figure 18 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0074] Figure 19 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0075] Figure 20 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0076] Figure 21 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0077] Figure 22 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0078] Figure 23 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0079] Figure 24 A schematic diagram of another set of display pages provided for an embodiment of this application;

[0080] Figure 25 A schematic diagram of a service card processing device provided in an embodiment of this application;

[0081] Figure 26 This is a schematic diagram of the structure of another electronic device provided in an embodiment of this application. Detailed Implementation

[0082] The embodiments of this application can be applied to electronic devices such as mobile phones, tablets, laptops, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, personal digital assistants (PDAs), wearable electronic devices, and virtual reality devices. The embodiments of this application do not impose any limitations on them.

[0083] The following explanation uses a mobile phone as an example to illustrate the structure of electronic devices.

[0084] For example, Figure 1 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Figure 1 As shown, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an accelerometer sensor 180E, a proximity sensor 180F, a touch sensor 180K, etc.

[0085] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 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.

[0086] Processor 110 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.

[0087] The controller can generate operation control signals based on the instruction opcode and timing signals to complete the control of instruction fetching and execution.

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

[0089] The processor 110 adjusts the center point of the image to be displayed on the display screen 194 based on the user's pupil position offset and the user's visual acuity. It also determines the distortion correction parameters corresponding to the image to be displayed on the display screen 194 based on the user's pupil position offset and the user's visual acuity, and performs distortion correction on the image to be displayed on the display screen 194 according to these distortion correction parameters. Furthermore, it adjusts the image height of the image to be displayed on the display screen 194 based on the user's visual acuity. After the above image calibration processing, the virtual image seen by the user is unaffected by eye position offset or visual acuity. After both optical systems undergo the above calibration processing, the image seen by both eyes is identical, improving the user experience of the electronic device 100.

[0090] In some embodiments, the processor 110 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.

[0091] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C buses. The processor 110 can couple to the touch sensor 180K, charger, flash, camera 193, etc., through different I2C bus interfaces. For example, the processor 110 can couple to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface, thereby realizing the touch function of the electronic device 100.

[0092] The I2S interface can be used for audio communication. In some embodiments, the processor 110 may include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the I2S interface to enable the function of answering phone calls through a Bluetooth headset.

[0093] The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via the PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface, enabling the function of answering phone calls through a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0094] The UART interface is a universal serial data bus used for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 via the UART interface to implement Bluetooth functionality. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the UART interface to enable music playback through Bluetooth headphones.

[0095] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI) and a display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to enable the electronic device 100 to capture images. The processor 110 and the display screen 194 communicate via the DSI interface to enable the electronic device 100 to display images.

[0096] The GPIO interface can be configured via software. It can be configured as a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to a camera 193, a display screen 194, a wireless communication module 160, an audio module 170, a sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0097] USB port 130 is a USB standard compliant interface, specifically a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge electronic device 100, and can also be used for data transfer between electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices, such as AR devices.

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

[0099] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0100] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0101] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0102] The modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs sound signals through an audio device (not limited to speaker 170A, receiver 170B, etc.) or displays images or videos through the display screen 194. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 110 and may be housed in the same device as the mobile communication module 150 or other functional modules.

[0103] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (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 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0104] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 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).

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

[0106] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a miniature LED, a microLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0107] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0108] The ISP (Image Signal Processor) is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, transforming it into an image visible to the naked eye. The ISP can also perform algorithmic optimization of image noise, brightness, and skin tone. The ISP can also optimize parameters such as exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0109] Camera 193 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then passed to an ISP for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into image signals in standard RGB, YUV, or other formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0110] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP can perform Fourier transforms on the frequency energy.

[0111] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0112] An NPU (Neural Processing Unit) is a computational processor for neural networks (NNs). By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0113] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0114] Internal memory 121 can be used to store computer executable program code, which includes instructions. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc. Processor 110 executes various functional applications and data processing of electronic device 100 by running instructions stored in internal memory 121 and / or instructions stored in memory located in the processor.

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

[0116] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0117] The speaker 170A, also known as a "loudspeaker," is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or make hands-free calls through the speaker 170A.

[0118] The receiver 170B, also known as the "earpiece," is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a telephone call or voice message, the receiver 170B can be brought close to the ear to listen to the voice.

[0119] Microphone 170C, also known as a "microphone" or "voice transducer," is used to convert sound signals into electrical signals. When making a phone call or sending a voice message, the user can speak by bringing their mouth close to microphone 170C, inputting the sound signal into microphone 170C. Electronic device 100 may have at least one microphone 170C. In some embodiments, electronic device 100 may have two microphones 170C, which, in addition to collecting sound signals, can also perform noise reduction. In other embodiments, electronic device 100 may also have three, four, or more microphones 170C, which can collect sound signals, reduce noise, identify the sound source, and perform directional recording, etc.

[0120] The 170D headphone jack is used to connect wired headphones. The 170D headphone jack can be a USB 130 interface or a 3.5mm Open Mobile Terminal Platform (OMTP) standard interface, a CTIA (Cellular Telecommunications Industry Association of the USA) standard interface.

[0121] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be disposed on display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the pressure intensity based on the change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 can also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation commands. For example, when a touch operation with an intensity less than a first pressure threshold is applied to the SMS application icon, a command to view an SMS is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the SMS application icon, a command to create a new SMS is executed.

[0122] The gyroscope sensor 180B can be used to determine the motion attitude of the electronic device 100. In some embodiments, the gyroscope sensor 180B can determine the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes). The gyroscope sensor 180B can be used for image stabilization. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of the shake of the electronic device 100, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to counteract the shake of the electronic device 100 by moving in the opposite direction, thus achieving image stabilization. The gyroscope sensor 180B can also be used in navigation and motion-sensing game scenarios.

[0123] The 180E accelerometer can detect the magnitude of acceleration of electronic device 100 in various directions (typically three axes). When electronic device 100 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of electronic devices and applied to applications such as screen orientation switching and pedometers.

[0124] A distance sensor 180F is used to measure distance. Electronic device 100 can measure distance via infrared or laser. In some embodiments, during a shooting scene, electronic device 100 can utilize the distance sensor 180F to measure distance for rapid focusing.

[0125] Touch sensor 180K, also known as a "touch device," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touchscreen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0126] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100.

[0127] Motor 191 can generate vibration alerts. Motor 191 can be used for incoming call vibration alerts or for touch vibration feedback. For example, different vibration feedback effects can correspond to touch operations performed on different applications (such as taking photos, playing audio, etc.). Motor 191 can also correspond to different vibration feedback effects for touch operations performed on different areas of the display screen 194. Different application scenarios (such as time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also be customized.

[0128] Indicator 192 can be an indicator light, used to indicate charging status, power changes, or to indicate messages, missed calls, notifications, etc.

[0129] In this embodiment, the electronic device can install one or more applications. Some or all of the applications installed on the electronic device can provide service cards, and the user can add the service cards provided by one or more applications to the desktop according to their needs. The accompanying drawings of this application use a mobile phone screen as an example for illustration.

[0130] Figure 2 This is a schematic diagram of a set of display pages provided in an embodiment of this application. The following is in conjunction with... Figure 2 This section introduces one possible way to add service cards.

[0131] See Figure 2 In the "a" position, the electronic device displays its desktop. Users can swipe diagonally upwards (or along the edge) from the bottom left or right corner of the device to bring it to a desktop. Figure 2The Service Center page, shown as 'b' in the image, is the entry point for discovering and managing service cards. It is divided into two tabs: My Services and Discover. The My Services tab displays service cards that the user has used or saved. The Discover tab displays service cards recommended by the system. See also... Figure 2 In option b, users can select cards of interest from the Discover tab and add them to their desktop.

[0132] For example, suppose a user selects the "Health & Fitness" service card in the Discover tab, and the electronic device displays something like this: Figure 2 The "Sports & Health" service card management page, shown as 'c' in the image, displays one or more service cards offered by the "Sports & Health" application. For example... Figure 2 In section 'c', service card 201 and service card 202 are displayed. Service card 201 is displayed above service card 202. Service card 201 is the selected service card. See also... Figure 2 In step 'd', when service card 201 is selected, if the user clicks the "Add to Desktop" button, the electronic device will add service card 201 to the desktop. The desktop display after adding it will look like this. Figure 2 As shown in e.

[0133] See also Figure 2 Users can also Figure 2 In the 'c' section, swipe down / up on the currently selected service card to toggle the selection of other service cards. For example, see... Figure 2 In the context of 'f', the user swipes down on service card 201, causing service card 202 to be selected, as shown below. Figure 2 As shown in g. Then, after the user clicks the "Add to Desktop" button, the electronic device adds the service card 202 to the desktop, and the desktop display after adding it looks like this. Figure 2 As shown in h.

[0134] Depend on Figure 2 As can be seen, an application can provide one or more service cards. When multiple service cards are provided, their styles can differ. This allows users to select and add their preferred service cards, enhancing the user experience. In some embodiments, the size, displayed information, or provided functionality of the different styles of service cards may vary.

[0135] by Figure 2Taking service card 201 and service card 202 as examples, the size of service card 201 is larger than that of service card 202. Service card 201 displays today's step count information and a function interface for starting exercise, while service card 202 only displays today's step count information.

[0136] The following is combined with Figure 3A and Figure 3B The size of the service card in the embodiments of this application is illustrated by example.

[0137] In this embodiment of the application, the area on the desktop of an electronic device that can be used to display an application icon is referred to as a grid. Thus, the desktop of the electronic device can be divided into an N rows * M columns grid. For example... Figure 3A and Figure 3B Each dashed box represents a grid. Each service card occupies at least two adjacent grids. The size of a service card can be determined by the number and distribution of the grids it occupies.

[0138] For example, see Figure 3A and Figure 3B Examples of service cards of different sizes are provided: service card 301, service card 302, service card 303, and service card 304. Service card 301 occupies two adjacent grids in the same row, and its size can be represented as 1*2. Similarly, service card 302 can be represented as 2*2, service card 303 as 2*4, and service card 304 as 4*4.

[0139] Because different service cards have different styles and sizes, the following methods are adopted: Figure 2 As shown, after a user selects a service card to add in the service center, the electronic device will automatically add the selected service card to a blank area of ​​the current screen based on the icon distribution on the desktop. Alternatively, if there is not enough blank space on the current screen, it will automatically add the selected service card to a blank area of ​​another screen. This presents the following technical problems:

[0140] (1) Users do not have a specific expectation for the location where service cards are added. If users are not satisfied with the location of the service cards, they need to edit them. For example, they can press and hold the service card and drag it to the desired location.

[0141] (2) If users do not have expectations for the display effect of service cards on the desktop, they will need to edit them further. For example, they can long-press a service card to bring up the styles of other service cards corresponding to that service card, and choose their preferred style from them.

[0142] (3) When a user wants to add multiple service cards, the above operation needs to be repeated for each service card, which is inefficient.

[0143] To address at least one of the aforementioned technical problems, embodiments of this application provide a method, apparatus, and electronic device for adding service cards. In this solution, a user can specify a target area on a blank area of ​​the electronic device's desktop. The electronic device can then recommend service cards whose size matches the target area, and the user can select a service card to add from the recommended cards. This ensures that the service card is added in a way that meets the user's expectations. In some embodiments, the electronic device can also provide a preview of the recommended service cards, allowing the user to refer to the preview when selecting a service card. In other embodiments, when recommending service cards based on a target area, the electronic device can also recommend them in combination, with each combination including at least two service cards. This allows the user to add multiple service cards simultaneously, improving the efficiency of adding service cards.

[0144] The technical solution of this application will now be described in detail with reference to specific embodiments.

[0145] Figure 4 This is a flowchart illustrating a service card processing method provided in an embodiment of this application. Figure 4 As shown, the method in this embodiment includes:

[0146] S401: Display the first page, which includes a blank area.

[0147] In this embodiment, the first page is a page that can be used to display application icons. The first page can also be referred to as the desktop of the electronic device. The first page can display zero, one, or more application icons. When the first page displays zero application icons, all areas of the first page are blank areas. When the first page displays one or more application icons, the areas of the first page not occupied by application icons are blank areas.

[0148] S402: In response to an operation input by the user in the blank area, determine the target area in the blank area.

[0149] In this embodiment, the target area is the area where the user expects to add a service card.

[0150] See Figure 3A and Figure 3BAs shown, the first page is divided into grids, with each application icon's area representing a single grid. The first page can be divided into an N rows * M columns grid. At least some grids on the first page are not occupied by application icons; these unoccupied grids form the blank areas. In other words, there are multiple blank areas on the first page, where M and N are integers.

[0151] In one possible implementation, the electronic device, in response to an operation input by a user in the blank area, determines the target area among a plurality of grids in the blank area; wherein the target area is an area formed by at least two adjacent grids.

[0152] For example, a user can input a preset operation on the first page, and the electronic device responds to the preset operation by displaying an editable page corresponding to the first page. The editable page displays multiple grids within a blank area. In response to the user's input within the multiple grids, a target area is determined within the multiple grids in the blank area.

[0153] The following examples illustrate the process of a user specifying a target area.

[0154] As an example, Figure 5 This is a schematic diagram of another set of display pages provided for an embodiment of this application. For example... Figure 5 As shown, Figure 5 The example 'a' in the example represents the desktop. When a user performs a long press on an empty area of ​​the desktop, the electronic device responds to the long press by displaying something like this. Figure 5 The edit-mode desktop is shown as b in the image. Multiple grids, such as grids 21 to 28, are displayed in the blank area of ​​the edit-mode desktop. The user can click on one of the grids (e.g., clicking grid 23). In response to the user's click on grid 23, grid 23 is displayed as selected. Figure 5 As shown in c in the diagram. Furthermore, users can also click on other grids, for example, see [link to example]. Figure 5 In the case of 'c', if the user clicks on grid 24 again, then grid 24 will also be displayed as selected. Similarly, see... Figure 5 As shown by d and e in the diagram, the user then clicked on grids 27 and 28 in sequence. See also Figure 5 As shown in f, in response to the user's confirmation click, the electronic device identifies the area formed by the grids 23, 24, 27, and 28 that the user clicked as a target area.

[0155] It should be noted that, Figure 5 The "a" in the example illustrates the user's long press operation in a blank area of ​​the desktop. In actual applications, users can also use other operations to enter the edit mode desktop, which is not limited in this embodiment.

[0156] Figure 5 In the illustrated embodiment, the area formed by the grids clicked by the user is considered a target area. However, in some scenarios, because users may not be familiar with the size of service cards, the following situation may occur: no service card matches the target area specified by the user. For example, if the user clicks on three adjacent grids in the same row, since there is no service card with a size of 1*3, the target area specified by the user cannot have a corresponding service card added.

[0157] Therefore, in some possible implementations, the electronic device can guide the user when they click, addressing the issue of a mismatch between the target area selected by the user and the size of the supported service card. Optionally, the guidance method can be as follows: in response to a user's click operation in a first grid among multiple grids, the grid states of the multiple grids are updated, wherein the grid states are selected, disabled, or selectable; in response to a user's click operation in a second selectable grid, some grids among the multiple grids are merged, and the grid state of the merged grids is updated, until a confirmation operation is received from the user, at which point the area containing the selected grid is determined as the target area.

[0158] Upon receiving a user's click action on the first grid, the grid states of multiple grids can be updated as follows: the grid state of the first grid is updated to the selected state, and the grid states of grids that do not meet the merging conditions with the first grid are updated to the inselectable state. It should be understood that initially, all grids are in a selectable state.

[0159] After receiving a user's click operation on the second grid, the following methods can be used to merge the grids and update the grid state of the merged grids: perform grid merging and grid state determination operations on the multiple grids; if a confirmation operation is received, the area occupied by the grid with the selected state is determined as the target area; if a click operation is received in the merged grid, perform grid merging and grid state determination operations on the multiple grids until a user's confirmation operation is received, and then determine the area occupied by the selected grid as the target area.

[0160] The process of performing a mesh merging operation and a mesh state determination operation on the plurality of meshes includes: merging the first mesh and the second mesh to obtain a first merged mesh; and merging the meshes that meet the merging conditions among the other meshes besides the first mesh and the second mesh to obtain at least one second merged mesh, wherein the second merged mesh has the same size as the first merged mesh; determining the mesh state of the first merged mesh as selected, determining the mesh state of merged meshes that meet the merging conditions with the first merged mesh as selectable, and determining the mesh state of merged meshes that do not meet the merging conditions with the first merged mesh as unselectable.

[0161] In this embodiment, it is assumed that the electronic device supports multiple preset service card sizes, for example... Figure 3A and Figure 3B The four service card sizes illustrated in the example can be used to determine whether the merging conditions are met in the above guidance method, based on the service card sizes supported by the electronic device. For instance, merging grid A and grid B results in merged grid AB. If any of the service card sizes supported by the electronic device matches the merged grid AB, then grid A and grid B are considered to meet the merging conditions; otherwise, they are considered not to meet the merging conditions. It should be understood that the above example illustrates whether two grids meet the merging conditions. The principle for determining whether three or more grids meet the merging conditions is similar and will not be elaborated here.

[0162] As an example, Figure 6 This is a schematic diagram of another set of display pages provided in an embodiment of this application. In this embodiment and subsequent embodiments, it is assumed that the electronic device supports four service card sizes: 1*2, 2*2, 2*4, and 4*4. Figure 6 As shown in 'a', initially, the edit bar desktop displays grids 21 to 28, each of which is selectable. When the user clicks on grid 23 in the edit desktop, as shown... Figure 6 As shown in Figure b, grid 23 in the edit-mode desktop is selected. Since grids 22, 24, and 23 all meet the merging condition (because the electronic device supports a 1*2 service card size), grids 22 and 24 are selectable. Other grids (grids 21, 25, 27, and 28) do not meet the merging condition with grid 23, so these grids are not selectable.

[0163] Furthermore, assuming the user is Figure 6If grid 24 is clicked on the edit-mode desktop (as shown in b), the electronic device will merge grids 23 and 24 to obtain merged grid 602. Simultaneously, it will merge grids 21 and 22 to obtain merged grid 601, grids 25 and 26 to obtain merged grid 603, and grids 27 and 28 to obtain merged grid 604. Merged grid 602 will be selected. Since merged grid 604 meets the merging condition with merged grid 602, it will be selected. Since merged grids 601 and 602 do not meet the merging condition, and merged grids 603 and 602 do not meet the merging condition, they will be deselected. The edit-mode desktop will then update as follows: Figure 6 As shown in c in the figure.

[0164] Furthermore, assuming the user is Figure 6 In the edit-mode desktop shown by 'c', if merge grid 604 is clicked, the electronic device will merge merge grids 602 and 604 to obtain merge grid 606. Simultaneously, merge grids 601 and 603 will be merged to obtain merge grid 605. Merged grid 606 will then be selected. Since merged grid 605 meets the merging conditions with merged grid 606, it will also be selected. At this point, the edit-mode desktop will look like... Figure 6 As shown in d.

[0165] exist Figure 6 In the edit-mode desktop shown by d, if the user clicks on merge grid 605, merge grid 605 and merge grid 606 will be merged to obtain a 2*4 target area. If the user clicks the confirm button, the area containing merge grid 606 will be designated as the target area, resulting in a 2*2 target area.

[0166] In this embodiment, each time the user clicks on a new grid, the newly clicked grid and other grids are merged and the merged grid status is updated to guide the user on which grids can be clicked next and which cannot be clicked. This can avoid the problem of mismatch between the target area selected by the user and the service card supported by the electronic device, and also improve the user's clicking efficiency.

[0167] Figure 5 and Figure 6In the illustrated embodiment, a user can specify a target area by clicking on a grid in the edit-mode desktop. In practical applications, users can also specify the target area using other operations, such as finger swiping. In one possible implementation, in response to a user's swiping action input in multiple grids on the edit-mode desktop, the target area is determined based on the grids traversed by the swiping action.

[0168] As an example, Figure 7 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 7 As shown, when a user slides their finger across the editable desktop, assuming the grids the user's finger slides through are grids 23, 24, 27, and 28, the electronic device will determine the area formed by the grids the finger slides through as a target area.

[0169] Figure 7 In the illustrated embodiment, the area formed by the grids traversed by the user's finger is considered a target area. However, in some scenarios, because users may not be familiar with the size of service cards, the following situation may occur: no service card matches the target area specified by the user. For example, if the user's finger traverses three adjacent grids in the same row, and there is no service card with a size of 1*3, then the target area specified by the user cannot have a corresponding service card added.

[0170] Therefore, in some possible implementations, the electronic device can automatically merge the target area that matches the size of the service card it supports from the grid that the user's finger slides over, based on the size of the service card it supports, in order to avoid the problem that the target area selected by the user does not match the size of the service card supported by the electronic device.

[0171] Optionally, in response to a user's sliding operation input in multiple grids, the area occupied by the grids through which the sliding operation passes and which meet the merging conditions is determined as the target area.

[0172] Optionally, the target region can be determined as follows: At least one grid set is determined from the grid traversed by the sliding operation, each grid set including at least two grids, and the at least two grids in each set satisfy a merging condition. A first grid set is determined from the at least one grid set, wherein the first grid set includes the most grids among the at least one grid set. The region containing the grids in the first grid set is determined as the target region.

[0173] Another way to describe this embodiment is as follows: Within the grid traversed by the sliding operation, determine at least one service card size that can be accommodated. Among the at least one service card size that can be accommodated, determine the largest service card size, and define the area corresponding to the service card of the largest size as the target area.

[0174] Optionally, if the number of the first grid set is 1, then the region where the grid in the first grid set is located is determined as the target region.

[0175] As an example, Figure 8 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 8 As shown in 'a', assuming the user slides their finger across grids 23, 24, and 28 in the edit-mode desktop, since these three grids do not meet the merging condition, the set of grids that do meet the merging condition can be determined from these three grids. Figure 8 Of the three grids shown, only grids 23 and 24 satisfy the merging condition, i.e., a grid set {grid 23, grid 24} is determined. Therefore, the region containing grids 23 and 24 is determined as the target region. See also Figure 8 As shown in b, grids 23 and 24 can be displayed as merged grid 802. Thus, the area containing merged grid 802 is the target area.

[0176] It should be understood that Figure 8 In the example shown, the process of merging grids other than grids 23 and 24, and the process of updating the state of the merged grids, are compared with... Figure 6 The embodiments shown are similar and will not be described in detail here.

[0177] As an example, Figure 9 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 9 As shown in 'a', assuming the user slides their finger across grids 21, 22, 23, 24, 28, and 27 in the edit-mode desktop, since these six grids do not meet the merging criteria, we can determine the grid sets that do meet the merging criteria from these six grids, namely {grid 21, grid 22}, {grid 22, grid 23}, {grid 23, grid 24}, {grid 27, grid 28}, and {grid 23, grid 24, grid 27, grid 28}. Since the last grid set contains the most grids, the area containing {grid 23, grid 24, grid 27, grid 28} can be determined as the target area. See also... Figure 9As shown in b, grids 23, 24, 27, and 28 are merged to obtain merged grid 902, which is displayed as selected. The area containing merged grid 902 is the target area. Optionally, grids 21, 22, 25, and 26 can also be merged to obtain merged grid 901, which is also displayed as selectable.

[0178] Optionally, if the number of determined first grid sets is greater than 1, a selection interface is displayed, which includes at least two first grid sets. In response to a selection operation input by the user in the at least two first grid sets, the area where the grid in the first grid set selected by the user is located is determined as the target area.

[0179] As an example, Figure 10 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 10 As shown in 'a', assuming the user slides their finger across grids 22, 23, 24, 28, 27, and 26 in the edit-mode desktop, since these six grids do not meet the merging condition, the sets of grids that do meet the merging condition can be determined from these six grids, namely {grid 22, grid 23}, {grid 23, grid 24}, {grid 26, grid 27}, {grid 27, grid 28}, {grid 22, grid 23, grid 26, grid 27}, and {grid 23, grid 24, grid 27, grid 28}. Since the last two grid sets contain the most and the same number of grids, they can be displayed as follows: Figure 10 The selection page shown in 'b' asks the user to confirm which grid set to select. See also... Figure 10 In the case of b, assuming the user selects the grid set {grid 23, grid 24, grid 27, grid 28}, then as follows: Figure 10 As shown in 'c', grids 23, 24, 27, and 28 are merged to obtain merged grid 102, which is displayed as selected. The area containing merged grid 102 is the target area. Optionally, grids 21, 22, 25, and 26 can also be merged to obtain merged grid 101, which is displayed as selectable.

[0180] The above Figures 7 to 10In the illustrated embodiment, a target area can be determined based on the user's sliding operations input in multiple grids on the editing desktop. This target area can be used to add a service card. In the technical solution provided by this application, the electronic device can also automatically determine multiple target areas based on the user's sliding operations input in multiple grids on the editing desktop. Each target area is used to add a service card, thus enabling the addition of multiple service cards at once, simplifying the user's operation process and improving efficiency.

[0181] In one possible implementation, multiple target regions can be determined as follows: M region combinations are determined within the grid traversed by the sliding operation. Each region combination includes at least two sub-regions, each sub-region includes at least two adjacent grids, and the sub-regions within each region combination do not overlap. M is an integer. If M equals 1, each sub-region within the region combination is determined as the target region. If M is greater than 1, a selection interface is displayed, including the M region combinations. In response to the user selecting a target region combination from the M region combinations, each sub-region within the target region combination is determined as the target region.

[0182] As an example, Figure 11 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 11 As shown in 'a', assuming the user slides their finger across grids 21, 22, 23, 24, 28, and 27 in the edit-mode desktop, the electronic device can determine the following two combinations of areas:

[0183] Region combination 1: {sub-regions corresponding to grid 21 and grid 22; sub-regions corresponding to grid 23 and grid 24; sub-regions corresponding to grid 27 and grid 28}, that is, region combination 1 includes 3 sub-regions of 1*2.

[0184] Region combination 2: {sub-regions corresponding to grid 21 and grid 22; sub-regions corresponding to grid 23, grid 24, grid 27 and grid 28}, that is, region combination 2 includes one 1*2 sub-region and one 2*2 sub-region.

[0185] At this time, the electronic device can display, for example Figure 11 The selection page shown in 'b' displays two area combinations, prompting the user to confirm which combination to choose. See also... Figure 11 In option b, assuming the user selected region combination 2, then as follows: Figure 11As shown in c, each sub-region in region combination 2 is designated as a target region. That is, sub-region 111 is designated as a target region, and sub-region 112 is designated as a target region. Both target regions are displayed as selected. Optionally, the remaining grids can be merged to obtain merged grid 113, and merged grid 113 is displayed as selectable.

[0186] It should be noted that the above Figure 8 , Figure 9 , Figure 10 , Figure 11 The document describes a method for merging the grid lines traversed by a swipe operation. It should be understood that for click operations (e.g., using...),... Figure 5 The grid with multiple selected states obtained in the illustrated embodiment can also be represented as follows: Figures 8 to 11 The mesh merging process shown in this embodiment will not be described in detail here.

[0187] The above Figures 7 to 11 In the illustrated embodiment, the user performs a swipe operation on the grid of the edit-mode desktop. The electronic device automatically merges the grid areas traversed by the swipe operation to obtain one or more target areas. In other words, a single swipe operation by the user can generate one or more target areas. Thus, the electronic device may automatically determine multiple merging methods. In this case, the electronic device needs to display a selection page showing various merging methods for the user to manually select (e.g., ...). Figure 10 and Figure 11 (Example shown).

[0188] In the technical solution provided in this application, the user can also perform multiple sliding operations on the grid of the editing desktop. The electronic device can merge the grids traversed by each sliding operation to obtain multiple target areas. In other words, a target area is determined for each sliding operation by the user. This is equivalent to the user manually merging grids through sliding operations.

[0189] In one possible implementation, in response to a first operation input by the user in the plurality of grids, the grid state of the grid corresponding to the first operation is updated, and the grids corresponding to the first operation are merged to obtain at least one merged grid. Then, among the at least one merged grid, the merged grid whose grid state is selected is determined as the target region, and one selected merged grid is one target region.

[0190] At least one merged grid can be obtained using the following methods.

[0191] Method 1

[0192] In response to at least one sliding operation input by the user in the plurality of grids, the grids traversed by each sliding operation are merged to obtain at least one merged grid.

[0193] As an example, Figure 12 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 12 As shown in Figure a, assuming the user performs a first swipe operation on the edit-mode desktop, and the first swipe operation passes through grids 21 and 22, the electronic device merges grids 21 and 22 to obtain merged grid 221. At this time, the edit-mode desktop updates as follows: Figure 12 As shown in b, merged grid 221 is displayed as selected. See also... Figure 12 In step b, assuming the user performs a second swipe, and the second swipe passes through grids 23, 24, 28, and 27, the electronic device merges grids 23, 24, 28, and 27 to obtain merged grid 222. At this point, the edit-mode desktop updates as follows: Figure 12 As shown in 'c', merged grids 221 and 222 are selected. Optionally, grids 25 and 26 remain selectable. In this example, merged grid 221, determined by the user's first swipe, is considered as one target area, and merged grid 222, determined by the user's second swipe, is considered as another target area. In other words, the user selects two target areas through two swipe operations.

[0194] As an example, Figure 13 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 13 As shown in Figure a, assuming the user performs a first swipe operation on the edit-mode desktop, and the first swipe operation passes through grids 21 and 22, the electronic device merges grids 21 and 22 to obtain merged grid 231. At this time, the edit-mode desktop updates as follows: Figure 13 As shown in b, merged grid 231 is displayed as selected. See also... Figure 13 In step b, assuming the user performs a second swipe, traversing grids 23 and 24, the electronic device merges grids 23 and 24 to obtain merged grid 232. At this point, the edit-mode desktop updates as follows: Figure 13 As shown in 'c', merged meshes 231 and 232 are selected. See also... Figure 13In step c, assuming the user performs a third swipe, and this third swipe passes through grids 27 and 28, the electronic device merges grids 27 and 28 to obtain merged grid 233. At this point, the edit-mode desktop updates as follows: Figure 13 As shown by 'd', merged grids 231, 232, and 233 are selected. Optionally, grids 25 and 26 remain selectable. In this example, merged grid 231, determined by the user's first swipe, is considered a target area; merged grid 232, determined by the user's second swipe, is considered a target area; and merged grid 233, determined by the user's third swipe, is considered a target area. In other words, the user selects three target areas through three swipe operations.

[0195] Method 2:

[0196] In response to a user's click and / or swipe operation in the plurality of grids, at least one merged grid in a selected state is obtained; in response to a user's first swipe operation on the merged grid in the selected state, based on the end position of the first swipe operation and the position of the merged grid in the selected state, the grid to be merged corresponding to the merged grid in the selected state is determined, the merged grid in the selected state and the grid to be merged are merged, and the state of the merged grid is updated to the selected state.

[0197] The mesh to be merged can be at least one of the following: a mesh in a selectable state, a mesh in a selectable state to merge, a mesh in a selected state, or a mesh in a selected state to merge.

[0198] As an example, Figure 14 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 14 As shown in 'a', the edit-mode desktop displays three selected merged grids: merged grid 241, merged grid 242, and merged grid 243. Each of these merged grids can be obtained through a click or a swipe operation. For example, Figure 14 The 'a' in the text can be derived from... Figure 13 The sliding operation shown is the result. Additionally, grids 25 and 26 are also displayed in the edit-mode desktop and are selectable.

[0199] See also Figure 14In step 'a', the user inputs a swipe operation (taking a downward swipe as an example). Based on the starting position (i.e., merge grid 241) and ending position (grids 25 and 26) of this swipe operation, the electronic device identifies grids 25 and 26 as the grids to be merged into grid 241. Then, it merges grids 241, 25, and 26 to obtain merged grid 244. At this point, the edit-mode desktop updates as follows: Figure 14 As shown in b, merged grid 244 is displayed as selected. See also... Figure 14 In step b, assuming the user performs another swipe (taking a downward swipe as an example), the electronic device, based on the start position (i.e., merged grid 242) and end position (i.e., merged grid 243) of this swipe operation, determines merged grid 243 as the grid to be merged from merged grid 242, and merges merged grids 242 and 243 to obtain merged grid 245. At this time, the edit-mode desktop updates as follows. Figure 14 As shown in 'c', merged grids 244 and 245 are selected. In this example, the area containing merged grid 244 is one target area, and the area containing merged grid 245 is another target area.

[0200] In this example, users can merge the merged grids again using a sliding gesture, improving user flexibility.

[0201] Method 3:

[0202] In response to a user's sliding operation input in the multiple grids, the grids in the rectangular area corresponding to the sliding operation are merged, and the grid state of the merged grid is updated to the selected state.

[0203] In this method, the user-input swipe operation can be a diagonal swipe. The rectangular area corresponding to the diagonal swipe operation is the area bounded by the outer rectangle of the swipe trajectory.

[0204] The grid in the rectangular area corresponding to the sliding operation can be at least one of the following: a selectable grid, a selectable merged grid, a selected grid, or a selected merged grid.

[0205] As an example, Figure 15 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 15 As shown in 'a', the edit-mode desktop displays one selected merged grid 251, with the rest being selectable grids (grid 21, grid 22, grid 25, grid 26, grid 27, and grid 28). See also... Figure 15In the context of the input field 'a', the user can input a diagonal swipe operation. The starting grid for the diagonal swipe operation is grid 21, and the ending grid is grid 26. The electronic device then determines that the rectangular area corresponding to the diagonal swipe operation is a rectangular area composed of grids 21, 22, 25, and 26, and merges the grids within this rectangular area (i.e., grids 21, 22, 25, and 26) to obtain merged grid 252. At this time, the edit-mode desktop updates as follows: Figure 15 As shown in b, merged grid 252 is displayed as selected. See also... Figure 15 In step b, assuming the user inputs another diagonal swipe operation, with the starting grid being merged grid 251 and the ending grid being grid 28, the electronic device determines the rectangular area corresponding to the diagonal swipe operation as a rectangular area composed of merged grids 251, 27, and 28. It then merges the grids within this rectangular area (i.e., merged grids 251, 27, and 28) to obtain merged grid 253. At this point, the edit-mode desktop updates as follows: Figure 15 As shown in 'c', merged grids 252 and 253 are selected. In this example, the area containing merged grid 252 is one target area, and the area containing merged grid 253 is another target area.

[0206] In this example, users can merge meshes using a diagonal sliding operation, improving the flexibility and efficiency of user operations.

[0207] The above Figures 12 to 15 In the example shown, users can select multiple target areas by swiping repeatedly. This means users can manually specify the mesh merging method, avoiding the need for users to select a merging method when the electronic device automatically merges the mesh (e.g., ...). Figure 10 and Figure 11 The selection page in the middle improves the flexibility and efficiency of user operation.

[0208] The above Figures 5 to 15 In the illustrated embodiment, the user needs to first input a preset operation (e.g., a long press) on the desktop to display an editable desktop. Then, the user can perform grid clicks or swipes on the editable desktop to select a target area. In this application's technical solution, to further simplify the user's operation, the user can also directly select an area on the desktop.

[0209] In one possible implementation, in response to a user's knuckle swipe operation input in the blank area, the target area is determined based on the grid included in the swipe area formed by the knuckle swipe operation.

[0210] As an example, Figure 16 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 16 As shown in 'a', users can input knuckle swipe gestures in a blank area of ​​the desktop. The electronic device detects the swipe area formed by the user's knuckle swipe gestures and displays it as shown in 'a'. Figure 16 The screenshot shown in 'b' displays the sliding area created by the knuckle swipe, along with its corresponding bounding rectangle. See also... Figure 16 In the screenshot, b shows a service card entry control 261. When the user clicks the service card entry control 261, the electronic device displays the following: Figure 16 The edit-mode desktop, shown as 'c', displays multiple grids (e.g., grids 21 to 28) in a blank area. Some of these grids are selected, such as grids 23, 24, 27, and 28. These selected grids are those enclosed by the bounding rectangle of the corresponding sliding area in the screenshot. These selected grids can be used as the target area.

[0211] In some scenarios, the bounding rectangle corresponding to the sliding area obtained by the user's knuckle swipe operation may include an incomplete grid. For example, some areas of the grid may fall inside the bounding rectangle, while other areas may fall outside the bounding rectangle.

[0212] For the above scenario, one possible implementation is to determine the target area in the following way: the electronic device determines multiple candidate grids based on the sliding area, and some or all of the candidate grids are located within the sliding area; based on the area proportion of each candidate grid, the target area is determined among the multiple candidate grids, wherein the area proportion is the ratio of the area of ​​the candidate grid located within the sliding area to the total area of ​​the candidate grids.

[0213] For example, the target region can be defined as the region occupied by at least two candidate grids whose region proportion is greater than or equal to a first threshold and which meet the merging conditions. For example, the first threshold can be 50%.

[0214] In other words, the target area can be determined based on the ratio of the area of ​​each grid cell falling within the sliding area to its total area. For example, if the area of ​​a grid cell falling within the sliding area is greater than or equal to 50%, that grid cell is selected; if the area of ​​a grid cell falling within the sliding area is less than 50%, that grid cell is made selectable. Thus, the area containing the selected grid cells can be considered the target area.

[0215] Among some possible implementations, in order to obtain such Figure 16 After selecting the grid as shown in 'c', the electronic device can further merge the grids that meet the merging conditions within the selected grid and update the state of the merged grid. It should be understood that the method of merging grids in this embodiment is different from... Figures 8 to 11 The embodiments shown are similar and will not be described in detail here.

[0216] Among some possible implementations, in order to obtain such Figure 16 After selecting the grid as shown by 'c', the user can also... Figure 16 In the edit state page shown in 'c', you can enter click and / or swipe operations to update the grid state.

[0217] As an example, Figure 17 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 17 a, b, c and Figure 16 The same applies, so I won't repeat it here. (The text abruptly shifts to a different topic: "In electronic devices, as...") Figure 17 After editing the desktop as shown in 'c', see [link to desktop editing mode]. Figure 17 As shown in d and e, users can also click on grids 22 and 21 in the edit-mode desktop to update grids 21 and 22 to the selected state. Alternatively, users can perform a swipe operation in the edit-mode desktop to add new selected grids or merge selected grids. Alternatively, users can click on a selected grid to update it to the selectable state. Through these operations, users can refine the target area determined by the knuckle swipe operation, improving user operation flexibility.

[0218] S403: Determine the service card corresponding to the target area and display the service card in the target area.

[0219] In this embodiment, the number of target areas determined in S402 based on the user's input in the blank area may be one or more. For example, Figure 5 , Figure 6 , Figure 7 , Figure 8 , Figure 9 , Figure 10 In the example shown, the number of target regions determined is one. Figures 11 to 15 In the illustrated embodiment, multiple target areas are determined. When multiple target areas are determined in S402, a service card corresponding to each target area can be determined separately, and the corresponding service card can be displayed in that target area.

[0220] In one possible implementation, for each target area, at least one candidate service card can be determined; in response to a selection operation input by the user in the at least one candidate service card, the candidate service card selected by the user is determined as the service card corresponding to the target area.

[0221] The size of the service cards to be selected is the same as the size of the target area. For example, if the target area is 1*2, then at least one service card to be selected corresponding to that target area will also be 1*2 in size. If the target area is 2*2, then each service card to be selected corresponding to that target area will also be 2*2 in size.

[0222] In this implementation, the electronic device can recommend service cards of matching size to the user for each target area, thereby ensuring that the service card selected by the user can be correctly displayed in its designated target area.

[0223] In one possible implementation, the first page includes a confirmation control; for example, the edit-mode desktop includes a confirmation control. The service card corresponding to the target area can be determined as follows: At least one candidate service card is displayed in a sliding manner in the target area of ​​the edit-mode desktop; when the first candidate service card among the at least one candidate service card is displayed in the target area, a click operation by the user on the confirmation control is received, and based on the click operation, the first candidate service card is determined as the service card corresponding to the target area.

[0224] This sliding display method can also be referred to as a carousel display. For example, initially, service card A is displayed in the target area. When the user inputs a sliding operation (e.g., sliding left) in the target area, service card A moves to the left and exits the target area. At the same time, service card B also moves to the left and is displayed in the target area. It should be understood that the above example uses a left sliding operation; the process is similar when the user inputs a right sliding operation. In some embodiments, the user can also input an upward sliding operation or a downward sliding operation.

[0225] As an example, Figure 18 This is a schematic diagram of another set of display pages provided in an embodiment of this application. Figure 18 Examples a1 and a2 in the example illustrate two scenarios where the user selects the same target area. The difference lies in that a1 does not use a merged display method, while a2 does. See also Figure 18 In cell a1, the user selected grids 23, 24, 27, and 28; the area containing these four grids is the target area. For example, Figure 18 The target area shown in a1 can be obtained by using Figure 5 , Figure 7 , Figure 16 The embodiments shown are as determined. See also Figure 18 In cell a2, the user selected merge grid 282, meaning the area containing merge grid 282 is the target area. For example, Figure 18 The target area shown in a2 can be obtained by using Figure 6 , Figure 9 , Figure 10 The embodiment shown is determined as follows.

[0226] Figure 18 The target area shown by a1 and a2 in the diagram has a size of 2*2. The user... Figure 18 Click OK in cell A1, or... Figure 18 After clicking "OK" in cell A2, see [link / reference]. Figure 18 In step b, the electronic device displays the target area as a preview window. Within this preview window, multiple service cards to be selected are displayed in a carousel format, each card measuring 2x2 pixels. See also... Figure 18 In option b, assuming the initial preview window displays the "Sports & Health" service card, users can swipe left or right in the preview window to preview other available service cards. For example, see... Figure 18 In options b and c, when the user swipes right in the preview window, the "Gallery" service card appears. The user can repeat the swipe action multiple times until they find the service card they wish to add. See also... Figure 18 In step c, assuming the user clicks "OK" when the "Gallery" service card is displayed in the preview window, the electronic device adds the "Gallery" service card to the target area on the desktop, and the desktop updates as shown below. Figure 18 As shown in d.

[0227] As yet another example, Figure 19 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 19 As shown in 'a', the user selected two target regions: the regions containing merged grid 291 and merged grid 292. For example, Figure 19 The target area shown can be... Figure 11 or Figure 12 The example shown was determined. When the user is... Figure 19 When you click "OK" in option 'a', the electronic device displays the following: Figure 19The edit-mode desktop, shown as 'b', displays each target area as a preview window. Since merged grid 291 is 1x2 in size, the target area corresponding to merged grid 291 displays 1x2 service cards as a carousel. Since merged grid 292 is 2x2 in size, the target area corresponding to merged grid 292 displays 2x2 service cards as a carousel. Users can perform a swipe operation in each target area to select the service card to add. The selection process is similar to... Figure 18 The illustrated embodiments are similar and will not be described in detail here. See also... Figure 19 In step b, assuming the user selects the "Music" service card in the target area corresponding to merged grid 291 and the "Sports & Health" service card in the target area corresponding to merged grid 292, after the user clicks confirm, the electronic device adds the "Music" service card to the target area corresponding to merged grid 291 and the "Sports & Health" service card to the target area corresponding to merged grid 292. At this time, the desktop updates as shown below. Figure 19 As shown in c in the figure.

[0228] In one possible implementation, the first page includes a refresh control and a confirmation control; for example, the edit-mode desktop includes both refresh and confirmation controls. The service card corresponding to the target area can be determined as follows: a first candidate service card from the at least one candidate service card is displayed in the target area of ​​the edit-mode desktop; in response to a user's click on the refresh control, a second candidate service card from the at least one candidate service card is displayed in the target area, until a user's click on the confirmation control is received, at which point the service card displayed in the target area is determined to be the service card corresponding to the target area.

[0229] As an example, Figure 20 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 20 As shown, this embodiment is similar to Figure 18 The scenario of adding a service card in the illustrated embodiment is similar to that of... Figure 18 The difference lies in that, in this embodiment, the preview window corresponding to the target area does not display the selected service card in the form of a carousel. See also Figure 20 In the context of 'a' and 'b', the edit-mode desktop includes refresh and confirmation controls. When the user clicks the refresh control, the electronic device changes the service card displayed in the preview window. In other words, the user can click the refresh control to refresh the service card display in the preview window until the desired service card is found. Clicking the confirmation control then confirms the currently displayed service card in the preview window as the service card corresponding to the target area.

[0230] It should be noted that, Figure 20 The example illustrates a scenario with a single target area. In some scenarios, when multiple target areas are identified, the edit-mode desktop can be configured with refresh controls for each target area, allowing users to refresh the service card corresponding to a specific target area individually, thereby improving the flexibility of user operations.

[0231] The above Figures 18 to 20 In the illustrated embodiment, after the user selects a target area, the electronic device recommends service cards that match the size of the target area and previews the service cards in the target area. This allows the user to visually preview the display effect of the service cards when selecting them, thus avoiding the need for secondary editing due to dissatisfaction with the display effect.

[0232] In some possible scenarios, the target area determined in S402 may also be an unmerged region composed of multiple selected grids, for example, Figure 5 , Figure 7 , Figure 16 , Figure 17 In the illustrated embodiment, the area containing multiple selected grids is the target area. In this scenario, depending on the size of the service card, there may be multiple ways to add service cards to this target area. In this embodiment, each service card addition method corresponds to a region combination method.

[0233] For example, with Figure 17 Taking the target area determined in the illustrated embodiment as an example, this target area is the area containing grids 21, 22, 23, 24, 27, and 28. There are two ways to add service cards to this target area. One way is to add three 1x2 service cards; the other way is to add one 1x2 service card and one 2x2 service card. The area combination corresponding to the first method is {the area containing grids 21 and 22, the area containing grids 23 and 24, and the area containing grids 27 and 28}. The area combination corresponding to the second method is {the area containing grids 21 and 22, and the area containing grids 23, 24, 27, and 28}.

[0234] For the above scenario, S403 of this embodiment may specifically include: determining multiple region combinations corresponding to the target region, each region combination including at least two sub-regions, each sub-region including at least two adjacent grids, and the sub-regions in each region combination not overlapping; determining the service card corresponding to each sub-region in each region combination; displaying a second page, the second page including the multiple region combinations and the service cards corresponding to each sub-region in each region combination, the size of the service card corresponding to each sub-region being the same as the size of the sub-region; in response to the user selecting a target region combination from the multiple region combinations, determining the service cards corresponding to each sub-region in the target region combination as the service cards corresponding to the target region.

[0235] As an example, Figure 21 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 21 As shown in 'a', assume the target area is the region containing grids 21, 22, 23, 24, 27, and 28. For example, this target area could be determined by clicking, swiping with a finger, or swiping with a knuckle. When the user... Figure 21 After clicking "Confirm" in section a, the electronic device displays the second page shown in section b. The second page displays two area combinations and the service cards corresponding to each sub-area within each combination. The first area combination includes three 1x2 sub-areas, with corresponding service cards for: Sports & Health Service Card, Music Service Card, and Smart Living Service Card. All three service cards are 1x2 in size. The second area combination includes one 1x2 sub-area and one 2x2 sub-area. The corresponding service cards for these two sub-areas are: a 1x2 Sports & Health Service Card and a 2x2 Gallery Service Card.

[0236] See also Figure 21 In option b, the user can choose one of the two area combinations mentioned above as the target area combination. For example, if the user selects the first area combination (i.e., three 1*2 sub-areas) and clicks "Add to Desktop," the electronic device will add the corresponding service card to each sub-area, and the desktop display will look like this. Figure 21 As shown in c in the figure.

[0237] In the above Figure 21Based on the illustrated embodiment, in one possible implementation, the second page may further include preview controls corresponding to each region combination. In response to a user's click operation on the preview control corresponding to the first region combination among the multiple region combinations, the electronic device displays a preview page, which is a display result page obtained by adding the service cards corresponding to each sub-region in the first region combination to the first page.

[0238] As an example, Figure 22 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 22 As shown in 'a', assuming the user clicks the preview control corresponding to the second area combination, the electronic device will display as follows: Figure 22 The preview page shown in 'b' displays the effect of adding the service cards from the second area group to the desktop. The preview page may also include an exit preview control; clicking the exit control returns the electronic device to the second page.

[0239] The above Figure 22 In the illustrated embodiment, by providing a preview function for each area combination, users can intuitively preview the effect of adding service cards, ensuring user satisfaction with the added service cards and avoiding situations where users need to make secondary edits.

[0240] In the above Figure 21 or Figure 22 Based on the illustrated embodiment, in one possible implementation, the second page may further include refresh controls corresponding to each region combination. In response to a user's click operation on the refresh control corresponding to the first region combination among the multiple region combinations, the electronic device automatically updates the service cards corresponding to each sub-region in the first region combination. It should be understood that the size of the updated service card for each sub-region is the same as the size of that sub-region.

[0241] As an example, Figure 23 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 23 As shown in section 'a', suppose that sub-area 1 in the second area group currently displays the "Sports & Health" service card, and sub-area 2 currently displays the "Gallery" service card. If the user is not interested in the service cards currently displayed in these two sub-areas, the user can click the refresh control corresponding to the second area group to trigger the electronic device to update the service cards currently displayed in each sub-area of ​​the second area group. For example, see [link to example]. Figure 23 As shown in b, in the second area combination, the service card currently displayed in sub-area 1 is updated to the "Music" service card, and the service card currently displayed in sub-area 2 is updated to the "Weather" service card.

[0242] The above Figure 23 In the illustrated embodiment, by providing a refresh function corresponding to each area combination, users can select and add the service cards they need through the refresh operation.

[0243] In the above Figures 21 to 23 Based on any of the embodiments shown, in one possible implementation, the second page may further include editing controls corresponding to each region combination. In response to a user's click operation on the editing control corresponding to the first region combination among the plurality of region combinations, an editing page corresponding to the first region combination is displayed. The editing page includes a first display area and a second display area. The first display area displays a first sub-region of the first region combination in a selected state, and displays other sub-regions of the first region combination other than the first sub-region in a deselected state. The second display area displays multiple candidate service cards corresponding to the first sub-region. In response to a user's selection operation on the first candidate service card among the multiple candidate service cards, the first candidate service card is designated as the service card corresponding to the first sub-region. Thus, the user can manually update the service cards corresponding to each sub-region in the region combination on the editing page.

[0244] As an example, Figure 24 This is a schematic diagram of another set of display pages provided in an embodiment of this application. For example... Figure 24 As shown in Figure 'a', suppose that sub-area 1 in the second area group currently displays the "Sports & Health" service card, and sub-area 2 currently displays the "Gallery" service card. If the user is not interested in the service cards currently displayed in these two sub-areas, the user can click the edit control corresponding to the second area group. At this time, the electronic device displays as follows: Figure 24 The editing page shown in b is shown in the image.

[0245] The editing page includes a first display area 341 and a second display area 342. For example, Figure 24 In section b, within the first display area 341, sub-area 1 (the sub-area corresponding to the sports and health service card) is displayed as selected, while sub-area 2 (the sub-area corresponding to the gallery service card) is displayed as unselected. Since sub-area 1 is 1x2 in size, multiple candidate service cards, each 1x2 in size, are displayed in the second display area 342: sports and health service card, smart living service card, and music service card. Users can select the desired service card from these candidate cards. For example, assuming the user selects the music service card, the electronic device will replace the service card corresponding to sub-area 1 with the music service card. Through this process, the user's manual update of the service card corresponding to sub-area 1 is completed.

[0246] See also Figure 24 In option b, the editing page includes a "Next" control. When the user clicks the next control, the editing page updates as shown below. Figure 24 As shown in c in the diagram. See also Figure 24 In the first display area 341, the selected sub-area is replaced by sub-area 2 (the sub-area corresponding to the gallery service card). Since sub-area 2 is 2x2 in size, multiple candidate service cards of size 2x2 are displayed in the second display area 342, namely the sports and health service card, the gallery service card, and the weather service card. Assuming the user selects the sports and health service card, the electronic device will replace the service card corresponding to sub-area 2 with the sports and health service card.

[0247] See also Figure 24 In step c, the editing page includes a confirmation control. When the user clicks the confirmation control, the electronic device displays a second page after the above editing, such as... Figure 24 As shown in d, in the edited second page, the service card currently displayed in sub-area 1 of the second area combination is updated to the music service card, and the service card currently displayed in sub-area 2 is updated to the sports and health service card.

[0248] The above Figure 24 In the illustrated embodiment, by providing an editing function for each region combination, users can manually update the service cards corresponding to each sub-region in the region combination, thereby selecting and adding the service cards they need.

[0249] The above Figures 5 to 24 This paper describes some possible implementations of adding service cards. In practical applications, the above implementations can be used in combination.

[0250] In this application, a user can specify a target area on a blank area of ​​the electronic device's desktop. The electronic device can then recommend service cards whose size matches the target area, and the user can select a service card to add from the recommendations. This ensures that the service card is added in a location that meets the user's expectations. In some embodiments, the electronic device can also provide a preview of the recommended service cards, allowing the user to refer to the preview when selecting a service card. In other embodiments, when recommending service cards based on the target area, the electronic device can also recommend them in combinations, with each combination including at least two service cards. This allows the user to add multiple service cards simultaneously, improving the efficiency of adding service cards.

[0251] Figure 25This is a schematic diagram of a service card processing device provided in an embodiment of this application. The device in this embodiment can be in the form of software and / or hardware. The device can be an electronic device, or a device disposed within an electronic device. For example... Figure 25 As shown, the service card processing device 2500 provided in this embodiment includes: a display module 2501, a first determination module 2502, and a second determination module 2503. Wherein,

[0252] Display module 2501 is used to display a first page, the first page including a blank area; first determination module 2502 is used to determine a target area in the blank area in response to an operation input by a user in the blank area; second determination module 2503 is used to determine the service card corresponding to the target area; the display module 2501 is also used to display the service card in the target area.

[0253] In one possible implementation, the blank area contains multiple grids; the first determining module 2502 is specifically configured to: in response to an operation input by a user in the blank area, determine the target area among the multiple grids in the blank area; wherein the target area is the area formed by at least two adjacent grids.

[0254] In one possible implementation, the first determining module 2502 is specifically configured to: display multiple grids in the blank area; and, in response to an operation input by a user in the multiple grids, determine the target area in the multiple grids in the blank area, the operation including a click operation and / or a swipe operation.

[0255] In one possible implementation, the operation includes a click operation; the first determining module 2502 is specifically configured to: in response to a click operation input by the user in a first grid among the plurality of grids, update the grid state of the plurality of grids, wherein the grid state is a selected state, a disabled state, or a selectable state; in response to a click operation input by the user in a second grid in the selectable state, merge some grids among the plurality of grids and update the grid state of the merged grids, until a confirmation operation input by the user is received, and then determine the area where the selected grid is located as the target area.

[0256] In one possible implementation, the first determining module 2502 is specifically used to: in response to a user's click operation on a first grid among the plurality of grids, update the grid state of the first grid to a selected state, and update the grid state of grids that do not meet the merging conditions with the first grid to a disabled selectable state; wherein, initially, the grid state of the plurality of grids is a selectable state.

[0257] In one possible implementation, the first determining module 2502 is specifically configured to: in response to a click operation input by the user in a selectable second grid, perform a grid merging operation and a grid state determination operation on the plurality of grids; if a confirmation operation is received, determine the area where the grid in the selected state is located as the target area; if a click operation input is received in the merged grid, perform a grid merging operation and a grid state determination operation on the plurality of grids until a confirmation operation input by the user is received, and then determine the area where the selected grid is located as the target area.

[0258] In one possible implementation, the first determining module 2502 is specifically configured to: respond to a user's click operation input in a selectable second grid, merge the first grid and the second grid to obtain a first merged grid; and merge the grids that meet the merging conditions among the plurality of grids other than the first grid and the second grid to obtain at least one second merged grid, the second merged grid having the same size as the first merged grid; determine the grid state of the first merged grid as a selected state, determine the grid state of merged grids that meet the merging conditions with the first merged grid as selectable states, and determine the grid state of merged grids that do not meet the merging conditions with the first merged grid as unselectable states.

[0259] In one possible implementation, the operation includes a sliding operation; the first determining module 2502 is specifically configured to: in response to a sliding operation input by the user in the plurality of grids, determine the area where the grids that satisfy the merging conditions are located in the grids through which the sliding operation passes as the target area.

[0260] In one possible implementation, the first determining module 2502 is specifically configured to: determine at least one grid set in the grid traversed by the sliding operation, each grid set including at least two grids, and at least two grids in each grid set satisfying a merging condition; determine a first grid set in the at least one grid set, wherein the first grid set includes the most grids in the at least one grid set; and determine the area where the grids in the first grid set are located as the target area.

[0261] In one possible implementation, the first determining module 2502 is specifically used to: if the number of the first grid set is 1, then determine the area where the grid in the first grid set is located as the target area; if the number of the first grid set is greater than 1, then display a selection interface, the selection interface including at least two of the first grid sets, and in response to the user's selection operation in the at least two first grid sets, determine the area where the grid in the first grid set selected by the user is located as the target area.

[0262] In one possible implementation, the first determining module 2502 is specifically configured to: determine M region combinations in the grid traversed by the sliding operation, each region combination including at least two sub-regions, each sub-region including at least two adjacent grids, and the sub-regions in each region combination not overlapping, where M is an integer; if M equals 1, then each sub-region in the region combination is determined as the target region; if M is greater than 1, then a selection interface is displayed, the selection interface including the M region combinations, responding to the target region combination selected by the user in the M region combinations, and each sub-region in the target region combination is determined as the target region.

[0263] In one possible implementation, the first determining module 2502 is specifically used to: in response to a first operation input by the user in the plurality of grids, update the grid state of the grid corresponding to the first operation, and merge the grids corresponding to the first operation to obtain at least one merged grid; determine the merged grid in the at least one merged grid whose grid state is selected as the target region, and one merged grid in the selected state is one target region.

[0264] In one possible implementation, the first determining module 2502 is specifically configured to: in response to at least one sliding operation input by the user in the plurality of grids, merge the grids traversed by each sliding operation to obtain at least one merged grid, and update the state of each merged grid to the selected state.

[0265] In one possible implementation, the first determining module 2502 is specifically configured to: in response to a click operation and / or swipe operation input by the user in the plurality of grids, obtain at least one merged grid in a selected state; in response to a first swipe operation input by the user to the merged grid in the selected state, determine the grid to be merged corresponding to the merged grid in the selected state according to the end position of the first swipe operation and the position of the merged grid in the selected state, merge the merged grid in the selected state and the grid to be merged, and update the state of the merged grid to the selected state.

[0266] In one possible implementation, the first determining module 2502 is specifically used to: in response to a sliding operation input by the user in the plurality of grids, merge the grids in the rectangular area corresponding to the sliding operation, and update the grid state of the merged grid to the selected state.

[0267] In one possible implementation, the first determining module 2502 is specifically used to: in response to a knuckle sliding operation input by a user in the blank area, determine the target area based on the grid included in the sliding area formed by the knuckle sliding operation.

[0268] In one possible implementation, the first determining module 2502 is specifically used to: determine a plurality of candidate grids based on the sliding region, wherein a portion or all of the candidate grids are located within the sliding region; and determine the target region among the plurality of candidate grids based on the region proportion of each candidate grid, wherein the region proportion is the ratio of the area of ​​the candidate grid located within the sliding region to the total area of ​​the candidate grids.

[0269] In one possible implementation, the first determining module 2502 is specifically used to: determine the area occupied by at least two candidate grids among the plurality of candidate grids that have a region proportion greater than or equal to a first threshold and meet the merging conditions as the target area.

[0270] In one possible implementation, the second determining module 2503 is specifically used to: determine at least one candidate service card corresponding to the target area, wherein the size of each candidate service card is the same as the size of the target area; and in response to a selection operation input by the user in the at least one candidate service card, determine the candidate service card selected by the user as the service card corresponding to the target area.

[0271] In one possible implementation, the first page includes a confirmation control; the second determining module 2503 is specifically configured to: display the at least one candidate service card in the target area in a sliding manner; when the first candidate service card among the at least one candidate service card is displayed in the target area, receive a click operation input by the user on the confirmation control, and determine the first candidate service card as the service card corresponding to the target area based on the click operation.

[0272] In one possible implementation, the first page includes a refresh control and a confirmation control; the second determining module 2503 is specifically used to: display a first candidate service card from the at least one candidate service card in the target area; in response to a user's click operation on the refresh control, display a second candidate service card from the at least one candidate service card in the target area, until a user's click operation on the confirmation control is received, and then determine the service card displayed in the target area as the service card corresponding to the target area.

[0273] In one possible implementation, the second determining module 2503 is specifically configured to: determine multiple region combinations corresponding to the target region, each region combination including at least two sub-regions, each sub-region including at least two adjacent grids, and the sub-regions in each region combination not overlapping; determine the service card corresponding to each sub-region in each region combination; display a second page, the second page including the multiple region combinations and the service cards corresponding to each sub-region in each region combination, the size of the service card corresponding to each sub-region being the same as the size of the sub-region; and, in response to the user selecting a target region combination from the multiple region combinations, determine the service cards corresponding to each sub-region in the target region combination as the service cards corresponding to the target region.

[0274] In one possible implementation, the second page further includes preview controls corresponding to each region combination; the second determining module 2503 is further configured to: in response to a user's click operation on the preview control corresponding to the first region combination among the multiple region combinations, display a preview page, wherein the preview page is a display result page obtained by adding the service cards corresponding to each sub-region in the first region combination to the first page.

[0275] In one possible implementation, the second page further includes refresh controls corresponding to each region combination; the second determining module 2503 is also used to: automatically update the service cards corresponding to each sub-region in the first region combination in response to the user's click operation on the refresh control corresponding to the first region combination among the multiple region combinations.

[0276] In one possible implementation, the second page further includes editing controls corresponding to each region combination; the second determining module 2503 is further configured to: in response to a user's click operation on the editing control corresponding to the first region combination among the plurality of region combinations, display an editing page corresponding to the first region combination, the editing page including a first display area and a second display area, the first display area displaying a first sub-region in the first region combination in a selected state, and displaying other sub-regions in the first region combination other than the first sub-region in a non-selected state; the second display area displays a plurality of candidate service cards corresponding to the first sub-region; in response to a user's selection operation on the first candidate service card among the plurality of candidate service cards, designate the first candidate service card as the service card corresponding to the first sub-region.

[0277] The service card processing device provided in this embodiment can be used to execute the service card processing method provided in any of the above method embodiments. Its implementation principle and technical effect are similar, and will not be described in detail here.

[0278] Figure 26 This is a schematic diagram of the structure of another electronic device provided in an embodiment of this application. For example... Figure 26 As shown, the electronic device 2600 provided in this embodiment includes at least one processor 2601 and at least one memory 2602.

[0279] The memory 2602 can exist independently or be connected to the processor 2601. Optionally, the memory 2602 and the processor 2601 can be connected via a bus 2603. Optionally, the memory 2602 can also be integrated with the processor 2601, for example, integrated within a single chip. The memory 2602 stores computer instructions, and the processor 2601 can execute the computer instructions stored in the memory to implement the service card processing method in the above embodiments. The implementation principle and technical effects are similar and will not be elaborated here.

[0280] This application also provides a computer storage medium that stores computer instructions. When the computer instructions are executed, they implement the service card processing method provided in any of the above method embodiments. The implementation principle and technical effect are similar, and will not be described in detail here.

[0281] This application also provides a computer program product, which includes a computer program. When the computer program is executed, it implements the service card processing method provided in any of the above method embodiments. The implementation principle and technical effects are similar, and will not be described in detail here.

[0282] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. 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 scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

[0283] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely illustrative; for instance, the division of modules is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple modules may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be indirect coupling or communication connection through some interfaces, devices, or modules, and may be electrical, mechanical, or other forms.

[0284] The modules described as separate components may or may not be physically separate. The components shown as modules may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs.

[0285] Furthermore, the functional modules in the various embodiments of this application can be integrated into one processing unit, or each module can exist physically separately, or two or more modules can be integrated into one unit. The unit composed of the above modules can be implemented in hardware or in the form of hardware plus software functional units.

[0286] The integrated modules implemented as software functional modules described above can be stored in a computer-readable storage medium. These software functional modules, stored in a storage medium, include several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) or processor to execute some steps of the methods described in the various embodiments of this application.

[0287] It should be understood that the aforementioned processor can be a Central Processing Unit (CPU), or other general-purpose processors, digital signal processors (DSPs), application-specific integrated circuits (ASICs), etc. A general-purpose processor can be a microprocessor or any conventional processor. The steps of the method disclosed in the application can be directly manifested as being executed by a hardware processor, or executed by a combination of hardware and software modules within the processor.

[0288] The memory may include high-speed RAM, and may also include non-volatile storage (NVM), such as at least one disk storage device, and may also be a USB flash drive, external hard drive, read-only memory, disk or optical disc, etc.

[0289] The bus can be an Industry Standard Architecture (ISA) bus, a Peripheral Component Interconnect (PCI) bus, or an Extended Industry Standard Architecture (EISA) bus, etc. Buses can be categorized as address buses, data buses, control buses, etc. For ease of illustration, the buses shown in the accompanying drawings are not limited to a single bus or a single type of bus.

[0290] The aforementioned storage medium can be implemented from any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk. The storage medium can be any available medium accessible to general-purpose or special-purpose computers.

[0291] An exemplary storage medium is coupled to a processor, enabling the processor to read information from and write information to the storage medium. Alternatively, the storage medium can be an integral part of the processor. Both the processor and the storage medium can reside in an application-specific integrated circuit (ASIC). Alternatively, the processor and storage medium can exist as discrete components in an electronic device or host device.

[0292] Those skilled in the art will understand that all or part of the steps of the above-described method embodiments can be implemented by hardware related to program instructions. The aforementioned program can be stored in a computer-readable storage medium. When executed, the program performs the steps of the above-described method embodiments; and the aforementioned storage medium includes various media capable of storing program code, such as ROM, RAM, magnetic disks, or optical disks.

[0293] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. 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 scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for processing service cards, characterized in that, include: The first page is displayed, which includes a blank area containing multiple grids; In response to an operation input by the user in the blank area, a target area is determined in the blank area, the target area being an area formed by at least two adjacent grids; Determine the service card corresponding to the target area and display the service card in the target area; Wherein, determining the target region in the blank area in response to an operation input by the user in the blank area includes: In response to a first operation input by a user in multiple grids in the blank area, the grid state of the grid corresponding to the first operation is updated, and the grids corresponding to the first operation that meet the merging conditions are merged to obtain at least one merged grid. The grid state is a selected state, a disabled selection state, or a selectable state. The disabled selection state corresponds to the grid state of the grid in the grid corresponding to the first operation that does not meet the merging conditions. The merging conditions are that the grid to be merged matches at least one of multiple service card sizes supported by the electronic device. Among the at least one merged grid, the merged grid in the selected state is determined as the target region, and one selected merged grid is one target region.

2. The method according to claim 1, characterized in that, The first operation includes a click operation and / or a swipe operation.

3. The method according to claim 2, characterized in that, The first operation includes a click operation; In response to a user's input in the plurality of grids, determining the target region in the plurality of grids in the blank area includes: In response to a user's click action on the first grid among the plurality of grids, the grid state of the plurality of grids is updated; In response to a user's click operation in the second grid in the selectable state, some grids among the multiple grids are merged and the grid state of the merged grids is updated until a confirmation operation is received from the user. Then, the area where the selected grid is located is determined as the target area.

4. The method according to claim 3, characterized in that, In response to a user's click action on a first grid among the plurality of grids, the grid state of the plurality of grids is updated, including: In response to a user's click operation on a first grid among the plurality of grids, the grid state of the first grid is updated to a selected state, and the grid state of grids that do not meet the merging conditions with the first grid is updated to a disabled state; Initially, the grid states of the multiple grids are selectable.

5. The method according to claim 3 or 4, characterized in that, In response to a user's click operation in the selectable second grid, the system merges some grids from the plurality of grids and updates the grid state of the merged grids until a user confirmation operation is received. Then, the area containing the selected grid is defined as the target area, including: In response to a user's click operation in the second grid in the selectable state, a grid merging operation and a grid state determination operation are performed on the multiple grids; If the confirmation operation is received, the area containing the grid whose grid status is selected is determined as the target area; If a click operation is received in the merged grid, then a grid merging operation and a grid status determination operation are performed on the multiple grids until a confirmation operation is received from the user. Then, the area where the selected grid is located is determined as the target area.

6. The method according to claim 5, characterized in that, In response to a user's click action in the selectable second grid, a grid merging operation and a grid state determination operation are performed on the plurality of grids, including: In response to a user's click action in the selectable second grid, the first grid and the second grid are merged to obtain a first merged grid, and... The grids that meet the merging conditions among the multiple grids other than the first grid and the second grid are merged to obtain at least one second merged grid, and the second merged grid has the same size as the first merged grid. The first merged grid is set to a selected state, the merged grids that meet the merging conditions with the first merged grid are set to a selectable state, and the merged grids that do not meet the merging conditions with the first merged grid are set to a disabled state.

7. The method according to claim 2, characterized in that, The first operation includes a sliding operation; In response to a user's input in the plurality of grids, determining the target region in the plurality of grids in the blank area includes: In response to a user's sliding operation input in the multiple grids, the region containing the grids that meet the merging conditions in the grids traversed by the sliding operation is determined as the target region.

8. The method according to claim 7, characterized in that, The target region is defined as the area containing the grids that meet the merging conditions traversed by the sliding operation, including: At least one set of grids is determined in the grids traversed by the sliding operation, each set of grids includes at least two grids, and at least two grids in each set of grids satisfy the merging condition; A first grid set is determined from the at least one grid set, wherein the first grid set contains the largest number of grids among the at least one grid set; The region containing the grids in the first grid set is defined as the target region.

9. The method according to claim 8, characterized in that, Determining the target region as the area containing the grids in the first grid set includes: If the number of the first grid set is 1, then the area where the grid in the first grid set is located is determined as the target area; If the number of the first grid set is greater than 1, a selection interface is displayed, which includes at least two of the first grid sets. In response to a selection operation input by the user in the at least two first grid sets, the area where the grid in the first grid set selected by the user is located is determined as the target area.

10. The method according to claim 7, characterized in that, The target region is defined as the area containing the grids that meet the merging conditions traversed by the sliding operation, including: M region combinations are determined in the grid traversed by the sliding operation. Each region combination includes at least two sub-regions, each sub-region includes at least two adjacent grids, and the sub-regions in each region combination do not overlap. M is an integer. If M equals 1, then each sub-region in the region combination is determined as the target region; If M is greater than 1, a selection interface is displayed, which includes the M region combinations. In response to the user's selection of a target region combination from the M region combinations, each sub-region in the target region combination is determined as the target region.

11. The method according to claim 1, characterized in that, In response to a first operation input by the user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: In response to at least one swipe operation input by the user in the plurality of grids, the grids traversed by each swipe operation are merged to obtain at least one merged grid, and the state of each merged grid is updated to the selected state.

12. The method according to claim 1, characterized in that, In response to a first operation input by the user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: In response to a user's click and / or swipe operation in the plurality of grids, at least one merged grid in a selected state is obtained; In response to a user's first sliding operation inputting a merged grid in the selected state, the grid to be merged corresponding to the merged grid in the selected state is determined based on the end position of the first sliding operation and the position of the merged grid in the selected state. The merged grid in the selected state and the grid to be merged are merged, and the state of the merged grid is updated to the selected state.

13. The method according to claim 1, characterized in that, In response to a first operation input by the user in the plurality of grids, updating the grid state of the grid corresponding to the first operation and merging the grids corresponding to the first operation includes: In response to a user's sliding operation input in the multiple grids, the grids in the rectangular area corresponding to the sliding operation are merged, and the grid state of the merged grid is updated to the selected state.

14. The method according to claim 1, characterized in that, In response to a user input in the blank area, the target area is determined among multiple grids in the blank area, including: In response to a user's knuckle swipe input in the blank area, the target area is determined based on the grid included in the swipe area formed by the knuckle swipe input.

15. The method according to claim 14, characterized in that, The target region is determined based on the grid within the area formed by the knuckle sliding operation, including: Multiple candidate grids are determined based on the sliding region, and some or all of the candidate grids are located within the sliding region. The target region is determined from the plurality of candidate grids based on the region proportion of each candidate grid, wherein the region proportion is the ratio of the area of ​​the candidate grid located within the sliding region to the total area of ​​the candidate grids.

16. The method according to claim 15, characterized in that, Based on the area proportion of each candidate grid, the target area is determined from the plurality of candidate grids, including: The region occupied by at least two candidate grids whose region proportion is greater than or equal to a first threshold and which meet the merging conditions is determined as the target region.

17. The method according to any one of claims 1-4 and 6-16, characterized in that, Determining the service card corresponding to the target area includes: Identify at least one candidate service card corresponding to the target area, wherein the size of each candidate service card is the same as the size of the target area; In response to a user's selection operation in one of the at least one candidate service cards, the candidate service card selected by the user is determined as the service card corresponding to the target area.

18. The method according to claim 17, characterized in that, The first page includes a confirmation control; in response to a user's selection operation input in the at least one candidate service card, the selected candidate service card is determined as the service card corresponding to the target area, including: The at least one candidate service card is displayed in the target area by sliding; When the first candidate service card among the at least one candidate service card is displayed in the target area, a click operation by the user on the confirmation control is received, and the first candidate service card is determined as the service card corresponding to the target area based on the click operation.

19. The method according to claim 17, characterized in that, The first page includes a refresh control and a confirmation control; in response to a user's selection operation input from the at least one candidate service card, the selected candidate service card is determined as the service card corresponding to the target area, including: Display the first candidate service card from the at least one candidate service card in the target area; In response to a user's click on the refresh control, a second candidate service card from the at least one candidate service card is displayed in the target area until a user's click on the confirmation control is received, at which point the service card displayed in the target area is determined to be the service card corresponding to the target area.

20. The method according to any one of claims 1-4 and 6-16, characterized in that, Determining the service card corresponding to the target area includes: Determine multiple region combinations corresponding to the target region. Each region combination includes at least two sub-regions, each sub-region includes at least two adjacent grids, and the sub-regions in each region combination do not overlap. Determine the service card corresponding to each sub-region in each region combination; The second page is displayed, which includes the multiple area combinations and service cards corresponding to each sub-area in each area combination. The size of the service card corresponding to each sub-area is the same as the size of the sub-area. In response to the user selecting a target region combination from the multiple region combinations, the service cards corresponding to each sub-region in the target region combination are determined as the service cards corresponding to the target region.

21. The method according to claim 20, characterized in that, The second page also includes preview controls corresponding to each area combination; the method further includes: In response to a user's click on the preview control corresponding to the first region combination among the multiple region combinations, a preview page is displayed. The preview page is the display result page obtained by adding the service cards corresponding to each sub-region in the first region combination to the first page.

22. The method according to claim 21, characterized in that, The second page also includes refresh controls corresponding to each area combination; the method further includes: In response to a user's click operation on the refresh control corresponding to the first region combination among the multiple region combinations, the service cards corresponding to each sub-region in the first region combination are automatically updated.

23. The method according to claim 22, characterized in that, The second page also includes editing controls corresponding to each area combination; the method further includes: In response to a user's click operation on the editing control corresponding to the first region combination among the multiple region combinations, the editing page corresponding to the first region combination is displayed. The editing page includes a first display area and a second display area. The first display area displays a first sub-region in the first region combination in a selected state, and displays other sub-regions in the first region combination other than the first sub-region in a deselected state. The second display area displays multiple candidate service cards corresponding to the first sub-region. In response to the user's selection of the first candidate service card among the plurality of candidate service cards, the first candidate service card is designated as the service card corresponding to the first sub-region.

24. A service card processing apparatus, characterized in that, include: A display module is used to display a first page, the first page including a blank area containing multiple grids; A first determining module is configured to determine a target region in the blank area in response to an operation input by a user in the blank area, the target region being a region formed by at least two adjacent grids; The second determining module is used to determine the service card corresponding to the target area; The display module is also used to display the service card in the target area; The first determining module is specifically used for: In response to a first operation input by a user in multiple grids in the blank area, the grid state of the grid corresponding to the first operation is updated, and the grids corresponding to the first operation that meet the merging conditions are merged to obtain at least one merged grid. The grid state is a selected state, a disabled selection state, or a selectable state. The disabled selection state corresponds to the grid state of the grid corresponding to the first operation that does not meet the merging conditions. The merging conditions are that the grid to be merged matches at least one of multiple service card sizes supported by the electronic device. Among the at least one merged grid, the merged grid in the selected state is determined as the target region, and one selected merged grid is one target region.

25. An electronic device, characterized in that, include: Memory and processor; The memory stores computer instructions; The processor is configured to execute the computer instructions to implement the method according to any one of claims 1 to 23.

26. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions that, when executed, implement the method according to any one of claims 1 to 23.

27. A computer program product, characterized in that, The computer program product includes a computer program that, when executed, implements the method described in any one of claims 1 to 23.

Images