CN112800273A - 一种页面内容展示方法及终端设备 - Google Patents
一种页面内容展示方法及终端设备 Download PDFInfo
- Publication number
- CN112800273A CN112800273A CN202110163637.2A CN202110163637A CN112800273A CN 112800273 A CN112800273 A CN 112800273A CN 202110163637 A CN202110163637 A CN 202110163637A CN 112800273 A CN112800273 A CN 112800273A
- Authority
- CN
- China
- Prior art keywords
- content
- screening
- view
- layer
- interface
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/73—Querying
- G06F16/732—Query formulation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
- G06F16/73—Querying
- G06F16/738—Presentation of query results
-
- 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/0485—Scrolling or panning
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computational Linguistics (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Mathematical Physics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开实施例提供了一种页面内容展示方法及终端设备,涉及终端技术领域。该方法包括:显示第一筛选界面;第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;接收用户的第一操作,第一操作为对第一控件的操作;响应于第一操作,显示第二筛选界面;第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,第二内容为将第一内容向第一方向移动第一距离得到的内容,第一方向为第二筛选界面中筛选控件群组到第二内容的排列方向,第一距离为筛选控件群组的显示高度。本公开实施例用于解决触发显示筛选控件群组时,显示界面会返回筛选页的初始位置的问题。
Description
技术领域
本公开涉及终端技术领域,尤其涉及一种页面内容展示方法及终端设备。
背景技术
随着移动终端的普及和网络的提速,视频凭借感染力强、形式内容多样、社交属性强、传播速度、制作简单等特点,已成为主流内容传播媒介之一,越来越多的视频被上传到视频库中。
为了使用户能够快速从视频库的海量视频中筛选出自己感兴趣的视频,当前的视频播放平台通常都会提供视频筛选功能。视频筛选功能具体为:在筛选控件群组显示由视频的分别标签组成的筛选控件群组,当接收到用户对某一分别标签的选择操作时,仅在筛选页中显示与用户选择的分别标签相适配的视频,从而缩小用户进行视频查找的范围。现有技术中,筛选控件群组普遍位于筛选页的顶部,当用户触发显示筛选控件群组时,无论当前显示界面位于筛选页的哪个区域,显示界面都会返回筛选页的初始位置,以将位于筛选页顶部的筛选控件群组显示出来。然而,在很使用场景中,用户仅仅是想要启动视频筛选功能,并不想要回到筛选页的初始位置。
发明内容
有鉴于此,本公开提供了一种页面内容展示方法及终端设备,用于解决现有技术中触发显示筛选控件群组时,显示界面会返回筛选页的初始位置的问题。
为了实现上述目的,本公开实施例提供技术方案如下:
第一方面,本公开的实施例提供一种页面内容展示方法,所述方法包括:
显示第一筛选界面;所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;
接收用户的第一操作,所述第一操作为对所述第一控件的操作;
响应于所述第一操作,显示第二筛选界面;所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
作为本公开实施例一种可选的实施方式,所述方法还包括:
接收用户的第二操作;所述第二操作为对所述第二内容的拖动操作;
响应于所述第二操作,显示第三筛选界面;所述第三筛选界面包括:所述第一控件和第三内容,所述第三内容为将所述第二内容向第二方向移动第二距离得到的内容,所述第二方向为所述第二操作的拖动方向,所述第二距离为所述第二操作的拖动距离。
作为本公开实施例一种可选的实施方式,所述显示第一筛选界面,包括:
显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
接收用户的第三操作,所述第三操作为对所述第四内容的向上拖动操作,所述第三操作的拖动距离大于所述第一距离;
响应于所述第三操作,显示所述第一筛选界面;其中,所述第一内容为将所述第四内容向第三方向移动第三距离得到的内容,所述第三方向为第三操作的拖动方向,所述第三距离为所述第三操作的拖动距离。
作为本公开实施例一种可选的实施方式,所述显示第一筛选界面,包括:
显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
接收用户的第四操作,所述第四操作为对所述第四内容的向上惯性滑动操作;
响应于所述第四操作,显示所述第一筛选界面;其中,所述第一内容为输入所述第一操作时所述第一筛选界面显示的视频的标识信息组成的内容。
作为本公开实施例一种可选的实施方式,所述显示初始筛选界面,包括:
显示第一界面,所述第一界面包括用于触发进行视频筛选的筛选控件;
接收用户的第五操作,所述第五操作为对所述筛选控件的操作;
响应于所述第五操作,显示所述初始筛选界面。
作为本公开实施例一种可选的实施方式,所述显示第一筛选界面,包括:
显示第一图层上与所述第一内容对应的区域,并在所述第一图层上叠加显示第二图层;所述第一图层包括:第一视图和第二视图,所述第一视图的显示内容为所述筛选控件群组,所述第二视图的显示内容为至少一个视频的标识信息,所述第二图层包括:第三视图,所述第三视图的显示内容为所述第一控件。
作为本公开实施例一种可选的实施方式,所述第一图层还包括:第四视图;所述第四视图与所述第一视图的大小和位置均相同,且所述第四视图的显示内容为空;所述响应于所述第一操作,显示第二筛选界面,包括:
将所述第二图层向第四方向移动所述第一距离,所述第四方向为与所述第一方向相反的方向;
将所述第一视图移动至第二图层中,且设置所述第一视图的起始高度与所述第三视图的起始高度相同,所述第一视图覆盖于所述第三视图上;
将所述第一图层和所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述响应于所述第二操作,显示第三筛选界面,包括:
将所述第二图层向所述第四方向移动所述第一距离;
将所述第一视图移动至第一图层中所述第四视图所在位置;
将所述第一图层向所述第三方向移动所述第三距离,并将所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述将所述第二图层向所述第四方向移动所述第一距离包括:对所述第二图层执行第一属性动画;
其中,所述第一属性动画为向所述第四方向移动所述第一距离的属性动画。
作为本公开实施例一种可选的实施方式,所述方法还包括:
若在执行所述第一属性动画过程中接收到用户的第四操作,则取消执行所述第一属性动画,并将所述第一视图移动至第一图层中所述第四视图所在位置;
其中,所述第四操作为触发显示所述第一图层中所述第一视图对应的区域的操作。
第二方面,本公开实施例提供一种终端设备,包括:
显示单元,用于显示第一筛选界面;所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;
接收单元,用于接收用户的第一操作,所述第一操作为对所述第一控件的操作;
所述显示单元,还用于响应于所述第一操作,显示第二筛选界面;所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第一内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
作为本公开实施例一种可选的实施方式,
所述接收单元,还用于接收用户的第二操作;所述第二操作为对所述第二内容的拖动操作;
所述显示单元,还用于响应于所述第二操作,显示第三筛选界面;所述第三筛选界面包括:所述第一控件和第三内容,所述第三内容为将所述第二内容向第二方向移动第二距离得到的内容,所述第二方向为所述第二操作的拖动方向,所述第二距离为所述第二操作的拖动距离。
作为本公开实施例一种可选的实施方式,
所述显示单元,还用于显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
所述接收单元,还用于接收用户的第三操作,所述第三操作为对所述第四内容的向上拖动操作,所述第三操作的拖动距离大于所述第一距离;
所述显示单元,还用于响应于所述第三操作,显示所述第一筛选界面;其中,所述第一内容为将所述第四内容向第三方向移动第三距离得到的内容,所述第三方向为第三操作的拖动方向,所述第三距离为所述第三操作的拖动距离。
作为本公开实施例一种可选的实施方式,
所述显示单元,还用于显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
所述接收单元,还用于接收用户的第四操作,所述第四操作为对所述第四内容的向上惯性滑动操作;
所述显示单元,还用于响应于所述第四操作,显示所述第一筛选界面;其中,所述第一内容为输入所述第一操作时所述第一筛选界面显示的视频的标识信息组成的内容。
作为本公开实施例一种可选的实施方式,
所述显示单元,还用于显示第一界面,所述第一界面包括用于触发进行视频筛选的筛选控件;
所述接收单元,还用于接收用户的第五操作,所述第五操作为对所述筛选控件的操作;
所述显示单元,还用于响应于所述第五操作,显示所述初始筛选界面。
作为本公开实施例一种可选的实施方式,
所述显示单元,具体用于显示第一图层上与所述第一内容对应的区域,并在所述第一图层上叠加显示第二图层;所述第一图层包括:第一视图和第二视图,所述第一视图的显示内容为所述筛选控件群组,所述第二视图的显示内容为至少一个视频的标识信息,所述第二图层包括:第三视图,所述第三视图的显示内容为所述第一控件。
作为本公开实施例一种可选的实施方式,所述第一图层还包括:第四视图;所述第四视图与所述第一视图的大小和位置均相同,且所述第四视图的显示内容为空;
所述显示单元,具体用于将所述第二图层向第四方向移动所述第一距离,所述第四方向为与所述第一方向相反的方向;将所述第一视图移动至第二图层中,且设置所述第一视图的起始高度与所述第三视图的起始高度相同,所述第一视图覆盖于所述第三视图上;将所述第一图层和所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述显示单元,具体用于将所述第二图层向所述第四方向移动所述第一距离;将所述第一视图移动至第一图层中所述第四视图所在位置;将所述第一图层向所述第三方向移动所述第三距离,并将所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述显示单元,具体对所述第二图层执行第一属性动画;
其中,所述第一属性动画为向所述第四方向移动所述第一距离的属性动画。
作为本公开实施例一种可选的实施方式,所述显示单元,还用于若在执行所述第一属性动画过程中接收到用户的第四操作,则取消执行所述第一属性动画,并将所述第一视图移动至第一图层中所述第四视图所在位置;
其中,所述第四操作为触发显示所述第一图层中所述第一视图对应的区域的操作。
第三方面,本公开实施例提供一种电子设备,包括:存储器和处理器,存储器用于存储计算机程序;处理器用于在调用计算机程序时执行第一方面或第一方面任一种可选的实施方式所述的页面内容展示方法。
第四方面,本公开实施例提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现第一方面或第一方面任一种可选的实施方式所述的页面内容展示方法。
本公开实施例提供的页面内容展示方法在显示包括第一控件和由至少一个视频的标识信息组成的第一内容的情况下,若接收到用户对所述第一控件的操作的第一操作,则显示包括由至少一个视频类别标签组成的筛选控件群组和第二内容。由于第二内容为将所述第一内容向第一方向移动第一距离得到的内容,第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度,因此本公开实施例可以在显示筛选控件群组时,使显示界面中仍显示原显示界面中所显示的视频的标识信息,因此本公开实施例可以解决触发显示筛选控件群组时,显示界面会返回筛选页的初始位置的问题。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本公开实施例提供的页面内容展示方法的步骤流程图之一;
图2为本公开实施例提供的第一筛选界面的示意图;
图3为本公开实施例提供的由第一筛选界面切换至第二筛选界面的场景示意图;
图4为本公开实施例提供的页面内容展示方法的步骤流程图之二;
图5为本公开实施例提供的显示初始筛选界面的场景示意图;
图6为本公开实施例提供的由初始筛选界面切换至第一筛选界面的场景示意图;
图7为本公开实施例提供的显示第一筛选界面的实现方式示意图;
图8为本公开实施例提供的显示第二筛选界面的实现方式示意图之一;
图9为本公开实施例提供的显示第二筛选界面的实现方式示意图之二;
图10为本公开实施例提供的显示第二筛选界面的实现方式示意图之三;
图11为本公开实施例提供的由第二筛选界面切换至第三筛选界面的场景示意图;
图12为本公开实施例提供的显示第三筛选界面的实现方式示意图之一;
图13为本公开实施例提供的显示第三筛选界面的实现方式示意图之二;
图14为本公开实施例提供的显示第三筛选界面的实现方式示意图之三;
图15为本公开实施例提供的终端设备的结构示意图;
图16为本公开实施例提供的电子设备的硬件结构示意图。
具体实施方式
为了能够更清楚地理解本公开的上述目的、特征和优点,下面将对本公开的方案进行进一步描述。需要说明的是,在不冲突的情况下,本公开的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本公开,但本公开还可以采用其他不同于在此描述的方式来实施;显然,说明书中的实施例只是本公开的一部分实施例,而不是全部的实施例。
本公开的说明书和权利要求书中的术语“第一”和“第二”等是用于区别同步的对象,而不是用于描述对象的特定顺序。例如,第一操作和第二操作是用于区别不同的操作,而不是用于描述操作的特定顺序。
在本公开实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本公开实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。此外,在本公开实施例的描述中,除非另有说明,“多个”的含义是指两个或两个以上。
本公开实施例提供的页面内容展示方法的执行主体可以为终端设备。该终端设备可以为手机、平板电脑、笔记本电脑、超级移动个人计算机(ultra-mobile personalcomputer,UMPC)、上网本、个人数字助理(personal digital assistant,PDA)、智能手表、智能手环等终端设备,或者该终端设备还可以为其他类型的终端设备,本公开实施例对终端设备的类型不作限定。
本公开实施例提供了一种页面内容展示方法,参照图1所示,该页面内容展示方法包括如下步骤S101至S103:
S101、显示第一筛选界面。
其中,所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容。
具体的,本公开实施例中的第一控件为触发显示筛选控件群组的控件,视频的标识信息可以为视频对应的图像和/或视频的名称。
示例性的,参照图2所示,第一筛选界面20包括筛选控件21以及由至少一个视频组成的第一内容22,图2中以第一内容包括视频7至视频15的标识信息为例示出。
S102、接收用户的第一操作。
其中,所述第一操作为对所述第一控件的操作。
具体的,本公开实施例中的第一操作具体可以是用户对第一控件的触控点击操作,或者是用户通过鼠标等外设对目标控件输入的点击操作,或者是用户输入的语音指令,或者是用户输入的特定手势。
在本公开的一些实施例中,所述特定手势可以为单击手势、移动手势、压力识别手势、长按手势、面积变化手势、双按手势、双击手势中的任意一种。
S103、响应于所述第一操作,显示第二筛选界面。
其中,所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第二内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
示例性的,参照图3所示,图3中以筛选控件群组包括:视频的分类的类别标签:电影、电视剧、纪录片、综艺、动漫等,视频的地区的类别标签:内地、港台地区、美国、泰国、日本等,视频的类型的类别标签:爱情、喜剧、动作、古装、惊悚等,视频的年份的类别标签:2020、2019、2018、2017、2016等,以及推荐的类别标签:最新、最热、最多评论、最多弹幕等,且筛选控件群组位于第二内容的上方为例示出。如图3所示,当接收到用户对第一筛选界面20中的第一控件21的第一操作时,显示第二筛选界面30,第二筛选界面30包括由至少一个视频类别标签组成的筛选控件群组31和第二内容32。其中,第二内容32第二内容为将所述第一内容向下移动筛选控件群组31的显示高度a得到的内容。
本公开实施例提供的页面内容展示方法在显示包括第一控件和由至少一个视频的标识信息组成的第一内容的情况下,若接收到用户对所述第一控件的操作的第一操作,则显示包括由至少一个视频类别标签组成的筛选控件群组和第二内容。由于第二内容为将所述第一内容向第一方向移动第一距离得到的内容,第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度,因此本公开实施例可以在显示筛选控件群组时,使显示界面中仍显示原显示界面中所显示的视频的标识信息,因此本公开实施例可以解决触发显示筛选控件群组时,显示界面会返回筛选页的初始位置的问题。
进一步的,作为对上述实施例的细化,本公开另一实施例提供给了一种页面内容展示方法,具体的,参照图4所示,该页面内容展示方法包括:
S401、显示第一界面。
其中,所述第一界面包括用于触发进行视频筛选的筛选控件。
示例性的,本公开实施例中的第一界面可以为视频应用的首页或者视频应用的推荐页,显示第一界面的方式可以为点击视频应用的图标,将视频应用从后台调用至前台等,本公开实施例对显示第一界面的实现方式不做限定。
S402、接收用户的第五操作。
其中,所述第五操作为对所述筛选控件的操作。
具体的,本公开实施例中的第五操作具体可以是用户对筛选控件的触控点击操作,或者是用户通过鼠标等外设对目标控件输入的点击操作,或者是用户输入的语音指令,或者是用户输入的特定手势。
在本公开的一些实施例中,所述特定手势可以为单击手势、移动手势、压力识别手势、长按手势、面积变化手势、双按手势、双击手势中的任意一种。
S403、响应于所述第五操作,显示所述初始筛选界面。
其中,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容。
示例性的,参照图5所示,第一界面501包括用于触发进行视频筛选的筛选控件51,当接收用户对筛选控件51输出的第五操作时,响应于所述第五操作,显示所述初始筛选界面502。初始筛选界面502包括:筛选控件群组52和由至少一个视频的标识信息的第四内容53。图5中以第四内容包括视频1的标识信息、视频2的标识信息、视频3的标识信息……为例示出。
S404、显示第一筛选界面。
其中,第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容。
可选的,在上述步骤S403的基础上,上述步骤S404(显示第一筛选界面)的实现方式可以包括如下步骤a和步骤b。
步骤a、接收用户的第三操作。
其中,所述第三操作为对所述第四内容的向上拖动操作,所述第三操作的拖动距离大于所述第一距离。
步骤b、响应于所述第三操作,显示所述第一筛选界面。
其中,所述第一内容为将所述第四内容向第三方向移动第三距离得到的内容,所述第三方向为第三操作的拖动方向,所述第三距离为所述第三操作的拖动距离。所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容。
示例性的,参照图6所示,初始筛选界面502包括筛选控件群组52和由至少一个视频的标识信息的第四内容53,当接收到用户的第三操作后,响应于所述第三操作,显示所述第一筛选界面20,第一筛选界面20包括筛选控件21以及由至少一个视频组成的第一内容22。
可选的,在上述步骤S403的基础上,上述步骤S404(显示第一筛选界面)的实现方式可以包括如下步骤I和步骤Ⅱ。
步骤I、接收用户的第四操作。
其中,所述第四操作为对所述第四内容的向上惯性滑动操作。
示例性的,第四操作为滑动速度超过阈值速度的滑动的滑动操作。
步骤Ⅱ、响应于所述第四操作,显示所述第一筛选界面。
其中,所述第一内容为输入所述第一操作时所述第一筛选界面显示的视频的标识信息组成的内容。
进一步的,上述步骤S404(显示第一筛选界面),包括:
显示第一图层上与所述第一内容对应的区域,并在所述第一图层上叠加显示第二图层。
其中,所述第一图层包括:第一视图和第二视图,所述第一视图的显示内容为所述筛选控件群组,所述第二视图的显示内容为至少一个视频的标识信息,所述第二图层包括:第三视图,所述第三视图的显示内容为所述第一控件。
示例性的,第二图层可以以预设透明度叠加显示于第一图层上。例如:以80%透明度叠加显示于第一图层上。再例如:以50%透明度叠加显示于第一图层上。
示例性的,参照图7所示,第一图层701包括:第一视图71和第二视图72,所述第一视图71的显示内容为所述筛选控件群组,所述第二视图72的显示内容为至少一个视频的标识信息,所述第二图层702包括:第三视图73,所述第三视图73的显示内容为所述第一控件。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图7中终端设备的显示屏所示出的第一筛选界面,包括:第一控件(第二图层702的第三视图73)以及第一内容(第一图层701的第二视图72中视频7的标识信息至视频15的标识信息对应的区域)。
S405、接收用户的第一操作。
其中,所述第一操作为对所述第一控件的操作。
S406、响应于所述第一操作,显示第二筛选界面。
其中,所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
在上述实施例的基础上,所述第一图层还包括:第四视图;所述第四视图与所述第一视图的大小和位置均相同,且所述第四视图的显示内容为空。上述步骤S406中显示第二筛选界面的实现包括如下步骤11至步骤13:
步骤11、将所述第二图层向第四方向移动所述第一距离,所述第四方向为与所述第一方向相反的方向。
示例性的,参照图8所示,在图7所示示例的从基础上,第一图层701还包括大小和位置与第一视图71均相同且显示内容为空的第四视图74。当第一方向为向下,第四方向为向上,移动前第三视图73的高度为0时,将所述第二图层702向上移动所述第一距离(第一视图71的高度a)后,第一图层701和第二图层702的内容不变,但第二图层702中的第三视图703的高度变为a。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图8中终端设备的显示屏所示出的显示界面,包括:第一图层701的第二视图72中视频7的标识信息至视频15的标识信息对应的区域。
步骤12、将所述第一视图移动至第二图层中。
其中,所述第一视图的起始高度与所述第三视图的起始高度相同,且所述第一视图覆盖与所述第三视图上。
示例性的,参照图9所示,在图8所示示例的基础上,将所述第一视图71移动至第二图层702后,第一图层701包括:第四视图74和第二视图72,第二图层702包括:第三视图73和第一视图71,且第一视图71的高度为a,第一视图71覆盖与第三视图73上。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图9中终端设备的显示屏所示出的显示界面(与图8终端设备的显示屏所示出的显示界面相同)。
步骤13、将所述第一图层和所述第二图层向所述第一方向移动所述第一距离。
具体的,参照图10所示,在图9所示示例的基础上,将所述第一图层701和所述第二图层702向所述第一方向(向下)移动所述第一距离(a)后,第二图层702中的第一视图71的高度为0。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图10中终端设备的显示屏所示出的显示界面,包括:筛选控件群组(第二图层702中的第一视图71)以及第二内容(第一图层702中视频7的标识信息至视频12的标识信息对应的区域)。
由于上述实施例在第一图层中设置了大小、位置与第一视图完全相同的第四视图,因此当第一视图被移动到第二图层时,第一图层的大小不会发生变化,因此上述实施例可以避免将第一视图移动到第二图层过程中,第一图层对应的显示内容发生变化。
需要说明的是,在本公开实施例中,若第四内容惯性滑动过程中接收到第一操作,则显示包括筛选控件群组的第二界面,因此本公开实施例可以在显示界面中的视频标签信息惯性滑动的过程中,通过第一操作停止视频标签信息的惯性滑动,并显示筛选控件群组。
S407、接收用户的第二操作。
其中,所述第二操作为对所述第二内容的拖动操作。
本公开实施例中的第二操作可以为将第二内容向上拖动的拖动操作,也可以为将第二内容向下拖动的拖动操作。
S408、响应于所述第二操作,显示第三筛选界面。
其中,所述第三筛选界面包括:所述第一控件和第三内容,所述第三内容为将所述第二内容向第二方向移动第二距离得到的内容,所述第二方向为所述第二操作的拖动方向,所述第二距离为所述第二操作的拖动距离。
示例性的,参照图11所示,图11中以第二操作为将第二内容向下拖动的拖动操作为例示出。如图11所示,第二筛选界面30包括筛选控件群组31和第二内容32,当接收到用户对第二内容32的拖动操作时,显示第三筛选界面110,第三筛选界面110包括:所述第一控件21和由至少一个视频的标识信息组成的第三内容111,图11中以第三内容111包括视频4的标识信息、视频5的标识信息、视频6的标识信息……为例示出。
进一步的,在上述实施例的基础上,显示第三筛选界面的实现方式可以包括:如下步骤21至步骤23:
步骤21、将所述第二图层向所述第四方向移动所述第一距离。
具体的,参照图12所示,在图10所示示例的基础上,将所述第二图层向所述第四方向(向上)移动所述第一距离(a)后,第一图层701与第二图层702的内容不变,第二图层702中的第一视图71和第三视图73的高度变为a。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图12中终端设备的显示屏所示出的显示界面,包括:第一图层702的第二视图72中视频4的标识信息至视频12的标识信息对应的区域。
可选的,所述将所述第二图层向所述第四方向移动所述第一距离包括:对所述第二图层执行第一属性动画。
其中,所述第一属性动画为向所述第四方向移动所述第一距离的属性动画。
步骤22、将所述第一视图移动至第一图层中所述第四视图所在位置。
具体的,参照图13所示,在图12所示示例的基础上,将所述第一视图71移动至第一图层701中所述第四视图74所在位置后,第一图层701包括:第一视图71、第四视图74以及第二视图72,第二图层702包括:第三视图73,且第三视图73的高度为a。在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图13中终端设备的显示屏所示出的显示界面(与图12终端设备的显示屏所示出的显示界面相同)。
步骤23、将所述第一图层向所述第三方向移动所述第三距离,并将所述第二图层向所述第一方向移动所述第一距离。
具体的,参照图14所示,在图13所示示例的基础上,将所述第一图层701向所述第三方向(第三操作的拖动方向)移动所述第三距离(第三操作的拖动距离),将所述第二图层702向所述第一方向移动所述第一距离后,并在终端设备的显示界面中将第二图层702叠加显示于第一图像701上,则可以获取如图14中终端设备的显示屏所示出的显示界面(第三筛选界面),包括:第一图层702的第二视图72中视频4的标识信息至视频12的标识信息对应的区域。
进一步的,作为本公开实施例一种可选的实施方式,所述方法还包括:
若在执行所述第一属性动画过程中接收到用户的第四操作,则取消执行所述第一属性动画,并将所述第一视图移动至第一图层中所述第四视图所在位置。
其中,所述第四操作为触发显示所述第一图层中所述第一视图对应的区域的操作
即,在第一属性动画执行过程中,用户通过第四操作触发显示第一图层中所述第一视图对应的区域,则取消第一属性动画的执行,直接将第一视图移动至第一图层中所述第四视图所在位置,从而避免本应显示筛选控件群组的位置显示为空白区域。
基于同一发明构思,作为对上述方法的实现,本公开实施例还提供了一种终端设备,该终端设备实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的终端设备能够对应实现前述方法实施例中的全部内容。
图15为本公开实施例提供的终端设备的结构示意图,如图15所示,本实施例提供的终端设备1500包括:
显示单元151,用于显示第一筛选界面;所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;
接收单元152,用于接收用户的第一操作,所述第一操作为对所述第一控件的操作;
所述显示单元151,还用于响应于所述第一操作,显示第二筛选界面;所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第一内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
作为本公开实施例一种可选的实施方式,
所述接收单元152,还用于接收用户的第二操作;所述第二操作为对所述第二内容的拖动操作;
所述显示单元151,还用于响应于所述第二操作,显示第三筛选界面;所述第三筛选界面包括:所述第一控件和第三内容,所述第三内容为将所述第二内容向第二方向移动第二距离得到的内容,所述第二方向为所述第二操作的拖动方向,所述第二距离为所述第二操作的拖动距离。
作为本公开实施例一种可选的实施方式,
所述显示单元151,还用于显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
所述接收单元152,还用于接收用户的第三操作,所述第三操作为对所述第四内容的向上拖动操作,所述第三操作的拖动距离大于所述第一距离;
所述显示单元151,还用于响应于所述第三操作,显示所述第一筛选界面;其中,所述第一内容为将所述第四内容向第三方向移动第三距离得到的内容,所述第三方向为第三操作的拖动方向,所述第三距离为所述第三操作的拖动距离。
作为本公开实施例一种可选的实施方式,
所述显示单元151,还用于显示初始筛选界面,所述初始筛选界面包括:筛选控件群组和由至少一个视频的标识信息组成的第四内容;
所述接收单元152,还用于接收用户的第四操作,所述第四操作为对所述第四内容的向上惯性滑动操作;
所述显示单元151,还用于响应于所述第四操作,显示所述第一筛选界面;其中,所述第一内容为输入所述第一操作时所述第一筛选界面显示的视频的标识信息组成的内容。
作为本公开实施例一种可选的实施方式,
所述显示单元151,还用于显示第一界面,所述第一界面包括用于触发进行视频筛选的筛选控件;
所述接收单元152,还用于接收用户的第五操作,所述第五操作为对所述筛选控件的操作;
所述显示单元151,还用于响应于所述第五操作,显示所述初始筛选界面。
作为本公开实施例一种可选的实施方式,
所述显示单元151,具体用于显示第一图层上与所述第一内容对应的区域,并在所述第一图层上叠加显示第二图层;所述第一图层包括:第一视图和第二视图,所述第一视图的显示内容为所述筛选控件群组,所述第二视图的显示内容为至少一个视频的标识信息,所述第二图层包括:第三视图,所述第三视图的显示内容为所述第一控件。
作为本公开实施例一种可选的实施方式,所述第一图层还包括:第四视图;所述第四视图与所述第一视图的大小和位置均相同,且所述第四视图的显示内容为空;
所述显示单元151,具体用于将所述第二图层向第四方向移动所述第一距离,所述第四方向为与所述第一方向相反的方向;将所述第一视图移动至第二图层中,且设置所述第一视图的起始高度与所述第三视图的起始高度相同,所述第一视图覆盖于所述第三视图上;将所述第一图层和所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述显示单元151,具体用于将所述第二图层向所述第四方向移动所述第一距离;将所述第一视图移动至第一图层中所述第四视图所在位置;将所述第一图层向所述第三方向移动所述第三距离,并将所述第二图层向所述第一方向移动所述第一距离。
作为本公开实施例一种可选的实施方式,所述显示单元151,具体用于在将所述第二图层向所述第四方向移动所述第一距离的过程中,对所述第二筛选界面中的所述筛选控件群组执行第一属性动画;
其中,所述第一属性动画为向所述第四方向移动所述第一距离的属性动画。
作为本公开实施例一种可选的实施方式,所述显示单元151,还用于若在执行所述第一属性动画过程中接收到用户的第四操作,则取消执行所述第一属性动画;
其中,所述第四操作为触发显示所述第一图层中所述第一视图对应的区域的操作。
本实施例提供的终端设备可以执行上述方法实施例提供的页面内容展示方法,其实现原理与技术效果类似,此处不再赘述。
基于同一发明构思,本公开实施例还提供了一种电子设备。图16为本公开实施例提供的电子设备的结构示意图,如图16所示,本实施例提供的电子设备包括:存储器161和处理器162,存储器161用于存储计算机程序;处理器162用于在调用计算机程序时执行上述方法实施例提供的评论显示方法中的各步骤。
具体的,存储器161可用于存储软件程序以及各种数据。存储器161可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器161可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器162是电子设备的控制中心,利用各种接口和线路连接整个电子设备的各个部分,通过运行或执行存储在存储器161中的软件程序和/或模块,以及调用存储在存储器161中的数据,执行电子设备的各种功能和处理数据,从而对电子设备进行整体监控。处理器162可包括一个或多个处理单元。
此外,应当理解的是,本公开实施例提供的电子设备还可以包括:射频单元、网络模块、音频输出单元、传感器、信号接收单元、显示器、用户接收单元、接口单元、以及电源等部件。本领域技术人员可以理解,上述描述出的电子设备的结构并不构成对电子设备的限定,电子设备可以包括更多或更少的部件,或者组合某些部件,或者不同的部件布置。在本公开实施例中,电子设备包括但不限于手机、平板电脑、笔记本电脑、掌上电脑、车载终端、可穿戴设备、以及计步器等。
其中,射频单元可用于收发信息或通话过程中,信号的接收和发送,具体的,将来自基站的下行数据接收后,给处理器162处理;另外,将上行的数据发送给基站。通常,射频单元包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元还可以通过无线通信系统与网络和其他设备通信。
电子设备通过网络模块为用户提供了无线的宽带互联网访问,如帮助用户收发电子邮件、浏览网页和访问流式媒体等。
音频输出单元可以将射频单元或网络模块接收的或者在存储器161中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元还可以提供与电子设备执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元包括扬声器、蜂鸣器以及受话器等。
信号接收单元用于接收音频或视频信号。接收单元可以包括图形处理器(Graphics Processing Unit,GPU)和麦克风,图形处理器对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元上。经图形处理器处理后的图像帧可以存储在存储器(或其它存储介质)中或者经由射频单元或网络模块进行发送。麦克风可以接收声音,并且能够将这样的声音处理为音频数据。处理后的音频数据可以在电话通话模式的情况下转换为可经由射频单元发送到移动通信基站的格式输出。
电子设备还包括至少一种传感器,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板的亮度,接近传感器可在电子设备移动到耳边时,关闭显示面板和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别电子设备姿态(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;传感器还可以包括指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等,在此不再赘述。
显示单元用于显示由用户输入的信息或提供给用户的信息。显示单元可包括显示面板,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(OrganicLight-Emitting Diode,OLED)等形式来配置显示面板。
用户接收单元可用于接收输入的数字或字符信息,以及产生与电子设备的用户设置以及功能控制有关的键信号输入。具体地,用户接收单元包括触控面板以及其他输入设备。触控面板,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作)。触控面板可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器162,接收处理器162发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板。除了触控面板,用户接收单元还可以包括其他输入设备。具体地,其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。
进一步的,触控面板可覆盖在显示面板上,当触控面板检测到在其上或附近的触摸操作后,传送给处理器162以确定触摸事件的类型,随后处理器162根据触摸事件的类型在显示面板上提供相应的视觉输出。一般情况下,触控面板与显示面板是作为两个独立的部件来实现电子设备的输入和输出功能,但是在某些实施例中,可以将触控面板与显示面板集成而实现电子设备的输入和输出功能,具体此处不做限定。
接口单元为外部装置与电子设备连接的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到电子设备中的一个或多个元件或者可以用于在电子设备和外部装置之间传输数据。
电子设备还可以包括给各个部件供电的电源(比如电池),可选的,电源可以通过电源管理系统与处理器162逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
本公开实施例还提供一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述方法实施例提供的评论显示方法。
本领域技术人员应明白,本公开的实施例可提供为方法、系统、或计算机程序产品。因此,本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质上实施的计算机程序产品的形式。
计算机可读介质包括永久性和非永久性、可移动和非可移动存储介质。存储介质可以由任何方法或技术来实现信息存储,信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。根据本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitorymedia),如调制的数据信号和载波。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所述的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (13)
1.一种页面内容展示方法,其特征在于,包括:
显示第一筛选界面;所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;
接收用户的第一操作,所述第一操作为对所述第一控件的操作;
响应于所述第一操作,显示第二筛选界面;所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第二内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收用户的第二操作;所述第二操作为对所述第二内容的拖动操作;
响应于所述第二操作,显示第三筛选界面;所述第三筛选界面包括:所述第一控件和第三内容,所述第三内容为将所述第二内容向第二方向移动第二距离得到的内容,所述第二方向为所述第二操作的拖动方向,所述第二距离为所述第二操作的拖动距离。
3.根据权利要求1所述的方法,其特征在于,所述显示第一筛选界面,包括:
显示初始筛选界面,所述初始筛选界面包括:所述筛选控件群组和由至少一个视频的标识信息组成的第四内容;
接收用户的第三操作,所述第三操作为对所述第四内容的向上拖动操作,所述第三操作的拖动距离大于所述第一距离;
响应于所述第三操作,显示所述第一筛选界面;其中,所述第一内容为将所述第四内容向第三方向移动第三距离得到的内容,所述第三方向为第三操作的拖动方向,所述第三距离为所述第三操作的拖动距离。
4.根据权利要求1所述的方法,其特征在于,所述显示第一筛选界面,包括:
显示初始筛选界面,所述初始筛选界面包括:所述筛选控件群组和由至少一个视频的标识信息组成的第四内容;
接收用户的第四操作,所述第四操作为对所述第四内容的向上惯性滑动操作;
响应于所述第四操作,显示所述第一筛选界面;其中,所述第一内容为输入所述第一操作时所述第一筛选界面显示的视频的标识信息组成的内容。
5.根据权利要求3或4所述的方法,其特征在于,所述显示初始筛选界面,包括:
显示第一界面,所述第一界面包括用于触发进行视频筛选的筛选控件;
接收用户的第五操作,所述第五操作为对所述筛选控件的操作;
响应于所述第五操作,显示所述初始筛选界面。
6.根据权利要求2所述的方法,其特征在于,所述显示第一筛选界面,包括:
显示第一图层上与所述第一内容对应的区域,并在所述第一图层上叠加显示第二图层;所述第一图层包括:第一视图和第二视图,所述第一视图的显示内容为所述筛选控件群组,所述第二视图的显示内容为至少一个视频的标识信息,所述第二图层包括:第三视图,所述第三视图的显示内容为所述第一控件。
7.根据权利要求6所述的方法,其特征在于,所述第一图层还包括:第四视图;所述第四视图与所述第一视图的大小和位置均相同,且所述第四视图的显示内容为空;所述响应于所述第一操作,显示第二筛选界面,包括:
将所述第二图层向第四方向移动所述第一距离,所述第四方向为与所述第一方向相反的方向;
将所述第一视图移动至第二图层中,且设置所述第一视图的起始高度与所述第三视图的起始高度相同,所述第一视图覆盖于所述第三视图上;
将所述第一图层和所述第二图层向所述第一方向移动所述第一距离。
8.根据权利要求7所述的方法,其特征在于,所述响应于所述第二操作,显示第三筛选界面,包括:
将所述第二图层向所述第四方向移动所述第一距离;
将所述第一视图移动至第一图层中所述第四视图所在位置;
将所述第一图层向所述第三方向移动所述第三距离,并将所述第二图层向所述第一方向移动所述第一距离。
9.根据权利要求8所述的方法,其特征在于,所述将所述第二图层向所述第四方向移动所述第一距离包括:对所述第二图层执行第一属性动画;
其中,所述第一属性动画为向所述第四方向移动所述第一距离的属性动画。
10.根据权利要求9所述的方法,其特征在于,所述方法还包括:
若在执行所述第一属性动画过程中接收到用户的第四操作,则取消执行所述第一属性动画,并将所述第一视图移动至第一图层中所述第四视图所在位置;
其中,所述第四操作为触发显示所述第一图层中所述第一视图对应的区域的操作。
11.一种终端设备,其特征在于,包括:
显示单元,用于显示第一筛选界面;所述第一筛选界面包括:第一控件和由至少一个视频的标识信息组成的第一内容;
接收单元,用于接收用户的第一操作,所述第一操作为对所述第一控件的操作;
所述显示单元,还用于响应于所述第一操作,显示第二筛选界面;所述第二筛选界面包括:由至少一个视频类别标签组成的筛选控件群组和第二内容,所述第二内容为将所述第一内容向第一方向移动第一距离得到的内容,所述第一方向为所述第二筛选界面中所述筛选控件群组到所述第一内容的排列方向,所述第一距离为所述筛选控件群组的显示高度。
12.一种电子设备,其特征在于,包括:存储器和处理器,存储器用于存储计算机程序;处理器用于在调用计算机程序时执行权利要求1-10任一项所述的页面内容展示方法。
13.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,计算机程序被处理器执行时实现权利要求1-10任一项所述的页面内容展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110163637.2A CN112800273A (zh) | 2021-02-05 | 2021-02-05 | 一种页面内容展示方法及终端设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110163637.2A CN112800273A (zh) | 2021-02-05 | 2021-02-05 | 一种页面内容展示方法及终端设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112800273A true CN112800273A (zh) | 2021-05-14 |
Family
ID=75814404
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110163637.2A Pending CN112800273A (zh) | 2021-02-05 | 2021-02-05 | 一种页面内容展示方法及终端设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112800273A (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080046462A1 (en) * | 2000-10-31 | 2008-02-21 | Kaufman Michael P | System and Method for Generating Automatic User Interface for Arbitrarily Complex or Large Databases |
CN103678496A (zh) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 提供调整检索页筛选显示的方法和系统 |
CN106339149A (zh) * | 2016-08-09 | 2017-01-18 | 北京三快在线科技有限公司 | 一种显示控制方法、装置及电子设备 |
CN109618210A (zh) * | 2018-11-08 | 2019-04-12 | 北京微播视界科技有限公司 | 视频画面调整方法、装置、计算机设备和可读存储介质 |
CN109857317A (zh) * | 2018-12-21 | 2019-06-07 | 维沃移动通信有限公司 | 一种终端设备的控制方法及终端设备 |
CN110347314A (zh) * | 2018-04-02 | 2019-10-18 | 腾讯科技(深圳)有限公司 | 一种内容展示方法、装置、存储介质和计算机设备 |
CN110489025A (zh) * | 2019-06-28 | 2019-11-22 | 维沃移动通信有限公司 | 界面显示方法及终端设备 |
CN110764671A (zh) * | 2019-11-06 | 2020-02-07 | 北京字节跳动网络技术有限公司 | 信息展示方法、装置、电子设备和计算机可读介质 |
CN111124211A (zh) * | 2018-10-31 | 2020-05-08 | 杭州海康威视系统技术有限公司 | 一种数据显示方法、装置及电子设备 |
-
2021
- 2021-02-05 CN CN202110163637.2A patent/CN112800273A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080046462A1 (en) * | 2000-10-31 | 2008-02-21 | Kaufman Michael P | System and Method for Generating Automatic User Interface for Arbitrarily Complex or Large Databases |
CN103678496A (zh) * | 2013-11-18 | 2014-03-26 | 乐视网信息技术(北京)股份有限公司 | 提供调整检索页筛选显示的方法和系统 |
CN106339149A (zh) * | 2016-08-09 | 2017-01-18 | 北京三快在线科技有限公司 | 一种显示控制方法、装置及电子设备 |
CN110347314A (zh) * | 2018-04-02 | 2019-10-18 | 腾讯科技(深圳)有限公司 | 一种内容展示方法、装置、存储介质和计算机设备 |
CN111124211A (zh) * | 2018-10-31 | 2020-05-08 | 杭州海康威视系统技术有限公司 | 一种数据显示方法、装置及电子设备 |
CN109618210A (zh) * | 2018-11-08 | 2019-04-12 | 北京微播视界科技有限公司 | 视频画面调整方法、装置、计算机设备和可读存储介质 |
CN109857317A (zh) * | 2018-12-21 | 2019-06-07 | 维沃移动通信有限公司 | 一种终端设备的控制方法及终端设备 |
CN110489025A (zh) * | 2019-06-28 | 2019-11-22 | 维沃移动通信有限公司 | 界面显示方法及终端设备 |
CN110764671A (zh) * | 2019-11-06 | 2020-02-07 | 北京字节跳动网络技术有限公司 | 信息展示方法、装置、电子设备和计算机可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11429276B2 (en) | Method for displaying graphical user interface and mobile terminal | |
CN110851051B (zh) | 一种对象分享方法及电子设备 | |
CN111596845B (zh) | 显示控制方法、装置及电子设备 | |
CN110502163B (zh) | 终端设备的控制方法及终端设备 | |
US20210349591A1 (en) | Object processing method and terminal device | |
CN110489025B (zh) | 界面显示方法及终端设备 | |
CN109828705B (zh) | 一种显示图标的方法及终端设备 | |
CN110764666B (zh) | 一种显示控制方法及电子设备 | |
CN110855830A (zh) | 一种信息处理方法及电子设备 | |
CN111338530B (zh) | 应用程序图标的控制方法和电子设备 | |
CN110244884B (zh) | 一种桌面图标管理方法及终端设备 | |
CN109085968B (zh) | 一种截屏方法及终端设备 | |
CN110752981B (zh) | 一种信息控制方法及电子设备 | |
CN109522278B (zh) | 一种文件存储方法及终端设备 | |
CN110703972B (zh) | 一种文件控制方法及电子设备 | |
CN111026299A (zh) | 信息分享方法及电子设备 | |
CN111064848B (zh) | 图片显示方法及电子设备 | |
CN110806826A (zh) | 一种信息显示方法、装置及电子设备 | |
CN110795021B (zh) | 信息显示方法、装置及电子设备 | |
CN108108113B (zh) | 网页切换方法及装置 | |
CN110309003B (zh) | 信息提示方法及移动终端 | |
CN110012152B (zh) | 一种界面显示方法及终端设备 | |
CN109683764B (zh) | 一种图标管理方法及终端 | |
CN109067975B (zh) | 一种联系人信息管理方法及终端设备 | |
CN111026674A (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 |