WO2022222866A1 - 一种内容显示方法与电子设备 - Google Patents

一种内容显示方法与电子设备 Download PDF

Info

Publication number
WO2022222866A1
WO2022222866A1 PCT/CN2022/087155 CN2022087155W WO2022222866A1 WO 2022222866 A1 WO2022222866 A1 WO 2022222866A1 CN 2022087155 W CN2022087155 W CN 2022087155W WO 2022222866 A1 WO2022222866 A1 WO 2022222866A1
Authority
WO
WIPO (PCT)
Prior art keywords
content
interface
stack
news
electronic device
Prior art date
Application number
PCT/CN2022/087155
Other languages
English (en)
French (fr)
Inventor
雍定钰
李超
Original Assignee
花瓣云科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 花瓣云科技有限公司 filed Critical 花瓣云科技有限公司
Publication of WO2022222866A1 publication Critical patent/WO2022222866A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements

Definitions

  • the present application relates to the field of electronic technology, and in particular, to a content display method and an electronic device.
  • the purpose of the present application is to provide a content display method and an electronic device, so as to improve the convenience of viewing related content (such as articles) using the electronic device.
  • a content display method is provided, which is applied to an electronic device, and the electronic device may be, for example, a mobile phone, a tablet computer, a notebook computer, or the like.
  • the method includes: in response to a first operation, displaying a first interface of the application, the first interface including first content and a first related content list, the first related content list including at least one related to the first content.
  • the operation of opening the second content displays a second interface, where the second interface includes the second content and a second related content list, and the second related content list includes an identifier of at least one item of content related to the second content ; store a second group of contents in the content stack, the second group of contents including the identification of the second content and the second related content list, the second group of contents is located in the first group of contents
  • the upper layer displaying the content stack in response to a second operation, the second operation being used to instruct to return from the second interface to the first interface or return to the home page of the application.
  • the electronic device can open content in a layer-by-layer manner, for example, when opening the first content, the first related content list is displayed together, and the second content and the second related content list can be opened in the first related content list.
  • the opened content and the corresponding related content list are stored in the content stack, and the content stack can be displayed under the action of the second operation.
  • the user can open the content in the first related content list or the second related content list in the content stack.
  • the process of opening the second interface if the user wants to open other content in the first related content list, there is no need to return to the first interface and then open it from the first related content list in the first interface. Call up the content stack in the interface, and select the relevant content in the first relevant content list in the content stack to open it.
  • the second operation is used to instruct to return from the second interface to the first interface or return to the home page of the application.
  • the content stack is displayed first to prevent the user from returning to the first interface to search for content in the first related content list when the first related content is searched. The list changed and the user could't find the content.
  • the second operation for instructing to return to the home page of the application from the second interface is detected, the content stack is displayed first, so as to prevent the user from touching it by mistake and directly returning to the home page, resulting in loss of the opened content and giving the user a certain buffer. Time, of course, if the user is sure to return to the home page, he can enter the return operation again.
  • the electronic device detects the return operation when displaying the content stack, it returns to the home page.
  • the second group of contents is located on the upper layer of the first group of contents. That is, the opening time of the content group located at the upper layer in the content stack is after the opening time of the content group located at the lower layer. In this case, when rewinding page by page, you can rewind normally from top to bottom.
  • the content stack may be displayed on the second interface in a suspended manner, and the content stack completely or partially covers the second interface. In order to avoid completely blocking the display information of the second interface, the content stack may also partially cover the second interface.
  • the method further includes: detecting a third operation of opening a third content in the content stack, where the identifier of the third content is an identifier of the content in the first related content list The identifier or the identifier of the content in the second related content list; in response to the third operation, a third interface is displayed, the third interface includes the third content and the third related content list, the The third related content list includes an identifier of at least one item of content related to the third content.
  • the content stack includes the content of the application that has been opened by the electronic device and a related content list corresponding to the content, and the user can open unopened content (such as third content) in the content stack.
  • the third content is the content in the first related content list, that is, when the electronic device displays the second interface, there is no need to return to the first interface and then open it in the first related content list of the first interface
  • the third content can be opened in the content stack on the upper layer of the second interface, so as to avoid the situation that the first related content list may change when returning to the first interface.
  • the method may further include: storing a third group of content in the content stack, where the third group of content includes an identifier of the third content and the third related content list;
  • the third group of contents is located on the upper layer of the second group of contents. That is to say, if the content is opened layer by layer, the content groups in the content stack are also gradually increased.
  • displaying the content stack in response to the second operation includes: in response to the second operation, when it is determined that the depth of the content stack is greater than 1, displaying the content stack; wherein the content
  • the depth of the stack refers to the number of content groups stored in the content stack, and a group of content includes one content that the electronic device has opened the application and a related content list corresponding to the one content. That is, when at least two sets of contents are stored in the content stack, the content stack is opened in response to the second operation.
  • At least two sets of content are stored in the content stack, indicating that another content (such as the second content) is punched from the related content list of one content (such as the first content), and when the second operation is detected, it is determined that the user may want to open it other content, so the content stack is displayed for the user to open other content in the content stack.
  • the electronic device when the electronic device displays the content stack, if a user operation is detected, it may return to the home page in response to the user operation.
  • the user operation may be, for example, a return operation.
  • the method further includes: in response to the second operation, when it is determined that the depth of the content stack is 1, returning to the home page of the application.
  • the second operation when it is determined that the depth of the content stack is 1, returning to the home page of the application.
  • the second operation includes: a return operation acting on the second interface, or a sliding operation from left to right on the display screen, or a preset gesture operation. For example, when the content is opened, a return operation is detected, and it is determined whether the depth of the content stack is greater than 1. If it is greater than 1, the content stack is displayed, and if it is equal to 1, it returns to the home page.
  • the method further includes: in response to the fourth operation, returning to the home page of the application; and clearing the content stack.
  • the content stack is emptied to free up storage space for the user to open the content progressively layer by layer next time.
  • the application may be a browser application, and the first interface and the second interface may be news detail pages or article detail pages.
  • the application may be a shopping application, and the first interface and the second interface may be product detail pages. It should be noted that the application may be any application in the electronic device, and the above browser application and shopping application are only examples, and are not intended to limit the application.
  • an electronic device comprising: a processor, a memory, and one or more programs; wherein the one or more programs are stored in the memory, and the one or more programs include The instructions, when executed by the processor, cause the electronic device to perform the method steps provided in the first aspect above.
  • an electronic device including: modules/units for executing the above-mentioned first aspect or any possible design method of the first aspect; these modules/units can be implemented by hardware, or can be executed by hardware corresponding software implementation.
  • a chip is also provided, which is coupled to a memory in an electronic device, so that the chip invokes program instructions stored in the memory when running, so as to implement the method provided in the first aspect.
  • a computer-readable storage medium is also provided, where a computer program is stored in the computer-readable storage medium, and when the computer program runs on a computer, the computer is made to execute the method provided in the first aspect above. .
  • a computer program product comprising a computer program, which, when the computer program is run on a computer, causes the computer to execute the method provided in the above-mentioned first aspect.
  • a graphical user interface on an electronic device, the electronic device having a display screen, a memory, and a processor for executing one or more computer programs stored in the memory,
  • the graphical user interface includes a graphical user interface displayed when the electronic device executes the method provided in the first aspect.
  • FIG. 1 is a schematic diagram of an information flow provided by an embodiment of the present application.
  • FIG. 2 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • 3A to 3B are schematic diagrams of application scenarios provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram of a flow of a content display method provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram of a GUI on a mobile phone provided by an embodiment of the present application.
  • FIGS. 6A to 6C are schematic diagrams of related content stacks provided by an embodiment of the present application.
  • FIGS. 7A to 7C are schematic diagrams of a GUI when a mobile phone returns to an application home page according to an embodiment of the present application
  • FIG. 8 is a schematic diagram of a related content depth stack provided by an embodiment of the present application.
  • FIG. 9 is a schematic flowchart of a traffic article provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram of information interaction between different modules in an electronic device according to an embodiment of the present application.
  • FIG. 11 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
  • Information flow refers to the content flow that can be scrolled through.
  • scrollable information such as news, articles, etc.
  • the so-called scroll browsing can be understood as the ability to open content in a layer-by-layer progressive manner.
  • open content 2 in the related content list of content 1 open content 3 in the related content list of content 2, and so on.
  • Each piece of content in the information stream can generally appear in one display module next to the other (these display modules are usually similar in appearance).
  • FIG. 1 which is a schematic diagram of an information flow provided by an embodiment of the present application.
  • the information flow includes Article A and its related articles, namely Article B and Article C.
  • the related articles of article B include article D and article E.
  • the related articles of article D include article F and article G. Therefore, when the user wants to open article F, the opening method is to open article A, open article B in the related article of article A, open article D in the related article of article B, open article in the related article of article D F. Therefore, a reading chain is formed: Article A > Article B > Article D > Article F. It should be noted that FIG. 1 takes an article as an example, and it can be understood that other contents (such as news, novels, etc.) can also form an information flow.
  • At least one refers to one or more, and “multiple” refers to two or more.
  • And/or which describes the relationship of the associated objects, indicates that there can be three kinds of relationships, for example, A and/or B, it can indicate that A exists alone, A and B exist at the same time, and B exists alone, where A, B can be singular or plural.
  • the character “/” generally indicates that the associated objects are an “or” relationship.
  • At least one item(s) below” or similar expressions thereof refer to any combination of these items, including any combination of single item(s) or plural items(s).
  • ordinal numbers such as “first” and “second” mentioned in the embodiments of the present application are used to distinguish multiple objects, and are not used to limit the size, content, order, timing, and priority of multiple objects level or importance.
  • the content display method provided by the embodiment of the present application can be applied to an electronic device.
  • the electronic device may be a portable electronic device, such as a mobile phone, a tablet computer, a portable computer, a wearable device with wireless communication function (such as a smart watch, smart glasses, smart bracelet, or smart helmet, etc.), or a vehicle-mounted device.
  • portable electronic devices include, but are not limited to, carry-on Or portable electronic devices with other operating systems.
  • FIG. 2 shows a schematic structural diagram of an electronic device.
  • the electronic device may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charge management module 140, a power management module 141, a battery 142, Antenna 1, Antenna 2, Mobile Communication Module 150, Wireless Communication Module 160, Audio Module 170, Speaker 170A, Receiver 170B, Microphone 170C, Headphone Interface 170D, Sensor Module 180, Key 190, Motor 191, Indicator 192, Camera 193, Display screen 194, and subscriber identification module (subscriber identification module, SIM) card interface 195 and so on.
  • SIM subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and ambient light. Sensor 180L, bone conduction sensor 180M, etc.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait.
  • different processing units may be independent devices, or may be integrated in one or more processors.
  • the controller can be the nerve center and command center of the electronic device. The controller can generate an operation control signal according to the instruction operation code and timing signal, and complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the memory in processor 110 is cache memory. This memory may hold instructions or data that have just been used or recycled by the processor 110 . If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby increasing the efficiency of the system.
  • the USB interface 130 is an interface that conforms to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the electronic device, and can also be used to transmit data between the electronic device and peripheral devices.
  • the charging management module 140 is used to receive charging input from the charger.
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives input from the battery 142 and/or the charging management module 140 and supplies power to the processor 110 , the internal memory 121 , the external memory, the display screen 194 , the camera 193 , and the wireless communication module 160 .
  • the wireless communication function of the electronic device can be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, the baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in an electronic device can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • the antenna 1 can be multiplexed as a diversity antenna of the wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 150 can provide a wireless communication solution including 2G/3G/4G/5G etc. applied on the electronic device.
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA) and the like.
  • the mobile communication module 150 can receive electromagnetic waves from the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and then turn it into an electromagnetic wave for radiation through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110 .
  • at least part of the functional modules of the mobile communication module 150 may be provided in the same device as at least part of the modules of the processor 110 .
  • the wireless communication module 160 can provide applications on electronic devices including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • WLAN wireless local area networks
  • BT wireless fidelity
  • GNSS global navigation satellite system
  • frequency modulation frequency modulation
  • FM near field communication technology
  • NFC near field communication
  • IR infrared technology
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 .
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110 , perform frequency modulation on it, amplify it, and convert it into electromagnetic waves for radiation through
  • the antenna 1 of the electronic device is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device can communicate with the network and other devices through 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), broadband 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 technology, etc.
  • the GNSS may include global positioning system (global positioning system, GPS), global navigation satellite system (global navigation satellite system, GLONASS), Beidou navigation satellite system (beidou navigation satellite system, BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite based augmentation systems (SBAS).
  • global positioning system global positioning system, GPS
  • global navigation satellite system global navigation satellite system, GLONASS
  • Beidou navigation satellite system beidou navigation satellite system, BDS
  • quasi-zenith satellite system quadsi -zenith satellite system, QZSS
  • SBAS satellite based augmentation systems
  • the display screen 194 is used to display the display interface of the application and the like.
  • Display screen 194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light).
  • LED diode AMOLED
  • flexible light-emitting diode flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (quantum dot light emitting diodes, QLED) and so on.
  • the electronic device may include 1 or N display screens 194 , where N is a positive integer greater than 1.
  • the electronic device 100 may implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, an application processor, and the like.
  • the ISP is used to process the data fed back by the camera 193 .
  • the shutter is opened, the light is transmitted to the camera photosensitive element through the lens, the light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye.
  • ISP can also perform algorithm optimization on image noise, brightness, and skin tone.
  • ISP can also optimize the exposure, color temperature and other parameters of the shooting scene.
  • the ISP may be provided in the camera 193 .
  • the camera 193 is used to capture still images or video.
  • the object is projected through the lens to generate an optical image onto the photosensitive element.
  • the photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
  • CMOS complementary metal-oxide-semiconductor
  • the photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal.
  • the ISP outputs the digital image signal to the DSP for processing.
  • DSP converts digital image signals into standard RGB, YUV and other formats of image signals.
  • the electronic device may include 1 or N cameras 193 , where N is a positive integer greater than 1.
  • Internal memory 121 may be used to store computer executable program code, which includes instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device by executing the instructions stored in the internal memory 121 .
  • the internal memory 121 may include a storage program area and a storage data area.
  • the storage program area may store the operating system, and the software code of at least one application (eg, iQIYI application, WeChat application, etc.).
  • the storage data area can store data (such as images, videos, etc.) generated during the use of the electronic device.
  • the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (UFS), and the like.
  • the external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. Such as saving pictures, videos and other files in an external memory card.
  • the electronic device can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor. Such as music playback, recording, etc.
  • the pressure sensor 180A is used to sense pressure signals, and can convert the pressure signals into electrical signals.
  • the pressure sensor 180A may be provided on the display screen 194 .
  • the gyro sensor 180B can be used to determine the motion attitude of the electronic device.
  • the angular velocity of the electronic device about three axes ie, the x, y, and z axes
  • the gyro sensor 180B can be used for image stabilization.
  • the air pressure sensor 180C is used to measure air pressure.
  • the electronic device calculates the altitude from the air pressure value measured by the air pressure sensor 180C to assist in positioning and navigation.
  • the magnetic sensor 180D includes a Hall sensor.
  • the electronic device can use the magnetic sensor 180D to detect the opening and closing of the flip holster.
  • the electronic device when the electronic device is a flip machine, the electronic device can detect the opening and closing of the flip according to the magnetic sensor 180D. Further, according to the detected opening and closing state of the leather case or the opening and closing state of the flip cover, characteristics such as automatic unlocking of the flip cover are set.
  • the acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device in various directions (generally three axes).
  • the magnitude and direction of gravity can be detected when the electronic device is stationary. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc.
  • Distance sensor 180F for measuring distance.
  • Electronic devices can measure distances by infrared or laser. In some embodiments, when shooting a scene, the electronic device can use the distance sensor 180F to measure the distance to achieve fast focusing.
  • Proximity light sensor 180G may include, for example, light emitting diodes (LEDs) and light detectors, such as photodiodes.
  • the light emitting diodes may be infrared light emitting diodes.
  • Electronic devices emit infrared light outward through light-emitting diodes.
  • Electronic devices use photodiodes to detect reflected infrared light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object in the vicinity of the electronic device.
  • the electronic device can determine that there is no object in the vicinity of the electronic device.
  • the electronic device can use the proximity light sensor 180G to detect that the user holds the electronic device close to the ear to talk, so as to automatically turn off the screen to save power.
  • Proximity light sensor 180G can also be used in holster mode, pocket mode automatically unlocks and locks the screen.
  • the ambient light sensor 180L is used to sense ambient light brightness.
  • the electronic device can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness.
  • the ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures.
  • the ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device is in the pocket to prevent accidental touch.
  • the fingerprint sensor 180H is used to collect fingerprints. Electronic devices can use the collected fingerprint characteristics to unlock fingerprints, access application locks, take photos with fingerprints, and answer incoming calls with fingerprints.
  • the temperature sensor 180J is used to detect the temperature.
  • the electronic device utilizes the temperature detected by the temperature sensor 180J to implement a temperature handling strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold value, the electronic device may reduce the performance of the processor located near the temperature sensor 180J in order to reduce power consumption and implement thermal protection.
  • the electronic device when the temperature is lower than another threshold, the electronic device heats the battery 142 to avoid abnormal shutdown of the electronic device caused by the low temperature.
  • the electronic device boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.
  • Touch sensor 180K also called “touch panel”.
  • the touch sensor 180K may be disposed on the display screen 194 , and the touch sensor 180K and the display screen 194 form a touch screen, also called a “touch screen”.
  • the touch sensor 180K is used to detect a touch operation on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to touch operations may be provided through display screen 194 .
  • the touch sensor 180K may also be disposed on the surface of the electronic device, which is different from the location where the display screen 194 is located.
  • the bone conduction sensor 180M can acquire vibration signals.
  • the bone conduction sensor 180M can acquire the vibration signal of the vibrating bone mass of the human voice.
  • the bone conduction sensor 180M can also contact the pulse of the human body and receive the blood pressure beating signal.
  • the keys 190 include a power-on key, a volume key, and the like. Keys 190 may be mechanical keys. It can also be a touch key.
  • the electronic device may receive key input and generate key signal input related to user settings and function control of the electronic device.
  • Motor 191 can generate vibrating cues.
  • the motor 191 can be used for vibrating alerts for incoming calls, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, playing audio, etc.) can correspond to different vibration feedback effects.
  • the indicator 192 can be an indicator light, which can be used to indicate the charging state, the change of the power, and can also be used to indicate a message, a missed call, a notification, and the like.
  • the SIM card interface 195 is used to connect a SIM card. The SIM card can be inserted into the SIM card interface 195 or pulled out from the SIM card interface 195 to achieve contact and separation with the electronic device.
  • FIG. 2 do not constitute a specific limitation on the electronic device.
  • Electronic devices in embodiments of the present invention may include more or fewer components than those in FIG. 2 .
  • the combination/connection relationship between the components in FIG. 2 can also be adjusted and modified.
  • FIG. 3A is a schematic diagram of an application scenario provided by an embodiment of the present application. This scenario is a scenario in which a user browses news using a mobile phone.
  • the user enters the information (such as keywords) of the news (such as News A) that he wants to search for in the homepage of the browser application, clicks the search button, and the mobile phone enters the details page of News A, as shown in the figure In (b) of 3A, it is the detail page of news A.
  • the details page of news A will include a related news list 1, and the related news list 1 includes an identifier of the news related to the news A (for example, the identifier may be the name or introduction of the news).
  • the related news list 1 of news A includes the introductions of news B and news C. Users may open related news in related news list 1 for extended reading.
  • the electronic device detects that the user clicks on the logo of news B, it opens the details page of news B, as shown in (c) of FIG. 3A .
  • a related news list 2 is displayed on the details page of news B, and the related news list 2 includes the identifiers of news related to news B, such as the identifiers of news D and news E.
  • the user can continue to open related news in the related news list 2, for example, open news D, as shown in (d) in FIG. 3A, the detail page of news D is displayed. It can be seen that users read news progressively layer by layer. In this way, a reading chain will be formed, for example, News A > News B > News D. After making multiple increments, the read chain will be very long.
  • Requirement 1 go back to the home page, for example, in the detail page of news D in FIG. 3A (d), go back to the news home page, that is, the interface shown in FIG. 3A (a).
  • Requirement 2 read news that is in the related news list but has not been opened yet.
  • the user opens to News D layer by layer in the order of News A > News B > News D, but the related news list of News A includes not only News B but also News C, but News C has not been opened.
  • the user may want to return to the details page of news A to view news C.
  • the first solution is to roll back page by page in turn.
  • Page-by-page rewind refers to rewinding to the first page in reverse order according to the opening sequence.
  • the news opening sequence in FIG. 3A is: News A > News B > News D.
  • Page-by-page rollback refers to the rollback in the order of News D > News B > News A.
  • click the back button to return to the details page of news B in (c) of FIG. 3A.
  • This method of returning page by page in sequence requires a page by page return. In the case of a long reading chain, the process of returning to the home page is long, and the operation is cumbersome.
  • the second option is to go back to the home page directly.
  • Going back to the home page directly means that no matter how many layers of related reading the user has performed, when the user triggers the rollback, the user will directly return to the home page, ignoring the pages that have been browsed in the middle. For example, in the interface of FIG. 3A (d), click Back to directly return to the home page of FIG. 3A (a). This method of directly returning to the home page is relatively straightforward, but it ignores the intermediate browsing page.
  • Method 2 if you use the method of directly returning to the home page to go back and go back directly to the home page, the user can only click the relevant news layer by layer according to memory, such as entering news A, open news B in the related news of news A, and then click on the relevant news. Open News E in related news of News B. If the reading chain is long, this method is difficult to implement, and when you enter news A again, the related news that appears may have changed, or when news B is opened, the related news of news B may also change. Therefore, it is more difficult to completely restore the reading chain in this way.
  • FIG. 3B is a schematic diagram of another application scenario provided by an embodiment of the present application. This scenario is a scenario in which a user browses products using a mobile phone.
  • the user enters the information of commodity A in the homepage of the shopping application to search, and opens the details page of commodity A shown in (b) in FIG. 3B , the details page includes related commodities of commodity A That is, the identification of commodity B and commodity C (such as commodity picture, name, introduction, etc.).
  • the user can click the logo of the related product to open a new product.
  • the details page of commodity B includes the identifications of commodities related to commodity B, such as commodity D and commodity E.
  • the user clicks the logo of the product D the detail page of the product D as shown in (d) in FIG.
  • the details page of product D includes the identifiers of product F and product G, which are related products of product D.
  • This kind of commodity browsing method is also a progressive way, and the formed reading chain is commodity A > commodity B > commodity D. If multiple related read operations are performed, the read chain will be very long.
  • the application scenario shown in FIG. 3B also has two requirements, that is, returning to the home page and opening a product in the related product list that has not been opened yet. In fulfilling these two requirements, there are still technical problems similar to those of the scenario shown in FIG. 3A .
  • an embodiment of the present application provides a content display method.
  • the electronic device displays a first interface of an application (such as a shopping application, a browser application, etc.) in response to a first operation, and the first interface includes a first interface. a content and a first related content list related to the first content.
  • the electronic device displays a second interface, where the second interface includes the second content and a second related content list related to the second content.
  • the electronic device displays a content stack, where the content stack includes the first content, a first related content list, the second content, and a second related content list.
  • unopened related content such as unopened content in the first related content list
  • he can look for it in the content stack without returning to the previous page (ie, the first interface) Open in the related content list on the previous page, and don't worry about the content that the user wants to find if the first related content list changes when returning to the previous page, the operation is convenient and the user experience is high.
  • FIG. 4 is a schematic flowchart of a content display method according to an embodiment of the present application.
  • the method may be performed by an electronic device, such as a cell phone.
  • the process includes:
  • the mobile phone displays the application home page.
  • the application may be any application in a mobile phone, such as a browser, a shopping application, a reading application, an entertainment application, an instant messaging application, and the like, which are not limited in the embodiments of the present application.
  • This article mainly introduces the browser as an example.
  • FIG. 5 (a) is a schematic diagram of a home page of a browser application.
  • the homepage includes multiple news logos (the news's introduction or title).
  • the mobile phone detects an operation for opening the first content.
  • the operation for opening the first content may be an operation of clicking the first content identifier (for example, the identifier of news A) in the homepage of the browser application.
  • the first content may be a certain piece of news, and the related content of the first content is news related to the news.
  • the first content may be a certain commodity, and the related content of the first content may be other commodities related to the commodity.
  • the first content may be a certain e-book, and the related content of the first content may be other e-books related to the content of the e-book.
  • the mobile phone sends a first content acquisition request to the server, where the request is used to request to acquire the first content.
  • the mobile phone receives the first content and related content sent by the server.
  • the server After the server determines news A and news related to news A (such as news B and news C), the server sends the detailed information of news A, and the detailed information or identification of news B and news C (the title, introduction, etc. of the news) to the mobile phone . That is to say, the mobile phone receives the detailed request of news A, and also receives the detailed information or identification of news B and news C.
  • the mobile phone displays a first interface, where the first interface includes the first content and a first related content list.
  • the first interface includes the first content, namely the title of News A (Title A) and the detailed information of News A, and also includes a related content list, and the related content list includes News B and News C's identity (eg title, introduction).
  • the mobile phone records the first group of contents in the content stack, where the first group of contents includes the first content and its first related content list.
  • the step may further include: creating a content stack.
  • the content stack can be understood as a storage space for storing the content opened by the user and its related content. Therefore, creating a content stack means creating a storage space.
  • FIG. 6A which is a schematic diagram of a content stack, the first group of content can be stored at the bottom of the content stack.
  • the mobile phone receives an operation of opening the second content, and the operation can be applied to the first related content list of the first content.
  • the first content that is, the first related content list of news A includes the identifiers of news B and news C.
  • the operation for opening the second content can be It is an operation of the user clicking the logo of the news B in the first related content list.
  • the mobile phone sends a second content acquisition request to the server, where the request is used for requesting to acquire the second content.
  • the mobile phone receives the second content and related content sent by the server.
  • the mobile phone displays a second interface, where the second interface includes the second content and its second related content list.
  • the mobile phone displays a second interface
  • the second interface includes the second content, namely the detailed information of news B and a second related content list
  • the second related content list includes news related to news B
  • the mobile phone records a second group of contents in the content stack, where the second group of contents includes the second content and its second related content list.
  • a second group of contents is stored in the content stack, the second group of contents is located on the upper layer of the first group of contents, and the second group of contents includes news B and its second related content list (namely, the identifiers of news D and news E). ).
  • the content stack can also be displayed in other forms, such as FIG. 6C , each group of contents is displayed in a box, and the main news in each group of contents can be displayed differently, such as highlighted, bold, special color, etc., for example, News A and News B is the main news, it is highlighted.
  • the mobile phone performs two-layer progression, one layer is to open the first content, and the second layer is to open the second content in the first related content list related to the first content, so it is formed.
  • the reading chain includes first content > second content. It can be understood that, related content can also be continued to be opened in the second related content list of the second content, that is, the reading chain can also be lengthened. If the read chain becomes longer, other groups of contents are stored on top of the second group of contents in the content stack in FIG. 6B . It can be understood that the order of the multiple sets of content from the bottom of the stack to the top of the content stack is the same as the order of the contents of the reading chain.
  • the content order of the reading chain is the first content > the second content
  • the content order from the bottom of the stack to the top of the stack is the first group of content > the second group of content, where the first group of content is the first content and the first A related content list
  • the second set of content is a second content and a second related content list.
  • the user may need to return to the home page, or return to the previous content (for example, to view the unopened content in the related content list of the previous content). Specifically, it can be implemented through the following steps S30 and S37.
  • the return operation may be a sliding operation from left to right in the second interface, or an operation of clicking the return button, or a voice instruction for indicating return, etc.
  • the embodiment of the present application does not make any difference to the type of the return operation. limited.
  • the mobile phone determines whether the depth of the content stack is greater than 1.
  • the depth of the content stack refers to how many sets of content are stored in the content stack. For example, taking FIG. 6B as an example, the content stack includes two groups of content, and the depth of the content stack is determined to be 2. Taking FIG. 6A as an example, if the content stack includes a group of content, it is determined that the depth of the content stack is 1.
  • the content stack shown in FIG. 6A only includes the first group of content, which means the first content opened by the mobile phone from the home page, that is, the news opened in (a) to (b) in FIG. 5 . A.
  • the first interface shown in FIG. 5( b ) is returned to the home page.
  • the depth in the content is greater than 1, such as the content stack shown in FIG. 6B (depth is 2), it means that the current interface is the second interface, that is, from the home page to the first interface and then to the second interface through two layers.
  • the content stack can be opened. Different groups of content are displayed in the content stack for the user to select.
  • the mobile phone displays a second interface, when a return operation is detected in the second interface, the interface shown in FIG. 7A (b) is displayed, and the interface includes a content stack.
  • the content stack may be displayed on the second interface in a suspended manner, and may cover the second interface in whole or in part.
  • the user can open the content in the content stack, for example, including the following steps:
  • the mobile phone detects an operation of selecting an identifier of a third content in the content stack, where the third content is related content of the first content.
  • the mobile phone sends a third content acquisition request to the server, which is used for requesting to acquire the third content and its related content.
  • the mobile phone receives the third content and its related content.
  • the mobile phone displays a third interface, where the third interface includes the third content and a third related content list.
  • the mobile phone displays a content stack, and different groups of content are displayed in the content stack.
  • the mobile phone detects the user's operation of selecting the logo of news C in the content stack, it displays the third interface shown in (b) in FIG. 7B , the third interface includes the details page of news C and the third related content of news C Lists such as news F and news G logos.
  • the mobile phone when the mobile phone displays the second interface, if a return operation is detected, the content stack is opened. If the user expects to return to the home page, the return operation can be performed again on the content stack interface.
  • the mobile phone detects the return operation in the content stack interface, it returns to the home page.
  • Fig. 7C (a) the mobile phone displays a content stack, and when the mobile phone detects a return operation in the content stack interface, it returns to the home page, as shown in Fig. 7C (b).
  • a step may also be included: recording a third group of content in the content stack, as shown in FIG. News C) and content related to the third content such as News F and News G.
  • the relevant news of each news opened by the user is recorded in the content stack, that is, the first relevant content list of news A is stored in the content stack.
  • the user wants to go back to the related news of News A that has been opened before on the details page of News B he does not need to go back to the previous page, that is, the details page of News A, and opens the content stack to find the related news of News A, and , since there is no need to go back to News A, there is no need to re-send a request for obtaining News A to the server, so there will be no change in the related news of News A.
  • the mobile phone when the mobile phone displays the second interface, when the mobile phone detects the return operation, it determines whether to open the content stack or return to the home page according to the depth of the content stack.
  • the return operation includes three types of operations. The first type of return operation is used to directly return to the home page, the second type of return operation is used to return to the previous page, and the first type of return operation is used to return to the previous page. Three types of return operations are used to open the content stack.
  • the three types of return operations can be different.
  • the first type of return operation is a double-click operation in the second interface
  • the second type of return operation is a long-press operation in the second interface, from bottom to bottom swipe operation on the second interface, etc.
  • the third type of return operation is the swipe operation from left to right in the second interface, etc.
  • three specific keys corresponding to three types of return operations are provided in the second interface.
  • a return button is provided in the second interface.
  • the first type of return operation is the operation of clicking the return button
  • the second type of return operation is the operation of double-clicking the return button continuously
  • the third type of return operation It is the operation of long pressing the return button.
  • FIG. 4 is an information interaction diagram between a mobile phone and a server. It can be understood that the technical solution of the present application can also be applied to the scenario of opening the information flow in the local area of the mobile phone. If the opened content is local content of the mobile phone and does not need to be obtained from the server, then the sending action or the receiving action of the mobile phone to the server in FIG. 4 does not need to be performed.
  • the above embodiment takes the browser browsing news as an example, and the following takes an article as an example to introduce the content display method provided by the embodiment of the present application.
  • the process of the content display method provided by the embodiment of the present application includes:
  • Step 1 Query articles (such as article A) on the home page.
  • Step 2 displaying the detail page of the article (eg article A) and a list of related content.
  • Step 3 Add articles (eg Article A) and related articles (eg Article B) to the content stack.
  • step 3 it may further include the step of: creating a content stack, that is, applying for a storage space in the memory.
  • Step 4 a first user operation is detected.
  • step 5 is performed.
  • Step 5 Determine whether the depth of the content stack is greater than 1.
  • step 8 is performed. If the depth of the content stack is greater than 1, step 6 is performed.
  • Step 6 call out the content stack. Calling out here can be understood as displaying the content stack.
  • Step 7 a second user operation is detected.
  • step 8 is performed, and if the second user operation is an operation of clicking an article in the content stack, step 10 is performed.
  • Step 8 display the home page, and proceed to step 9.
  • Step 9 empty the content stack. It is understandable that, after returning to the home page, it is believed that the details page from the home page to a certain news has been emptied, and the content stack is emptied. It can be understood that clearing the content stack is an optional operation. Of course, if you don’t care about the storage space of the electronic device being occupied, you don’t need to clear the content stack after returning to the home page, or you can manually clear the content stack periodically and release it. Storage space for electronic devices.
  • Step 10 if the second user operation is to open the article in the content stack, determine whether the opened article is article A, if so, return to step 2, if not (for example, open article B), then execute step 11 .
  • Step 11 display the detail page of article B.
  • FIG. 10 is a schematic diagram of different modules included in the electronic device provided by the embodiment of the present application.
  • the electronic device includes a display module, a related content stack management module, a related content stack parsing and rendering module, and a related content stack.
  • the electronic device may be a mobile phone, a tablet computer, or the like.
  • the display module may be the display screen 194;
  • the relevant content stack management module, the relevant content stack parsing and rendering module may be software or hardware modules in the processor 110, or A software or hardware module independent of the processor 110 .
  • the associated content stack may be located in a storage space in memory, such as content store 121 .
  • the display module is used for displaying the information flow homepage, such as the browser homepage in FIG. 3A(a), the shopping application homepage in FIG. 3B(a), and so on.
  • the display module is also responsible for displaying news detail pages, such as the detail page of news A in FIG. 3A(b).
  • the display module is also responsible for displaying the relevant content stack page, where the relevant content stack is displayed, and the relevant content stack includes the relevant news of each news opened by the user.
  • the related content stack management module is used to manage the related content stack, such as stack establishment, closing, stacking, stacking, and so on.
  • the related content stack parsing and rendering module is used to render the related content stack page to be displayed by the display module.
  • the content display process of the electronic device includes the following:
  • the display module displays the information flow home page, that is, the browser home page in FIG. 3A(a).
  • the user enters information (such as a keyword) of the news (such as News A) to be searched on the home page of the browser application, and clicks a search button.
  • the related content stack management module creates a related content stack and writes the first group of contents in the related content stack, namely news A and related news (ie news B and news C).
  • the relevant content stack parsing and rendering module generates and displays the relevant content stack page.
  • it may further include a step: the mobile phone detects an operation for opening the content stack.
  • the mobile phone detects the user's operation of opening news B in the content stack interface, and displays the article details page of news B.
  • an embodiment of the present application provides a content display method.
  • each opened content and its related content are recorded in the content stack.
  • the user returns to the previously opened content or the related content of the previously opened content, it will not roll back page by page.
  • the relevant content that is expected to be opened can be found in the content stack, and because there is no rollback The previous page resends the request, so the relevant content is not lost.
  • FIG. 11 shows an electronic device 1100 provided by the present application.
  • the electronic device 1100 may be the aforementioned mobile phone.
  • the electronic device 1100 may include: one or more processors 1101; one or more memories 1102; wherein the one or more computer programs 1104 are stored in the aforementioned memory 1102 and configured to be executed by the one or more processors 1101, the one or more computer programs 1104 comprising instructions that may be used to perform the above Relevant steps of the mobile phone in the corresponding embodiment.
  • the communication interface 1103 is used to implement communication with other devices (such as a server), for example, the communication interface may be a transceiver.
  • the methods provided by the embodiments of the present application have been introduced from the perspective of an electronic device (such as a mobile phone) as an execution subject.
  • the electronic device may include a hardware structure and/or software modules, and implement the above functions in the form of a hardware structure, a software module, or a hardware structure plus a software module. Whether one of the above functions is performed in the form of a hardware structure, a software module, or a hardware structure plus a software module depends on the specific application and design constraints of the technical solution.
  • references in this specification to "one embodiment” or “some embodiments” and the like mean that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the present application.
  • appearances of the phrases “in one embodiment,” “in some embodiments,” “in other embodiments,” “in other embodiments,” etc. in various places in this specification are not necessarily All refer to the same embodiment, but mean “one or more but not all embodiments” unless specifically emphasized otherwise.
  • the terms “including”, “including”, “having” and their variants mean “including but not limited to” unless specifically emphasized otherwise.
  • the above-mentioned embodiments it may be implemented in whole or in part by software, hardware, firmware or any combination thereof.
  • software it can be implemented in whole or in part in the form of a computer program product.
  • the computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present invention are generated.
  • the computer may be a general purpose computer, special purpose computer, computer network, or other programmable device.
  • the computer instructions may be stored in or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions may be downloaded from a website site, computer, server or data center Transmission to another website site, computer, server, or data center is by wire (eg, coaxial cable, fiber optic, digital subscriber line (DSL)) or wireless (eg, infrared, wireless, microwave, etc.).
  • the computer-readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that includes an integration of one or more available media.
  • the usable media may be magnetic media (eg, floppy disks, hard disks, magnetic tapes), optical media (eg, DVD), or semiconductor media (eg, Solid State Disk (SSD)), and the like.
  • magnetic media eg, floppy disks, hard disks, magnetic tapes
  • optical media eg, DVD
  • semiconductor media eg, Solid State Disk (SSD)

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种内容显示方法与电子设备,用于提升使用电子设备浏览相关内容时的便捷性。该方法包括:响应于第一操作,显示应用的第一界面,第一界面包括第一内容以及第一相关内容列表,第一相关内容列表中包括与第一内容相关的至少一项内容的标识;在内容栈中存储第一组内容,第一组内容包括第一内容的标识以及第一相关内容列表;响应于在第一相关内容列表中打开第二内容的操作,显示第二界面,第二界面中包括第二内容以及第二相关内容列表,第二相关内容列表中包括与第二内容相关的至少一项内容的标识;在内容栈中存储第二组内容,所述第二组内容包括所述第二内容的标识以及所述第二相关内容列表;响应于第二操作,显示所述内容栈。

Description

一种内容显示方法与电子设备
相关申请的交叉引用
本申请要求在2021年04月21日提交中国专利局、申请号为202110429192.8、申请名称为“一种内容显示方法与电子设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子技术领域,尤其涉及一种内容显示方法与电子设备。
背景技术
随着信息时代的发展,当用户使用电子设备查询某个信息时,会展示与该信息的相关信息,用户通过相关信息可以拓展阅读。比如,用户使用手机上网查询某个文章A时,在浏览器中输入文章A的信息(比如关键词)。当查询到该文章A时,手机会显示出该文章A及其相关文章列表(比如文章B和文章C等)。用户可以在相关文章列表中打开某篇文章(比如文章B),新打开的文章B会覆盖旧文章A。同样,手机显示文章B时会显示与文章B相关的相关文章列表(比如文章D),用户还可以在相关文章列表中进一步打开新的文章D。可见,这是一种逐层递进的打开方式,形成了阅读链。这种方式存在如下缺陷:
比如,逐层递进之后,如果用户想要返回到曾打开过的某个文章,需要点击返回以回到上一篇文章,如果阅读链较长,需要用户执行多次返回操作,操作繁琐。而且,如果返回到上一篇文章,所述上一篇文章的相关文章列表可能会发生变化,比如从文章B返回到文章A,文章A的相关文章可能变成了文字F,不再是文章B和文章C,如果用户恰好需要查看文章C,就需要重新查找。可见,目前这种逐层递进的方式在返回之前打开的内容时,操作不够便捷。
发明内容
本申请的目的在于提供一种内容显示方法与电子设备,用于提升使用电子设备查看相关内容(比如文章)时的便捷性。
第一方面,提供一种内容显示方法,应用于电子设备,电子设备例如可以是手机、平板电脑、笔记本电脑等。所述方法包括:响应于第一操作,显示应用的第一界面,第一界面包括第一内容以及第一相关内容列表,所述第一相关内容列表中包括与所述第一内容相关的至少一项内容的标识;在内容栈中存储第一组内容,所述第一组内容包括所述第一内容的标识以及所述第一相关内容列表;响应于在所述第一相关内容列表中打开第二内容的操作,显示第二界面,第二界面中包括第二内容以及第二相关内容列表,所述第二相关内容列表中包括与所述第二内容相关的至少一项内容的标识;在所述内容栈中存储第二组内容,所述第二组内容包括所述第二内容的标识以及所述第二相关内容列表,所述第二组内容位于所述第一组内容的上层;响应于第二操作,显示所述内容栈,所述第二操作用于指示从所述第二界面返回到所述第一界面或返回所述应用的首页。
也就是说,电子设备可以使用逐层递进的方式打开内容,比如打开第一内容时一并显示第一相关内容列表,在第一相关内容列表中可以打开第二内容以及第二相关内容列表,但是,本申请实施例中,在内容栈中存储打开过的内容以及对应的相关内容列表,在第二操作的作用下,可以显示内容栈。这样的话,用户可以在内容栈中打开第一相关内容列表中或者第二相关内容列表中的内容。比如,在打开第二界面的过程中,如果用户想要打开第一相关内容列表中的其它内容,无需退回到第一界面然后从第一界面的第一相关内容列表中打开,可以在第二界面中调出内容栈,在内容栈中的第一相关内容列表中选择相关内容打开即可。
示例性的,所述第二操作用于指示从所述第二界面返回到所述第一界面或返回到所述应用的首页。比如,当检测到用于指示从第二界面返回到第一界面的第二操作时,先显示内容栈,以防用户返回到第一界面在第一相关内容列表中查找内容时第一相关内容列表发生变化而导致用户找不到内容。再比如,当检测到用于指示从第二界面返回应用的首页的第二操作时,先显示内容栈,避免用户误触而直接回退到首页导致打开过的内容丢失,给用户一定的缓冲时间,当然,如果用户确定要返回到首页时,可以再次输入返回操作。电子设备在显示内容栈时检测到返回操作,则返回到首页。
示例性的,所述第二组内容位于所述第一组内容的上层。也就是说,在内容栈中位于上层的内容组的打开时间在位于下层的内容组的打开时间之后。这样的话,逐页回退时,可以按照从上到下的顺序正常回退。
在一种可能的设计中,所述内容栈可以悬浮显示于所述第二界面上,所述内容栈完全覆盖或部分覆盖所述第二界面。为了避免完全遮挡第二界面的显示信息,内容栈也可以部分覆盖第二界面。
在一种可能的设计中,所述方法还包括:检测到在所述内容栈中打开第三内容的第三操作,所述第三内容的标识是所述第一相关内容列表中的内容的标识或者是所述第二相关内容列表中的内容的标识;响应于所述第三操作,显示第三界面,所述第三界面中包括所述第三内容以及第三相关内容列表,所述第三相关内容列表中包括与所述第三内容相关的至少一项内容的标识。内容栈中包括电子设备打开过所述应用的内容及其与所述内容对应的相关内容列表,用户可以在该内容栈中打开未打开过的内容(比如第三内容)。比如,假设第三内容是第一相关内容列表中的内容,也就是说,电子设备显示第二界面的情况下,可以无需退回到第一界面然后在第一界面的第一相关内容列表中打开第三内容,在第二界面上层的内容栈中即可打开,避免退回到第一界面时,第一相关内容列表可能发生变化的情况。
在一种可能的设计中,所述方法还可以包括:在所述内容栈中存储第三组内容,所述第三组内容包括所述第三内容的标识以及所述第三相关内容列表;所述第三组内容位于所述第二组内容的上层。也就是说,如果是逐层递交的内容打开方式,那么内容栈中的内容组也是逐渐增加的。
在一种可能的设计中,响应于第二操作,显示所述内容栈,包括:响应于第二操作,确定所述内容栈的深度大于1时,显示所述内容栈;其中,所述内容栈的深度是指所述内容栈中存储的内容组数,一组内容包括所述电子设备打开过所述应用的一个内容及其与所述一个内容对应的相关内容列表。也就是说,当内容栈中存储至少两组内容时,响应于第二操作,打开内容栈。内容栈中存储至少两组内容表征从一个内容(比如第一内容)的相 关内容列表中打卡了另一个内容(比如第二内容),当检测到第二操作时,确定用户有可能是要打开其它内容,所以显示内容栈以供用户打开内容栈中的其它内容。
示例性的,当电子设备显示内容栈时,如果检测到用户操作,响应于用户操作可以返回到主页。所述用户操作例如可以是返回操作。
在一种可能的设计中,所述方法还包括:响应于第二操作,确定所述内容栈的深度为1时,返回所述应用的首页。内容栈中存储一组内容时代表仅打开过一个内容,这样的话,当检测到第二操作时,可以直接返回到主页。
示例性的,所述第二操作,包括:作用于所述第二界面内的返回操作,或者,在显示屏上从左到右的滑动操作,或者,预设手势操作。比如,在打开内容时,检测到返回操作,判断内容栈深度是否大于1,如果大于1,显示内容栈,如果等于1,返回到主页。
在一种可能的设计中,所述方法还包括:响应于第四操作,返回所述应用的首页;清空所述内容栈。当从第二界面直接回退到主页时,清空内容栈,为用户下一次逐层递进的打开内容腾出存储空间。
在一种可能的设计中,所述应用可以是浏览器应用,所述第一界面和所述第二界面可以是新闻详情页或文章详情页。在另一种可能的设计中,所述应用可以是购物应用,所述第一界面和所述第二界面可以是商品详情页。需要说明的是,所述应用可以是电子设备中任意应用,以上的浏览器应用和购物应用仅是举例,并非对应用的限定。
第二方面,提供一种电子设备,包括:处理器,存储器,以及,一个或多个程序;其中,所述一个或多个程序被存储在所述存储器中,所述一个或多个程序包括指令,当所述指令被所述处理器执行时,使得所述电子设备执行如上述第一方面提供的方法步骤。
第三方面,还提供一种电子设备,包括:执行上述第一方面或第一方面的任意一种可能的设计的方法的模块/单元;这些模块/单元可以通过硬件实现,也可以通过硬件执行相应的软件实现。
第四方面,还提供一种芯片,所述芯片与电子设备中的存储器耦合,使得所述芯片在运行时调用所述存储器中存储的程序指令,实现如上述第一方面提供的方法。
第五方面,还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行如上述第一方面提供的方法。
第六方面,还提供一种计算机程序产品,包括计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行如上述第一方面提供的方法。
第七方面,还提供一种电子设备上的图形用户界面,所述电子设备具有显示屏、存储器、以及处理器,所述处理器用于执行存储在所述存储器中的一个或多个计算机程序,所述图形用户界面包括所述电子设备执行上述第一方面提供的方法时显示的图形用户界面。
以上第二方面到第七方面的有益效果,请参考第一方面的有益效果,不再赘述。
附图说明
图1为本申请一实施例提供的信息流的示意图;
图2为本申请一实施例提供的电子设备的结构示意图;
图3A至图3B为本申请一实施例提供的应用场景的示意图;
图4为本申请一实施例提供的内容显示方法的流程的示意图;
图5为本申请一实施例提供的手机上GUI的示意图;
图6A至图6C为本申请一实施例提供的相关内容栈的示意图;
图7A至图7C为本申请一实施例提供的手机返回应用首页时的GUI的示意图;
图8为本申请一实施例提供的相关内容深度栈的示意图;
图9为本申请一实施例提供的流量文章的流程示意图;
图10为本申请一实施例提供的电子设备中不同模块之间的信息交互示意图;
图11为本申请一实施例提供的电子设备的结构示意图。
具体实施方式
以下对本申请实施例涉及的名词给出解释。
(1)信息流,是指可以滚动浏览的内容流。比如,新闻、文章等可滚动浏览的信息。所谓滚动浏览可以理解为可以使用逐层递进的方式打开内容。比如,在内容1的相关内容列表中打开内容2,在内容2的相关列表中打开内容3等等。信息流中每个内容一般可以出现在一个紧挨着一个的显示模块(这些显示模块的外观通常相似)中。比如,请参见图1,为本申请实施例提供的信息流的示意图。如图1所示,信息流包括文章A及其相关文章即文章B和文章C。其中,文章B的相关文章包括文章D和文章E。其中,文章D的相关文章包括文章F和文章G。因此,当用户想要打开文章F的话,打开方式为,打开文章A,在文章A的相关文章中打开文章B,在文章B的相关文章中打开文章D,在文章D的相关文章中打开文章F。因此,形成阅读链:文章A>文章B>文章D>文章F。需要说明的是,图1是以文章为例,可以理解的是,其它内容(比如新闻、小说等)也可以形成信息流。
(2)本申请实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。
除非有相反的说明,本申请实施例提及“第一”、“第二”等序数词是用于对多个对象进行区分,不用于限定多个对象的大小、内容、顺序、时序、优先级或者重要程度等。
本申请实施例提供的内容显示方法可以应用于电子设备。所述电子设备可以是便携式电子设备,诸如手机、平板电脑、便携计算机、具备无线通讯功能的可穿戴设备(如智能手表、智能眼镜、智能手环、或智能头盔等)、或车载设备等。便携式电子设备的示例性实施例包括但不限于搭载
Figure PCTCN2022087155-appb-000001
或者其它操作***的便携式电子设备。
图2示出了电子设备的结构示意图。如图2所示,电子设备可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加 速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。其中,控制器可以是电子设备的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了***的效率。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备充电,也可以用于电子设备与***设备之间传输数据。充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,外部存储器,显示屏194,摄像头193,和无线通信模块160等供电。
电子设备的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备上的包括无线局域网(wireless local area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星***(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯***(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,和/或IR技术等。所述GNSS可以包括全球卫星定位***(global positioning system,GPS),全球导航卫星***(global navigation satellite system,GLONASS),北斗卫星导航***(beidou navigation satellite system,BDS),准天顶卫星***(quasi-zenith satellite system,QZSS)和/或星基增强***(satellite based augmentation systems,SBAS)。
显示屏194用于显示应用的显示界面等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,电子设备可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备可以包括1个或N个摄像头193,N为大于1的正整数。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作***,以及至少一个应用程序(例如爱奇艺应用,微信应用等)的软件代码等。存储数据区可存储电子设备使用过程中所产生的数据(例如图像、视频等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将图片,视频等文件保存在外部存储卡中。
电子设备可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。陀螺仪传感器180B可以用于确定电子设备的运动姿态。在一些实施例中,可以通过陀螺仪传感器180B确定电子设备围绕三个轴(即,x,y和z轴)的角速度。
陀螺仪传感器180B可以用于拍摄防抖。气压传感器180C用于测量气压。在一些实施例中,电子设备通过气压传感器180C测得的气压值计算海拔高度,辅助定位和导航。磁传感器180D包括霍尔传感器。电子设备可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中,当电子设备是翻盖机时,电子设备可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态,设置翻盖自动解锁等特性。加速度传感器180E可检测电子设备在各个方向上(一般为三轴)加速度的大小。当电子设备静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态,应用于横竖屏切换,计步器等应用。
距离传感器180F,用于测量距离。电子设备可以通过红外或激光测量距离。在一些实施例中,拍摄场景,电子设备可以利用距离传感器180F测距以实现快速对焦。接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。电子设备通过发光二极管向外发射红外光。电子设备使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时,可以确定电子设备附近有物体。当检测到不充分的反射光时,电子设备可以确定电子设备附近没有物体。电子设备可以利用接近光传感器180G检测用户手持电子设备贴近耳朵通话,以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式,口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合,检测电子设备是否在口袋里,以防误触。指纹传感器180H用于采集指纹。电子设备可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中,电子设备利用温度传感器180J检测的温度,执行温度处理策略。例如,当温度传感器180J上报的温度超过阈值,电子设备执行降低位于温度传感器180J附近的处理器的性能,以便降低功耗实施热保护。在另一些实施例中,当温度低于另一阈值时,电子设备对电池142加热,以避免低温导致电子设备异常关机。在其他一些实施例中,当温度低于又一阈值时,电子设备对电池142的输出电压执行升压,以避免低温导致的异常关机。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备的表面,与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中,骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏,接收血压 跳动信号。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备可以接收按键输入,产生与电子设备的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过***SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备的接触和分离。
可以理解的是,图2所示的部件并不构成对电子设备的具体限定。本发明实施例中的电子设备可以包括比图2中更多或更少的部件。此外,图2中的部件之间的组合/连接关系也是可以调整修改的。
结合上述图2所示的电子设备的结构,以下实施例将结合附图对本申请实施例提供的内容显示方法进行具体阐述。
图3A为本申请实施例提供的一种应用场景的示意图。该场景是用户使用手机浏览新闻的场景。
请参见图3A中(a),用户在浏览器应用的首页中输入想要搜索的新闻(比如新闻A)的信息(比如关键词),点击搜索按键,手机进入新闻A的详情页,如图3A中(b),为新闻A的详情页。一般情况下,新闻A的详情页中会包括相关新闻列表1,相关新闻列表1中包括与新闻A相关的新闻的标识(所述标识比如可以是新闻的名称或简介)。如图3A中(b),新闻A的相关新闻列表1中包括新闻B和新闻C的简介。用户可能会在相关新闻列表1中打开相关新闻进行拓展阅读。比如,电子设备检测到用户点击新闻B的标识的操作时,打开新闻B的详情页,如图3A中(c)所示。在新闻B的详情页中会显示相关新闻列表2,相关新闻列表2中包括与新闻B相关的新闻的标识,比如新闻D和新闻E的标识。用户可以继续在相关新闻列表2中打开相关新闻,比如打开新闻D,如图3A中(d)所示,显示新闻D的详情页。由此可见,用户层层递进的阅读新闻。这种方式会形成阅读链,如,新闻A>新闻B>新闻D。在进行多次递进后,阅读链将会非常长。
在进行了多层递进的相关阅读后,用户通常有两种需求。需求1,回退到首页,比如,在图3A中(d)的新闻D的详情页回退到新闻首页即图3A中(a)所示的界面。需求2,阅读相关新闻列表中但尚未打开过的新闻。比如,用户按照新闻A>新闻B>新闻D的顺序逐层打开到新闻D,但是新闻A的相关新闻列表中不仅包括新闻B,还包括新闻C,但新闻C未打开过。用户在新闻D的详情页即图3A中(d)时,可能会想要返回到新闻A的详情页去查看新闻C。
对于需求1(回退到首页),有两种解决方案。
第一种方案,依次逐页回退。
依次逐页回退指按照打开顺序逆序回退到首页。比如,图3A中新闻打开顺序为:新闻A>新闻B>新闻D。依次逐页回退指,按照新闻D>新闻B>新闻A的顺序回退。比如,在图3A中(d)的界面中,点击返回按键,回退到图3A中(c)的新闻B的详情页。在新闻B的详情页中点击返回,回退到图3A中(b)所示的新闻A的详情页,在新闻A详情页中点击返回,回退至图3A中(a)中的首页。这种依次逐页回退的方式需要一页一页的返回,在阅读链较长的情况下,返回首页的过程较长,操作比较繁琐。
第二种方案,直接回退首页。
直接回退首页是指,无论用户进行了多少层的相关阅读,当用户触发回退时,直接返回到首页,忽略掉中间浏览过的页面。比如,在图3A中(d)的界面中,点击返回,直接回退到图3A中(a)的首页。这种直接回退首页的方式比较直接,但是会忽略掉中间浏览页面。
对于需求2(阅读相关新闻列表中但尚未打开过的新闻),比如在图3A中(d)的新闻D的详情页时,用户想要查看新闻E。包括如下实现方式:
方式1,如果使用依次逐页回退的方式回退,用户可以在依次回退的过程中打开尚未打开过的新闻。比如,在图3A中(d)的界面中,点击返回,回退到图3A中(c)的新闻B的详情页,在该界面中打开新闻E(新闻E并未打开过)。这种方式一方面需要用户在逐页回退的过程中寻找要浏览的新闻,用户负担大,体验较差;另一方面,在逐页回退时相关新闻可能会发生变化,比如,从图3A中(d)的界面回退到图3A中(c)的界面时,该界面中与新闻B相关的新闻可能变化为新闻Q和新闻P,不再是新闻D和新闻E了,用户将无法找回新闻E。
方式2,如果使用直接回退首页的方式回退,直接回退到了首页,用户只能根据记忆重新逐层点击相关新闻,比如输入新闻A,在新闻A的相关新闻中打开新闻B,再在新闻B的相关新闻中打开新闻E。如果阅读链较长,这种方式较难实现,而且再次输入新闻A,出现的相关新闻可能已发生变化,或者打开新闻B,新闻B的相关新闻也可能发生变化。所以这种方式完全复原阅读链是比较难的。
图3B为本申请实施例提供的另一种应用场景的示意图。该场景是用户使用手机浏览商品的场景。
请参见图3B中(a),用户在购物应用的首页中输入商品A的信息进行搜索,打开图3B中(b)所示的商品A的详情页,在该详情页包括商品A的相关商品即商品B和商品C的标识(比如商品图片、名称、简介等)。用户可以点击相关商品的标识以打开新的商品,比如,用户点击商品B的标识进入图3B中(c)所示的商品B的详情页。在商品B的详情页中包括与商品B的相关商品比如商品D和商品E的标识。用户点击商品D的标识时,可以打开如图3B中(d)所示的商品D的详情页。在商品D的详情页包括商品D的相关商品即商品F和商品G的标识。这种商品浏览方式也是逐渐递进的方式,形成的阅读链为商品A>商品B>商品D。如果进行多次相关阅读操作后,阅读链会非常长。图3B所示的应用场景也存在两种需求,即回退到首页和打开相关商品列表中但尚未打开过的商品。在实现这两种需求时,仍然存在与图3A所示的场景的类似的技术问题。
需要说明的是,以上是对应用场景的举例,其它的应用场景也是可以的,比如,用于阅读电子书的应用等,本申请实施例不作限定。
为了解决上述技术问题,本申请实施例提供一种内容显示方法,该方法中电子设备响应于第一操作,显示应用(比如购物应用、浏览器应用等)的第一界面,第一界面包括第一内容以及与第一内容相关的第一相关内容列表。电子设备响应于在第一相关内容列表中打开第二内容的操作,显示第二界面,第二界面中包括第二内容以及与第二内容相关的第二相关内容列表。电子设备响应于第二操作,显示内容栈,所述内容栈中包括所述第一内 容、第一相关内容列表、所述第二内容,第二相关内容列表。这样的话,当用户想要查看未打开过的相关内容(比如第一相关内容列表中未打开过的内容)时,可以在内容栈中寻找,不需要返回到上一页(即第一界面)在上一页的相关内容列表中打开,而且不用担心返回上一页面时第一相关内容列表发生变化而无法找的用户想要找到的内容,操作便捷,用户体验较高。
为了便于理解,本申请以下实施例将以电子设备是手机为例,结合附图对本申请实施例提供的内容显示方法进行具体阐述。
请参见图4,为本申请实施例提供的一种内容显示方法的流程示意图。该方法可以由电子设备执行,所述电子设备如手机。如图4所示,所述流程包括:
S10,手机显示应用首页。
所述应用可以是手机中的任意应用,比如浏览器、购物应用、读书类应用、娱乐应用、即时通信应用等等,本申请实施例不作限定。本文主要以浏览器为例进行介绍。比如,参见图5中(a),为浏览器应用的首页的一种示意图。首页中包括多个新闻的标识(新闻的简介或名称)。
S20,手机检测到用于打开第一内容的操作。
以图5中(a)为例,用于打开第一内容的操作可以是在浏览器应用首页中点击第一内容标识(比如新闻A的标识)的操作。可以理解的是,如果以浏览器应用为例,第一内容可以是某则新闻,第一内容的相关内容是与该新闻相关的新闻。如果以购物应用为例,第一内容可以某个商品,第一内容的相关内容是与该商品相关的其它商品。如果以读书类应用为例,第一内容可以是某本电子书,第一内容的相关内容可以是与该电子书内容相关的其它电子书。
S21,手机向服务器发送第一内容获取请求,该请求用于请求获取第一内容。
以图5中(a)为例,当手机检测到用户点击的第一内容比如新闻A的标识时,向服务器发送请求,用于请求获取新闻A的信息。
S22,手机接收服务器发送的第一内容及其相关内容。
服务器确定出新闻A以及新闻A的相关新闻(比如新闻B和新闻C)之后,将新闻A的详情信息、以及新闻B和新闻C的详情信息或标识(新闻的标题、简介等)发送给手机。也就是说,手机收到了新闻A的详细请求,还收到新闻B和新闻C的详情信息或标识。
S23,手机显示第一界面,第一界面包括第一内容及其第一相关内容列表。
比如,请参见图5中(b),第一界面中包括第一内容即新闻A的标题(Title A)以及新闻A的详细信息,还包括相关内容列表,相关内容列表中包括新闻B和新闻C的标识(比如标题、简介)。
S24,手机在内容栈中记录第一组内容,第一组内容包括第一内容及其第一相关内容列表。
可选的,在S24之前,还可以包括步骤:创建内容栈。内容栈可以理解为一个存储空间,用于存储用户打开的内容及其相关内容。因此,创建内容栈是指创建存储空间。请参见图6A所示,为内容栈的一种示意图,第一组内容可以存储在内容栈中的栈底。
S25,手机接收到打开第二内容的操作,该操作可以作用于第一内容的第一相关内容列表中。
比如,请参见图5中(b),第一内容即新闻A的第一相关内容列表包括新闻B和新闻C的标识,假设第二内容是新闻B,那么用于打开第二内容的操作可以是用户点击第一相关内容列表中新闻B的标识的操作。
S26,手机向服务器发送第二内容获取请求,该请求用于请求获取第二内容。
S27,手机接收服务器发送的第二内容以及相关内容。
S28,手机显示第二界面,第二界面包括第二内容及其第二相关内容列表。
比如,请参见图5中(c),手机显示第二界面,第二界面包括第二内容即新闻B的详情信息以及第二相关内容列表,第二相关内容列表中包括与新闻B相关的新闻比如新闻D和新闻E的标识。
S29,手机在内容栈中记录第二组内容,第二组内容包括第二内容及其第二相关内容列表。
请参见图6B,内容栈中存储有第二组内容,第二组内容位于第一组内容的上层,第二组内容包括新闻B及其第二相关内容列表(即新闻D和新闻E的标识)。
示例性的,内容栈还可以展现为其它形式比如图6C,每组内容在一个框内展示,每组内容中主新闻可以区别显示,比如高亮、加粗、特殊颜色等,如,新闻A和新闻B是主新闻,则高亮显示。
可选的,上面的实施例中,手机进行了两层递进,一层是打开第一内容,第二层是在与第一内容相关的第一相关内容列表中打开第二内容,所以形成的阅读链包括第一内容>第二内容。可以理解的是,还可以在第二内容的第二相关内容列表中继续打开相关内容,即阅读链还可以变长。如果阅读链变长,那么图6B中内容栈中在第二组内容上层存储其它组内容。可以理解为,内容栈从栈底到栈顶的多组内容的顺序与阅读链的内容排序相同。比如,阅读链的内容排序为第一内容>第二内容,那么从栈底到栈顶的内容排序是第一组内容>第二组内容,其中,第一组内容是第一内容以及第一相关内容列表,第二组内容是第二内容以及第二相关内容列表。
可以理解的是,在打开第二内容之后,用户可能需要返回到首页,或返回到上一个内容(比如查看上一个内容的相关内容列表中未打开过的内容)。具体的,可以通过如下步骤S30和S37实现。
S30,手机接收到返回操作。
示例性的,返回操作可以是在第二界面中从左到右的滑动操作,或者,点击返回按键的操作,或用于指示返回的语音指令等等,本申请实施例对返回操作的类型不作限定。
S31,手机判断内容栈深度是否大于1。
内容栈的深度是指内容栈中存储了多少组内容。比如,以图6B为例,内容栈中包括两组内容,则确定内容栈的深度为2。以图6A为例,内容栈中包括一组内容,则确定内容栈的深度为1。
S32,如果内容栈的深度为1,手机返回主页。
如果内容栈的深度小于1,比如图6A所示的内容栈仅包括第一组内容,说明手机从首页打开的第一内容,即图5中(a)到图5中(b)打开的新闻A。此时,在图5中(b)所示的第一界面中检测到返回操作时,从第一界面返回到首页。
S33,如果内容栈的深度大于1,手机打开内容栈。
如果内容中的深度大于1,比如图6B所示的内容栈(深度为2),说明当前界面是第 二界面,即从首页到第一界面再到第二界面经过两层递进。这种情况下,若手机在第二界面中检测到返回操作,可以打开内容栈。内容栈中显示不同组的内容供用户选择。
示例性的,请参见图7A中(a),手机显示第二界面,当在第二界面中检测到返回操作,显示如图7A中(b)所示的界面,该界面中包括内容栈。可选的,内容栈可以悬浮显示在第二界面上,可以全部或部分覆盖第二界面。
在打开内容栈之后,用户可以在内容栈中打开内容,比如,包括如下步骤:
S34,手机检测到在内容栈中选择第三内容的标识的操作,第三内容是第一内容的相关内容。
S35,手机向服务器发送第三内容获取请求,用于请求获取第三内容及其相关内容。
S36,手机接收第三内容及其相关内容。
S37,手机显示第三界面,第三界面包括第三内容及其第三相关内容列表。
请参见图7B中(a),手机显示内容栈,内容栈中显示不同组的内容。假设手机检测到用户在内容栈中选择新闻C的标识的操作时,显示图7B中(b)所示的第三界面,第三界面包括新闻C的详情页,以及新闻C的第三相关内容列表比如新闻F和新闻G的标识。
可以理解的是,上面的实施例中,当手机显示第二界面时,如果检测到返回操作,则打开内容栈,如果用户期望的是返回首页,可以在内容栈界面上再次执行返回操作,当手机检测到在内容栈界面内的返回操作时,返回到首页。示例性的,请参见图7C中(a),手机显示内容栈,当手机检测到在内容栈界面内的返回操作时,返回到首页,如图7C中(b)。
可选的,S36之后,还可以包括步骤:在内容栈中记录第三组内容,请参见图8所示,第三组内容在第二组内容上层,第三组内容包括第三内容(比如新闻C)以及与第三内容相关的内容如新闻F和新闻G。
通过对比图5和图7B可知,当用户按照新闻A>新闻B的顺序打开时,在新闻B的详情页,用户可能想要打开新闻A的未打开过的新闻比如新闻C。按照现有技术,需要回退到上一页的新闻A的详情页,在新闻A的第一相关内容列表中打开新闻C,但是从新闻B的详情页回退到上一页即新闻A的详情页时,需要向服务器重新发送获取新闻A的请求,服务器返回新闻A及其相关新闻时,新闻A的第一相关内容列表中的相关新闻可能会发生变化,所以在第一相关内容列表中可能无法找到新闻C。但是,本申请实施例中,内容栈中记录了用户打开过的每个新闻的相关新闻,即新闻A的第一相关内容列表被保存到内容栈中。当用户在新闻B的详情页想要回溯之前打开过的新闻A的相关新闻时,不用回退到上一页即新闻A的详情页,打开内容栈即可寻找到新闻A的相关新闻,而且,由于不需要回退到新闻A,所以不需要重新向服务器发送新闻A的获取请求,所以不会出现新闻A的相关新闻的变化的情况。
上面的实施例中,手机显示第二界面时,当手机检测到返回操作时,根据内容栈深度判断是打开内容栈还是返回首页。可选的,在另一些实施例中,返回操作包括三种类型的操作,第一种类型的返回操作用于直接返回到首页,第二种类型的返回操作用于返回到上一页,第三类型的返回操作用于打开内容栈。
示例性的,以图7A中(a)所示的第二界面为例,当在第二界面中检测到第一种类型的返回操作时,直接返回到首页;当检测到第二种类型的返回操作时,返回到上一页(即第一界面),当检测到第三种类型的返回操作时,打开内容栈,即图7A中(b)所示的界面。
其中,三种类型的返回操作可以不同,比如,第一种类型的返回操作是在第二界面中双击操作,第二种类型的返回操作是在第二界面中的长按操作、从下到上的滑动操作等等,第三种类型的返回操作时第二界面中从左到右的滑动操作等。或者,第二界面中提供三种类型的返回操作对应的三个特定按键。或者,第二界面中提供一个返回按键,第一种类型的返回操作是单击该返回按键的操作,第二种类型的返回操作是连续双击该返回按键的操作,第三种类型的返回操作是长按该返回按键的操作。
需要说明的是,以上实施例是以打开浏览器应用中的新闻为例进行介绍的,由于在打开新闻时需要从服务器处获取新闻,所以图4是手机与服务器的信息交互图。可以理解的是,本申请的技术方案也可以适用于打开手机本地中的信息流的场景。如果打开的内容是手机本地的内容,不需要从服务器获取,那么图4中手机向服务器的发送动作或接收动作无需执行。
上面的实施例是以浏览器浏览新闻为例的,下面以文章为例介绍本申请实施例提供的内容显示方法。
请参见图9,本申请实施例提供的内容显示方法的流程包括:
步骤1,在首页查询文章(比如文章A)。
步骤2,显示文章(比如文章A)的详情页以及相关内容列表。
步骤3,在内容栈中添加文章(比如文章A)以及相关文章(比如文章B)。
可以理解的是,在步骤3之前,还可以包括步骤:创建内容栈,即在存储器中申请一个存储空间。
步骤4,检测到第一用户操作。
如果第一用户操作是点击相关内容列表中的文章的操作,则打开新文章即重新执行步骤2展开新打开的文章。如果第一用户操作是返回操作,那么执行步骤5。
步骤5,判断内容栈的深度是否大于1。
如果内容栈的深度不大于1,则执行步骤8。如果内容栈的深度大于1,则执行步骤6。
步骤6,调出内容栈。此处调出可以理解为显示内容栈。
步骤7,检测到第二用户操作。
如果第二用户操作是返回操作,则执行步骤8,如果第二用户操作是点击内容栈中文章的操作,执行步骤10。
步骤8,展示首页,继续执行步骤9。
步骤9,清空内容栈。可以理解的是,回退到首页之后,认为曾从首页到某个新闻的详情页被清空,则清空内容栈。可以理解的是,清空内容栈是可选操作,当然如果不在乎电子设备的存储空间被占用,也可以不用在返回首页后将内容栈清空,或者也可以由用户周期性的手动清空内容栈,释放电子设备的存储空间。
步骤10,如果第二用户操作是打开内容栈中的文章的操作,判断打开的文章是否为文章A,如果是,则返回到步骤2,如果不是(比如是打开文章B),则执行步骤11。
步骤11,展示文章B的详情页。
图10,为本申请实施例提供的电子设备中包括的不同模块的示意图。如图10所示,电子设备中包括显示模块、相关内容栈管理模块、相关内容栈解析与渲染模块,还包括相关内容栈。电子设备可以是手机、平板电脑等。如果电子设备的硬件结构为图2所示的结构,那么显示模块可以是显示屏194;相关内容栈管理模块、相关内容栈解析与渲染模块可以是处理器110中的软件或硬件模块,或者是独立与处理器110的软件或硬件模块。相关内容栈可以位于存储器(比如内容存储器121)中的一个存储空间。
其中,显示模块用于负责信息流首页的显示,所述信息流首页比如图3A(a)中浏览器首页、图3B(a)中购物应用首页等等。显示模块还负责新闻详情页的显示,比如图3A(b)中新闻A的详情页。显示模块还负责显示相关内容栈页面,该页面中显示相关内容栈,相关内容栈中包括用户每打开过的新闻的相关新闻。相关内容栈管理模块用于管理相关内容栈,比如栈的建立、关闭、入栈、出栈等等。相关内容栈解析与渲染模块用于渲染相关内容栈页面以通过显示模块显示。
以图3A所示的应用场景为例,结合图4介绍,电子设备的内容显示过程,包括如下:
(1)显示模块显示信息流首页,即图3A(a)中浏览器首页。用户在浏览器应用的首页中输入想要搜索的新闻(比如新闻A)的信息(比如关键词),点击搜索按键。
(2)手机进入新闻A的详情页,如图3A中(b),为新闻A的详情页。
(3)相关内容栈管理模块创建相关内容栈并在相关内容栈中写入第一组内容,即新闻A以及相关新闻(即新闻B和新闻C)。
(4)相关内容栈解析与渲染模块生成并显示相关内容栈页面。可选的,在(4)之前,还可以包括步骤:手机检测到用于打开内容栈的操作。
(5)手机检测到用户在相内容栈界面中打开新闻B的操作,显示新闻B的文章详情页。
(6)手机显示内容栈页面时,如果检测到返回操作,返回信息流首页。
综上所述,本申请实施例提供一种内容显示方法,该方法中电子设备形成阅读链的过程中,会在内容栈中记录每次打开过的内容及其相关内容。用户返回到前面打开过的内容或前面打开过的内容的相关内容时,不会逐页回退,通过打开内容栈,即可在内容栈中寻找期望打开的相关内容,而且由于不会回退上一页重新发送请求,所以相关内容不会发生丢失。
基于相同的构思,图11所示为本申请提供的一种电子设备1100。该电子设备1100可以是前文中的手机。电子设备1100可以包括:一个或多个处理器1101;一个或多个存储器1102;通信接口1103,以及一个或多个计算机程序1104,上述各器件可以通过一个或多个通信总线1105连接。其中该一个或多个计算机程序1104被存储在上述存储器1102中并被配置为被该一个或多个处理器1101执行,该一个或多个计算机程序1104包括指令,上述指令可以用于执行如上面相应实施例中手机的相关步骤。通信接口1103用于实现与其他设备(比如服务器)的通信,比如通信接口可以是收发器。
上述本申请提供的实施例中,从电子设备(例如手机)作为执行主体的角度对本申请 实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能,电子设备可以包括硬件结构和/或软件模块,以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行,取决于技术方案的特定应用和设计约束条件。
以上实施例中所用,根据上下文,术语“当…时”或“当…后”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地,根据上下文,短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。另外,在上述实施例中,使用诸如第一、第二之类的关系术语来区份一个实体和另一个实体,而并不限制这些实体之间的任何实际的关系和顺序。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。在不冲突的情况下,以上各实施例的方案都可以组合使用。
需要指出的是,本专利申请文件的一部分包含受著作权保护的内容。除了对专利局的专利文件或记录的专利文档内容制作副本以外,著作权人保留著作权。

Claims (14)

  1. 一种内容显示方法,其特征在于,应用于电子设备,所述方法包括:
    响应于第一操作,显示应用的第一界面,第一界面包括第一内容以及第一相关内容列表,所述第一相关内容列表中包括与所述第一内容相关的至少一项内容的标识;
    在内容栈中存储第一组内容,所述第一组内容包括所述第一内容的标识以及所述第一相关内容列表;
    响应于在所述第一相关内容列表中打开第二内容的操作,显示第二界面,第二界面中包括第二内容以及第二相关内容列表,所述第二相关内容列表中包括与所述第二内容相关的至少一项内容的标识;
    在所述内容栈中存储第二组内容,所述第二组内容包括所述第二内容的标识以及所述第二相关内容列表;所述第二组内容位于所述第一组内容的上层;
    响应于第二操作,显示所述内容栈,所述第二操作用于指示从所述第二界面返回到所述第一界面或返回所述应用的首页。
  2. 根据权利要求1所述的方法,其特征在于,所述内容栈悬浮显示于所述第二界面上,所述内容栈完全覆盖或部分覆盖所述第二界面。
  3. 根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
    检测到在所述内容栈中打开第三内容的第三操作,所述第三内容的标识为所述第一相关内容列表中的内容的标识,或者是所述第二相关内容列表中的内容的标识;
    响应于所述第三操作,显示第三界面,所述第三界面中包括所述第三内容以及第三相关内容列表,所述第三相关内容列表中包括与所述第三内容相关的至少一项内容的标识。
  4. 根据权利要求3所述的方法,其特征在于,所述方法还包括:
    在所述内容栈中存储第三组内容,所述第三组内容包括所述第三内容的标识以及所述第三相关内容列表;所述第三组内容位于所述第二组内容的上层。
  5. 根据权利要求1-4任一所述的方法,其特征在于,响应于第二操作,显示所述内容栈,包括:
    响应于第二操作,确定所述内容栈的深度大于1时,显示所述内容栈;
    其中,所述内容栈的深度是指所述内容栈中存储的内容组数,一组内容包括所述电子设备打开过所述应用的一个内容及其与所述一个内容对应的相关内容列表。
  6. 根据权利要求1-5任一所述的方法,其特征在于,响应于第二操作,显示所述内容栈,包括:
    响应于所述第二操作,确定所述内容栈的深度为1时,返回所述应用的首页。
  7. 根据权利要求1-6任一所述的方法,其特征在于,所述方法还包括:
    响应于第四操作,返回所述应用的首页,并清空所述内容栈。
  8. 根据权利要求1-7任一所述的方法,其特征在于,所述第二操作,包括:
    作用于所述第二界面内的返回操作,或者,在显示屏上从左到右的滑动操作,或者,预设手势操作。
  9. 根据权利要求1-8任一所述的方法,其特征在于,所述应用是浏览器应用,所述第一界面和所述第二界面是新闻详情页或文章详情页。
  10. 根据权利要求1-8任一所述的方法,其特征在于,所述应用是购物应用,所述第一 界面和所述第二界面是商品详情页。
  11. 一种电子设备,其特征在于,包括:
    处理器,存储器,以及,一个或多个程序;
    其中,所述一个或多个程序被存储在所述存储器中,所述一个或多个程序包括指令,当所述指令被所述处理器执行时,使得所述电子设备执行如权利要求1至10中任意一项所述的方法。
  12. 一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行如权利要求1至10中任意一项所述的方法。
  13. 一种计算机程序产品,其特征在于,包括计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行如上述权利要求1-10中任意一项所述的方法。
  14. 一种电子设备上的图形用户界面,其特征在于,所述电子设备具有显示屏、存储器、以及处理器,所述处理器用于执行存储在所述存储器中的一个或多个计算机程序,所述图形用户界面包括所述电子设备执行上述权利要求1-10中任意一项所述的方法时显示的图形用户界面。
PCT/CN2022/087155 2021-04-21 2022-04-15 一种内容显示方法与电子设备 WO2022222866A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110429192.8 2021-04-21
CN202110429192.8A CN115309312A (zh) 2021-04-21 2021-04-21 一种内容显示方法与电子设备

Publications (1)

Publication Number Publication Date
WO2022222866A1 true WO2022222866A1 (zh) 2022-10-27

Family

ID=83721952

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/087155 WO2022222866A1 (zh) 2021-04-21 2022-04-15 一种内容显示方法与电子设备

Country Status (2)

Country Link
CN (1) CN115309312A (zh)
WO (1) WO2022222866A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101005566A (zh) * 2007-01-10 2007-07-25 中兴通讯股份有限公司 用于电子节目单导航的页面返回方法
CN105447195A (zh) * 2015-12-28 2016-03-30 哈尔滨工业大学 一种网页浏览器历史记录页面跳转关系的可视化方法及装置
CN105933791A (zh) * 2016-04-18 2016-09-07 乐视控股(北京)有限公司 播放记录查询方法及装置
US10394408B1 (en) * 2013-06-27 2019-08-27 Google Llc Recommending media based on received signals indicating user interest in a plurality of recommended media items
CN110263273A (zh) * 2019-05-21 2019-09-20 深圳壹账通智能科技有限公司 页面回退方法及相关装置
CN111414498A (zh) * 2020-04-29 2020-07-14 北京字节跳动网络技术有限公司 多媒体信息推荐方法、装置及电子设备

Family Cites Families (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1532832A (zh) * 2003-03-25 2004-09-29 余晓冬 层次型定位音频数据流的方法及使用该方法的语言学习机
KR100585776B1 (ko) * 2004-10-11 2006-06-07 엘지전자 주식회사 복수개의 화면을 구비한 휴대용 단말기와 이를 이용한메뉴 리스트 표시 제어 방법
US9778818B2 (en) * 2011-05-31 2017-10-03 Fanhattan, Inc. System and method for pyramidal navigation
CN103886044A (zh) * 2014-03-11 2014-06-25 百度在线网络技术(北京)有限公司 搜索结果的提供方法和装置
CN105893017A (zh) * 2015-12-11 2016-08-24 乐视网信息技术(北京)股份有限公司 在设备上呈现项目菜单的方法及装置
CN106055660A (zh) * 2016-06-01 2016-10-26 努比亚技术有限公司 移动终端页面访问方法、装置及移动终端
CN107885767A (zh) * 2017-09-26 2018-04-06 五八有限公司 一种页面操作方法及装置
CN110147184B (zh) * 2018-02-13 2023-01-31 北京京东尚科信息技术有限公司 导航回退的方法和控件
CN108920247B (zh) * 2018-07-20 2022-04-29 腾讯科技(深圳)有限公司 页面切换的处理方法、装置及终端、存储介质、程序产品
CN109582898A (zh) * 2018-10-25 2019-04-05 北京奇虎科技有限公司 一种新闻网页页面的生成方法及装置
CN109862429A (zh) * 2019-01-03 2019-06-07 百度在线网络技术(北京)有限公司 视频播放控制方法、装置、设备及存储介质
CN111626804A (zh) * 2019-02-28 2020-09-04 北京京东尚科信息技术有限公司 商品推荐方法、装置、电子设备及计算机可读介质
CN111970401B (zh) * 2019-05-20 2022-04-05 华为技术有限公司 一种通话内容处理方法、电子设备和存储介质
CN110196954A (zh) * 2019-06-14 2019-09-03 深圳市珍爱捷云信息技术有限公司 网页回退处理方法、装置、计算机设备和存储介质
CN110717030B (zh) * 2019-09-12 2023-08-18 上海连尚网络科技有限公司 一种呈现电子书籍详情页的方法与设备
CN110851039B (zh) * 2019-10-08 2021-07-02 维沃移动通信有限公司 一种菜单显示方法及电子设备
CN110717126A (zh) * 2019-10-10 2020-01-21 北京无限光场科技有限公司 页面浏览方法、装置、电子设备及计算机可读存储介质
CN111124223A (zh) * 2019-12-11 2020-05-08 维沃移动通信有限公司 一种应用界面切换方法及电子设备
CN111428164A (zh) * 2020-03-27 2020-07-17 五八有限公司 页面显示方法、装置、移动终端、电子设备及存储介质
CN111597475B (zh) * 2020-04-21 2021-10-29 五八有限公司 一种返回页面的方法、装置、电子设备及计算机存储介质
CN113726640A (zh) * 2020-05-26 2021-11-30 华为技术有限公司 一种即时通信方法及设备
CN111897478A (zh) * 2020-08-11 2020-11-06 聚好看科技股份有限公司 一种页面显示方法及显示设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101005566A (zh) * 2007-01-10 2007-07-25 中兴通讯股份有限公司 用于电子节目单导航的页面返回方法
US10394408B1 (en) * 2013-06-27 2019-08-27 Google Llc Recommending media based on received signals indicating user interest in a plurality of recommended media items
CN105447195A (zh) * 2015-12-28 2016-03-30 哈尔滨工业大学 一种网页浏览器历史记录页面跳转关系的可视化方法及装置
CN105933791A (zh) * 2016-04-18 2016-09-07 乐视控股(北京)有限公司 播放记录查询方法及装置
CN110263273A (zh) * 2019-05-21 2019-09-20 深圳壹账通智能科技有限公司 页面回退方法及相关装置
CN111414498A (zh) * 2020-04-29 2020-07-14 北京字节跳动网络技术有限公司 多媒体信息推荐方法、装置及电子设备

Also Published As

Publication number Publication date
CN115309312A (zh) 2022-11-08

Similar Documents

Publication Publication Date Title
WO2021013158A1 (zh) 显示方法及相关装置
WO2021017889A1 (zh) 一种应用于电子设备的视频通话的显示方法及相关装置
WO2020168929A1 (zh) 对特定路线上的特定位置进行识别的方法及电子设备
WO2021057868A1 (zh) 一种界面切换方法及电子设备
WO2021213164A1 (zh) 应用界面交互方法、电子设备和计算机可读存储介质
WO2021000881A1 (zh) 一种分屏方法及电子设备
WO2022257977A1 (zh) 电子设备的投屏方法和电子设备
WO2021082835A1 (zh) 启动功能的方法及电子设备
WO2020259554A1 (zh) 可进行学习的关键词搜索方法和电子设备
WO2021159746A1 (zh) 文件共享方法、***及相关设备
WO2022068483A1 (zh) 应用启动方法、装置和电子设备
WO2021169399A1 (zh) 一种暂存应用界面的方法及电子设备
EP4102379A1 (en) Data sharing method, electronic device and system
WO2022068819A1 (zh) 一种界面显示方法及相关装置
CN112130788A (zh) 一种内容分享方法及其装置
CN113805797B (zh) 网络资源的处理方法、电子设备及计算机可读存储介质
WO2021082815A1 (zh) 一种显示要素的显示方法和电子设备
WO2020233556A1 (zh) 一种通话内容处理方法和电子设备
WO2021218429A1 (zh) 应用窗口的管理方法、终端设备及计算机可读存储介质
WO2021052223A1 (zh) 快速进入应用的方法与折叠屏电子设备
WO2022143180A1 (zh) 协同显示方法、终端设备及计算机可读存储介质
WO2022166435A1 (zh) 分享图片的方法和电子设备
WO2021196980A1 (zh) 多屏交互方法、电子设备及计算机可读存储介质
WO2022222866A1 (zh) 一种内容显示方法与电子设备
WO2022062902A1 (zh) 一种文件传输方法和电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22790974

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 22790974

Country of ref document: EP

Kind code of ref document: A1