Display method and device, electronic equipment and storage medium

Abstract

The embodiment of the invention provides a display method and device, electronic equipment and a storage medium. The method comprises the steps that a first interface is displayed; the first interface displays first text content and first media content; in response to the first sliding operation, a second interface is displayed, and the second interface comprises a first area and a second area; the first area is used for displaying media content, and the media content comprises first media content; the second area displays second browsing content, and the second browsing content comprises second text content and second media content; in response to the second sliding operation, media content displayed in the first area is updated, the media content comprises second media content, and third browsing content is displayed in the second area; wherein the third browsing content comprises third text content. The method and the device are used for simplifying the operation of viewing target content in browsed content by a user, namely reducing the complexity of user operation and improving the browsing experience of the user.

Description

Technical Field

[0001] This application relates to the field of computer technology, and more specifically to a display method, apparatus, electronic device, and storage medium. Background Technology

[0002] With the rapid development of internet technology, the internet has become an indispensable part of people's lives, work, and study. People can access the information they need anytime, anywhere through smartphones and other smart devices. However, current information display interfaces often contain multiple images or content summaries, and users can switch between currently viewed content to view previously viewed information. This increases the complexity of user operations and reduces the user's browsing experience. Summary of the Invention

[0003] In view of this, this application provides a display method, apparatus, electronic device, and storage medium to reduce the complexity of user operation and improve the user's browsing experience.

[0004] In a first aspect, embodiments of this application provide a display method, including:

[0005] The first interface is displayed; the first interface displays the first browsing content, which includes the first text content and the first media content.

[0006] In response to a first swipe operation, a second interface is displayed, the second interface including a first area and a second area; wherein, the first area is used to display media content, the media content including first media content; the second area displays second browsing content, the second browsing content including second text content and second media content, the second media content being different from the first media content, and the second text content being at least partially different from the first text content;

[0007] In response to the second swipe operation, the media content displayed in the first area is updated, the media content including the second media content, and the third browsing content is displayed in the second area; wherein the third browsing content includes third text content, the third text content being at least partially different from the second text content.

[0008] In this way, in response to the first swipe, the first media content can be displayed in the first area of ​​the second interface, and in response to the second swipe, the media content displayed in the first area of ​​the second interface can be updated; for example, the second media content can be displayed in the first area of ​​the second interface. That is, the browsing content and media content displayed on the interface can be updated with the user's swipe actions. Thus, when it is necessary to find the browsing media content, it can be viewed directly in the first area without having to return to the previous interface, simplifying the user's operation of viewing the browsing content, reducing the complexity of user operations, and improving the user's browsing experience.

[0009] The number of media contents displayed in the first area described above is not limited in this application embodiment. In some embodiments, the first area may display only one media content, in which case, in response to the second sliding operation, the updated media content displayed in the first area is the second media content. In other embodiments, the first area may display multiple media contents, in which case, in response to the second sliding operation, the updated media content displayed in the first area is both the first media content and the second media content. In still other embodiments, the first area may display a complete media content and a portion of at least one other media content, in which case, in response to the second sliding operation, the updated media content displayed in the first area is either the second media content and a portion of the first media content, or the first media content and a portion of the second media content.

[0010] In one possible implementation of the first aspect, the above method further includes:

[0011] In response to the first operation, the media content in the first area or the media content at the target location in the first area is switched to the first media content. Furthermore, the content in the second area is switched to the first browsing content, or the second browsing content, or other content associated with the first media content. In other words, the media content in the first area and the content displayed in the second area are displayed in association. That is, when the media content in the first area is the first media content, or when multiple media contents exist in the first area but the current focus is on the first media content, the contextual information associated with the first media content (which may also include more media information) is displayed in the second area.

[0012] Thus, due to the limited display size of the first area, not all media content can be displayed, or all content can be displayed at the target location. In this case, the first operation can switch the media content in the first area or the media content at the target location within the first area. For example, it can switch to the first media content, making it easier for the user to view it. Simultaneously, the content in the second area can be switched to the first browsing content, the second browsing content, or other content associated with the first media content. This allows the user to view the contextual information of the content associated with the first media content in the second area, further reducing the complexity for the user in finding the first media content and its associated content, and improving the user browsing experience.

[0013] In one possible implementation of the first aspect, the above method further includes:

[0014] In response to the first operation, switch the media content in the first area or the media content at the target location in the first area to the first media content; redisplay the first interface.

[0015] Thus, due to the limited display size of the first area, not all media content can be displayed in the first area or at its target location. In this case, the first operation can switch between the media content in the first area or at its target location, for example, switching to the first media content for easier viewing and reducing the complexity of user operations. Simultaneously, the displayed interface can be redirected to the first interface, allowing users to quickly locate the context information of the first media content. Furthermore, by redisplaying the first interface, the display size of the first media content's context information can be increased, providing users with more browsing space, facilitating immersive browsing, and improving the user's browsing experience.

[0016] In one possible implementation of the first aspect, in response to the second swipe operation, the media content displayed in the first area also includes the first media content, and the method further includes: in response to the second operation on the first media content in the first area, switching the content displayed in the second area to the first browsing content, or to the second browsing content, or to other content associated with the first media content.

[0017] In this way, when the first media content is displayed in the first area, in response to the second operation on the media content, the content displayed in the second area can be switched to the content associated with the first media content, that is, switched to the first browsing content, the second browsing content, or other content associated with the first media content. This allows users to quickly locate the contextual information of the content associated with the first media content in the second area, reducing the complexity of user operations and improving the user's browsing experience.

[0018] In one possible implementation of the first aspect, the method further includes: in response to the second operation, enlarging and displaying the first media content.

[0019] In this way, when the first media content is displayed in the first area, responding to the second operation on the media content can not only switch the content displayed in the second area to the content associated with the first media content, but also enlarge the display of the first media content. This allows the electronic device to display more details of the first media content, enabling users to obtain more information about the first media content and further improving the user's browsing experience.

[0020] In one possible implementation of the first aspect, the method further includes: in response to a third operation on the first media content in the first area, enlarging the display of the first media content. This allows for the display of more details of the first media content, enabling the user to obtain more information about the first media content and further enhancing the user's browsing experience.

[0021] In one possible implementation of the first aspect, the method further includes: redisplaying the first interface in response to a fourth operation on the first media content in the first area. By redisplaying the first interface, the size of the displayed context information of the first media content can be increased, providing the user with more browsing space, facilitating immersive browsing, and improving the user's browsing experience.

[0022] In one possible implementation of the first aspect, before displaying the second interface in response to the first swipe operation, the method further includes: in response to the fifth operation, selecting first media content in the first interface.

[0023] In this way, users can select the media content displayed on the first interface through the fifth operation. When the electronic device responds to the first swipe operation, it can display the first media content selected by the user in the first area, which improves the effectiveness of the media content displayed in the first area, thereby improving the browsing efficiency of the media content displayed in the first area and enhancing the user's browsing experience.

[0024] In one possible implementation of the first aspect, the first media content and / or the second media content includes at least one of the following: images, hyperlinks, service cards, videos, and user identifiers.

[0025] In this way, by using content that users are likely to be interested in as the primary and secondary media content, the browsing efficiency of the media content displayed in the primary area is improved, thus enhancing the user's browsing experience.

[0026] In one possible implementation of the first aspect, the above method further includes:

[0027] Establish a mapping relationship between the first media content and the first browsing content, or the second browsing content, or other content associated with the first media content. The mapping relationship is used to associate the first media content with the first browsing content, or to associate the first media content with the second browsing content, or to associate the first media content with other content.

[0028] In this way, by establishing a mapping relationship between the first media content and the first or second browsing content or other content associated with the first media content, when it is necessary to display the associated content of the first media content, the associated content of the first media content can be quickly located and displayed through the mapping relationship, thereby improving browsing efficiency and thus improving the user browsing experience.

[0029] Secondly, embodiments of this application provide a display device, including:

[0030] The display unit is used to display a first interface; the first interface displays first browsing content, which includes first text content and first media content.

[0031] The processing unit is configured to respond to a first sliding operation and display a second interface, the second interface including a first area and a second area; wherein, the first area is used to display media content, the media content including first media content; the second area displays second browsing content, the second browsing content including second text content and second media content, the second media content being different from the first media content, and the second text content being at least partially different from the first text content;

[0032] The processing unit is further configured to, in response to the second sliding operation, update the media content displayed in the first area, the media content including the second media content, and display the third browsing content in the second area; wherein the third browsing content includes the third text content, the third text content being at least partially different from the second text content.

[0033] Thirdly, embodiments of this application provide an electronic device, including a memory for storing computer program instructions and a processor for executing the program instructions, wherein when the computer program instructions are executed by the processor, the electronic device is triggered to execute the method described in any of the first aspects above.

[0034] Fourthly, embodiments of this application provide a computer-readable storage medium including a stored program, wherein, when the program is executed, it controls the device where the computer-readable storage medium is located to perform the method described in any of the first aspects above.

[0035] Fifthly, embodiments of this application provide a computer program product that, when run on an electronic device, causes the electronic device to perform a display method as described in any one of the first aspects and any possible implementations thereof.

[0036] It is understood that the beneficial effects achieved by the electronic devices, terminal devices, computer-readable storage media, and computer program products provided in the second to fifth aspects above can be referred to with reference to the beneficial effects in the first aspect and any possible implementation provided above, and will not be repeated here. Attached Figure Description

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

[0038] Figure 1 A schematic diagram of a display scenario provided for related technologies;

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

[0040] Figure 2B A software structure block diagram of an electronic device provided in an embodiment of this application;

[0041] Figure 3 A schematic flowchart illustrating a display method provided in an embodiment of this application;

[0042] Figure 4a A schematic diagram of a display method provided in an embodiment of this application;

[0043] Figure 4b A schematic diagram illustrating another display method provided in an embodiment of this application;

[0044] Figure 5a A schematic diagram illustrating another display method provided in an embodiment of this application;

[0045] Figure 5b A schematic diagram illustrating another display method provided in an embodiment of this application;

[0046] Figure 6 A schematic diagram illustrating another display method provided in an embodiment of this application;

[0047] Figure 7 A flowchart illustrating another display method provided in an embodiment of this application;

[0048] Figure 8a A schematic diagram illustrating another display method provided in an embodiment of this application;

[0049] Figure 8b A schematic diagram illustrating another display method provided in an embodiment of this application;

[0050] Figure 8c A schematic diagram illustrating another display method provided in an embodiment of this application;

[0051] Figure 8d A schematic diagram illustrating another display method provided in an embodiment of this application;

[0052] Figure 8e A schematic diagram illustrating another display method provided in an embodiment of this application;

[0053] Figure 9 A schematic diagram illustrating another display method provided in an embodiment of this application;

[0054] Figure 10 A schematic diagram illustrating another display method provided in an embodiment of this application;

[0055] Figure 11 This is a schematic diagram of the structure of a display device provided in an embodiment of this application;

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

[0057] To better understand the technical solution of this application, the embodiments of this application will be described in detail below with reference to the accompanying drawings.

[0058] It should be understood that the described embodiments are merely some, not all, of the embodiments in this application. All other embodiments obtained by those skilled in the art based on the embodiments in this application without inventive effort are within the scope of protection of this application.

[0059] The terminology used in the embodiments of this application is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. The singular forms “a,” “the,” and “the” used in the embodiments of this application and the appended claims are also intended to include the plural forms unless the context clearly indicates otherwise.

[0060] It should be understood that the term "and / or" used in this article is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone. Additionally, the character " / " in this article generally indicates that the preceding and following related objects have an "or" relationship.

[0061] Figure 1 This diagram illustrates a scenario where a user browses content using an electronic device, specifically a mobile phone. Figure 1 As shown, the mobile phone display screen shows image 'a' and text, indicating that the phone is currently displaying both text and images. Figure 1 As shown, as the user swipes across the display interface, for example, swiping upwards, the content displayed on the phone changes. For instance, the content displayed on the phone changes to image b and text. At this point, image a is no longer displayed on phone a. If the user needs to view image a later in the browsing process, the content displayed on the user's phone must return to the location of image a, increasing the complexity of the user's operation and reducing the user's browsing experience.

[0062] To address the aforementioned problems, this application provides a display method. A first interface is displayed, showing first browsing content, including first text content and first media content. In response to a first swipe operation, a second interface is displayed, comprising a first area and a second area. The first area displays the first media content, and the second area displays second browsing content. The second browsing content includes second text content and second media content. The second media content differs from the first media content, and the second text content differs at least partially from the first content. In response to a second swipe operation, the media content displayed in the first area is updated, and the second area displays third browsing content, which includes at least third text content, which differs at least partially from the second text content. The first area is used to display the first media and the second media content. Thus, in this application embodiment, after displaying the first interface, in response to the first swipe operation, the first media content from the first interface can be displayed in the first area of ​​the second interface, and the second area of ​​the second interface can display the second text content. In response to the second swipe operation, the media content displayed in the first area is updated, the media displayed in the first area contains the second media content, and the second area displays the third browsing content. This allows users to directly view previously viewed media content in the first area without needing to return to the previous screen. This simplifies the process, reduces complexity, and improves the browsing experience. A detailed explanation follows.

[0063] The display method provided in this application can be applied to electronic devices. Electronic devices can be terminals including displays, such as mobile phones, tablets, wearable devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), and other electronic devices. This application does not limit the specific type of electronic device.

[0064] It should be noted that in some possible implementations, the electronic device may also be referred to as a terminal device, user equipment (UE), etc., and the embodiments of this application do not limit this.

[0065] Figure 2A An exemplary structural schematic diagram of an electronic device 100 is shown. Figure 2AAs shown, the electronic device may include a processor 110, internal memory 121, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a magnetic sensor 180D, a proximity sensor 180F, a touch sensor 180K, etc.

[0066] It is understood that the structures illustrated in the embodiments of the present invention 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.

[0067] Processor 110 may include one or more first processing units, such as an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural network processing unit (NPU). Different first processing units may be independent devices or integrated into one or more processors. Processor 110 is used to execute the remote assistance method in the embodiments of this application, such as steps S301-S302 described below.

[0068] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0069] 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.

[0070] 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.

[0071] 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. For example, in this embodiment, a third control command is generated by assisting the user to generate the control interface displayed on the screen of the electronic device 100.

[0072] 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. For example, the assisted user can answer audio information in a video or audio conversation with the assisting user through the headset.

[0073] 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.

[0074] 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.

[0075] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention 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.

[0076] 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.

[0077] 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.

[0078] 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.

[0079] 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.

[0080] 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. For example, the electronic device 100 can transmit signals to other electronic devices through its Bluetooth or Wi-Fi modules.

[0081] 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).

[0082] 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.

[0083] 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.

[0084] For example, the display of the current browsing interface on electronic device 100 can be achieved through GPU, display screen 194, and application processor.

[0085] 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.

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

[0087] A digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals.

[0088] 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.

[0089] Internal memory 121 can be used to store computer executable program code, which includes instructions. 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 within the processor. Internal memory 222 may include a program storage area and a data storage area. The program storage area may store the operating system, applications required for at least one 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.).

[0090] In addition, the 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.

[0091] Electronic device 100 can implement audio functions through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor, etc., such as audio conversations between electronic device 100 and other electronic devices.

[0092] 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.

[0093] 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.

[0094] 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.

[0095] 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.

[0096] 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.

[0097] 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.

[0098] Distance sensor 180F is used to measure distance. Electronic device 100 can measure distance via infrared or laser.

[0099] 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.

[0100] The SIM card interface 195 is used to connect a SIM card. The SIM card can be inserted into or removed from the SIM card interface 195 to make contact with and separate from the electronic device 100. The electronic device 100 can support one or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, etc. Multiple cards can be inserted into the same SIM card interface 195 simultaneously. The multiple cards can be of the same or different types. The SIM card interface 195 is also compatible with different types of SIM cards. The SIM card interface 195 is also compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to realize functions such as calls and data communication. In some embodiments, the electronic device 100 uses an eSIM, i.e., an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

[0101] Figure 2B This is a software structure block diagram of the electronic device 100 according to an embodiment of this application.

[0102] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0103] The application layer can include a series of applications.

[0104] like Figure 2B As shown, the applications may include apps such as call, memo, browser, contacts, camera, gallery, calendar, map, Bluetooth, music, video, and SMS. These applications may be pre-installed when the electronic device 100 leaves the factory, or they may be downloaded and installed by the user from an application market when using the electronic device 100. This application embodiment does not impose any restrictions on this.

[0105] In this embodiment of the application, the application includes a first application, which is an application capable of displaying document files, including but not limited to browsers, readers, network information sharing applications, email, etc.

[0106] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0107] like Figure 2B As shown, the application framework layer may include a window manager, content provider, view system, resource manager, notification manager, etc.

[0108] The window manager manages window programs. It can obtain screen size, determine the presence of a status bar, lock the screen, and capture screenshots. The content provider stores and retrieves data, making it accessible to applications. This data can include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc. The view system includes visual controls, such as controls for displaying text and images. The view system is used to build applications. The display interface can consist of one or more views. The resource manager provides applications with various resources, such as localized strings, icons, images, layout files, video files, etc. The notification manager allows applications to display notifications in the status bar. These notifications can be used to convey informational messages and can disappear automatically after a short pause without user interaction. For example, the notification manager can be used to notify of download completion or message alerts. The notification manager can also display notifications as icons or scrollbar text in the system's top status bar, such as notifications from background applications, or as dialog windows on the screen. Examples include displaying text messages in the status bar, emitting alert sounds, vibrating electronic devices, and flashing indicator lights.

[0109] In some embodiments of this application, the framework layer may further include a selection module, which can be used to determine target content among the displayed content of the interface. For example, at least one of the following: content displayed as an image, content displayed as a link, and content displayed as a service card, may be selected as the target content.

[0110] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0111] The Surface Manager manages the display subsystem and provides fusion of 2D and 3D layers for multiple applications. The Media Library supports playback and recording of various common audio and video formats, as well as still image files. The Media Library supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG. The 3D Graphics Processing Library implements 3D graphics drawing, image rendering, compositing, and layer processing. The 2D Graphics Engine is the drawing engine for 2D graphics.

[0112] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

[0113] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0114] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0115] The kernel layer is the layer between hardware and software. The kernel layer includes at least display drivers, camera drivers, audio drivers, sensor drivers, etc., but this application embodiment does not impose any limitations on this.

[0116] The technical solutions provided in the following embodiments can all be applied to, for example, Figure 2A Electronic devices with the structure shown, and / or such as Figure 2B The electronic device described in the structure.

[0117] The display method provided in the embodiments of this application will be described in detail below.

[0118] See Figure 3 This is a flowchart illustrating a display method provided in an embodiment of this application. Figure 3 As shown, the method includes:

[0119] Step S301: Display the first interface.

[0120] The first interface displays the first browsing content, which includes the first text content and the first media content.

[0121] In this embodiment, users can access various information anytime and anywhere via electronic devices and browse that information. During information browsing, the electronic device displays a first interface. This first interface contains first browsing content, including first text content and first media content. That is, the first interface displayed by the electronic device includes both first text content and first media content.

[0122] As one possible implementation, the primary media content includes at least one of the following: images, hyperlinks, service cards, videos, and user-identified content.

[0123] Service cards, also known as cards, are a form of interface display that places important application information or operations on cards to achieve direct service access and reduce experience layers. User-identified content refers to content marked by the user while browsing. In some embodiments, the user can mark content of interest on the first interface when it is displayed, thus obtaining the user-marked content. The electronic device can determine the user-marked content as the first media content.

[0124] It should be understood that the first media content can also be other content, such as audio or other key content, and the embodiments of this application do not limit this.

[0125] Step S302: In response to the first sliding operation, a second interface is displayed, which includes a first area and a second area.

[0126] The first area is used to display media content, which includes first media content; the second area displays second browsing content, which includes second text content and second media content. The second media content is different from the first media content, and the second text content is at least partially different from the first text content.

[0127] In this embodiment, after the electronic device displays a first interface, the user can browse the first browsing content on the first interface. When the user needs to update the browsing content after browsing, they can send a first swipe operation to the electronic device. In response to the first swipe operation, the electronic device updates the displayed content. At this time, the electronic device displays a second interface. The second interface includes a first area and a second area. The first area displays first media content, and the second area displays second browsing content. The second browsing content is at least partially different from the first browsing content. That is, the second browsing content includes second text content and second media content; the second text content is at least partially different from the first text content, and the first media content is different from the second media content. Specifically, after receiving the first swipe operation, the electronic device can display the first media content in the first area of ​​the second interface, and based on the first swipe operation, the electronic device obtains the second browsing content and displays it in the second area of ​​the second interface to update the displayed content. Simultaneously, after updating the interface, the updated second interface still displays the first media content, allowing the user to search for it.

[0128] Step S303: In response to the second swipe operation, update the media content displayed in the first area, the media content includes the second media content, and display the third browsing content in the second area.

[0129] The third browsing content includes third text content, which is at least partially different from the second text content.

[0130] In this embodiment, when a user needs to update the viewed content after browsing the second interface, a second swipe operation can be sent to the electronic device. Upon receiving the second swipe operation, the electronic device needs to update the content displayed on the second interface. In response to the second swipe operation, the electronic device can update the media content displayed in the first area based on the second media content in the second browsing content. In some embodiments, multiple media contents are displayed in the first area, allowing the electronic device to update the media content displayed in the first area to both the first and second media contents. That is, the electronic device can display all viewed media content in the first area.

[0131] In other embodiments, only one media content is displayed in the first area, allowing the electronic device to update the media content displayed in the first area to the second media content. That is, the electronic device only displays the most recently updated media content in the first area. In other words, only one media content is displayed in the first area, and other media content is not displayed there. In some embodiments, media content not displayed in the first area can be hidden; for example, in response to a second swipe operation, the second media content is displayed in the first area, while the first media content is hidden.

[0132] In other embodiments, other amounts of media content may also be displayed in the first area. For example, a complete piece of media content and at least a portion of another piece of media content may be displayed. For instance, in response to a second swipe operation, the complete second media content and a portion of the first media content may be displayed in the first area. Alternatively, the complete first media content and a portion of the second media content may be displayed in the first area. Of course, other amounts of media content may also be displayed in the first area, and the embodiments of this application do not limit the number of media contents displayed in the first area.

[0133] The electronic device also needs to update the content displayed in the second area. In response to the second swipe operation, the electronic device can acquire the third browsing content and update the content displayed in the second area to the third browsing content. Thus, after the second swipe operation, in the updated second interface of the electronic device, the media content displayed in the first area includes the second media content, and the second area displays the third browsing content.

[0134] In this way, as the user swipes, the electronic device can update the browsing content displayed in the second area, and also update the media content displayed in the first area. This allows the user to quickly access the media content already viewed in the first area, reducing the complexity of viewing the viewed media content, simplifying the user's operation, and improving the user experience.

[0135] To provide a clearer understanding of the display process in the above embodiments, a mobile phone will be used as an example for illustration. For ease of description, specific examples will be used below.

[0136] like Figure 4aAs shown, the mobile phone displays a first interface 401, which includes first browsing content, comprising first text content and first media content 402. In the first interface 401, the first media content 402 is an image. In response to a user's first swipe operation on the first interface 401, the mobile phone displays a second interface 403. The second interface 403 includes a first area 4031 and a second area 4032. The first area displays the first media content 402, and the second area displays second browsing content. The second browsing content includes second text content and second media content 404. The second media content 404 differs from the first media content 402; in this example, the second media content 404 is a hyperlink. Since the second browsing content is an update of the first browsing content, the second text content in the second browsing content may be at least partially the same as the first text content in the first browsing content, or they may be completely different. Whether the second text content is the same as the first text content depends on the first swipe operation. For example, the faster the swipe speed of the first operation, the more the browsing content is updated, and the more differences there are between the first and second text content. The slower the swipe speed of the first swipe, the less content is updated on the screen. In this case, there is more overlap between the first and second text content.

[0137] For example, the shorter the swipe distance of the first swipe, the more content is updated on the screen, and the more differences there are between the first and second text content. Conversely, the longer the swipe distance of the first swipe, the less content is updated on the screen, and the more similarities there are between the first and second text content.

[0138] In this example, the second text content is partially the same as the first text content. In some embodiments, in response to a user's first swipe operation on the first interface 401, after the phone displays the first media content 402 in the first area of ​​the second interface 403, the content displayed in the second area 4032 of the second interface 403 no longer includes the first media content 402. (Refer to...) Figure 4a As shown. Of course, after the phone displays the first media content 402 in the first area of ​​the second interface 403, the content displayed in the second area 4032 of the second interface 403 can also include the first media content 402, as can be seen from [reference]. Figure 4b .exist Figure 4b The content of paragraph 5 marked by the user is displayed in the first area, and the content of paragraph 5 marked by the user is also included in the browsing content displayed in the second area.

[0139] Suppose that while browsing the second interface 403, the user marks a portion of the text content displayed in the second browsing content in the second area 4032, such as... Figure 4aAs shown, the user marked paragraph 5 of the text content. At this time, the mobile phone can determine that the second media content 404 in the second browsing content includes hyperlink content and the text content marked by the user.

[0140] like Figure 4b As shown in (1), in response to a user's second swipe operation on the second interface 403, the mobile phone updates the content displayed on the second interface 403. The mobile phone updates the media content displayed in the first area 4031 of the second interface 403 and updates the content displayed in the second area to the third browsing content. In some embodiments, the media content displayed in the first area 4031 of the second interface 403 after the mobile phone update may include first media content 402 and second media content 404, such as Figure 4b As shown in (2). Alternatively, in some embodiments, the media content displayed in the first area 4031 of the updated second interface 403 of the mobile phone may include the second media content 404, such as Figure 4b As shown in (3). The third browsing content includes third text content and third media content 405 in interface 403, where the third media content 405 is a service card. Alternatively, in some embodiments, the media content displayed in the first area 4031 of the second interface 403 after the phone is updated may include a portion of the second media content 404 and the first media content 402. The third browsing content includes third text content and third media content 405 in interface 403, where the third media content 405 is a service card.

[0141] In response to a third swipe operation by the user on the second interface 403, the phone updates the content displayed on the second interface 403. The phone updates the media content displayed in the first area 4031 of the second interface 403 and updates the content displayed in the second area to the fourth browsing content. In some embodiments, the media content displayed in the first area 4031 of the updated second interface 403 may include first media content 402, second media content 404, and third media content 405, such as... Figure 4b As shown in (4). Alternatively, in some embodiments, the media content displayed in the first area 4031 of the updated second interface 403 of the mobile phone may include third media content 405, such as Figure 4bAs shown in (5). The fourth browsing content includes the fourth text content. Alternatively, in some embodiments, the media content displayed in the first area 4031 of the updated second interface 403 of the mobile phone may include the third media content 405 and a portion of the second media content 404. The fourth browsing content includes the fourth text content. Alternatively, in some embodiments, the media content displayed in the first area 4031 of the updated second interface 403 of the mobile phone may include the third media content 405, a portion of the second media content 404, and a portion of the first media content 402. The fourth browsing content includes the fourth text content.

[0142] In the example above, the first region 4031 is located at the top of the second region 4032. It should be understood that the positional relationship between the first region 4031 and the second region 4032 can also be in other forms, such as the first region 4031 being located at the bottom of the second region 4032, as... Figure 5a As shown, or the first region 4031 is located on one side of the second region 4032 in a first direction, wherein the first direction refers to a direction perpendicular to the second region from top to bottom, such as... Figure 5b As shown. This application embodiment does not limit the positional relationship between the first region 6041 and the second region 6042.

[0143] It should be noted that in the example above, the side of the phone closer to the camera is represented as the top of the phone, and the side farther from the camera is represented as the bottom of the phone. The top of the second area is the side of the second area closer to the top of the phone, and the bottom of the second area is the side of the second area closer to the bottom of the phone.

[0144] As one possible implementation, the method further includes:

[0145] Establish a mapping relationship between the first media content and the first viewed content, or the second viewed content, or other content related to the first media content.

[0146] The mapping relationship is used to associate the first media content with the first browsing content, or to associate the first media content with the second browsing content, or to associate the first media content with other content.

[0147] In this embodiment, to facilitate finding content associated with the first media content, a mapping relationship can be established between the first media content and first browsing content, second browsing content, or other content associated with the first media content. Thus, when displaying the first media content, the electronic device can simultaneously display the first browsing content, the second browsing content, or other content associated with the first media content. This allows users to find content associated with the first media content, facilitating their search and improving their browsing experience.

[0148] The content associated with the first media content can be user-defined; that is, the user can set the content associated with the first media content in the content displayed on the interface. In this way, the electronic device can establish a mapping relationship between the first media content and the user-defined content. In other embodiments, the electronic device establishes a mapping relationship between the first media content and the first browsing content, or the second browsing content, or other content associated with the first media content by detecting whether the first browsing content, the second browsing content, or other content is related to the first media content. Of course, the electronic device can also determine the content associated with the first media content and establish a mapping relationship through other methods, and this application embodiment does not limit this.

[0149] It should be noted that other content associated with the first media content can be set by the user, such as third-party browsing content, etc., and this application embodiment does not limit this.

[0150] As one possible implementation, the method further includes:

[0151] In response to the first operation, the media content in the first area or the media content displayed at the target location in the first area is switched to the first media content, and the content in the second area is switched to the first browsing content, or switched to the second browsing content, or switched to other content associated with the first media content.

[0152] In this embodiment, the electronic device can also switch the media content displayed in the first area. For example, when a user needs to switch the media content displayed in the first area to first media content, a first operation can be performed on the electronic device. In response to the first operation, the electronic device can switch the media content in the first area or the media content at a target location in the first area to the first media content. In some embodiments, the electronic device can directly switch the media content displayed in the first area to the first media content. That is, the electronic device switches the media content displayed in the entire display area of ​​the first area to the first media content. The switched first area displays the first media content through the entire display area of ​​the first area. In other embodiments, the content displayed in a portion of the display area in the first area can also be switched to the first media content. That is, the media content at a target location in the first area can be switched to the first media content. In some embodiments, the target location can be the center location of the first area. The electronic device can switch the media content displayed at the target location in the first area from second media content to first media. The media content displayed at other locations in the first area may not be displayed. To facilitate user viewing, when the electronic device switches the media content in the first area or the media content at a target location in the first area to the first media content, it can also switch the content displayed in the second area to content associated with the first media content. The content associated with the first media content can be the first browsing content, the second browsing content, or other content. That is, if the content associated with the first media content is the first browsing content, switching the media content in the first area or the media content at the target location in the first area to the first media content will also switch the content in the second area to the first browsing content. Alternatively, if the content associated with the first media content is the second browsing content, switching the media content in the first area or the media content at the target location in the first area to the first media content will also switch the content in the second area to the second browsing content. Or, if the content associated with the first media content is other content, switching the media content in the first area or the media content at the target location in the first area to the first media content will also switch to other content associated with the first media content. In this way, users can view the content associated with the first media content in the second area.

[0153] When an electronic device switches the media content in the first area or the media content at the target location in the first area to the first media content, it can switch the content in the second area to the first browsing content, the second browsing content, or other content associated with the first media content through a pre-established mapping relationship.

[0154] As another possible implementation, the method further includes:

[0155] In response to the first operation, the media content in the first area or the media content at the target location in the first area is switched to the first media content;

[0156] Redisplay the first screen.

[0157] In this embodiment, the electronic device can also switch the media content displayed in the first area. For example, when a user needs to switch the media content displayed in the first area to first media content, a first operation can be performed on the electronic device. In response to the first operation, the electronic device can switch the media content in the first area or the media content at a target location in the first area to the first media content. In some embodiments, the electronic device can directly switch the media content displayed in the first area to the first media content. That is, the electronic device switches the media content displayed in the entire display area of ​​the first area to the first media content. The switched first area displays the first media content through the entire display area of ​​the first area. In other embodiments, the content displayed in a portion of the display area of ​​the first area can also be switched to the first media content. That is, the media content at a target location in the first area can be switched to the first media content. In some embodiments, the target location can be the center location of the first area. The electronic device can switch the media content displayed at the target location in the first area from the second media content to the first media. The media content displayed at other locations in the first area may not be displayed. To facilitate user viewing, after switching the media content in the first area or the media content at the target location in the first area to the first media content, the electronic device can switch the displayed second interface to the first interface. In other words, upon receiving the first operation, the electronic device can switch the media content displayed in the first area or the media content displayed at the target location in the first area to the first media content. The electronic device also needs to display the first browsing content containing the context information of the first media content. At this time, the electronic device can switch the display interface to the first interface, that is, switch to the interface that displays the first browsing content.

[0158] As shown in the example above, assuming the target location of the first area is the center of the first area, in response to the user's second swipe operation on the second interface 403, the phone updates the content displayed on the second interface 403. The phone can update the media content displayed in the first area to the second media content 404. Or, as... Figure 6As shown in (2), the mobile phone can also display the second media content 404 in the second browsing content at the center of the first area. If the user needs to view the first media content 402 in the first area, the user can perform a first operation in the first area of ​​the mobile phone, such as a rightward swipe operation in the first direction. In response to the first operation, the mobile phone can switch the media content in the first area to the first media content 402, or switch the media content displayed at the target position in the first area to the first media content 402. In this example, the example of switching the media content displayed at the target position in the first area to the first media content 402 is used for explanation. When the mobile phone switches the media content displayed at the target position in the first area to the first media content 402, it can also switch the content displayed in the second area of ​​the second interface 403 to the content associated with the first media content. For example, the content displayed in the second area can be switched to the first browsing content, or switched to the second browsing content, or switched to other content associated with the first media content. In this example, the example of switching to the first browsing content is used for explanation. Figure 6 As shown in (4).

[0159] Alternatively, in response to the first operation, the mobile phone can switch the media content displayed at the target location in the first area to the first media content, and switch the displayed interface from displaying the second interface 403 to displaying the first interface 401, such as... Figure 6 As shown in (5).

[0160] In some embodiments, after the media content displayed at the target location in the first area is switched to the first media content, the mobile phone can immediately switch the displayed interface from displaying the second interface 403 to displaying the first interface 401. In other embodiments, after the media content displayed at the target location in the first area is switched to the first media content, the mobile phone can also switch the displayed interface from displaying the second interface 403 to displaying the first interface 401 after a preset time interval. This application does not impose limitations on these embodiments.

[0161] It should be understood that the first operation described above can be a click operation, a long press operation, a double-click operation, or other forms of operation, and the embodiments of this application do not limit this.

[0162] As one possible implementation, in response to the second swipe operation, the media content displayed in the first area also includes first media content, such as... Figure 7 As shown, the above method also includes:

[0163] Step S304: In response to the second operation on the first media content in the first area, switch the content displayed in the second area to the first browsing content, or switch to the second browsing content, or switch to other content associated with the first media content.

[0164] In this embodiment, the media content displayed in the first area also includes first media content. That is, in response to the second swipe operation, the media content displayed in the first area is updated to include both the first and second media content. As the content displayed in the second area of ​​the second interface is continuously updated, if the user needs to view content associated with the first media content in the first area, they can perform a second operation on the first media content in the first area, such as a click or long-press operation. In response to the second operation, the electronic device can switch the browsing content displayed in the second area of ​​the second interface to the first browsing content, the second browsing content, or other content associated with the first media content. In this way, the user can browse content associated with the first media content in the second area.

[0165] In some embodiments, when switching the content of the second area to the first browsing content, in order for the user to view the context information within the first media more quickly, the electronic device may switch the content of the second area to the first browsing content containing the content of the first media.

[0166] It should be understood that the second operation described above can be a click operation, a long press operation, a double-click operation, or other forms of operation, and the embodiments of this application do not limit this.

[0167] As described in the example above, in response to the user's third swipe operation on the second interface 403, the phone displays as follows: Figure 4b The second interface 403 is shown in (4). The second interface 403 displays the first media content 402, the second media content 404, and the third media content 405 in the first area 4031, and displays the fourth browsing content in the second area 4032 of the second interface 403. At this time, if the user needs to view the related content of the first media content, they can perform a second operation on the first media content 402 in the first area 4031, such as a click operation. The phone can use a pre-established mapping relationship to switch the content displayed in the second area 4032 to the first browsing content, the second browsing content, or other content associated with the first media content 402, so that the user can view the content associated with the first media content 402 in the first browsing content. In this example and the following examples, the example of switching the content displayed in the second area 4032 to the first browsing content is used for illustration. Figure 8a As shown.

[0168] As one possible implementation, it also includes: in response to the second operation, enlarging and displaying the first media content.

[0169] In this embodiment, due to the limited display size of the first area, media content may need to be scaled down before being displayed. For example, when displaying multiple media contents in the first area, larger media contents need to be scaled so that each media content can be displayed in the first area. To facilitate users obtaining more display details of the media content, users can not only switch the content displayed in the second area to the browsing content associated with the selected media content through a second operation, but also enlarge the selected media content. For example, if a user performs a second operation on the first media content in the first area displayed on the electronic device, such as a click operation, the electronic device responds to the second operation on the first media content by not only switching the content displayed in the second area to the content associated with the first media content (i.e., switching to the first browsing content, the second browsing content, or other content associated with the first media content), but also enlarging the first media content so that users can obtain more detailed information through the enlarged first media content and obtain the contextual information of the content associated with the first media content through the content associated with the first media content displayed in the second area.

[0170] In some embodiments, the first media content can be enlarged and displayed in the first area.

[0171] In other embodiments, in order to display the first target content more clearly, the electronic device may enlarge the first media content in the form of a floating window.

[0172] Since the floating window obscures the display of the second area, in some embodiments, the display time of the first media content in the floating window can be set, for example, 10 seconds. After 10 seconds, the electronic device can close the floating window displaying the first media content, so that the first browsing content or second browsing content or other content associated with the first media content displayed in the second area can be displayed. In other embodiments, the floating window can also be closed by user operation. For example, the user can cancel the magnified display of the first media content through a seventh operation, such as clicking on the first media content in the floating window. In this way, the user can obtain the context information of the content associated with the first media content through the first browsing content or second browsing content or other content associated with the first media content displayed in the second area. That is, in response to the seventh operation, the electronic device closes the floating window displaying the first media content. Of course, the electronic device can also close the floating window displaying the first media content in other ways. This application embodiment does not limit this.

[0173] It should be understood that the seventh operation described above can also be a double-click operation, a long-press operation, or other operations, and the embodiments of this application do not limit this.

[0174] As shown in the example above, the phone displayed... Figure 4b The second interface 403 is shown in (4). The second interface 403 displays first media content 402, second media content 404, and third media content 405 in the first area 4031, and displays fourth browsing content in the second area 4032. If the user needs to zoom in on the first media content 402 (i.e., the image) displayed in the first area 4031, the user can perform a second operation on the first media content 402 displayed in the first area 4031, such as a click operation. In response to the second operation on the first media content 402 displayed in the first area 4031, the phone zooms in on the first media content 402. The phone can zoom in on the first media content 402 in the form of a floating window, and switch the content displayed in the second area 4032 to the first browsing content, so that the user can obtain the context information of the first media content 402 through the first browsing content, such as... Figure 8b As shown. In response to a seventh user action on the floating window, such as a double-tap, the phone can close the floating window displaying the first media content 402, as shown. Figure 8c As shown.

[0175] In other embodiments, the second operation may simply be an update operation of the content displayed on the second interface, while the magnification of the first media content can be triggered by the third operation. That is, the above method further includes: in response to the third operation on the first media content in the first area, magnifying the first media content.

[0176] In this embodiment, if a user needs to zoom in on the first media content, a third operation can be performed on the first media content. The electronic device, in response to the third operation on the first media content in the first area, zooms in on the first media content. In some embodiments, the electronic device can zoom in on the first media content in a floating window.

[0177] It should be understood that the third operation described above can also be a double-click operation, a long-press operation, or other operations, and the embodiments of this application do not limit this.

[0178] As illustrated in the example above, Figure 8a The mobile phone responds by performing a second operation on the first media content 402 in the first area 4031, switching the content displayed in the second area 4032 of the second interface 403 to the first browsing content. If the user needs to view more details of the first media content, a third operation can be performed on the first media content, such as a click operation. The mobile phone can then enlarge the display of the first media content, for example, by enlarging it in a floating frame. (See reference...) Figure 8d As shown.

[0179] As one possible implementation, after the electronic device responds to the second operation and switches the content displayed in the second area of ​​the second interface to the first browsing content, the display size of the second area is small, making it inconvenient to view the first browsing content. To improve the user's experience of browsing the first browsing content, the method further includes: responding to a fourth operation on the first media content in the first area by redisplaying the first interface.

[0180] In other words, to facilitate viewing the first browsing content, the display of the first browsing content can be switched from the second area to the full-screen display of the electronic device. Specifically, in response to the fourth operation on the first media content in the first area, the electronic device redisplays the first interface, thus providing the user with a larger browsing space and facilitating an immersive browsing experience.

[0181] As illustrated in the example above, Figure 8a The mobile phone responds to a second operation on the first media content 402 in the first area 4031, switching the content displayed in the second area 4032 of the second interface 403 to the first browsing content. If the user needs to view more details of the first browsing content, a fourth operation can be performed on the first media content 402 in the first area 4031, such as a click operation. Responding to the fourth operation on the first media content 402 in the first area 4031, the mobile phone redisplays interface 401, that is, the first browsing content is displayed in full-screen mode on the mobile phone. (See reference...) Figure 8e As shown.

[0182] It should be understood that the fourth operation described above can also be a double-click operation, a long-press operation, or other operations, and the embodiments of this application do not limit this.

[0183] As one possible implementation, the user can also select the media content to be displayed in the first area. That is, before step S302 above, the following steps are also included:

[0184] In response to the fifth operation, the first media content is selected in the first interface. At this time, the first media content includes the selected first media content.

[0185] In this embodiment, due to the limited display size of the first area, and to facilitate users quickly viewing the media content they are interested in within the first area, when the electronic device displays the first interface, the user can select the media content they are interested in from the first displayed content so that only the selected media content is displayed in the first area when the interface is updated. That is, if the user is particularly interested in the first media content in the first interface, they can select it. In response to the first swipe operation, the electronic device can display a second interface, showing the user-selected first media content in the first area of ​​the second interface. Media content not selected by the user can be hidden in the first area. In other words, the electronic device can display the user-selected first media content in the first area, allowing the user to choose the media content displayed in the first area, making the displayed media content more in line with the user's expectations and improving the efficiency of viewing media content.

[0186] Of course, when the electronic device displays the second interface, the user can select the media content in the second browsing content displayed in the second area of ​​the second interface. For example, the second browsing content includes not only the second media content, but also other media content. The user can select the second media content in the second browsing content. In this way, when the electronic device responds to the second swipe operation to update the content displayed in the second interface, it can update and display the second media content selected by the user in the first area of ​​the second interface. For details, please refer to the above process and it will not be repeated here.

[0187] It should be understood that the fifth operation described above can also be a double-click operation, a long-press operation, or other operations, and the embodiments of this application do not limit this.

[0188] For example, such as Figure 9 As shown, the mobile phone displays a first interface 901, which includes first browsing content, comprising first text content and first media content 902. In the first interface 901, the first media content 902 consists of images and videos. Users can select from the first media content 902 displayed on the first interface. For example, if a user selects an image from the first media content 902, in response to a fifth user action on the image, such as a click, the mobile phone can select the first media content on the first interface. In response to a first swipe action by the user on interface 901, the mobile phone displays a second interface 903. The second interface 903 includes a first area 9031 and a second area 9032. The first area 9031 displays the selected first media content 902, i.e., the image, but not the video. The second area displays second browsing content. The second browsing content includes second text content and second media content 904. The second media content 904 is different from the first media content 902.

[0189] In some embodiments, when the media content is displayed in the first area, it can be adjusted to fit the size of the first area so that the media content can be displayed completely in the first area. That is, when the first media content and / or the second media content are displayed in the first area, their sizes need to be adjusted to fit the size of the first area so that the first media content and / or the second media content can be displayed completely in the first area. Figure 4a and Figure 4b As shown.

[0190] In some embodiments, the display size of the second media content in the first area is smaller than the display size when the second browsing content is displayed.

[0191] Typically, to improve the user browsing experience, the display size of the second area is larger than that of the first area. When second media content is displayed as secondary browsing content, it is displayed according to the display size of the second area. When displaying second media content in the first area, it needs to be displayed according to the display size of the first area; that is, the display size of the second media content needs to be reduced to fit the first area. In other words, the display size of the second media content in the first area is smaller than its display size when displayed as secondary browsing content. This allows the phone to display the secondary browsing content in a larger second area, providing users with a more immersive browsing experience.

[0192] In some embodiments, when an electronic device displays a first interface, the first interface displays a title bar and a bottom toolbar in addition to the first browsing content, such as... Figure 4a As shown. To provide users with more browsing space and thus an immersive browsing experience, in response to the first swipe operation, the electronic device can hide the title bar and display the first media content 402 in the first area, with the position where the title bar is displayed being part of the first area 4031. And / or the electronic device can hide the bottom toolbar and display the second browsing content in the second area, with the position where the bottom toolbar is displayed being part of the second area 4032, as shown in the reference. Figure 4a As shown.

[0193] In some embodiments, a floating window may also be displayed on the display interface of the electronic device. This floating window can display interference information, such as... Figure 10 As shown in (1). To reduce interference with the user's browsing experience, in response to the first swipe operation, the electronic device can hide the floating window and display the second interface 403, as shown in the reference. Figure 10 As shown in (2).

[0194] It should be noted that when media content is displayed in the first area, it can be deleted from the browsing content displayed in the second area. Alternatively, the media content can remain in the browsing content displayed in the second area.

[0195] As one possible implementation, displaying the second interface in response to the first swipe operation includes: displaying the second interface when the first media content reaches a first preset position on the first interface in response to the first swipe operation.

[0196] In other words, in order to better suit users' browsing habits, when the first media content is swiped to the first preset position on the first interface, the first media content can be displayed in the first area, and the electronic device displays the second interface.

[0197] In some embodiments, the first preset position of the first interface may be the top position of the first interface. That is, as the user performs the first swipe operation, the position of the first media content displayed on the first interface is continuously updated, for example, moving towards the top position of the first interface. When the first media content has moved to the top position of the first interface, if the user continues to perform the first swipe operation, the first interface will no longer display the first media content. At this time, the electronic device can respond to the first swipe operation by displaying a second interface, displaying the first media content in the first area, and displaying second browsing content in the second area.

[0198] It should be understood that other positions on the first interface can also be used as the first preset position. For example, the midpoint of the first interface can be used as the first preset position. In this case, when the first media content moves to the midpoint of the first interface, the second interface can be displayed. Of course, other positions on the first interface can also be used as the first preset position, and this application does not limit this.

[0199] As one possible implementation, updating the media content displayed in the first area in response to the second sliding operation includes: updating the media content displayed in the first area when the second media content reaches a second preset position in the second area in response to the second sliding operation.

[0200] In other words, in order to better suit users' browsing habits, when the second media content is swiped to the second preset position in the second area, the second media content can be updated and displayed in the first area, and the electronic device updates the media content displayed in the first area.

[0201] See Figure 11 This is a schematic diagram of the structure of a display device provided in an embodiment of this application. Figure 11 As shown, the display device includes:

[0202] Display unit 1101 is used to display the first interface.

[0203] The first interface displays the first browsing content, which includes the first text content and the first media content.

[0204] The processing unit 1102 is configured to display a second interface in response to a first sliding operation, the second interface including a first area and a second area.

[0205] The first area is used to display media content, which includes first media content; the second area displays second browsing content, which includes second text content and second media content. The second media content is different from the first media content, and the second text content is at least partially different from the first text content.

[0206] The processing unit 1102 is also configured to, in response to the second swipe operation, update the media content displayed in the first area, the media content including the second media content, and display the third browsing content in the second area.

[0207] The third browsing content includes third text content, which is at least partially different from the second text content.

[0208] As one possible implementation, the processing unit 1102 is also configured to, in response to the first operation, switch the media content of the first area or the media content of the target location in the first area to the first media content, and switch the content of the second area to the first browsing content, or to the second browsing content, or to other content associated with the first media content.

[0209] As one possible implementation, the processing unit 1102 is also configured to, in response to the first operation, switch the media content of the first area or the media content of the target location in the first area to the first media content; and redisplay the first interface.

[0210] As one possible implementation, in response to the second swipe operation, the media content displayed in the first area also includes the first media content.

[0211] The processing unit 1102 is further configured to, in response to a second operation on the first media content in the first area, switch the content displayed in the second area to the first browsing content, or to the second browsing content, or to other content associated with the first media content.

[0212] As one possible implementation, the processing unit 1102 is also configured to enlarge and display the first media content in response to the second operation.

[0213] As one possible implementation, the processing unit 1102 is also configured to enlarge and display the first media content in response to a third operation on the first media content in the first region.

[0214] As one possible implementation, the processing unit 1102 is also configured to redisplay the first interface in response to a fourth operation on the first media content in the first area.

[0215] As one possible implementation, the processing unit 1100 is also configured to select first media content in the first interface in response to the fifth operation.

[0216] At this point, the first media content included in the aforementioned media content includes: the selected first media content.

[0217] As one possible implementation, the first media content and / or the second media content includes at least one of the following: images, hyperlinks, service cards, videos, and user identifiers.

[0218] As one possible implementation, the processing unit 1102 is also used to establish a mapping relationship between the first media content and the first browsing content, or the second browsing content, or other content associated with the first media content.

[0219] The mapping relationship is used to associate the first media content with the first browsing content, or to associate the first media content with the second browsing content, or to associate the first media content with other content.

[0220] Corresponding to the above embodiments, this application also provides an electronic device. Figure 12 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present invention. The electronic device may include a processor 1201, a memory 1202, and a communication unit 1203. These components communicate through one or more buses. Those skilled in the art will understand that the structure of the server shown in the figure does not constitute a limitation on the embodiment of the present invention. It may be a bus topology or a star topology, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0221] The communication unit 1203 is used to establish a communication channel, enabling the storage device to communicate with other devices. It can receive user data sent by other devices or send user data to other devices.

[0222] The processor 1201 serves as the control center of the storage device, connecting various parts of the electronic device via various interfaces and lines. It executes software programs and / or modules stored in the memory 1202, and calls data stored in the memory to perform various functions of the electronic device and / or process data. The processor can be composed of integrated circuits (ICs), such as a single packaged IC or multiple packaged ICs with the same or different functions connected together. For example, the processor 1201 may only include a central processing unit (CPU). In this embodiment of the invention, the CPU may have a single processing core or include multiple processing cores.

[0223] The memory 1202 is used to store the execution instructions of the processor 1201. The memory 1202 can be implemented by 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.

[0224] When the execution instructions in memory 1202 are executed by processor 1201, the electronic device is able to perform some or all of the steps in the above embodiments.

[0225] For example, the processor 1201 described above can specifically be... Figure 2A The processor 110 shown above, and the memory 1202 mentioned above, can specifically be... Figure 2A The internal memory 121 shown above, and the communication unit 1203 mentioned above can specifically be... Figure 2A The mobile communication module 150 and / or wireless communication module 160 are not limited in this embodiment.

[0226] In a specific implementation, the present invention also provides a computer storage medium, wherein the computer storage medium may store a program, which, when executed, may include some or all of the steps of the various embodiments of the display method provided by the present invention. The storage medium may be a magnetic disk, optical disk, read-only memory (ROM), or random access memory (RAM), etc.

[0227] This application also provides a chip system including at least one processor and at least one interface circuit. The processor and the interface circuit are interconnected via lines. For example, the interface circuit can be used to receive signals from other devices. Or, for example, the interface circuit can be used to send signals to other devices. Exemplarily, the interface circuit can read instructions stored in a memory and send those instructions to the processor. When the instructions are executed by the processor, the electronic device can perform some or all of the steps in the various embodiments of the above-described display method. Of course, the chip system may also include other discrete devices, and this application does not specifically limit this.

[0228] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the display method described in the above embodiments.

[0229] In addition, embodiments of this application also provide an apparatus, which may specifically be a component or module. The apparatus may include a connected processor and a memory; wherein the memory is used to store computer execution instructions, and when the apparatus is running, the processor may execute the computer execution instructions stored in the memory to cause the apparatus to perform the display methods in the above-described method embodiments.

[0230] In this application, the terminal device, computer storage medium, computer program product or chip provided in the embodiments are all used to execute the corresponding methods provided above. Therefore, the beneficial effects that can be achieved can be referred to the beneficial effects in the corresponding methods provided above, and will not be repeated here.

[0231] Those skilled in the art will clearly understand that the techniques in the embodiments of the present invention can be implemented using software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solutions in the embodiments of the present invention, or the parts that contribute to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods described in various embodiments or certain parts of the embodiments of the present invention.

[0232] The same or similar parts between the various embodiments in this specification can be referred to mutually. In particular, the device embodiments and terminal embodiments are basically similar to the method embodiments, so the description is relatively simple, and the relevant parts can be referred to the description in the method embodiments.

Claims

1. A display method characterized by comprising: The method comprises: displaying a first interface; the first interface displays first browsing content, the first browsing content comprising first text content and first media content; in response to a first sliding operation, displaying a second interface, the second interface comprising a first area and a second area; wherein the first area is used to display media content, the media content comprising the first media content; the second area displays second browsing content, the second browsing content comprising second text content and second media content, the second media content being different from the first media content, and the second text content being at least partially different from the first text content; in response to a second sliding operation, updating the media content displayed in the first area, the media content comprising the second media content, and displaying third browsing content in the second area; wherein the third browsing content comprises third text content, the third text content being at least partially different from the second text content.

2. The method of claim 1, wherein, The method further comprises: in response to a first operation, switching the media content of the first area or the media content at a target position in the first area to the first media content, and switching the content of the second area to the first browsing content, or to the second browsing content, or to other content associated with the first media content.

3. The method of claim 1, wherein, The method further comprises: in response to a first operation, switching the media content of the first area or the media content at a target position in the first area to the first media content; and redisplaying the first interface.

4. The method of claim 1, wherein, In response to the second sliding operation, the media content displayed in the first area further comprises the first media content, the method further comprises: in response to a second operation on the first media content in the first area, switching the content displayed in the second area to the first browsing content, or to the second browsing content, or to other content associated with the first media content.

5. The method of claim 4, wherein, The method further comprises: in response to the second operation, displaying the first media content in an enlarged manner.

6. The method of claim 4, wherein, The method further comprises: in response to a third operation on the first media content in the first area, displaying the first media content in an enlarged manner.

7. The method of claim 4, wherein, The method further comprises: in response to a fourth operation on the first media content in the first area, redisplaying the first interface.

8. The method of claim 1, wherein, Before the step of displaying the second interface in response to the first sliding operation, the method further comprises: in response to a fifth operation, selecting the first media content in the first interface.

9. The method according to any one of claims 1 to 8, characterized in that, The first media content and / or the second media content comprises at least one of the following: a picture, a hyperlink, a service card, a video, and a user-identified content.

10. The method of claim 1, wherein, The method further comprises: establishing a mapping relationship between the first media content and the first browsing content, or the second browsing content, or other content associated with the first media content, the mapping relationship being used to display the first media content in association with the first browsing content, or to display the first media content in association with the second browsing content, or to display the first media content in association with the other content.

11. A display device, characterized by comprising: The method comprises: A display unit configured to display a first interface; The first interface displays the first browsing content, the first browsing content comprising first text content and first media content; The processing unit is configured to, in response to a first sliding operation, display a second interface, the second interface comprising a first region and a second region; wherein the first region is configured to display media content, the media content comprising the first media content; and the second region displays second browsing content, the second browsing content comprising second text content and second media content, the second media content being different from the first media content, and the second text content being at least partially different from the first text content; The processing unit is further configured to, in response to a second sliding operation, update the media content displayed in the first region, the media content comprising second media content, and display third browsing content in the second region; wherein the third browsing content comprises third text content, the third text content being at least partially different from the second text content.

12. An electronic device, comprising: A computer readable storage medium comprising stored program instructions, wherein the program instructions, when executed by a processor, cause an electronic device to perform the method of any one of claims 1-10.

13. A computer-readable storage medium, characterized in that, The computer readable storage medium comprises stored program instructions, wherein the program instructions, when executed, control a device in which the computer readable storage medium is located to perform the method of any one of claims 1-10.

Images