CN113535054B - 显示内容切换方法、装置、存储介质及电子设备 - Google Patents
显示内容切换方法、装置、存储介质及电子设备 Download PDFInfo
- Publication number
- CN113535054B CN113535054B CN202010300912.6A CN202010300912A CN113535054B CN 113535054 B CN113535054 B CN 113535054B CN 202010300912 A CN202010300912 A CN 202010300912A CN 113535054 B CN113535054 B CN 113535054B
- Authority
- CN
- China
- Prior art keywords
- snapshot
- content
- screen
- display
- detail page
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 69
- 230000004044 response Effects 0.000 claims abstract description 38
- 238000007667 floating Methods 0.000 claims abstract description 25
- 230000000694 effects Effects 0.000 claims abstract description 22
- 238000006073 displacement reaction Methods 0.000 claims description 43
- 230000006870 function Effects 0.000 claims description 25
- 238000012545 processing Methods 0.000 claims description 22
- 230000033001 locomotion Effects 0.000 claims description 19
- 230000008602 contraction Effects 0.000 claims description 11
- 238000012544 monitoring process Methods 0.000 claims description 4
- 230000007704 transition Effects 0.000 claims description 4
- 230000003993 interaction Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 20
- 230000002093 peripheral effect Effects 0.000 description 10
- 230000001133 acceleration Effects 0.000 description 9
- 230000008569 process Effects 0.000 description 9
- 238000004891 communication Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 6
- 230000006835 compression Effects 0.000 description 4
- 238000007906 compression Methods 0.000 description 4
- 239000000725 suspension Substances 0.000 description 3
- 238000013473 artificial intelligence Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000006641 stabilisation Effects 0.000 description 1
- 238000011105 stabilization Methods 0.000 description 1
- 239000010409 thin film Substances 0.000 description 1
- 238000013519 translation Methods 0.000 description 1
Abstract
本申请公开了一种显示内容切换方法、装置、存储介质及电子设备,属于人机交互技术领域。所述方法包括:显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;响应于接收到对所述快照按钮的第一触发操作,切换显示所述屏幕快照。在本申请中,用户通过操控悬浮显示在页面最前端的快照按钮,便可以方便快捷地进行显示内容切换,无需用户执行繁琐操作,也无需消耗用户过多时间和精力,大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
Description
技术领域
本申请涉及人机交互技术领域,特别涉及一种显示内容切换方法、装置、存储介质及电子设备。
背景技术
随着智能手机、平板电脑等基于人机交互模式的电子设备的普及,越来越多的用户选择使用这类电子设备进行内容浏览。
以信息流浏览场景为例,相关技术中用户在打开浏览器的信息流列表页面后,若点击了内容A的链接,则电子设备会显示内容A的详情页面A;用户在阅读完成后还需手动触发返回按键,以返回到信息流列表页面;之后,若用户再点击内容B的链接,则电子设备会显示内容B的详情页面B,以供用户进行内容浏览。
设想一下,假若用户想要比对一下页面A和页面B上的显示内容,则需要用户来回不断地执行点击进入→返回→再点击进入→再返回,不但操作繁琐,需要消耗很多时间和精力,而且用户的记忆也非常短暂,进入页面B后可能很快便会忘记页面A上的显示内容,所以目前这种交互方式用户很难对页面A和页面B上的显示内容进行比对。为此,如何方便快捷地进行显示内容切换,以提高内容浏览效率,便成为了本领域技术人员亟待解决的一个问题。
发明内容
本申请实施例提供了一种显示内容切换方法、装置、存储介质及电子设备,能够显著提升内容浏览效率,为用户快速获取内容提供了保障。所述技术方案如下:
一方面,提供了一种显示内容切换方法,所述方法包括:
显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;
其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;
响应于接收到对所述快照按钮的第一触发操作,切换显示所述屏幕快照。
在一种可能的实现方式中,所述第一内容详情页面和所述第二内容详情页面为相互独立的两个页面;或,
所述第一内容详情页面和所述内容详情页面为同一个页面的两个子页面。
另一方面,提供了一种显示内容切换装置,所述装置包括:
第一显示模块,被配置为显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;
其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;
第二显示模块,被配置为响应于接收到对所述快照按钮的第一触发操作,切换显示所述屏幕快照。
在一种可能的实现方式中,所述第二显示模块,还被配置为响应于接收到对所述快照按钮的第二触发操作,切换显示所述第一内容详情页面。
在一种可能的实现方式中,所述装置还包括:
第三显示模块,被配置为响应于在所述第二内容详情页面上接收到菜单唤起操作,在所述第二内容详情页面上显示操作选项菜单,所述操作选项菜单中包括快照功能选项;
所述第三显示模块,还被配置为响应于接收到对所述快照功能选项的第三触发操作,生成与所述第二内容详情页面内容一致的所述屏幕快照;显示所述屏幕快照的逐渐收缩动画,直至收缩得到所述快照按钮;将所述快照按钮悬浮显示在所述第二内容详情页面上。
在一种可能的实现方式中,所述第二显示模块,还被配置为在将所述快照按钮悬浮显示在所述第二内容详情页面上后,响应于接收到页面切换操作,切换显示所述第一内容详情页面;
其中,所述页面切换操作用于指示由所述第二内容详情页面切换至所述第一内容详情页面。
在一种可能的实现方式中,所述第二显示模块,还被配置为以逐渐显示的过渡切换效果,切换显示所述屏幕快照。
在一种可能的实现方式中,所述第二显示模块,还被配置为以逐渐隐藏的过渡切换效果,取消显示所述屏幕快照。
在一种可能的实现方式中,所述第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第一滑动操作,根据所述第一滑动操作产生的滑动位移,滑动显示所述屏幕快照的内容。
在一种可能的实现方式中,所述屏幕快照的数量为N个,N的取值为正整数且N≥2;
所述第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第二滑动操作,根据所述第二滑动操作切换显示N个所述屏幕快照。
在一种可能的实现方式中,所述第三显示模块,还被配置为对电子设备的物理显示屏上当前显示的内容进行截屏处理,得到屏幕截图;对所述第二内容详情页面进行内容识别,在与所述物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理;基于配置好的排版样式和识别到的内容,生成与所述第二内容详情页面内容一致的目标页面,M的取值为正整数;将所述目标页面转化为图片,得到所述屏幕快照,其中,所述屏幕快照当前展示的内容与所述屏幕截图一致;将所述屏幕快照缓存在所述电子设备中,建立所述屏幕快照与所述快照按钮之间的关联关系。
在一种可能的实现方式中,电子设备的显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
所述第二显示模块,还被配置为监听所述操作层,响应于接收到针对所述操作层的所述第一触发操作,将所述快照层的透明度设置为完全不透明。
在一种可能的实现方式中,电子设备的显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
所述第三显示模块,还被配置为监听所述操作层产生的所述滑动位移,根据所述滑动位移、所述最大移动距离和快照层的高度,获取所述快照层移动的目标距离;响应于所述滑动位移大于零,将所述快照层向第一方向移动所述目标距离;响应于所述滑动位移小于零,将所述快照层向第二方向移动所述目标距离;
其中,所述第一方向与所述第二方向相反,所述最大移动距离为所述快照按钮在所述第一方向或所述第二方向上的最大可移动距离。
在一种可能的实现方式中,所述第一方向为向上,所述第二方向为向下,其中,所述滑动操作滑动的方向为向上,则所述滑动位移小于零;所述滑动操作滑动的方向为向下,则所述滑动位移大于零。
在一种可能的实现方式中,所述第一内容详情页面和所述第二内容详情页面为相互独立的两个页面;或,
所述第一内容详情页面和所述内容详情页面为同一个页面的两个子页面。
另一方面,提供了一种电子设备,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现上述的显示内容切换方法。
另一方面,提供了一种存储介质,所述存储介质中存储有至少一条指令,所述至少一条指令由处理器加载并执行以实现上述的显示内容切换方法。
本申请实施例提供的技术方案带来的有益效果是:
电子设备在显示一个内容的详情页面后,若接收到用户对该详情页面上显示的快照按钮的第一触发操作,则会响应该第一触发操作,立马切换显示另一个内容的屏幕快照。其中,该快照按钮与该屏幕快照相关联,该屏幕快照与另一个内容的详情页面的内容一致,且该快照按钮以置于顶层的显示方式悬浮显示。也即,在本申请实施例中,用户通过操控悬浮显示在页面最前端的快照按钮,便可以方便快捷地进行显示内容切换,比如可以在两项内容之间来回切换,而无需用户执行繁琐操作,也无需消耗用户过多时间和精力,大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的显示内容切换方法涉及的实施环境的示意图;
图2是本申请实施例提供的一种显示内容切换方法的流程图;
图3是本申请实施例提供的一种显示内容切换方法的流程图;
图4是本申请实施例提供的一种显示界面的示意图;
图5是本申请实施例提供的另一种显示界面的示意图;
图6是本申请实施例提供的另一种显示界面的示意图;
图7是本申请实施例提供的另一种显示界面的示意图;
图8是本申请实施例提供的另一种显示界面的示意图;
图9是本申请实施例提供的另一种显示界面的示意图;
图10是本申请实施例提供的另一种显示界面的示意图;
图11是本申请实施例提供的另一种显示界面的示意图;
图12是本申请实施例提供的另一种显示界面的示意图;
图13是本申请实施例提供的一种排版界面的示意图;
图14是本申请实施例提供的另一种显示界面的示意图;
图15是本申请实施例提供的一种页面分层的示意图;
图16是本申请实施例提供的一种页面分层以及操作层的处理流程示意图;
图17是本申请实施例提供的一种页面分层以及操作层和快照层的处理流程的示意图;
图18是本申请实施例提供的一种显示内容切换方法的整体执行流程的示意图;
图19是本申请实施例提供的一种显示内容切换装置的结构示意图;
图20是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
在对本申请实施例进行详细地解释说明之前,先对本申请实施例涉及到的缩略语和关键术语进行定义。
内容:指代多媒体资源,在本申请实施例中,内容可以是单独的文本、或文本与图片的结合,或单独的图片,或文本与图片以及视频的结合,本申请实施例对此不进行具体限定。比如,内容可以是网络上带有图片的一篇文章。
快照:广义上来讲,快照可以是其所表示的数据的一个副本,即快照是数据的一个复制品。换一种表达方式,快照是数据的一个完全可用拷贝。
需要说明的第一点是,本申请实施例将对当前显示的一项内容执行快照处理生成的相应快照,称之为屏幕快照或快照截图或快照截屏。
需要说明的第二点是,本申请实施例在生成屏幕快照时,是对数据的完整拷贝。举例来说,以上述文章为例,则在生成该篇文章的屏幕快照时,生成的屏幕快照包括该篇文章的全部内容,而不仅仅是显示屏当前显示的部分。
信息流(Feed):是将用户主动订阅的若干消息源组合在一起形成内容聚合器,帮助用户持续地获取最新的订阅源内容。Feed流即持续更新并呈现给用户内容的信息流。换一种表达方式,Feed是将用户主动订阅的若干消息源组合在一起形成内容聚合器,帮助用户持续地获取最新的订阅源内容。
其中,Feed在RSS(Really Simple Syndication,简易信息聚合)订阅过程中引申为用来接收信息来源更新的接口。RSS是站点用来和其他站点之间共享内容的一种简易方式(也叫聚合内容),通常被用于新闻和其他按顺序排列的网站。比如,用户可以借助于支持RSS的新闻聚合工具软件,在不打开网站内容页面的情况下阅读支持RSS输出的网站内容。
下面对本申请实施例提供的显示内容切换方法涉及的实施环境进行介绍。
参见图1,该实施环境包括用户101和电子设备102,电子设备102用于执行本申请实施例提供的显示内容切换方法。
在本申请实施例中,电子设备102的类型通常为移动式终端。作为一个示例,移动式终端包括但不限于:智能手机、平板电脑、笔记本电脑、电子阅读器、MP3播放器(MovingPicture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器等。
示例性地,本申请实施例提供的显示内容切换方法的应用场景包括但不限于如下:
场景一、针对信息流的浏览场景。在信息流的浏览过程中,尤其查看相似品类的两项内容时,用户可能需要快速切换两项不同的内容,以对比内容的诸如文字部分或图片部分等。在目前所有的信息流应用中,均无法实现两项内容之间的快速切换,即需要退出当前显示的内容,到达信息流列表页面后再点击另一项内容,这种操作在用户频繁切换的场景里,特别消耗时间和精力。
而本申请实施例支持用户将内容A的相关页面设置成一个屏幕快照,并将一个快照按钮悬浮显示在所有页面上。这样,用户切换到内容B的详情页面也能够通过该快照按钮快速查看内容A的屏幕快照,同时用户还可以通过小距离移动快照按钮,来滑动查看屏幕快照的内容。
场景二、除了信息流浏览场景之外,还可以是用户在使用电子设备时的各类场景。即,浏览场景不仅仅局限于信息流,可以是用户在使用电子设备时的各类场景。比如,浏览长文章场景和浏览路径较长的两个文章的场景。即,通过本申请实施例提供的方案,可以实现同一页面内长文章的前面部分内容和后面部分内容的快速浏览,以及路径较长的两个页面之间的快速浏览。
下面通过以下实施方式对本申请实施例提供的显示内容切换方法进行详细地解释说明。
图2是本申请实施例提供的一种显示内容切换方法的流程图。其中,该方法的执行主体为图1中的电子设备102。参见图2,本申请实施例提供的方法流程包括:
201、电子设备显示第一内容详情页面,其中,第一内容详情页面上显示有快照按钮;该快照按钮与屏幕快照相关联,该屏幕快照与第二内容详情页面的内容一致,该快照按钮以置于顶层的显示方式悬浮显示。
其中,第一内容详情页面可以对应于内容B,第二内容详情页面可以对应于内容A。示例性地,在展示内容A的第二内容详情页面时,可以生成第二内容详情页面的屏幕快照,并将该屏幕快照与一个快照按钮关联。其中,该快照按钮以置于顶层的显示方式悬浮显示。而置于顶层的显示方式是指,在前端显示时,该快照按钮显示在所有图层的最前端,没有被任何图层所遮挡。
在生成内容A对应的屏幕快照后,用户可能会再去浏览其他内容,而内容B对应的屏幕快照会一直悬浮显示在当前页面上,比如显示在当前页面角落,以不影响其他操作,本申请实施例对此不进行具体限定。
示例性地,响应于用户的内容切换操作,电子设备会将内容A的第二内容详情页面切换显示为内容B的第一内容详情页面,而在第一内容详情页面上会悬浮显示有与内容A对应的快照按钮。
202、电子设备响应于接收到对该快照按钮的第一触发操作,切换显示该屏幕快照。
在用户触发第一内容详情页面上悬浮显示的该快照按钮后,电子设备会自动切换显示至内容A的屏幕快照,即调起内容A的屏幕快照,以供用户浏览内容A的详情。作为一个示例,上述第一触发操作可以为用户对该快照按钮的长按操作,本申请实施例对此不进行具体限定。
本申请实施例提供的方法,电子设备在显示一个内容的详情页面后,若接收到用户对该详情页面上显示的快照按钮的第一触发操作,则会响应该第一触发操作,立马切换显示另一个内容的屏幕快照。其中,该快照按钮与该屏幕快照相关联,该屏幕快照与另一个内容的详情页面的内容一致,且该快照按钮以置于顶层的显示方式悬浮显示。也即,在本申请实施例中,用户通过操控悬浮显示在页面最前端的快照按钮,便可以方便快捷地进行显示内容切换,比如可以在两项内容之间来回切换,而无需用户执行繁琐操作,也无需消耗用户过多时间和精力,大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
图3是本申请实施例提供的一种显示内容切换方法的流程图。其中,该方法的执行主体为图1中的电子设备102。以内容A的详情页面为第二内容详情页面,以内容B的详情页面为第一内容详情页面为例,参见图3,本申请实施例提供的方法流程包括:
301、电子设备响应于在第二内容详情页面上接收到菜单唤起操作,在第二内容详情页面上显示操作选项菜单,该操作选项菜单中包括快照功能选项。
示例性地,该菜单唤起操作可以为长按操作或单击操作或双击操作等,本申请实施例对此不进行具体限定。
在一种可能的实现方式中,以该菜单唤起操作为长按操作为例,用户手指在内容A的详情页面上执行长按操作后,电子设备便确认接收到菜单唤起操作,进而响应该菜单唤起操作,如图4所示,在内容A的详情页面上显示一个操作选项菜单401。
其中,该操作选项菜单401可以包括多个类型的选项,即可以提供多个工功能入口,比如“快照”功能选项、“搜索”功能选项和“翻译”功能选项等,本申请实施例对此不进行具体限定。示例性地,为了避免影响其他操作,该操作选项菜单401可以显示在页面的边角处,比如页面右上角位置。
另外,除了该种显示“快照”功能选项的方式外,还可以采取显示其他方式,本申请实施例对此同样不进行具体限定。
在一种可能的实现方式中,内容A的详情页面可以通过应用程序展示,比如可以通过浏览器客户端或新闻类客户端展示。
302、电子设备响应于接收到对该快照功能选项的第三触发操作,生成与第二内容详情页面内容一致的屏幕快照。
在一种可能的实现方式中,如图4所示,第三触发操作可以为用户手指对该快照功能选项的点击操作,本申请实施例对此不进行具体限定。其中,图5中示出了与内容A对应的屏幕快照501。
另外,生成与第二内容详情页面内容一致的屏幕快照的含义是:该屏幕快照501是对第二内容详情页面上全部数据的拷贝,即该屏幕快照501完全拷贝了内容A。举例来说,以内容A为通过浏览器客户端显示的一篇网页文章为例,则在生成该篇文章的屏幕快照时,生成的屏幕快照包括该篇文章的全部内容,而不仅仅是显示屏当前显示的部分。即,该屏幕快照501为第二内容详情页面这整个页面的长图,其中,图6示出了长图形式的该屏幕快照501,而受限于电子设备的显示屏的尺寸有限,通常该屏幕快照501的显示形式如图5所示。
需要说明的是,生成的屏幕快照501还需临时存储在电子设备中,比如保存在浏览器客户端或新闻类客户端的存储路径下,本申请实施例对此不进行具体限定。
303、电子设备显示该屏幕快照的逐渐收缩动画,直至收缩得到快照按钮。
在本申请实施例中,为了提升用户体验效果,在生成内容A对应的屏幕快照501后,电子设备将在前端页面上进行动画展示,示例性地,对比图5和图7,电子设备可以显示该屏幕快照501的逐渐收缩动画,直至收缩得到如图8所示的快照按钮801。即,图5所示的屏幕快照501将收缩成一个如图8所示的快照按钮801,并悬浮显示在页面上。
304、电子设备将该快照按钮悬浮显示在第二内容详情页面上。
其中,为了通过快照按钮801即可调起屏幕快照501,本申请实施例会将快照按钮801与屏幕快照501相关联,即建立起二者之间的关联关系。参见图8,电子设备会将该快照按钮801悬浮显示在内容A的详情页面上,比如显示在内容A的详情页面上的右上角,以方便进行其他操作。
305、电子设备在将该快照按钮悬浮显示在第二内容详情页面上后,响应于接收到页面切换操作,切换显示第一内容详情页面。
其中,该页面切换操作用于指示由内容A的详情页面切换至内容B的详情页面。
以内容A和内容B为通过浏览器客户端或新闻类客户端显示的网页内容为例,则参见图9中左图,该页面切换操作可以是用户手指触发返回按键901,之后电子设备响应于该页面切换操作,退出内容A的详情页面,返回如图9中右图所示的信息流列表页面(也称为资讯列表页面),此时若用户手指触发了内容B所显示的位置处,则电子设备会切换显示至如图10所示的内容B的详情页面。
结合图9和图10可知,在这个过程中内容A对应的快照按钮801会一直悬浮显示在当前页面上,且该快照按钮801通常会显示在页面角落,比如当前页面的右上角位置,以不影响其他操作。
306、电子设备响应于在第一内容详情页面上接收到对该快照按钮的第一触发操作,切换显示屏幕快照。
参见图11,在用户触发内容B的详情页面上悬浮显示的该快照按钮801后,电子设备会自动切换显示至内容A的屏幕快照,即调起内容A的屏幕快照,以供用户浏览内容A的详情。作为一个示例,上述第一触发操作可以为用户手指对该快照按钮801的长按操作,本申请实施例对此不进行具体限定。
在一种可能的实现方式中,切换显示屏幕快照,包括但不限于:以逐渐显示的过渡切换效果,切换显示屏幕快照,本申请实施例对此不进行具体限定。
307、电子设备响应于在该屏幕快照上接收到对该快照按钮的第二触发操作,切换显示第一内容详情页面。
继续参见图11,在用户触发屏幕快照上悬浮显示的该快照按钮801后,电子设备会自动切换显示至内容B的详情页面,以供用户浏览内容B的详情。作为一个示例,上述第二触发操作可以为用户手指对该快照按钮801的松开操作,本申请实施例对此不进行具体限定。示例性地,通过快照按钮801,用户手指对其执行长按操作便可调起内容A的屏幕快照,用户松开手指便回到当前页面(即内容B的详情页面),以此方式来回切换内容A和内容B,而无需反复通过信息流列表页面来切换。
在一种可能的实现方式中,切换显示第一内容详情页面,包括但不限于:以逐渐隐藏的过渡切换效果,取消显示与第二内容详情页面内容一致的屏幕快照,本申请实施例对此不进行具体限定。
本申请实施例提供的方法,用户通过操控悬浮显示在页面最前端的快照按钮,可以方便快捷地进行显示内容切换,比如用户手指对快照按钮执行长按操作便可调起一个内容的屏幕快照,用户松开手指便回到当前页面(即另一个内容的详情页面),以此方式可以来回在两项内容之间切换,而无需反复通过信息流列表页面进行切换。由于无需用户执行繁琐操作,也无需消耗用户过多时间和精力,因此大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。示例性地,在对两项内容进行快速切换比对的场景,应用本申请实施例提供的方法够能显著提高信息浏览效率,进而提高用户获取信息的效率。
在另一个实施例中,电子设备在显示内容A的屏幕快照的过程中,若用户手指作用于快照按钮,且用户手指来回滑动,则电子设备还可以滑动显示该屏幕快照,以供用户浏览该屏幕快照不同部分的具体内容。即,本申请实施例提供的方法还包括步骤308:
308、电子设备响应于第一触发操作继续作用于该快照按钮,且接收到用户手指对该快照按钮的第一滑动操作,电子设备根据第一滑动操作产生的滑动位移,滑动显示屏幕快照的内容。
示例性地,该第一滑动操作可以为图12所示的上下滑动操作,本申请实施例对此不进行具体限定,举例来说,如图12所示,电子设备在显示内容A的屏幕快照的过程中,若用户手指在长按该快照按钮801的同时,还上下滑动该快照按钮801,则该屏幕快照的页面内容会跟随上下滑动显示。
基于以上描述可知,屏幕快照不同部分的内容可以依据快照按钮的滑动进行滑动显示,这为用户查看该屏幕快照不同部分的内容提供了保障,且操作简单,无需执行繁琐操作,无需消耗用户过多时间和精力,因此大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
在另一个实施例中,上述步骤302中生成与第二内容详情页面内容一致的屏幕快照,包括但不限于如下步骤:
3021、对电子设备的物理显示屏上当前显示的内容进行截屏处理,得到屏幕截图。
示例性地,电子设备可以通过调用自身的截屏功能对当前显示的内容进行截屏处理,本申请实施例对此不进行具体限定。
3022、对第二内容详情页面进行内容识别。
本步骤即是用于获取内容A的完整信息。示例性地,可以采取图片识别技术和文本识别技术,对第二内容详情页面进行内容识别,本申请实施例对此不进行具体限定。
3023、在与该物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理。
其中,虚拟显示屏指代虚拟电子设备的显示屏。如图13所示,在进行排版处理时,页面由上至下依次包括但不限于如下几个部分:标题(title)字段1301、辅助文字字段1302、正文文字字段a1303、配图a1304、正文文字字段b1305、配图b1306,以此类推等等,本申请实施例对此不进行具体限定。
另外,为了适配于电子设备的物理显示屏的尺寸大小,虚拟显示屏的尺寸还需与物理显示屏的尺寸大小一致。
3024、基于配置好的排版样式和识别到的内容,生成与第二内容详情页面内容一致的目标页面并将目标页面转化为图片,得到第二内容详情页面的屏幕快照,其中,该屏幕快照当前展示的内容与该屏幕截图一致。
如图14所示,电子设备会先生成包括内容A的完整信息的长页面,然后电子设备会将这个长页面转换为长图进行保存。另外,该屏幕快照当前展示的内容与得到的上述屏幕截图一致,并且该屏幕快照501与快照按钮801相关联。
3026、将该屏幕快照缓存在电子设备中,建立该屏幕快照与该快照按钮之间的关联关系。
其中,该屏幕快照可以临时缓存在电子设备中,比如保存在浏览器客户端或新闻类客户端的存储路径下,本申请实施例对此不进行具体限定。
在本申请实施例中,电子设备会在前端页面展示上提供一个快照功能入口即快照按钮,而在用户手指触发该快照按钮时,电子设备的后台会将内容A的完整页面转换成为一个包括内容A的完整信息的长图,并临时存储在电子设备中。而在内容A的屏幕快照生成后,电子设备会在前端页面上进行动画展示,比如屏幕快照会逐渐收缩成为一个快照按钮,悬浮显示在前端页面上,不但具有较优的画面显示效果,保证了用户体验,而且还为后续的显示内容切换提供了保障,效果较佳。
在另一个实施例中,快照按钮、屏幕快照和显示屏显示的当前内容之间的关系可以描述为图15。其中,图15示出了一种页面分层示意图。即,电子设备的显示屏上自底向上依次显示有当前内容层C、快照层B和操作层A;示例性地,在图15中当前内容层C包括第一内容详情页面;快照层B包括内容A的屏幕快照;操作层A包括快照按钮801。其中,操作层A绑定快照层B,用于控制快照层B的存储、显示、隐藏和移动(比如Y轴移动距离)。
在一种可能的实现方式中,参见图16,上述步骤306中响应于接收到对快照按钮的第一触发操作,切换显示屏幕快照,还可以包括如下步骤:
3061、监听操作层A。
示例性地,可以利用js(javascript,脚本)监听方法监听操作层A,本申请实施例对此不进行具体限定。
3062、判断是否监听到对操作层A的第一触发操作。
示例性地,第一触发操作可以为长按快照按钮的操作。
3063、响应于接收到针对操作层的第一触发操作,将快照层的透明度设置为完全不透明。
本步骤即是当电子设备识别到用户执行长按快照按钮的操作时,调取之前已缓存的与该快照按钮关联的屏幕快照,并在显示屏上进行展示。
3064、响应于未接收到针对操作层的第一触发操作,将快照层的透明度设置为完全透明。
其中,完全不透明的透明度通常为100%,而完全透明的透明度通常为0%。
在另一种可能的实现方式中,上述步骤308中根据第一滑动操作产生的滑动位移,滑动显示屏幕快照的内容,还可以包括:
电子设备监听操作层A产生的滑动位移,根据该滑动位移、最大移动距离和快照层B的高度,获取快照层B移动的目标距离;电子设备响应于该滑动位移大于零,将快照层B向第一方向移动目标距离;响应于该滑动位移小于零,将快照层B向第二方向移动目标距离。
其中,第一方向与第二方向相反,最大移动距离为快照按钮在第一方向或第二方向上的最大可移动距离。作为一个示例,参见图17,第一方向可以为向上,第二方向可以为向下,相应地,滑动操作滑动的方向为向上,则滑动位移小于零;滑动操作滑动的方向为向下,则滑动位移大于零。
继续参考上述示例,则在上述步骤3064之后,本申请实施例还可以包括以下步骤:
3081、监听操作层A的移动数据。
该步骤可以参考上述步骤3061。
3082、判断操作层A的移动Y值是大于0还是小于0。
3083、电子设备响应于操作层A的移动Y值小于0,将快照层B向上移动h*(|Y|/Ymax)。
其中,Ymax指代快照按钮801向上或向下可移动的最大距离,h为快照层B的高度。
3084、电子设备响应于操作层A的移动Y值大于0,将快照层B向下移动h*(|Y|/Ymax)。
在本申请实施例中,当电子设备检测到用户触发(比如长按)快照按钮且移动该快照按钮时,会先判断移动产生的位移方向;当位移y<0时,快照层跟随往上移动;当位移y>0时,快照层跟随往下移动;即,用户通过轻微位移,即可控制快照层的上下滑动,实现跟随用户手指的滑动方向来跟随显示页面屏幕快照不同部分的内容。另外,当电子设备监听到用户松开手指时,屏幕快照会立即隐藏,而再次触发该快照按钮时又该屏幕快照又会立即显示。
基于以上描述可知,屏幕快照不同部分的内容可以依据快照按钮的滑动进行滑动显示,这为用户查看该屏幕快照不同部分的内容提供了保障,且操作简单,无需执行繁琐操作,无需消耗用户过多时间和精力,因此大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
下面结合图18,以信息流浏览场景为例,从用户角度和机器角度分别对本申请实施例提供的显示内容切换方法进行介绍。
用户角度
1800、用户在内容A的详情页面上开启快照功能。
1802、用户执行操作从内容A的详情页面返回至信息流列表页面。
1804、用户执行操作从信息流列表页面进入内容B的详情页面。
1806、用户触发悬浮显示在内容B的详情页面上的快照按钮。
其中,用户的触发操作可以为对快照按钮的长按操作。
1808、用户继续触发该快照按钮并执行滑动操作。
1810、用户取消触发悬浮显示在内容B的详情页面上的快照按钮。
其中,用户的取消触发操作可以为用户松开该快照按钮。
机器角度
其中,下述步骤1801至步骤1809用于响应于上述步骤1800,生成内容B的快照按钮。
1801、电子设备对当前显示的内容进行截屏处理,得到屏幕截图。
1803、电子设备对内容A进行识别。
1805、电子设备在与该物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理。
1807、电子设备基于配置好的排版样式和识别到的内容,生成包括内容A的完整信息的长页面,将长页面转化为长图并进行保存,得到内容A的屏幕快照,其中,该屏幕快照当前展示的内容与该屏幕截图一致。
1809、电子设备生成与内容A对应的快照按钮。
其中,下述步骤1811用于响应上述步骤1806。
1811、电子设备显示内容A的屏幕快照。
其中,下述步骤1813和步骤1815用于响应上述步骤1808。
1813、获取该快照按钮移动的位移。
1815、根据该快照按钮移动的位移跟随滑动显示该屏幕快照。
其中,下述步骤1815用于响应上述步骤1810。
1817、电子设备隐藏该屏幕快照,展示内容B的详情页面。
本申请实施例提供的方法至少具有如下有益效果:
用户通过操控悬浮显示在页面最前端的快照按钮,可以方便快捷地进行显示内容切换,比如用户手指对快照按钮执行长按操作便可调起一个内容的屏幕快照,用户松开手指便回到当前页面(即另一个内容的详情页面),以此方式可以来回在两项内容之间切换,而无需反复通过信息流列表页面进行切换。而由于无需执行繁琐操作,无需消耗用户过多时间和精力,因此大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。示例性地,在对两个内容进行快速切换比对的场景,应用本申请实施例提供的方法够能显著提高信息浏览效率,进而提高了用户获取信息的效率。
另外,屏幕快照不同部分的内容可以依据快照按钮的滑动进行滑动显示,这为用户查看该屏幕快照不同部分的内容提供了保障,且操作简单,无需执行繁琐操作,无需消耗用户过多时间和精力,因此大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
在另一个实施例中,上述实施例中提及的第一内容详情页面和第二内容详情页面可以为相互独立的两个页面;或,上述实施例中提及的第一内容详情页面和内容详情页面还可以为同一个页面的两个子页面。示例性地,后一种情况可以针对浏览长文章场景,本申请实施例对此不进行具体限定。
在另一个实施例中,生成的屏幕快照的数量可以不仅仅局限于一张,比如用户在三项或三项以上内容之间进行切换浏览时,电子设备便可以生成多张屏幕快照。其中,每一项内容可以对应一个屏幕快照。
示例性地,针对存在多张屏幕快照的情况,用户可以通过长按快照按钮时左右进行滑动来快速切换显示多张屏幕快照。即,屏幕快照的数量可以为N个,N的取值为正整数且N≥2;相应地,电子设备响应于接收到对快照按钮的第一触发操作,切换显示屏幕快照,还可以包括:电子设备响应于第一触发操作继续作用于快照按钮,且接收到对该快照按钮的第二滑动操作,根据第二滑动操作切换显示N个屏幕快照。
作为一个示例,上述第一触发操作可以为对快照按钮的长按操作,第二滑动操作可以为左右滑动操作,本申请实施例对此不进行具体限定。
图19是本申请实施例提供的一种显示内容切换装置的结构示意图。参见图19,该装置包括:
第一显示模块1901,被配置为显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;
其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;
第二显示模块1902,被配置为响应于接收到对所述快照按钮的第一触发操作,切换显示所述屏幕快照。
本申请实施例提供的装置,在显示一个内容的详情页面后,若接收到用户对该详情页面上显示的快照按钮的第一触发操作,则会响应该第一触发操作,立马切换显示另一个内容的屏幕快照。其中,该快照按钮与该屏幕快照相关联,该屏幕快照与另一个内容的详情页面的内容一致,且该快照按钮以置于顶层的显示方式悬浮显示。也即,在本申请实施例中,用户通过操控悬浮显示在页面最前端的快照按钮,便可以方便快捷地进行显示内容切换,比如可以在两项内容之间来回切换,而无需用户执行繁琐操作,也无需消耗用户过多时间和精力,大幅度提高了内容浏览效率,为用户快速获取内容提供了保障,效果较佳。
在一种可能的实现方式中,第二显示模块,还被配置为响应于接收到对所述快照按钮的第二触发操作,切换显示所述第一内容详情页面。
在一种可能的实现方式中,该装置还包括:
第三显示模块,被配置为响应于在所述第二内容详情页面上接收到菜单唤起操作,在所述第二内容详情页面上显示操作选项菜单,所述操作选项菜单中包括快照功能选项;
第三显示模块,还被配置为响应于接收到对所述快照功能选项的第三触发操作,生成与所述第二内容详情页面内容一致的所述屏幕快照;显示所述屏幕快照的逐渐收缩动画,直至收缩得到所述快照按钮;将所述快照按钮悬浮显示在所述第二内容详情页面上。
在一种可能的实现方式中,第二显示模块,还被配置为在将所述快照按钮悬浮显示在所述第二内容详情页面上后,响应于接收到页面切换操作,切换显示所述第一内容详情页面;
其中,所述页面切换操作用于指示由所述第二内容详情页面切换至所述第一内容详情页面。
在一种可能的实现方式中,第二显示模块,还被配置为以逐渐显示的过渡切换效果,切换显示所述屏幕快照。
在一种可能的实现方式中,第二显示模块,还被配置为以逐渐隐藏的过渡切换效果,取消显示所述屏幕快照。
在一种可能的实现方式中,第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第一滑动操作,根据所述第一滑动操作产生的滑动位移,滑动显示所述屏幕快照的内容。
在一种可能的实现方式中,所述屏幕快照的数量为N个,N的取值为正整数且N≥2;
第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第二滑动操作,根据所述第二滑动操作切换显示N个所述屏幕快照。
在一种可能的实现方式中,第三显示模块,还被配置为对电子设备的物理显示屏上当前显示的内容进行截屏处理,得到屏幕截图;对所述第二内容详情页面进行内容识别,在与所述物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理;基于配置好的排版样式和识别到的内容,生成与所述第二内容详情页面内容一致的目标页面,M的取值为正整数;将所述目标页面转化为图片,得到所述屏幕快照,其中,所述屏幕快照当前展示的内容与所述屏幕截图一致;将所述屏幕快照缓存在所述电子设备中,建立所述屏幕快照与所述快照按钮之间的关联关系。
在一种可能的实现方式中,电子设备的显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
第二显示模块,还被配置为监听所述操作层,响应于接收到针对所述操作层的所述第一触发操作,将所述快照层的透明度设置为完全不透明。
在一种可能的实现方式中,电子设备的显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
第三显示模块,还被配置为监听所述操作层产生的所述滑动位移,根据所述滑动位移、所述最大移动距离和快照层的高度,获取所述快照层移动的目标距离;响应于所述滑动位移大于零,将所述快照层向第一方向移动所述目标距离;响应于所述滑动位移小于零,将所述快照层向第二方向移动所述目标距离;
其中,所述第一方向与所述第二方向相反,所述最大移动距离为所述快照按钮在所述第一方向或所述第二方向上的最大可移动距离。
在一种可能的实现方式中,所述第一方向为向上,所述第二方向为向下,其中,所述滑动操作滑动的方向为向上,则所述滑动位移小于零;所述滑动操作滑动的方向为向下,则所述滑动位移大于零。
在一种可能的实现方式中,所述第一内容详情页面和所述第二内容详情页面为相互独立的两个页面;或,
所述第一内容详情页面和所述内容详情页面为同一个页面的两个子页面。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
需要说明的是:上述实施例提供的显示内容切换装置在进行显示内容切换时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的显示内容切换装置与显示内容切换方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
图20示出了本申请一个示例性实施例提供的电子设备2000的结构框图。
其中,该电子设备可以表现为终端。
该设备2000可以是便携式移动终端,比如:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。设备2000还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,设备2000包括有:处理器2001和存储器2002。
处理器2001可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器2001可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器2001也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器2001可以在集成有GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器2001还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器2002可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器2002还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器2002中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器2001所执行以实现本申请中方法实施例提供的显示内容切换方法。
在一些实施例中,设备2000还可选包括有:外围设备接口2003和至少一个外围设备。处理器2001、存储器2002和外围设备接口2003之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口2003相连。具体地,外围设备包括:射频电路2004、触摸显示屏2005、摄像头2006、音频电路2007和电源2009中的至少一种。
外围设备接口2003可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器2001和存储器2002。在一些实施例中,处理器2001、存储器2002和外围设备接口2003被集成在同一芯片或电路板上;在一些其他实施例中,处理器2001、存储器2002和外围设备接口2003中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路2004用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路2004通过电磁信号与通信网络以及其他通信设备进行通信。射频电路2004将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路2004包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路2004可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路2004还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏2005用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏2005是触摸显示屏时,显示屏2005还具有采集在显示屏2005的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器2001进行处理。此时,显示屏2005还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏2005可以为一个,设置设备2000的前面板;在另一些实施例中,显示屏2005可以为至少两个,分别设置在设备2000的不同表面或呈折叠设计;在再一些实施例中,显示屏2005可以是柔性显示屏,设置在设备2000的弯曲表面上或折叠面上。甚至,显示屏2005还可以设置成非矩形的不规则图形,也即异形屏。显示屏2005可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件2006用于采集图像或视频。可选地,摄像头组件2006包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件2006还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路2007可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器2001进行处理,或者输入至射频电路2004以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在设备2000的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器2001或射频电路2004的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路2007还可以包括耳机插孔。
电源2009用于为设备2000中的各个组件进行供电。电源2009可以是交流电、直流电、一次性电池或可充电电池。当电源2009包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,设备2000还包括有一个或多个传感器2010。该一个或多个传感器2010包括但不限于:加速度传感器2011、陀螺仪传感器2012、压力传感器2013、光学传感器2015以及接近传感器2016。
加速度传感器2011可以检测以设备2000建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器2011可以用于检测重力加速度在三个坐标轴上的分量。处理器2001可以根据加速度传感器2011采集的重力加速度信号,控制触摸显示屏2005以横向视图或纵向视图进行用户界面的显示。加速度传感器2011还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器2012可以检测设备2000的机体方向及转动角度,陀螺仪传感器2012可以与加速度传感器2011协同采集用户对设备2000的3D动作。处理器2001根据陀螺仪传感器2012采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器2013可以设置在设备2000的侧边框和/或触摸显示屏2005的下层。当压力传感器2013设置在设备2000的侧边框时,可以检测用户对设备2000的握持信号,由处理器2001根据压力传感器2013采集的握持信号进行左右手识别或快捷操作。当压力传感器2013设置在触摸显示屏2005的下层时,由处理器2001根据用户对触摸显示屏2005的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
光学传感器2015用于采集环境光强度。在一个实施例中,处理器2001可以根据光学传感器2015采集的环境光强度,控制触摸显示屏2005的显示亮度。具体地,当环境光强度较高时,调高触摸显示屏2005的显示亮度;当环境光强度较低时,调低触摸显示屏2005的显示亮度。在另一个实施例中,处理器2001还可以根据光学传感器2015采集的环境光强度,动态调整摄像头组件2006的拍摄参数。
接近传感器2016,也称距离传感器,通常设置在设备2000的前面板。接近传感器2016用于采集用户与设备2000的正面之间的距离。在一个实施例中,当接近传感器2016检测到用户与设备2000的正面之间的距离逐渐变小时,由处理器2001控制触摸显示屏2005从亮屏状态切换为息屏状态;当接近传感器2016检测到用户与设备2000的正面之间的距离逐渐变大时,由处理器2001控制触摸显示屏2005从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图20中示出的结构并不构成对设备2000的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器,上述指令可由电子设备2000的处理器执行以完成上述显示内容切换方法。可选地,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random AccessMemory,RAM)、光盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、磁带、软盘和光数据存储设备等。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (28)
1.一种显示内容切换方法,其特征在于,所述方法包括:
显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;
其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;电子设备的物理显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
监听所述操作层,响应于接收到对所述操作层包括的所述快照按钮的第一触发操作,切换显示所述屏幕快照。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于接收到对所述快照按钮的第二触发操作,切换显示所述第一内容详情页面。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于在所述第二内容详情页面上接收到菜单唤起操作,在所述第二内容详情页面上显示操作选项菜单,所述操作选项菜单中包括快照功能选项;
响应于接收到对所述快照功能选项的第三触发操作,生成与所述第二内容详情页面内容一致的所述屏幕快照;
显示所述屏幕快照的逐渐收缩动画,直至收缩得到所述快照按钮;
将所述快照按钮悬浮显示在所述第二内容详情页面上。
4.根据权利要求3所述的方法,其特征在于,所述显示第一内容详情页面,包括:
在将所述快照按钮悬浮显示在所述第二内容详情页面上后,响应于接收到页面切换操作,切换显示所述第一内容详情页面;
其中,所述页面切换操作用于指示由所述第二内容详情页面切换至所述第一内容详情页面。
5.根据权利要求1所述的方法,其特征在于,所述切换显示所述屏幕快照,包括:以逐渐显示的过渡切换效果,切换显示所述屏幕快照。
6.根据权利要求2所述的方法,其特征在于,所述切换显示所述第一内容详情页面,包括:以逐渐隐藏的过渡切换效果,取消显示所述屏幕快照。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第一滑动操作,根据所述第一滑动操作产生的滑动位移,滑动显示所述屏幕快照的内容。
8.根据权利要求1所述的方法,其特征在于,所述屏幕快照的数量为N个,N的取值为正整数且N≥2;
所述响应于接收到对所述操作层包括的所述快照按钮的第一触发操作,切换显示所述屏幕快照,包括:
响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第二滑动操作,根据所述第二滑动操作切换显示N个所述屏幕快照。
9.根据权利要求3所述的方法,其特征在于,所述生成与所述第二内容详情页面内容一致的所述屏幕快照,包括:
对电子设备的物理显示屏上当前显示的内容进行截屏处理,得到屏幕截图;
对所述第二内容详情页面进行内容识别,在与所述物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理;
基于配置好的排版样式和识别到的内容,生成与所述第二内容详情页面内容一致的目标页面,M的取值为正整数;
将所述目标页面转化为图片,得到所述屏幕快照,其中,所述屏幕快照当前展示的内容与所述屏幕截图一致;
将所述屏幕快照缓存在所述电子设备中,建立所述屏幕快照与所述快照按钮之间的关联关系。
10.根据权利要求1所述的方法,其特征在于,所述切换显示所述屏幕快照,包括:将所述快照层的透明度设置为完全不透明。
11.根据权利要求7所述的方法,其特征在于,所述根据所述第一滑动操作产生的滑动位移,滑动显示所述屏幕快照的内容,包括:
监听所述操作层产生的所述滑动位移,根据所述滑动位移、最大移动距离和快照层的高度,获取所述快照层移动的目标距离;
响应于所述滑动位移大于零,将所述快照层向第一方向移动所述目标距离;
响应于所述滑动位移小于零,将所述快照层向第二方向移动所述目标距离;
其中,所述第一方向与所述第二方向相反,所述最大移动距离为所述快照按钮在所述第一方向或所述第二方向上的最大可移动距离。
12.根据权利要求11所述的方法,其特征在于,所述第一方向为向上,所述第二方向为向下,其中,所述滑动操作滑动的方向为向上,则所述滑动位移小于零;所述滑动操作滑动的方向为向下,则所述滑动位移大于零。
13.根据权利要求1所述的方法,其特征在于,所述第一内容详情页面和所述第二内容详情页面为相互独立的两个页面;或,
所述第一内容详情页面和所述内容详情页面为同一个页面的两个子页面。
14.一种显示内容切换装置,其特征在于,所述装置包括:
第一显示模块,被配置为显示第一内容详情页面,所述第一内容详情页面上显示有快照按钮;
其中,所述快照按钮与屏幕快照相关联,所述屏幕快照与第二内容详情页面的内容一致,所述快照按钮以置于顶层的显示方式悬浮显示;电子设备的物理显示屏上自底向上依次显示有当前内容层、快照层和操作层;所述当前内容层包括所述第一内容详情页面;所述快照层包括所述屏幕快照;所述操作层包括所述快照按钮;
第二显示模块,被配置为监听所述操作层,响应于接收到对所述操作层包括的所述快照按钮的第一触发操作,切换显示所述屏幕快照。
15.根据权利要求14所述的装置,其特征在于,所述第二显示模块,还被配置为响应于接收到对所述快照按钮的第二触发操作,切换显示所述第一内容详情页面。
16.根据权利要求14所述的装置,其特征在于,所述装置还包括:
第三显示模块,被配置为响应于在所述第二内容详情页面上接收到菜单唤起操作,在所述第二内容详情页面上显示操作选项菜单,所述操作选项菜单中包括快照功能选项;
所述第三显示模块,还被配置为响应于接收到对所述快照功能选项的第三触发操作,生成与所述第二内容详情页面内容一致的所述屏幕快照;显示所述屏幕快照的逐渐收缩动画,直至收缩得到所述快照按钮;将所述快照按钮悬浮显示在所述第二内容详情页面上。
17.根据权利要求16所述的装置,其特征在于,所述第二显示模块,还被配置为在将所述快照按钮悬浮显示在所述第二内容详情页面上后,响应于接收到页面切换操作,切换显示所述第一内容详情页面;
其中,所述页面切换操作用于指示由所述第二内容详情页面切换至所述第一内容详情页面。
18.根据权利要求14所述的装置,其特征在于,所述第二显示模块,还被配置为以逐渐显示的过渡切换效果,切换显示所述屏幕快照。
19.根据权利要求15所述的装置,其特征在于,所述第二显示模块,还被配置为以逐渐隐藏的过渡切换效果,取消显示所述屏幕快照。
20.根据权利要求14所述的装置,其特征在于,所述第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第一滑动操作,根据所述第一滑动操作产生的滑动位移,滑动显示所述屏幕快照的内容。
21.根据权利要求14所述的装置,其特征在于,所述屏幕快照的数量为N个,N的取值为正整数且N≥2;
所述第二显示模块,还被配置为响应于所述第一触发操作继续作用于所述快照按钮,且接收到对所述快照按钮的第二滑动操作,根据所述第二滑动操作切换显示N个所述屏幕快照。
22.根据权利要求16所述的装置,其特征在于,所述第三显示模块,还被配置为对电子设备的物理显示屏上当前显示的内容进行截屏处理,得到屏幕截图;对所述第二内容详情页面进行内容识别,在与所述物理显示屏的尺寸大小一致的虚拟显示屏上进行排版处理;基于配置好的排版样式和识别到的内容,生成与所述第二内容详情页面内容一致的目标页面,M的取值为正整数;将所述目标页面转化为图片,得到所述屏幕快照,其中,所述屏幕快照当前展示的内容与所述屏幕截图一致;将所述屏幕快照缓存在所述电子设备中,建立所述屏幕快照与所述快照按钮之间的关联关系。
23.根据权利要求14所述的装置,其特征在于,所述第二显示模块,还被配置为将所述快照层的透明度设置为完全不透明。
24.根据权利要求20所述的装置,其特征在于,所述第二显示模块,还被配置为监听所述操作层产生的所述滑动位移,根据所述滑动位移、最大移动距离和快照层的高度,获取所述快照层移动的目标距离;响应于所述滑动位移大于零,将所述快照层向第一方向移动所述目标距离;响应于所述滑动位移小于零,将所述快照层向第二方向移动所述目标距离;
其中,所述第一方向与所述第二方向相反,所述最大移动距离为所述快照按钮在所述第一方向或所述第二方向上的最大可移动距离。
25.根据权利要求24所述的装置,其特征在于,所述第一方向为向上,所述第二方向为向下,其中,所述滑动操作滑动的方向为向上,则所述滑动位移小于零;所述滑动操作滑动的方向为向下,则所述滑动位移大于零。
26.根据权利要求14所述的装置,其特征在于,所述第一内容详情页面和所述第二内容详情页面为相互独立的两个页面;或,
所述第一内容详情页面和所述内容详情页面为同一个页面的两个子页面。
27.一种电子设备,其特征在于,所述设备包括处理器和存储器,所述存储器中存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如权利要求1至13中任一项权利要求所述的显示内容切换方法。
28.一种存储介质,其特征在于,所述存储介质中存储有至少一条指令,所述至少一条指令由处理器加载并执行以实现如权利要求1至13中任一项权利要求所述的显示内容切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010300912.6A CN113535054B (zh) | 2020-04-16 | 显示内容切换方法、装置、存储介质及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010300912.6A CN113535054B (zh) | 2020-04-16 | 显示内容切换方法、装置、存储介质及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113535054A CN113535054A (zh) | 2021-10-22 |
CN113535054B true CN113535054B (zh) | 2024-06-07 |
Family
ID=
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109324847A (zh) * | 2017-07-28 | 2019-02-12 | 阿里巴巴集团控股有限公司 | 界面切换方法及装置 |
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109324847A (zh) * | 2017-07-28 | 2019-02-12 | 阿里巴巴集团控股有限公司 | 界面切换方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110083282B (zh) | 基于信息展示页面的人机交互方法、装置、终端及介质 | |
US11797145B2 (en) | Split-screen display method, electronic device, and computer-readable storage medium | |
JP2021525430A (ja) | 表示制御方法及び端末 | |
CN111880712B (zh) | 页面显示方法、装置、电子设备及存储介质 | |
CN110069181B (zh) | 跨文件夹的文件处理方法、装置、设备及存储介质 | |
CN112068762B (zh) | 应用程序的界面显示方法、装置、设备及介质 | |
CN112527287B (zh) | 物品详情信息展示方法、装置、终端及存储介质 | |
EP4209877A1 (en) | Window display method and device | |
CN109086366B (zh) | 浏览器中的推荐新闻显示方法、装置、设备及存储介质 | |
CN112163406B (zh) | 互动消息显示方法、装置、计算机设备及存储介质 | |
CN113127130B (zh) | 页面跳转方法、装置及存储介质 | |
CN111459363B (zh) | 信息展示方法、装置、设备及存储介质 | |
CN108228902B (zh) | 一种文件显示方法及移动终端 | |
CN114546545B (zh) | 图文显示方法、装置、终端及存储介质 | |
WO2021104268A1 (zh) | 内容分享方法及电子设备 | |
CN113535054B (zh) | 显示内容切换方法、装置、存储介质及电子设备 | |
CN109814825A (zh) | 显示屏操控方法和移动终端 | |
CN115379113A (zh) | 拍摄处理方法、装置、设备及存储介质 | |
CN111464829B (zh) | 切换媒体数据的方法、装置、设备及存储介质 | |
CN113495770A (zh) | 展示应用页面的方法、装置、终端及存储介质 | |
CN111597293A (zh) | 文档目录的显示方法、装置、设备及可读存储介质 | |
CN113535054A (zh) | 显示内容切换方法、装置、存储介质及电子设备 | |
CN115379274B (zh) | 基于图片的互动方法、装置、电子设备及存储介质 | |
CN113220203B (zh) | 活动入口展示方法、装置、终端及存储介质 | |
CN115022721B (zh) | 内容展示方法、装置、电子设备及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20220214 Address after: 518057 Tencent Building, No. 1 High-tech Zone, Nanshan District, Shenzhen City, Guangdong Province, 35 floors Applicant after: Shenzhen Tencent Computer System Co.,Ltd. Address before: 518057 Tencent Building, No. 1 High-tech Zone, Nanshan District, Shenzhen City, Guangdong Province, 35 floors Applicant before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |
|
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant |