CN115309312A - 一种内容显示方法与电子设备 - Google Patents
一种内容显示方法与电子设备 Download PDFInfo
- Publication number
- CN115309312A CN115309312A CN202110429192.8A CN202110429192A CN115309312A CN 115309312 A CN115309312 A CN 115309312A CN 202110429192 A CN202110429192 A CN 202110429192A CN 115309312 A CN115309312 A CN 115309312A
- Authority
- CN
- China
- Prior art keywords
- content
- interface
- stack
- news
- list
- Prior art date
- Legal status (The legal status 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 status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 230000015654 memory Effects 0.000 claims description 36
- 230000004044 response Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 13
- 238000003860 storage Methods 0.000 claims description 12
- 238000007667 floating Methods 0.000 claims description 3
- 238000004891 communication Methods 0.000 description 21
- 238000010586 diagram Methods 0.000 description 18
- 238000007726 management method Methods 0.000 description 11
- 238000013461 design Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 10
- 238000010295 mobile communication Methods 0.000 description 10
- 238000012545 processing Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 8
- 230000000750 progressive effect Effects 0.000 description 7
- 230000009471 action Effects 0.000 description 5
- 210000000988 bone and bone Anatomy 0.000 description 5
- 230000008859 change Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 238000009877 rendering Methods 0.000 description 5
- 238000013500 data storage Methods 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000002159 abnormal effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000005096 rolling process Methods 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 238000013528 artificial neural network Methods 0.000 description 1
- 230000003416 augmentation Effects 0.000 description 1
- 230000036772 blood pressure Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 239000010985 leather Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000007774 longterm Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000001537 neural effect Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000010349 pulsation Effects 0.000 description 1
- 239000002096 quantum dot Substances 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 230000001755 vocal effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
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
技术领域
本申请涉及电子技术领域,尤其涉及一种内容显示方法与电子设备。
背景技术
随着信息时代的发展,当用户使用电子设备查询某个信息时,会展示与该信息的相关信息,用户通过相关信息可以拓展阅读。比如,用户使用手机上网查询某个文章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和文章F。其中,文章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可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。
除非有相反的说明,本申请实施例提及“第一”、“第二”等序数词是用于对多个对象进行区分,不用于限定多个对象的大小、内容、顺序、时序、优先级或者重要程度等。
本申请实施例提供的内容显示方法可以应用于电子设备。所述电子设备可以是便携式电子设备,诸如手机、平板电脑、便携计算机、具备无线通讯功能的可穿戴设备(如智能手表、智能眼镜、智能手环、或智能头盔等)、或车载设备等。便携式电子设备的示例性实施例包括但不限于搭载或者其它操作系统的便携式电子设备。
图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,以及用户标识模块(subscriberidentification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器 180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,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可以提供应用在电子设备上的包括无线局域网(wirelesslocal 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 divisionmultiple 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),全球导航卫星系统(globalnavigation satellite system, GLONASS),北斗卫星导航系统(beidou navigationsatellite 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,量子点发光二极管(quantumdot 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,手机显示第二界面,第二界面包括第二内容及其第二相关内容列表。
比如,请参见图5(c),手机显示第二界面,第二界面包括第二内容即新闻B的详情信息以及第二相关内容列表,第二相关内容列表中包括与新闻B相关的新闻比如新闻D和新闻E的标识。
S28,手机在内容栈中记录第二组内容,第二组内容包括第二内容及其第二相关内容列表。
请参见图6B,内容栈中存储有第二组内容,第二组内容位于第一组内容的上层,第二组内容包括新闻B及其第二相关内容列表(即新闻D和新闻E的标识)。
示例性的,内容栈还可以展现为其它形式比如图6C,每组内容在一个框内展示,每组内容中主新闻可以区别显示,比如高亮、加粗、特殊颜色等,如,新闻A和新闻B是主新闻,则高亮显示。
可选的,上面的实施例中,手机进行了两层递进,一层是打开第一内容,第二层是在与第一内容相关的第一相关内容列表中打开第二内容,所以形成的阅读链包括第一内容>第二内容。可以理解的是,还可以在第二内容的第二相关内容列表中继续打开相关内容,即阅读链还可以变长。如果阅读链变长,那么图6B中内容栈中在第二组内容上层存储其它组内容。可以理解为,内容栈从栈底到栈顶的多组内容的顺序与阅读链的内容排序相同。比如,阅读链的内容排序为第一内容>第二内容,那么从栈底到栈顶的内容排序是第一组内容> 第二组内容,其中,第一组内容是第一内容以及第一相关内容列表,第二组内容是第二内容以及第二相关内容列表。
可以理解的是,在打开第二内容之后,用户可能需要返回到首页,或返回到上一个内容(比如查看上一个内容的相关内容列表中未打开过的内容)。具体的,可以通过如下步骤 S29和S36实现。
S29,手机接收到返回操作。
示例性的,返回操作可以是在第二界面中从左到右的滑动操作,或者,点击返回按键的操作,或用于指示返回的语音指令等等,本申请实施例对返回操作的类型不作限定。
S30,手机判断内容栈深度是否大于1。
内容栈的深度是指内容栈中存储了多少组内容。比如,以图6B为例,内容栈中包括两组内容,则确定内容栈的深度为2。以图6A为例,内容栈中包括一组内容,则确定内容栈的深度为1。
S31,如果内容栈的深度为1,手机返回主页。
如果内容栈的深度小于1,比如图6A所示的内容栈仅包括第一组内容,说明手机从首页打开的第一内容,即图5(a)到图5(b)打开的新闻A。此时,在图5(b)所示的第一界面中检测到返回操作时,从第一界面返回到首页。
S32,如果内容栈的深度大于1,手机打开内容栈。
如果内容中的深度大于1,比如图6B所示的内容栈(深度为2),说明当前界面是第二界面,即从首页到第一界面再到第二界面经过两层递进。这种情况下,若手机在第二界面中检测到返回操作,可以打开内容栈。内容栈中显示不同组的内容供用户选择。
示例性的,请参见图7A(a),手机显示第二界面,当在第二界面中检测到返回操作,显示如图7A(b)所示的界面,该界面中包括内容栈。可选的,内容栈可以悬浮显示在第二界面上,可以全部或部分覆盖第二界面。
在打开内容栈之后,用户可以在内容栈中打开内容,比如,包括如下步骤:
S33,手机检测到在内容栈中选择第三内容的标识的操作,第三内容是第一内容的相关内容。
S34,手机向服务器发送第三内容获取请求,用于请求获取第三内容及其相关内容。
S35,手机接收第三内容及其相关内容。
S36,手机显示第三界面,第三界面包括第三内容及其第三相关内容列表。
请参见图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中任意一项所述的方法时显示的图形用户界面。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110429192.8A CN115309312A (zh) | 2021-04-21 | 2021-04-21 | 一种内容显示方法与电子设备 |
PCT/CN2022/087155 WO2022222866A1 (zh) | 2021-04-21 | 2022-04-15 | 一种内容显示方法与电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110429192.8A CN115309312A (zh) | 2021-04-21 | 2021-04-21 | 一种内容显示方法与电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115309312A true CN115309312A (zh) | 2022-11-08 |
Family
ID=83721952
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110429192.8A Pending CN115309312A (zh) | 2021-04-21 | 2021-04-21 | 一种内容显示方法与电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN115309312A (zh) |
WO (1) | WO2022222866A1 (zh) |
Citations (27)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1532832A (zh) * | 2003-03-25 | 2004-09-29 | 余晓冬 | 层次型定位音频数据流的方法及使用该方法的语言学习机 |
CN1761267A (zh) * | 2004-10-11 | 2006-04-19 | 乐金电子(中国)研究开发中心有限公司 | 具有多个屏幕的移动通信终端及其菜单列表显示控制方法 |
CN101005566A (zh) * | 2007-01-10 | 2007-07-25 | 中兴通讯股份有限公司 | 用于电子节目单导航的页面返回方法 |
CN104112208A (zh) * | 2014-03-11 | 2014-10-22 | 百度在线网络技术(北京)有限公司 | 电子商务中商品内容的提供方法、系统及装置 |
US20150205454A1 (en) * | 2012-01-10 | 2015-07-23 | Google Inc. | Systems and methods for displaying preview data |
CN105893017A (zh) * | 2015-12-11 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在设备上呈现项目菜单的方法及装置 |
CN105933791A (zh) * | 2016-04-18 | 2016-09-07 | 乐视控股(北京)有限公司 | 播放记录查询方法及装置 |
CN106055660A (zh) * | 2016-06-01 | 2016-10-26 | 努比亚技术有限公司 | 移动终端页面访问方法、装置及移动终端 |
US20180024711A1 (en) * | 2011-05-31 | 2018-01-25 | Fanhattan, Inc. | System and method for pyramidal navigation |
CN107885767A (zh) * | 2017-09-26 | 2018-04-06 | 五八有限公司 | 一种页面操作方法及装置 |
CN108920247A (zh) * | 2018-07-20 | 2018-11-30 | 腾讯科技(深圳)有限公司 | 页面切换的处理方法、装置及终端、存储介质、程序产品 |
CN109582898A (zh) * | 2018-10-25 | 2019-04-05 | 北京奇虎科技有限公司 | 一种新闻网页页面的生成方法及装置 |
CN109862429A (zh) * | 2019-01-03 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 视频播放控制方法、装置、设备及存储介质 |
CN110147184A (zh) * | 2018-02-13 | 2019-08-20 | 北京京东尚科信息技术有限公司 | 导航回退的方法和控件 |
CN110196954A (zh) * | 2019-06-14 | 2019-09-03 | 深圳市珍爱捷云信息技术有限公司 | 网页回退处理方法、装置、计算机设备和存储介质 |
CN110263273A (zh) * | 2019-05-21 | 2019-09-20 | 深圳壹账通智能科技有限公司 | 页面回退方法及相关装置 |
CN110502169A (zh) * | 2018-05-18 | 2019-11-26 | 华为技术有限公司 | 一种显示控制方法及终端 |
CN110717126A (zh) * | 2019-10-10 | 2020-01-21 | 北京无限光场科技有限公司 | 页面浏览方法、装置、电子设备及计算机可读存储介质 |
CN110717030A (zh) * | 2019-09-12 | 2020-01-21 | 上海连尚网络科技有限公司 | 一种呈现电子书籍详情页的方法与设备 |
CN110851039A (zh) * | 2019-10-08 | 2020-02-28 | 维沃移动通信有限公司 | 一种菜单显示方法及电子设备 |
CN111124223A (zh) * | 2019-12-11 | 2020-05-08 | 维沃移动通信有限公司 | 一种应用界面切换方法及电子设备 |
CN111428164A (zh) * | 2020-03-27 | 2020-07-17 | 五八有限公司 | 页面显示方法、装置、移动终端、电子设备及存储介质 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN111626804A (zh) * | 2019-02-28 | 2020-09-04 | 北京京东尚科信息技术有限公司 | 商品推荐方法、装置、电子设备及计算机可读介质 |
CN111897478A (zh) * | 2020-08-11 | 2020-11-06 | 聚好看科技股份有限公司 | 一种页面显示方法及显示设备 |
WO2020233556A1 (zh) * | 2019-05-20 | 2020-11-26 | 华为技术有限公司 | 一种通话内容处理方法和电子设备 |
CN112187619A (zh) * | 2020-05-26 | 2021-01-05 | 华为技术有限公司 | 一种即时通信方法及设备 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 | 哈尔滨工业大学 | 一种网页浏览器历史记录页面跳转关系的可视化方法及装置 |
CN111414498B (zh) * | 2020-04-29 | 2023-03-21 | 抖音视界有限公司 | 多媒体信息推荐方法、装置及电子设备 |
-
2021
- 2021-04-21 CN CN202110429192.8A patent/CN115309312A/zh active Pending
-
2022
- 2022-04-15 WO PCT/CN2022/087155 patent/WO2022222866A1/zh active Application Filing
Patent Citations (27)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1532832A (zh) * | 2003-03-25 | 2004-09-29 | 余晓冬 | 层次型定位音频数据流的方法及使用该方法的语言学习机 |
CN1761267A (zh) * | 2004-10-11 | 2006-04-19 | 乐金电子(中国)研究开发中心有限公司 | 具有多个屏幕的移动通信终端及其菜单列表显示控制方法 |
CN101005566A (zh) * | 2007-01-10 | 2007-07-25 | 中兴通讯股份有限公司 | 用于电子节目单导航的页面返回方法 |
US20180024711A1 (en) * | 2011-05-31 | 2018-01-25 | Fanhattan, Inc. | System and method for pyramidal navigation |
US20150205454A1 (en) * | 2012-01-10 | 2015-07-23 | Google Inc. | Systems and methods for displaying preview data |
CN104112208A (zh) * | 2014-03-11 | 2014-10-22 | 百度在线网络技术(北京)有限公司 | 电子商务中商品内容的提供方法、系统及装置 |
CN105893017A (zh) * | 2015-12-11 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在设备上呈现项目菜单的方法及装置 |
CN105933791A (zh) * | 2016-04-18 | 2016-09-07 | 乐视控股(北京)有限公司 | 播放记录查询方法及装置 |
CN106055660A (zh) * | 2016-06-01 | 2016-10-26 | 努比亚技术有限公司 | 移动终端页面访问方法、装置及移动终端 |
CN107885767A (zh) * | 2017-09-26 | 2018-04-06 | 五八有限公司 | 一种页面操作方法及装置 |
CN110147184A (zh) * | 2018-02-13 | 2019-08-20 | 北京京东尚科信息技术有限公司 | 导航回退的方法和控件 |
CN110502169A (zh) * | 2018-05-18 | 2019-11-26 | 华为技术有限公司 | 一种显示控制方法及终端 |
CN108920247A (zh) * | 2018-07-20 | 2018-11-30 | 腾讯科技(深圳)有限公司 | 页面切换的处理方法、装置及终端、存储介质、程序产品 |
CN109582898A (zh) * | 2018-10-25 | 2019-04-05 | 北京奇虎科技有限公司 | 一种新闻网页页面的生成方法及装置 |
CN109862429A (zh) * | 2019-01-03 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 视频播放控制方法、装置、设备及存储介质 |
CN111626804A (zh) * | 2019-02-28 | 2020-09-04 | 北京京东尚科信息技术有限公司 | 商品推荐方法、装置、电子设备及计算机可读介质 |
WO2020233556A1 (zh) * | 2019-05-20 | 2020-11-26 | 华为技术有限公司 | 一种通话内容处理方法和电子设备 |
CN110263273A (zh) * | 2019-05-21 | 2019-09-20 | 深圳壹账通智能科技有限公司 | 页面回退方法及相关装置 |
CN110196954A (zh) * | 2019-06-14 | 2019-09-03 | 深圳市珍爱捷云信息技术有限公司 | 网页回退处理方法、装置、计算机设备和存储介质 |
CN110717030A (zh) * | 2019-09-12 | 2020-01-21 | 上海连尚网络科技有限公司 | 一种呈现电子书籍详情页的方法与设备 |
CN110851039A (zh) * | 2019-10-08 | 2020-02-28 | 维沃移动通信有限公司 | 一种菜单显示方法及电子设备 |
CN110717126A (zh) * | 2019-10-10 | 2020-01-21 | 北京无限光场科技有限公司 | 页面浏览方法、装置、电子设备及计算机可读存储介质 |
CN111124223A (zh) * | 2019-12-11 | 2020-05-08 | 维沃移动通信有限公司 | 一种应用界面切换方法及电子设备 |
CN111428164A (zh) * | 2020-03-27 | 2020-07-17 | 五八有限公司 | 页面显示方法、装置、移动终端、电子设备及存储介质 |
CN111597475A (zh) * | 2020-04-21 | 2020-08-28 | 五八有限公司 | 一种返回页面的方法、装置、电子设备及计算机存储介质 |
CN112187619A (zh) * | 2020-05-26 | 2021-01-05 | 华为技术有限公司 | 一种即时通信方法及设备 |
CN111897478A (zh) * | 2020-08-11 | 2020-11-06 | 聚好看科技股份有限公司 | 一种页面显示方法及显示设备 |
Also Published As
Publication number | Publication date |
---|---|
WO2022222866A1 (zh) | 2022-10-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3979628B1 (en) | Display method of video call applied to electronic device and related apparatus | |
WO2021013158A1 (zh) | 显示方法及相关装置 | |
CN110839096B (zh) | 一种具有折叠屏的设备的触控方法与折叠屏设备 | |
WO2021000881A1 (zh) | 一种分屏方法及电子设备 | |
CN110825301A (zh) | 一种界面切换方法及电子设备 | |
CN116527805A (zh) | 卡片显示方法、电子设备及计算机可读存储介质 | |
WO2020259554A1 (zh) | 可进行学习的关键词搜索方法和电子设备 | |
WO2021169399A1 (zh) | 一种暂存应用界面的方法及电子设备 | |
CN110543287A (zh) | 一种屏幕显示方法及电子设备 | |
WO2022068819A1 (zh) | 一种界面显示方法及相关装置 | |
CN112615947B (zh) | 快速进入应用的方法与折叠屏电子设备 | |
EP3958106B1 (en) | Interface display method and electronic device | |
CN113805797B (zh) | 网络资源的处理方法、电子设备及计算机可读存储介质 | |
CN112130788A (zh) | 一种内容分享方法及其装置 | |
CN110647731A (zh) | 一种显示方法及电子设备 | |
CN113746961A (zh) | 显示控制方法、电子设备和计算机可读存储介质 | |
CN113010076A (zh) | 一种显示要素的显示方法和电子设备 | |
CN115250327A (zh) | 一种变焦拍摄场景下的预览图像显示方法与电子设备 | |
WO2021196980A1 (zh) | 多屏交互方法、电子设备及计算机可读存储介质 | |
CN115801943A (zh) | 显示方法、电子设备及存储介质 | |
WO2023116012A9 (zh) | 屏幕显示方法和电子设备 | |
CN113934352B (zh) | 通知消息处理方法、电子设备和计算机可读存储介质 | |
WO2022161058A1 (zh) | 一种全景图像的拍摄方法及电子设备 | |
WO2022222866A1 (zh) | 一种内容显示方法与电子设备 | |
CN116339569A (zh) | 分屏显示的方法、折叠屏设备和计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |