CN106020590A - 视图显示方法及装置 - Google Patents

视图显示方法及装置 Download PDF

Info

Publication number
CN106020590A
CN106020590A CN201610302299.5A CN201610302299A CN106020590A CN 106020590 A CN106020590 A CN 106020590A CN 201610302299 A CN201610302299 A CN 201610302299A CN 106020590 A CN106020590 A CN 106020590A
Authority
CN
China
Prior art keywords
view
content item
display
predetermined direction
content
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.)
Granted
Application number
CN201610302299.5A
Other languages
English (en)
Other versions
CN106020590B (zh
Inventor
李杨
孙炜
罗海光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201610302299.5A priority Critical patent/CN106020590B/zh
Publication of CN106020590A publication Critical patent/CN106020590A/zh
Application granted granted Critical
Publication of CN106020590B publication Critical patent/CN106020590B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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

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)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种视图显示方法及装置,属于计算机技术领域。所述方法包括:在显示页面中显示第一视图,该第一视图上显示有内容项;将第二视图覆盖显示在第一视图上;接收第一移动指令,控制内容项在第一视图中按照第一预定方向进行移动;监测内容项在第一预定方向进行移动的移动距离;当监测到移动距离大于预定距离阈值时,隐藏第二视图。本发明解决了相关技术中视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示的问题;达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。

Description

视图显示方法及装置
技术领域
本发明涉及计算机技术领域,特别涉及一种视图显示方法及装置。
背景技术
智能设备在同一个页面中可以同时显示至少两类视图,比如,用于显示视频数据的视频视图,以及用于显示非视频数据的非视频视图。
一般的,视频视图可以被始终固定显示在智能设备的屏幕上,这种显示方式会导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示。
发明内容
为了解决相关技术中视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示的问题,本发明实施例提供了一种视图显示方法及装置。所述技术方案如下:
第一方面,提供了一种视图显示方法,应用于智能设备中,所述方法包括:
在显示页面中显示第一视图,所述第一视图上显示有内容项;将第二视图覆盖显示在所述第一视图上;接收第一移动指令,控制所述内容项在所述第一视图中按照第一预定方向进行移动;监测所述内容项在所述第一预定方向进行移动的移动距离;当监测到所述移动距离大于预定距离阈值时,隐藏所述第二视图。通过将第二视图覆盖显示在第一视图上,当第一视图中的内容项按照第一预定方向进行移动的移动距离大于预定距离阈值时,隐藏第二视图,由于在隐藏第二视图后,第一视图中原本被第二视图覆盖的区域被会显示;解决了视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示;达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。
可选的,所述第二视图包括显示内容为空的空内容项,所述空内容项的显示区域与所述第二视图的区域的尺寸相同,所述将所述第二视图覆盖显示在所述第一视图上,包括:将所述第二视图覆盖显示在所述空内容项上。当第二视图覆盖显示在空内容项上,第一视图中显示有内容的内容项会显示在未被第二视图覆盖的区域内,避免用户无法浏览显示在被第二视图覆盖的区域内的内容项。
可选的,所述第一视图中的内容项被按序显示,所述将所述第二视图覆盖显示在所述第一视图上,包括:确定出与所述第二视图中显示的内容对应的内容项;在同时显示所述第二视图和所述第一视图时,将所述确定出的内容项作为所述第一视图中未被所述第二视图覆盖的第一个内容项进行显示。由于在同时显示所述第二视图和所述第一视图时,与第一视图中显示的内容对应的第二视图中的内容项,可以作为第二视图中未被第一视图覆盖的第一个内容项进行显示,便于提示用户当前第一视图中显示的内容所对应的内容项。
可选的,所述方法还包括:当监测到所述移动距离小于所述预定距离阈值时,维持所述第二视图不变,或者,控制所述第二视图按照所述第一预定方向与所述内容项进行同步移动。
可选的,所述方法还包括:接收第二移动指令,控制所述内容项在所述第一视图中按照第二预定方向进行移动,所述第二预定方向与所述第一预定方向相反;当所述内容项中的指定内容项被移动至指定位置时,显示被隐藏的所述第二视图。当内容项中的指定内容项被移动至指定位置时,显示被隐藏的第二视图,便于用户及时浏览第二视图中的内容。
可选的,所述指定内容项为与所述第二视图中显示的内容对应的内容项,所述指定位置为显示所述第二视图时,所述第一视图中未被所述第二视图覆盖的区域。
可选的,在所述隐藏所述第二视图之后,所述方法还包括:在显示所述第二视图的位置处,替换所述第二视图显示与所述第一视图相关的标题栏。在隐藏第二视图后显示标题栏,提示用户当前所浏览的内容的类别。
可选的,所述第二视图为用于显示视频数据的视频视图,所述第一视图为用于显示所述内容项的非视频视图,所述内容项为非视频数据。
第二方面,提供了一种视图显示装置,应用于智能设备中,所述装置包括:第一显示模块,用于显示在显示页面中显示第一视图,所述第一视图上显示有内容项;第二显示模块,用于将第二视图覆盖显示在所述第一视图上;第一控制模块,用于接收第一移动指令,控制所述内容项在所述第一视图中按照第一预定方向进行移动;监测模块,用于监测所述内容项在所述第一预定方向进行移动的移动距离;隐藏模块,用于当监测到所述移动距离大于预定距离阈值时,隐藏所述第二视图。
可选的,所述第二视图包括显示内容为空的空内容项,所述空内容项的显示区域与所述第二视图的区域的尺寸相同,所述第二显示模块,还用于:将所述第二视图覆盖显示在所述空内容项上。
可选的,所述装置还包括:第二控制模块,用于当监测到所述移动距离小于所述预定距离阈值时,维持所述第二视图不变,或者,控制所述第二视图按照所述第一预定方向与所述内容项进行同步移动。
可选的,所述装置还包括:第三控制模块,用于接收第二移动指令,控制所述内容项在所述第一视图中按照第二预定方向进行移动,所述第二预定方向与所述第一预定方向相反;第三显示模块,用于当所述内容项中的指定内容项被移动至指定位置时,显示被隐藏的所述第二视图。
可选的,所述指定内容项为与所述第二视图中显示的内容对应的内容项,所述指定位置为显示所述第二视图时,所述第一视图中未被所述第二视图覆盖的区域。
可选的,所述装置还包括:覆盖模块,用于在所述隐藏所述第二视图之后,在显示所述第二视图的位置处,替换所述第二视图显示与所述第一视图相关的标题栏。
可选的,所述第二视图为用于显示视频数据的视频视图,所述第一视图为用于显示所述内容项的非视频视图,所述内容项为非视频数据。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一个实施例中提供的视图显示方法的流程图;
图2A是本发明另一个实施例中提供的视图显示方法的流程图;
图2B是本发明一个实施例中提供的第二视图覆盖显示在第一视图上的示意图;
图2C是本发明一个实施例中提供的第二视图覆盖显示在空内容项上的示意图;
图2D是本发明一个实施例中提供的将第二视图覆盖显示在第一视图上方法的流程图;
图2E是本发明一个实施例中提供的第二视图覆盖显示在空内容项上的示意图;
图2F是本发明一个实施例中提供的控制内容项在第一视图中移动的示意图;
图2G是本发明一个实施例中提供的内容项在第一预定方向进行移动的示意图;
图2H是本发明一个实施例中提供的内容项在第二预定方向进行移动的示意图;
图3A是本发明一个实施例中提供的视图显示装置的结构方框图;
图3B是本发明另一个实施例中提供的视图显示装置的结构方框图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
图1是本发明一个实施例中提供的视图显示方法的流程图,该视图显示方法应用于智能设备中,这里所讲的智能设备可以包括智能手机、平板电脑、台式电脑、多媒体播放器、智能电视等。如图1所示,该视图显示方法包括以下步骤。
步骤101,在显示页面中显示第一视图,该第一视图上显示有内容项。
步骤102,将第二视图覆盖显示在第一视图上。
步骤103,接收第一移动指令,控制内容项在第一视图中按照第一预定方向进行移动。
步骤104,监测内容项在第一预定方向进行移动的移动距离。
步骤105,当监测到移动距离大于预定距离阈值时,隐藏第二视图。
综上所述,本发明实施例中提供的视图显示方法,通过将第二视图覆盖显示在第一视图上,当第一视图中的内容项按照第一预定方向进行移动的移动距离大于预定距离阈值时,隐藏第二视图,由于在隐藏第二视图后,第一视图中原本被第二视图覆盖的区域被会显示;解决了视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示;达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。
图2A是本发明另一个实施例中提供的视图显示方法的流程图,该视图显示方法应用于智能设备中,这里所讲的智能设备可以包括智能手机、平板电脑、台式电脑、多媒体播放器、智能电视等。如图2A所示,该视图显示方法包括以下步骤。
步骤201,在显示页面中显示第一视图,该第一视图上显示有内容项。
这里所讲的显示页面可以是浏览器中所展示的页面,也可以是其他应用程序的一个显示页面。
这里所讲的第一视图用于承载了至少一条内容项。
一条内容项可以为一段文字描述,或者为文字与图标结合后的描述,还可以为一条链接等。
可选的,一条内容项为一条目录,比如可以是视频所对应目录,该目录可以为链接。
步骤202,将第二视图覆盖显示在第一视图上。
这里所讲的第二视图是与第一视图相互独立的视图。
第二视图可以用于承载与第一视图所承载的内容的类型相同的内容,也可以用于承载与第一视图承载的内容不同类型的内容。
比如,第一视图用于承载文本,第二视图可以用于承载多媒体数据,比如常见的视频数据。
以教学视频为例,第二视图用于承载各个章节的视频数据,第一视图用于承载各个章节的目录。
一般来讲,第一视图所承载的内容与第二视图所承载的内容相对应。
当第二视图覆盖显示在第一视图上,第一视图上被第二视图覆盖的区域无法被显示。
图2B是本发明一个实施例中提供的第二视图覆盖显示在第一视图上的示意图。其中,图2B(1)为第二视图覆盖显示在第一视图上的分解图,图2B(2)为第二视图覆盖显示在第一视图上的效果图,第一视图10在最底层,第二视图20覆盖显示在第一视图10上,被第二视图20覆盖的区域11(第一视图10上虚线框所指示的区域)无法显示。
可选的,第一视图包括显示内容为空的空内容项,在将第二视图覆盖显示在第一视图上时,将第二视图覆盖显示在空内容项上。
这里所讲的空内容项的显示区域与该第二视图的区域的尺寸相同。当第二视图覆盖显示在空内容项上,第一视图中显示有内容的内容项会显示在未被第二视图覆盖的区域内。
图2C是本发明一个实施例中提供的第二视图覆盖显示在空内容项上的示意图。其中,图2C(1)为第二视图覆盖显示在空内容项上的分解图,图2C(2)为第二视图覆盖显示在空内容项上的效果图,第一视图10和空内容项30在最底层,第二视图20覆盖显示在空内容项30上。
在一种可能实现的情况下,在同时显示第一视图和第二视图时,为了便于提示用户当前第一视图中显示的内容所对应的内容项,智能终端在显示第一视图时,会将与该第一视图中显示的内容对应的第二视图中的内容项,作为第二视图中未被第一视图覆盖的第一个内容项进行显示。也就是说,在同时显示第一视图和第二视图时,第一视图中显示的未被第二视图覆盖的第一个内容项即为第二视图中当前正在显示的内容的对应内容项。当第二视图中显示的内容切换为下一个内容项对应的内容时,第一视图中未被第二视图覆盖的第一个内容项可以自动切换为第二视图正在显示的内容的对应内容项。
可选的,智能设备在将第二视图覆盖显示在第一视图上时,可以参见图2D中的步骤。
步骤202a,确定出与第二视图中显示的内容对应的内容项。
一般来讲,第二视图中显示的内容可以被更新,也即,第二视图可以依序显示不同的内容。以教学视频为例,第二视图可以依序显示不同章节视频段的视图数据。
第二视图中的章节视频段可以与第一视图中的内容项进行一一对应,比如第一视图中包括的内容项依序为第一章第一节、第一章第二节、第二章第一节、第二章第二节等,对应的,第二视图中依序显示有第一章第一节所对应的视频段、第一章第二节所对应的视频段、第二章第一节所对应的视频段以及第二章第二节所对应的视频段等。
根据第二视图中显示内容与第一视图中内容项的对应关系,智能设备可以确定出第一视图中所具有的与第二视图当前显示的内容对应的内容项。
步骤202b,在同时显示第二视图和第一视图时,将确定出的内容项作为该第一视图中未被该第二视图覆盖的第一个内容项进行显示。
由于第二视图中显示的内容所对应的内容项最可能被用户查看,因此可以将该内容项控制显示在第一视图中未被第二视图覆盖的区域中的最前面,也即,可以将该内容项作为第一视图中未被该第二视图覆盖的第一个内容项进行显示。
图2E是本发明一个实施例中提供的第二视图覆盖显示在空内容项上的示意图。如图2E所示,第一视图中未被该第二视图覆盖的区域用区域12表示(第一视图10上虚线框所指示的区域),若显示页面上所显示的第二视图20中的内容与第一视图10中的内容项10a对应,内容项10a则作为第二视图中未被第一视图10覆盖的第一个内容项在区域12中进行显示。
在一种可能实现的情况下,在步骤202实现将第二视图覆盖显示在第一视图上时,可以控制第一视图中的内容项向第一预定方向或者第二预定方向进行移动。此时可以根据第一视图中的内容项的移动方向,实施不同的处理流程。具体参见步骤203至步骤209的内容,其中,步骤203至步骤207为第一视图中的内容项向第一预定方向时的处理流程,步骤208至步骤209第一视图中的内容项向第二预定方向时的处理流程。
步骤203,接收第一移动指令,控制内容项在第一视图中按照第一预定方向进行移动。
第一移动指令可以是滑动指令,也可以是对显示页面显示的指定控件触发后产生的移动指令,还可以是按照预定移动轨迹移动智能设备时产生的指令。
当智能设备接收到第一移动指令后,可以控制第一视图中的所有内容项均按照第一预定方向以相同的移动速度进行移动。
图2F是本发明一个实施例中提供的控制内容项在第一视图中移动的示意图,如图2F所示,智能设备接收到用户触发的第一移动指令后,控制内容项10b、内容项10c、内容项10d和和内容项10e在第一视图10中按照第一预定方向40以相同的移动速度进行移动。在第一视图10中的所有内容项均按照第一预定方向40进行移动的过程中,当显示在第一视图10中最前面的内容项10b被移动至第一视图10的上边界13时会被隐藏,显示在第一视图10中最后面的内容项10e之后未显示的内容项会依次在第一视图10中显示。
步骤204,监测内容项在第一预定方向进行移动的移动距离。
这里所讲的移动距离,可以是绝对距离,也可以是某个内容项在智能设备的屏幕上,或者在第一视图中移动时的相对距离。
智能设备可以在第一视图中选取内容项中指定内容项的任一边作为参考边,检测该参考边在移动方向上的位移,将该位移作为内容项移动的移动距离。其中,当移动方向为竖向时,智能设备将指定内容项的横向边作为参考边,将该横向边在Y坐标上的位移作为内容项的移动距离,当移动方向为横向时,智能设备将指定内容项的竖向边作为参考边,将该横向边在X坐标上的位移作为内容项的移动距离。
智能设备也可以在第一视图中选取任一点作为参考点,检测该参考点在移动方向上的位移,将该位移作为内容项移动的移动距离。
当智能设备选取内容项中指定内容项的任一边作为参考边,对内容项的移动距离进行监测时,请参见图2G,图2G是本发明一个实施例中提供的内容项在第一预定方向进行移动的示意图。设内容项10f为指定内容项,由于第一预定方向40为竖向,因此智能设备可以将内容项10f的横向边界10f1作为参考边界,当内容项10f的横向边界10f1由起始位置Y=A移动至Y=B时,横向边界10f1在Y坐标上的位移Z为内容项10f在第一预定方向40进行移动的移动距离。
在一种可能实现的情况下,在步骤204实现监测内容项在第一预定方向进行移动的移动距离时,可以根据所监测到的移动距离是否大于预定距离阈值,实施不同的处理流程。具体参见步骤205至步骤206的内容,其中,步骤205为监测到的移动距离小于预定距离阈值的处理流程,步骤206为监测到的移动距离大于预定距离阈值的处理流程。
步骤205,当监测到移动距离小于预定距离阈值时,维持第二视图不变,或者,控制该第二视图按照第一预定方向与内容项进行同步移动。
这里所讲的同步移动是指当监测到移动距离小于预定距离阈值时,可以控制第二视图按照第一预定方向以相同的移动速度与内容项一并进行移动。
当智能设备监测到移动距离小于预定距离阈值时,可以不隐藏或移动第二视图,让第二视图始终覆盖显示在第一视图上,也可以控制第二视图按照第一预定方向与内容项进行同步移动。
步骤206,当监测到移动距离大于预定距离阈值时,隐藏第二视图。
由于在隐藏第二视图后,第一视图中原本被第二视图覆盖的区域被会显示,因此第一视图中可以显示更多的内容项,达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。
需要说明的是,本实施例不限定预定距离阈值的大小。
可选的,当内容项中的指定内容项被移动至指定位置时,隐藏第二视图。
这里所讲的指定位置可以用指定坐标(X,Y)来表示。当在第一视图中选取任一点作为参考点,当参考点移动至指定坐标时,隐藏第二视图。
这里所讲的指定位置可以用指定X坐标或指定Y坐标来表示。在第一视图中选取内容项中指定内容项的任一边作为参考边,当参考边移动至指定X坐标或指定Y坐标时,隐藏第二视图。
当智能设备在第一视图中选取内容项中指定内容项的任一边作为参考边,用指定Y坐标来表示指定位置时,仍参见图2G,设内容项10f为指定内容项,Y=B为指定位置,智能设备将内容项10f的横向边界10f1作为参考边界,当内容项10f的横向边界10f1由位置Y=A移动至Y=B时,隐藏第二视图20。
步骤207,在显示该第二视图的位置处,替换该第二视图显示与第一视图相关的标题栏。
仍参见图2G,智能设备隐藏第二视图20后,在显示该第二视图20的C位置处,替换该第二视图20显示与第一视图10相关的标题栏60。当智能设备将标题栏替换第二视图进行显示时,在第一视图未被覆盖的部分将由区域14(图2G(1)中虚线框所指示的区域)更改为区域15(图2G(2)中虚线框所指示的区域)。
步骤208,接收第二移动指令,控制内容项在第一视图中按照第二预定方向进行移动。
第二移动指令可以是滑动指令,也可以是对显示页面显示的指定控件触发后产生的移动指令,还可以是按照预定移动轨迹移动智能设备时产生的指令。
当智能设备接收到第二移动指令后,可以控制第一视图中的所有内容项均按照第二预定方向以相同的移动速度进行移动。
需要说明的是,本实施例中的第二预定方向与第一预定方向相反。
仍参见图2F,智能设备接收到用户触发的第二移动指令后,控制内容项10b至10e在第一视图10中按照第二预定方向50以相同的移动速度进行移动。在第一视图10中的所有内容项均按照第一预定方向50进行移动的过程中,当显示在第一视图10中最后面的内容项10e被移动至第一视图10的下边界16时会隐藏,显示在第一视图10中最前面的内容项10b之后未显示的内容项会依次在第一视图10中显示。
需要说明的是,本实施例中图2F中第一预定方向40和第二预定方向50仅为举例说明,并不对本实施例中第一预定方向和第二预定方向的具体方向构成限定。
步骤209,当内容项中的指定内容项被移动至指定位置时,显示被隐藏的第二视图。
在显示被隐藏的第二视图后,第一视图中的部分区域会被第二视图覆盖。
当智能设备在第一视图中选取内容项中指定内容项的任一边作为参考边,用指定Y坐标来表示指定位置时,请参考2H,图2H是本发明一个实施例中提供的内容项在第二预定方向进行移动的示意图。内容项10g在第二预定方向50开始移动,设内容项10g1为指定内容项,Y=E为指定位置,智能设备将内容项10g的横向边界10g1作为参考边界,当内容项10g的横向边界10g1由位置Y=D移动至Y=E时,显示被隐藏的第二视图20,第一视图的部分区域17(虚线框所指示的区域)将被第二视图20覆盖。
综上所述,本发明实施例中提供的视图显示方法,通过将第二视图覆盖显示在第一视图上,当第一视图中的内容项按照第一预定方向进行移动的移动距离大于预定距离阈值时,隐藏第二视图,由于在隐藏第二视图后,第一视图中原本被第二视图覆盖的区域被会显示;解决了视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示;达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。
在本实施例中,由于在同时显示所述第二视图和所述第一视图时,与第一视图中显示的内容对应的第二视图中的内容项,可以作为第二视图中未被第一视图覆盖的第一个内容项进行显示,便于提示用户当前第一视图中显示的内容所对应的内容项。
下述为本发明装置实施例,对于装置实施例中未详尽描述的细节,可以参考上述一一对应的方法实施例。
图3A是本发明一个实施例中提供的视图显示装置的结构方框图,该视图显示装置应用于智能设备中,这里所讲的智能设备可以包括智能手机、平板电脑、台式电脑、多媒体播放器、智能电视等。如图3A所示,该视图显示装置包括:第一显示模块301、第二显示模块302、第一控制模块303、监测模块304和隐藏模块305。
第一显示模块301,用于在显示页面中显示第一视图,该第一视图上显示有内容项;
第二显示模块302,用于将第二视图覆盖显示在第一视图上;
第一控制模块303,用于接收第一移动指令,控制内容项在第一视图中按照第一预定方向进行移动;
监测模块304,用于监测内容项在第一预定方向进行移动的移动距离;
隐藏模块305,用于当监测到移动距离大于预定距离阈值时,隐藏第二视图。
在一种可能的实现方式中,请参见图3B所示,其是本发明另一个实施例中提供的视图显示装置的结构方框图,第二视图包括显示内容为空的空内容项,该空内容项的显示区域与该第二视图的区域的尺寸相同,该第二显示模块302,还用于:
将第二视图覆盖显示在空内容项上。
仍参见图3B,该装置还包括:第二控制模块306。
第二控制模块306,用于当监测到移动距离小于预定距离阈值时,维持第二视图不变,或者,控制该第二视图按照第一预定方向与内容项进行同步移动。
仍参见图3B,该装置还包括:第三控制模块307和第三显示模块308。
第三控制模块307,用于接收第二移动指令,控制内容项在第一视图中按照第二预定方向进行移动,该第二预定方向与第一预定方向相反;
第三显示模块308,用于当内容项中的指定内容项被移动至指定位置时,显示被隐藏的第二视图。
仍参见图3B,该装置还包括:覆盖模块309。
覆盖模块309,用于在隐藏第二视图之后,在显示该第二视图的位置处,替换该第二视图显示与第一视图相关的标题栏。
综上所述,本发明实施例中提供的视图显示装置,通过将第二视图覆盖显示在第一视图上,当第一视图中的内容项按照第一预定方向进行移动的移动距离大于预定距离阈值时,隐藏第二视图,由于在隐藏第二视图后,第一视图中原本被第二视图覆盖的区域被会显示;解决了视频视图被始终固定显示在智能设备的屏幕上的显示方式,导致用户在仅需要查看更多的非视频视图中的内容时,仍旧会同时显示视频数据,限制了非视频视图中内容的显示;达到了当用户查看更多的第一视图中的内容项时,隐藏第二视图,增加显示第一视图中的内容项的区域的效果。
在本实施例中,由于在同时显示所述第二视图和所述第一视图时,与第一视图中显示的内容对应的第二视图中的内容项,可以作为第二视图中未被第一视图覆盖的第一个内容项进行显示,便于提示用户当前第一视图中显示的内容所对应的内容项。
需要说明的是:上述实施例中提供的视图显示装置在显示视图时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将智能设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的视图显示装置与视图显示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (14)

1.一种视图显示方法,其特征在于,应用于智能设备中,所述方法包括:
在显示页面中显示第一视图,所述第一视图上显示有内容项;
将第二视图覆盖显示在所述第一视图上;
接收第一移动指令,控制所述内容项在所述第一视图中按照第一预定方向进行移动;
监测所述内容项在所述第一预定方向进行移动的移动距离;
当监测到所述移动距离大于预定距离阈值时,隐藏所述第二视图。
2.根据权利要求1所述的方法,其特征在于,所述第二视图包括显示内容为空的空内容项,所述空内容项的显示区域与所述第二视图的区域的尺寸相同,所述将第二视图覆盖显示在所述第一视图上,包括:
将所述第二视图覆盖显示在所述空内容项上。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
当监测到所述移动距离小于所述预定距离阈值时,维持所述第二视图不变,或者,控制所述第二视图按照所述第一预定方向与所述内容项进行同步移动。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收第二移动指令,控制所述内容项在所述第一视图中按照第二预定方向进行移动,所述第二预定方向与所述第一预定方向相反;
当所述内容项中的指定内容项被移动至指定位置时,显示被隐藏的所述第二视图。
5.根据权利要求4所述的方法,其特征在于,所述指定内容项为与所述第二视图中显示的内容对应的内容项,所述指定位置为显示所述第二视图时,所述第一视图中未被所述第二视图覆盖的区域。
6.根据权利要求1所述的方法,其特征在于,在所述隐藏所述第二视图之后,所述方法还包括:
在显示所述第二视图的位置处,替换所述第二视图显示与所述第一视图相关的标题栏。
7.根据权利要求1至6中任一所述的方法,其特征在于,所述第二视图为用于显示视频数据的视频视图,所述第一视图为用于显示所述内容项的非视频视图,所述内容项为非视频数据。
8.一种视图显示装置,其特征在于,应用于智能设备中,所述装置包括:
第一显示模块,用于显示在显示页面中显示第一视图,所述第一视图上显示有内容项;
第二显示模块,用于将第二视图覆盖显示在所述第一视图上;
第一控制模块,用于接收第一移动指令,控制所述内容项在所述第一视图中按照第一预定方向进行移动;
监测模块,用于监测所述内容项在所述第一预定方向进行移动的移动距离;
隐藏模块,用于当监测到所述移动距离大于预定距离阈值时,隐藏所述第二视图。
9.根据权利要求8所述的装置,其特征在于,所述第二视图包括显示内容为空的空内容项,所述空内容项的显示区域与所述第二视图的区域的尺寸相同,所述第二显示模块,还用于:
将所述第二视图覆盖显示在所述空内容项上。
10.根据权利要求8所述的装置,其特征在于,所述装置还包括:
第二控制模块,用于当监测到所述移动距离小于所述预定距离阈值时,维持所述第二视图不变,或者,控制所述第二视图按照所述第一预定方向与所述内容项进行同步移动。
11.根据权利要求8所述的装置,其特征在于,所述装置还包括:
第三控制模块,用于接收第二移动指令,控制所述内容项在所述第一视图中按照第二预定方向进行移动,所述第二预定方向与所述第一预定方向相反;
第三显示模块,用于当所述内容项中的指定内容项被移动至指定位置时,显示被隐藏的所述第二视图。
12.根据权利要求11所述的装置,其特征在于,所述指定内容项为与所述第二视图中显示的内容对应的内容项,所述指定位置为显示所述第二视图时,所述第一视图中未被所述第二视图覆盖的区域。
13.根据权利要求8所述的装置,其特征在于,所述装置还包括:
覆盖模块,用于在所述隐藏所述第二视图之后,在显示所述第二视图的位置处,替换所述第二视图显示与所述第一视图相关的标题栏。
14.根据权利要求8至13中任一所述的装置,其特征在于,所述第二视图为用于显示视频数据的视频视图,所述第一视图为用于显示所述内容项的非视频视图,所述内容项为非视频数据。
CN201610302299.5A 2016-05-09 2016-05-09 视图显示方法及装置 Active CN106020590B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610302299.5A CN106020590B (zh) 2016-05-09 2016-05-09 视图显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610302299.5A CN106020590B (zh) 2016-05-09 2016-05-09 视图显示方法及装置

Publications (2)

Publication Number Publication Date
CN106020590A true CN106020590A (zh) 2016-10-12
CN106020590B CN106020590B (zh) 2021-01-22

Family

ID=57099218

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610302299.5A Active CN106020590B (zh) 2016-05-09 2016-05-09 视图显示方法及装置

Country Status (1)

Country Link
CN (1) CN106020590B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106990886A (zh) * 2017-04-01 2017-07-28 维沃移动通信有限公司 一种图标的移动显示方法及移动终端
CN107147940A (zh) * 2017-05-05 2017-09-08 广州阿里巴巴文学信息技术有限公司 内容轮播的方法、装置、电子设备和存储介质
WO2018218938A1 (zh) * 2017-06-02 2018-12-06 武汉斗鱼网络科技有限公司 直播界面透明度的调整方法、存储介质、电子设备及***
CN110109595A (zh) * 2019-04-30 2019-08-09 努比亚技术有限公司 一种显示控制方法、可穿戴设备及计算机可读存储介质
US20230069151A1 (en) * 2021-08-31 2023-03-02 Samsung Electronics Co., Ltd. Electronic device for performing function matched with graphic affordance and operating method of electronic device

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588864A (zh) * 2004-09-03 2005-03-02 王金堃 带有播放区域的网页
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及***
CN103425416A (zh) * 2012-05-20 2013-12-04 北京千橡网景科技发展有限公司 用于便携式设备的显示控制方法和装置
CN103702161A (zh) * 2013-12-26 2014-04-02 乐视网信息技术(北京)股份有限公司 一种播放多媒体文件的方法及具备触摸屏的终端
CN103838506A (zh) * 2012-11-27 2014-06-04 三星电子株式会社 电子设备及其页面导航方法
US20140193135A1 (en) * 2008-11-21 2014-07-10 Canon Kabushiki Kaisha Image processing apparatus, image processing method, and program
CN104268250A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104268251A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104484362A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 搜索结果的展现方法及装置
CN104571862A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面中展示数据的方法和装置
CN104991699A (zh) * 2015-06-25 2015-10-21 广州华多网络科技有限公司 一种视频显示控制的方法和装置
CN105446585A (zh) * 2014-08-29 2016-03-30 优视科技有限公司 一种安卓智能终端浏览器视频显示方法及装置

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588864A (zh) * 2004-09-03 2005-03-02 王金堃 带有播放区域的网页
US20140193135A1 (en) * 2008-11-21 2014-07-10 Canon Kabushiki Kaisha Image processing apparatus, image processing method, and program
CN102117290A (zh) * 2009-12-30 2011-07-06 北京搜狗科技发展有限公司 一种展现网页中页面元素的方法及***
CN103425416A (zh) * 2012-05-20 2013-12-04 北京千橡网景科技发展有限公司 用于便携式设备的显示控制方法和装置
CN103838506A (zh) * 2012-11-27 2014-06-04 三星电子株式会社 电子设备及其页面导航方法
CN103702161A (zh) * 2013-12-26 2014-04-02 乐视网信息技术(北京)股份有限公司 一种播放多媒体文件的方法及具备触摸屏的终端
CN105446585A (zh) * 2014-08-29 2016-03-30 优视科技有限公司 一种安卓智能终端浏览器视频显示方法及装置
CN104268250A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104268251A (zh) * 2014-09-30 2015-01-07 北京奇虎科技有限公司 一种网页中视频元素的播放方法和装置
CN104484362A (zh) * 2014-12-02 2015-04-01 百度在线网络技术(北京)有限公司 搜索结果的展现方法及装置
CN104571862A (zh) * 2014-12-30 2015-04-29 北京奇虎科技有限公司 一种移动终端页面中展示数据的方法和装置
CN104991699A (zh) * 2015-06-25 2015-10-21 广州华多网络科技有限公司 一种视频显示控制的方法和装置

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106990886A (zh) * 2017-04-01 2017-07-28 维沃移动通信有限公司 一种图标的移动显示方法及移动终端
CN107147940A (zh) * 2017-05-05 2017-09-08 广州阿里巴巴文学信息技术有限公司 内容轮播的方法、装置、电子设备和存储介质
WO2018218938A1 (zh) * 2017-06-02 2018-12-06 武汉斗鱼网络科技有限公司 直播界面透明度的调整方法、存储介质、电子设备及***
CN110109595A (zh) * 2019-04-30 2019-08-09 努比亚技术有限公司 一种显示控制方法、可穿戴设备及计算机可读存储介质
CN110109595B (zh) * 2019-04-30 2021-08-24 努比亚技术有限公司 一种显示控制方法、可穿戴设备及计算机可读存储介质
US20230069151A1 (en) * 2021-08-31 2023-03-02 Samsung Electronics Co., Ltd. Electronic device for performing function matched with graphic affordance and operating method of electronic device
US12032819B2 (en) * 2021-08-31 2024-07-09 Samsung Electronics Co., Ltd. Electronic device for performing function matched with graphic affordance and operating method of electronic device

Also Published As

Publication number Publication date
CN106020590B (zh) 2021-01-22

Similar Documents

Publication Publication Date Title
CN106020590A (zh) 视图显示方法及装置
US11997345B2 (en) Moving video tags
CN102754352B (zh) 提供多个应用的信息的方法和装置
CN109388463B (zh) 平板电脑应用软件的分屏显示方法、存储介质及平板电脑
US20110087992A1 (en) Thumbnail image substitution
US20040155907A1 (en) Icon display system and method , electronic appliance, and computer program
CN104423879A (zh) 信息处理装置、存储介质和控制方法
CN105302285A (zh) 多屏显示方法、设备及***
US10678394B2 (en) System and method to composita ZUI motion picture presentation and physical scene motion picture presentation
CN105531660A (zh) 用于支持用户交互的用户终端设备及其方法
CN102789799A (zh) 媒体项的二维时线显示
CN113687745B (zh) 一种分屏窗口的界面显示方法、***及终端
CN101727288A (zh) 一种界面显示的方法及装置
CN112565868B (zh) 视频播放方法、装置及电子设备
US20120166943A1 (en) Electronic device having page division display function and page display method
CN112486611B (zh) 页面切换显示方法、装置、存储介质及电子设备
CN106886540A (zh) 一种数据搜索方法、装置以及用于数据搜索的装置
CN110971953B (zh) 视频播放方法、装置、终端及存储介质
CN113420350B (zh) 对象、商品、衣物试搭展示处理方法、装置及电子设备
CN105892794A (zh) 一种浏览器界面显示方法及装置
CN110647286A (zh) 屏幕元素控制方法、装置、设备、存储介质
CN103886777A (zh) 动画播放装置及方法、动画播放控制装置及方法
CN103645937B (zh) 一种数据处理的方法及电子设备
CN112995401A (zh) 控件显示方法、装置、设备及介质
CN103116443A (zh) 一种界面显示控制方法及装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant