CN106371715A - 实现多条目切换的方法和装置 - Google Patents

实现多条目切换的方法和装置 Download PDF

Info

Publication number
CN106371715A
CN106371715A CN201510438186.3A CN201510438186A CN106371715A CN 106371715 A CN106371715 A CN 106371715A CN 201510438186 A CN201510438186 A CN 201510438186A CN 106371715 A CN106371715 A CN 106371715A
Authority
CN
China
Prior art keywords
entry
content
interface
item list
content 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.)
Granted
Application number
CN201510438186.3A
Other languages
English (en)
Other versions
CN106371715B (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 CN201510438186.3A priority Critical patent/CN106371715B/zh
Publication of CN106371715A publication Critical patent/CN106371715A/zh
Application granted granted Critical
Publication of CN106371715B publication Critical patent/CN106371715B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供了一种实现多条目切换的方法,包括:任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作;跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示;侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目;按照所述目标条目切换所述内容界面中显示的内容。此外,还提供了一种与该方法匹配的实现多条目切换的装置。上述实现多条目切换的方法和装置通用性能高,能适用于各种屏幕尺寸的便携终端设备。

Description

实现多条目切换的方法和装置
技术领域
本发明涉及计算机应用技术领域,特别涉及一种实现多条目切换的方法和装置。
背景技术
随着计算机应用以及各种便携终端设备的发展,用户随时随地经由便携终端设备中运行的各种应用实现当前的各种需求。为适配便携终端设备的屏幕限制,应用所进行的各种界面显示将是满屏进行的,对于多个条目中任一条目下所进行的内容显示而言,若需要切换为另一条目下的内容显示则需要输入多步操作方可完成,所需要耗费的输入成本较高且易于出现误操作。
例如,智能手机所运行的聊天工具中,联系人或群组对应的聊天界面将在屏幕中满屏显示,若需切换到另一联系人或群组对应的聊天界面,则首先在当前满屏显示的聊天界面触发一定的操作,以返回进行消息列表的满屏显示的界面,并对消息列表中的任一条目触发选定操作方可实现屏幕中聊天界面的切换,此运行的聊天工具中不可避免地产生了高昂输入成本以及频繁的误操作。
因此,一旦便携终端设备的屏幕尺寸稍有变大,例如平板电脑,所适用的聊天工具将采用左右结构的界面,即左边为消息列表,右边为聊天界面的形式,进而使得消息列表中任一条目所对应的聊天界面的切换只需要点击左边的消息列表即可由一步操作实现。
但是,这仅仅限于某此屏幕尺寸稍大的便携终端设备,并不适用于屏幕尺寸稍小的智能手机等便携终端设备,从而使得多个条目中任一条目下所进行的内容显示无论采用何种实现方式均无法达到了适用于各种屏幕尺寸的便携终端设备且避免多步操作的目的。
发明内容
基于此,有必要提供一种能适用于各种屏幕尺寸的便携终端设备且避免多步操作的实现多条目切换的方法。
此外,还有必要提供一种能适用于各种屏幕尺寸的便携终端设备且避免多步操作的实现多条目切换的装置。
为解决上述技术问题,将采用如下技术方案:
一种实现多条目切换的方法,包括:
任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作;
跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示;
侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目;
按照所述目标条目切换所述内容界面中显示的内容。
一种实现多条目切换的装置,包括:
滑动侦听模块,用于在任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作;
控制模块,用于跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示;
切换侦听模块,用于侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目;
显示模块,用于按照所述目标条目切换所述内容界面中显示的内容。
由上述技术方案可知,在进行任一条目的相应内容的显示中,所对应的内容界面在屏幕进行沉浸式显示,侦听得到了触发内容界面滑动的操作之后,将跟踪该操作,以控制内容界面的部分移出以及条目所在的条目列表的显示,侦听得到该操作触发条目列表进行目标条目切换时,将获取得到了切换的目标条目,按照目标条目切换进行相应内容的显示,即切换进行沉浸式显示的内容界面中对该目标条目进行相应内容的显示,从而在界面所进行的沉浸式显示、沉浸式显示的界面中内容界面的部分移出、条目列表的随之显示这一系列过程的配合下,使得多个条目中任一条目下所进行的内容显示能适用于各种屏幕尺寸的便携终端设备且只需要一步操作即可完成条目的切换,避免了多步操作,有效地降低了操作复杂性和发生误操作的可能性,从而降低了输入成本。
附图说明
图1是本发明实施例提供的一种便携终端设备的结构示意图;
图2是一个实施例中实现多条目切换的方法的流程图;
图3是另一个实施例中实现多条目切换的方法的流程图;
图4是图2中跟踪该操作,以控制内容界面的部分移出以及条目所在的条目列表的显示的方法流程图;
图5是图2中侦听得到该操作触发条目列表中进行的目标条目切换,以得到目标条目的方法流程图;
图6是图2中按照目标条目切换内容界面中显示的内容的方法流程图;
图7是一个实施例中聊天工具的消息列表的显示示意图;
图8是图7中消息列表和内容界面的切换示意图;
图9是图8中切换所得到了的内容界面的显示示意图;
图10是图9中右划手势的界面示意图;
图11是图9的右划手势所切换得到的拼接界面中上下划动的手势的触发示意图;
图12是图11的拼接界面中消息列表的消息条目之间的跳转示意图;
图13是图12中跳转的内容界面示意图;
图14是一个实施例中实现多条目切换的装置的结构示意图;
图15是另一个实施例中实现多条目切换的装置的结构示意图;
图16是一个实施例中控制模块的结构示意图;
图17是一个实施例中切换侦听模块的结构示意图;
图18是一个实施例中显示模块的结构示意图。
具体实施方式
体现本发明特征与优点的典型实施方式将在以下的说明中详细叙述。应理解的是本发明能够在不同的实施方式上具有各种的变化,其皆不脱离本发明的范围,且其中的说明及图示在本质上是当作说明之用,而非用以限制本发明。
如前所述,便携终端设备中,根据其屏幕尺寸的大小区别,对于至少一个条目所形成的条目列表和条目列表中任一条目的内容所形成的下一级界面,即内容界面,其所进行的界面布局将各有不同。
小尺寸屏幕的便携终端设备中,条目列表和内容界面虽相互关联,但其各自是独立进行显示的,即分别满屏显示于屏幕中。用户若通过聊天工具与多个联系人和/或群组同时进行聊天,则需要反复切换聊天界面,即交替进行消息列表和聊天界面的显示,因此,对于便携终端设备的用户而言操作非常繁琐,由此可知,不可避免的多步界面的切换极大的损害了便携终端设备中实现多个条目之间显示内容的切换,效率非常低下。
而稍大尺寸屏幕的便携终端设备中,条目列表和内容界面相互关联且按照左右结构进行界面布局,以形成一统一界面,进而避免了界面之间的切换,以提高效率,但由于屏幕尺寸的限制,并不适用于小尺寸屏幕的便携终端设备。
因此,为确保通用性,可适用于各种屏幕尺寸的便携终端设备,特提出了一种实现多条目切换的方法。该实现多条目切换的方法由计算机程序实现,与之相对应的,所构建的实现多条目切换的装置则被存储于带有屏幕的便携终端设备中,以在该便携终端设备中运行,进而实现多个条目的任一条目的内容显示以及条目的切换。
图1示出了本发明实施例提供的一种便携终端设备的结构。该便携终端设备100只是一个适用本发明的示例,不能认为是提供了对本发明的使用范围的任何 限制。该便携终端设备100也不能解释为需要依赖于或具有图示的示例性的便携终端设备100中的一个或者多个部件的组合。
如图1所示,便携终端设备100包括处理器110、存储器120和系统总线130。包括存储器120和处理器110在内的各种组件将连接到系统总线130上。处理器110是一个用于通过计算机系统中基本的算术和逻辑运算来执行计算机程序指令的硬件。存储器120是一个用于临时或永久性存储计算机程序或数据的物理设备。
其中,存储器120中存储了若干个条目以及条目所对应的内容;处理器110将执行存储器120中的程序指令,侦听输入的各种操作,并对侦听得到的操作进行响应。
便携终端设备100还包括各种输入接口170、输入装置140,以实现各种操作的输入。其中,该输入装置140可以是触摸屏幕、按键、键盘和鼠标等至少一种。
便携终端设备100还包括存储设备180,存储设备180可以从多种计算机可读存储介质中选择,计算机可读介质是指可以进行访问的任何可利用的介质,包括移动的和固定的两种介质。例如,计算机可读介质,包括但不限于闪速存储器(微型SD卡)、CD-ROM、数字通用光盘(DVD)或其它光盘、磁带盒、磁带存储或其它存储设备、或者可用于存储所需信息并可访问的任何其它介质。
如上面所详细描述的,适用本发明的便携终端设备100将执行实现多条目切换的指定操作,即通过处理器110运行存储器120中的程序指令的形式执行该指定操作,以实现便携终端设备100中多个条目之间内容显示的切换。
此外,通过硬件电路或者硬件电路结合软件指令也能同样实现本发明,因此,实现本发明并不限于任何特定硬件电路、软件以及两者的组合。
在一个实施例中,具体的,该实现多条目切换的方法如图2所示,包括:
步骤210,任一条目进行沉浸式显示的内容界面中,侦听得到触发内容界面滑动的操作。
便携终端设备当前运行的应用中包含了至少一个条目,每一条目均有与之相对应的内容,在应用所提供的条目列表中,用户可通过输入任一条目的选定操作,在屏幕中进行该条目相应内容的显示。
其中,任一条目在屏幕中进行的内容显示是通过沉浸式的内容界面实现的。该沉浸式的界面指的是占据了整个屏幕,以在屏幕中形成的整体界面,使得屏幕中进行的显示成为一个整体。
任一条目进行的沉浸式的内容显示中,由于这一显示方式为最大程度的大范围呈现可供用户浏览的内容,即对条目的内容显示进行了全屏扩展,因此,对于便携终端设备中用户操作的输入而言,将提高了操作输入的精准性且降低了所需耗费的输入成本。
在任一条目对内容进行沉浸式显示的内容界面中,对内容界面的触发进行侦听,进而得到触发该内容界面滑动的操作。
步骤230,跟踪该操作,以控制内容界面的部分移出以及条目所在的条目列表的显示。
根据便携终端设备中采用的输入方式,触发内容界面进行滑动的操作可以是触摸屏幕中对内容界面触发的滑动手势,也可以是通过鼠标控制的光标对内容界面触发的操作等,无论何种形式的操作,其所对应的轨迹都将是与内容界面的滑动相对应的。
跟踪该操作在内容界面中的移动,触发占据整个屏幕的内容界面随之滑动,由于内容界面的大小是与屏幕大小相适应的,因此随之滑动的内容界面将有部分移出屏幕,不再占据整个屏幕,与之相对应的,该条目所在的条目列表将随着内容界面的部分移出屏幕而显示于屏幕中。
步骤250,侦听得到该操作触发条目列表中进行的目标条目切换,以得到目标条目。
随着内容界面的移出以及条目列表的显示,将使得屏幕同时进行了内容界面和条目列表的显示,此时,前述触发内容界面滑动的操作并未停止,也就是说,任一条目进行沉浸式显示的内容界面中,用户按下屏幕并沿某一方向移动,以输入操作,相应的,将执行该操作,在屏幕中部分移出内容界面并显示条目列表,此时,用户并未松开该操作,而是继续在屏幕中触发条目列表进行目标条目的切换,待切换至所期望的目标条目之后将松开,以停止当前操作的输入。
通过这一过程,对于用户所进行的操作而言,只需一步操作即可进行两个条目之间的切换,以切换得到目标条目,避免了便携终端设备的多条目切换中多步操作的发生,进而使得用户能够在多个条目中快速准确地确定切换的条目。
步骤270,按照目标条目切换内容界面中显示的内容。
在获取得到确定的目标条目之后,根据目标条目获取相应的内容,以在进行沉浸式显示的内容界面中显示获取得到的内容。
通过如上所述的过程,内容界面所进行的内容显示、内容界面和条目列表在屏幕中的显示都是沉浸式的,因此,其浏览和操作不再受到屏幕尺寸的影响和限制,可适用于任何屏幕尺寸的便携终端设备,且各种输入也没有任何障碍,特别是对于屏幕尺寸较小的便携终端而言,可顺畅地进行内容浏览以及条目的切换,误操作出现的可能性非常低。
需要说明的是,如上所述的实现过程可应用于任一应用所需要进行的多个条目中任一条目的内容显示以及进行内容显示的条目之间的切换,例如,条目列表可为聊天工具中的消息列表或进行聊天的联系人头像、群组头像所形成的列表,所显示的内容为消息列表中任一条目对应的消息内容。
也就是说,通过如上所述的实现过程,聊天工具中消息列表包含了与用户进行聊天的一个或者多个联系人条目和/或群组条目,所进行沉浸式显示的内容即为用户与联系人或群组进行聊天的消息,用户只需要输入触发内容界面移出和消息列表中任一条目的跳转切换的操作,即可由当前显示的某一联系人或者群组的聊天消息切换为另一联系人或群组的聊天消息,操作方便简单,不用多次输入操作,也不用切换多个界面。
在一个实施例中,如图3所示,上述步骤110之前,如上所述的方法还包括如下步骤:
步骤310,获取条目列表中当前触发进行内容显示的条目。
便携终端设备中,可通过在当前显示的条目列表触发进行的滑动操作选取触发进行内容显示的条目。例如,该触发的滑动操作可以是通过触摸屏幕中触发的滑动手势实现的。
步骤330,根据当前触发进行内容显示的条目获取对应的内容。
步骤350,对内容进行沉浸式显示,以得到进行沉浸式显示的内容界面。
根据条目列表中触发进行内容显示的条目获取得到相应的内容之后,将在屏幕中展示进行沉浸式显示的内容界面,该内容界面中显示了获取得到的内容。
需要说明的是,本实施例中,如上所述的过程被执行于屏幕当前显示的条目列表任一条目的内容显示,例如,运行于便携终端设备中聊天工具的消息列表被切换为屏幕当前显示的界面,且通过消息列表中触发的任一条目将相应的聊天消息进行显示。
通过如上所述的过程,便携终端设备运行的应用中可由条目列表实现任一条目所对应的沉浸式的内容显示,进而为用户提供沉浸式的使用体验,在屏幕尺寸受到限制的便携终端设备中也能实现大屏效果,增强了其中便携终端设备中的显示效果。
进一步的,在本实施例中,该步骤330之后,如上所述的方法还包括动态隐藏进行内容显示的条目所在的条目列表的步骤。
例如,在聊天工具中,对于进行沉浸式显示的消息列表中的任一条目触发了内容显示之后,将对该进行沉浸式显示的消息列表进行动态隐藏,以便于在屏幕中进行内容的沉浸式显示。
在一个实施例中,如图4所示,上述步骤230包括:
步骤231,跟随侦听得到的操作在进行沉浸式显示的内容界面中的移动,将内容界面部分移出。
该操作可以是进行沉浸式显示的内容界面中沿某一方向的移动操作,例如,该操作可以是屏幕中右划的操作,相应的,内容界面也随之右移,进而使得内容界面的右侧随着屏幕中右划的操作逐渐移出屏幕。
也就是说,内容界面的移动是跟随操作的执行,该操作为屏幕中左划的操作,则内容界面左移;若为屏幕中右划的操作,则内容界面随之右移。
步骤233,随着内容界面的移出,条目所在的条目列表填补内容界面中的移出。
屏幕中随着内容界面的逐渐移出,相关联的条目列表将逐渐显露于屏幕中,以填补屏幕中由于内容界面的移出所留出的区域。具体的,随着触发的操作,将控制内容界面按照一定方向逐渐移出屏幕,并调用相关联的条目列表,使条目列表随着内容界面的移出而逐渐显露,例如,随着内容界面在屏幕中的右移,相关联的条目列表将由屏幕的左侧边缘逐渐向右移入屏幕。
需要说明的是,对于内容界面中触发的操作,若该操作驱使内容界面沿一方向移动超出设定距离,则不再随着内容界面的继续移出,而是直接返回相关联的条目列表。
步骤235,拼接内容界面和条目列表形成沉浸式显示的拼接界面。
屏幕中已部分移出的内容界面和显露的条目列表拼接在一起,以得到一拼接界面,并沉浸式显示于屏幕中。
通过如上所述的过程实现了内容界面和条目列表的动态显示,进而通过便携终端设备的屏幕为用户提供了进行快速切换条目的入口,用户只需要一步操作,例如,触摸屏幕中的一个手势,即可切换当前进行内容显示的条目,从而变换显示的内容,由此所实现的多个条目的切换将具备通用性,可适用于任意屏幕尺寸的便携终端设备。
进一步的,在本实施例中,如5所示,如上所述的步骤250包括:
步骤251,侦听得到跟踪的操作在拼接界面中触发的移动发生偏离,沿条目列表中条目的布设方向移动。
如前所述的,随着屏幕中操作的触发,将执行该操作以顺畅对进行沉浸式显示的内容界面和拼接界面的动态切换,此时,将不会停止该操作,而继续通过该操作触发屏幕中显示的拼接界面。
具体的,在形成条目列表和内容界面所构成的拼接界面时,该操作所进行的移动将偏离当前的方向,也就是说,该操作所进行的移动将与当前的移动呈一定的角度进行,该角度可为90度或者小于90度的任意角度。
上述描述中,形成拼接界面所进行内容界面的移动以及条目列表的逐渐显露均与该操作所进行的移动相关,换而言之,部分移出的内容界面和逐渐显示的条目列表进行移动所对应的方向是与该操作所进行的移动的方向相匹配的。
在此基础上,为便于实现拼接界面中对条目列表所进行的目标条目选定,条目列表中若干个条目将是沿内容界面移出所对应方向的垂向进行均布设置的;与之相对应的,所侦听得到的发生偏离的操作是与条目列表中若干个条目的布设相对应的。
在优选的实施例中,部分移出的内容界面和逐渐显露的条目列表进行移动所对应的方向可为屏幕中的横向或竖向,即内容界面和条目列表在屏幕中进行横向移动或竖向移动,在横向移动的场景下条目列表将置于屏幕中的左侧边缘部分或右侧边缘部分,而在竖向移动的场景下条目列表则会置于屏幕中的顶部或者底部。
与之相对应的,对于进行横向移动的内容界面而言,实现如上所述的界面切换以得到目标条目的操作将是在进行横向移动后竖向移动,以分别实现内容界面至拼接界面的切换以及条目列表中目标条目的选定,此时,若该操作停止,则按照选定的目标条目进行内容的显示,以切换至目标条目对应的内容界面。
步骤253,跟踪该移动,以根据该移动在条目列表中的若干个条目之间进行跳转切换。
便携终端设备中,跟踪得到相对原有移动方向发生了偏移的移动,该移动所对应的轨迹将是与条目列表在若干个条目的布设相匹配的。例如,拼接界面中,若干个条目是竖向布设于条目列表中的,则该移动所对应的轨迹也将是竖向的;与之相类似的,假设若干个条目横向布设于条目列表中,则该移动所对应的轨迹也将是横向的。
步骤255,待操作停止,使进行的条目跳转切换停留于当前所在的条目,所述条目即为目标条目。
拼接界面的条目列表中对条目触发进行的跳转切换操作停止时,当前所在的条目即为选定的目标条目。
通过如上所述的过程,将使得用户可通过随意的操作即可实现条目的切换,进而可随意对条目列表中的若干个条目进行切换,从而对于便携终端设备中操作的的输入而言,不再需要考虑屏幕尺寸的限制,为应用中界面的设置提供了方便性。
在一个实施例中,如图6所示,上述步骤270包括:
步骤271,获取目标条目对应的内容。
根据条目列表中当前切换所得到的目标条目,获取其所对应的内容。
步骤273,变换内容界面进行的显示,以使包含目标条目对应的内容的内容界面进行沉浸式显示。
将内容界面中显示的内容由上一条目所对应的内容变换为目标条目所对应的内容,并在屏幕中对内容界面进行沉浸式显示。
如上所述的实现过程可应用于聊天工具中的消息列表中对消息进行内容显示的切换场景,也可应用于便携终端设备的短信应用中短信列表对短信进行内容显示的切换场景,还可应用于便携终端设备的联系人应用中联系人列表对联系人条目进行内容显示的切换场景,此外,邮件中的邮件列表、联系人列表也可适用,在此不一一进行列举。
此外,随着目标条目对应的内容所进行的沉浸式显示的实现,该条目列表将进行动态隐藏,也就是说,将内容界面移回屏幕中。
由上所知,如上所述的实现过程可适用于各种需要进行切换的多个list形态的界面,以轻易实现多个list形态的界面中的切换。
需要说明的,对于如上所述的条目列表和内容界面而言,条目列表为一级界面,内容界面为二级界面,基于此页面关系,当点击作为一级界面的条目列表中任一条目后,内容界面将滑出并覆盖在条目列表上。
此外,如上所述的条目列表在界面中的表现形式可以是简略内容所形成的列表,也可以是条目中对应图标所形成的列表,其可根据屏幕尺寸确定。例如,聊天工具中,如上所述的条目列表可为多个消息条目,每一消息条目均显示了最后一条聊天消息;也可以是进行聊天的联系人头像或者群组头像的图标形式。
下面结合一个具体的实施例来详细阐述上述实现多条目切换的方法。该实施例中,以聊天工具为例,条目列表为聊天工具中的消息列表,而本发明所指的条目则为消息列表中的任一消息条目,内容界面则是对任一条目条目的聊天消息进行显示的界面。
如上所述的,聊天工具中消息列表为一级界面,内容界面则为二级界面,因此,便携终端设备触发运行聊天工具时,用户可根据需要将聊天工具当前显示的界面切换至消息列表,以使得作为一级界面的消息列表在屏幕中进行沉浸式显示。
在本实施例所进行的应用场景举例说明中,便携终端设备为带触摸屏幕的任一便携终端设备,例如,带触摸屏幕的智能手机或者平板电脑。
带触摸屏幕的智能手机中,触发运行的聊天工具通过用户在触摸屏幕上触发的操作将消息列表701以沉浸式界面的形式进行显示,如图7所示,在此消息列表701中,根据用户的点击操作选取任一消息条目703,该消息条目703是用户与某一联系人或群组进行聊天所对应的条目。
触摸屏幕中界面进行竖向显示,如图7所示的手势,即手指在触摸屏幕中点击任一消息条目,则触发该消息条目对应的二级界面,即内容界面803由触摸屏幕右侧边缘滑入,以逐渐覆盖消息列表701,即如图8所示的过程,其中,图8中所标识的箭头801即为内容界面803的移动方向。在此,将获取该点击的消息条目所对应的聊天消息,以将该内容显示在滑入触摸屏幕的内容界面803,进而得到了如图9所示的进行沉浸式显示的内容界面803。
如上所述的,消息列表701中包含了若干个消息条目,而触摸屏幕当前显示的内容界面仅显示了一消息条目的聊天消息,若需要显示其它的聊天消息,则需要进行消息条目的切换。
具体的,在如图9所示的内容界面803中,用户可在触摸屏幕上触发右划手势,即如图10中箭头1001所指的方向,在侦听得到触发的右划手势时,将跟踪右划手势,以获知其中进行沉浸式显示的内容界面803部分移出触摸屏幕。
随着内容界面803的移出,消息条目所在的消息列表701填补内容界面803的移出,以形成拼接界面,即消息列表701和内容界面803所构成的界面。
用户触发的用于形成拼接界面的右划手势并未松开,而进直接在拼接界面中继续触发上下划动的手势,即如图11中箭头1101所指示的,在图11所示的拼接界面中,触发上下划动的手势之前所对应的消息条目为消息列表中的第四个消息条目1103,而当前内容界面中显示的内容也第四消息条目1103所对应的聊天消息。
如图12所示,通过触发的上下划动的手势,消息列表中将由第四个消息条目1103切换至第二个消息条目1201,此时,用户的手指抬起,以松开上下划动的手势,内容界面803将向左移回,覆盖消息列表701,以动态隐藏该消息列表701,进而得到如图13所示的进行对第二消息条目1201对应的聊天消息进行沉浸式显示的内容界面。
由如上所述的过程可知,对于用户在触摸屏幕中触发的手势而言,其只需触发一个手势即可实现条目的切换,实现了条目列表中任意条目的快速切换的交互方式,并在沉浸式显示方式的配合下可随意适配各种屏幕尺寸的便携终端设备,提高了用户效率。
在一个实施例中,还相应地提供了一种实现多条目切换的装置,如图14所示,该装置包括滑动侦听模块310、控制模块330、切换侦听模块350和显示模块370,其中:
滑动侦听模块310,用于在任一条目进行沉浸式显示的内容界面中,侦听得到了触发内容界面滑动的操作。
控制模块330,用于跟踪该操作,以控制内容界面的部分移出以及条目所在的条目列表的显示。
切换侦听模块350,用于侦听得到了该操作触发条目列表中进行的目标条目切换,以得到了目标条目。
显示模块370,用于按照目标条目切换内容界面中显示的内容。
在一个实施例中,如图15所示,如上所述的装置还包括第一条目获取模块410、第一内容获取模块430和第一内容显示模块450,其中:
第一目获取模块410,用于获取条目列表中当前触发进行内容显示的条目。
第一内容获取模块430,用于根据当前触发进行内容显示的条目获取对应的内容。
第一内容显示模块450,用于对内容进行沉浸式显示,以得到了进行沉浸式显示的内容界面。
在另一个实施例中,如上所述的装置还包括了动态隐藏模块,该动态隐藏模块用于动态隐藏进行内容显示的条目所在的条目列表。
进一步的,如图16所示,如上所述的控制模块330包括移出单元331、填补单元333和拼接单元335,其中:
移出单元331,用于跟随侦听得到了的操作在进行沉浸式显示的内容界面中的移动,将内容界面部分移出。
填补单元333,用于随着内容界面的移出,条目所在的条目列表填补内容界面的移出。
拼接单元335,用于拼接内容界面和条目列表形成进行沉浸式显示的拼接界面。
进一步的,如图17所示,如上所述的切换侦听模块350包括偏离侦听单元351、跳转单元353和目标获取单元355,其中:
偏离侦听单元351,用于侦听得到了跟踪的操作在拼接界面中触发的移动发生偏离,沿条目列表中条目的布设方向移动。
跳转单元353,用于跟踪移动,以根据移动在条目列表中的若干个条目之间进行跳转切换。
目标获取单元355,用于待操作停止,使进行的条目跳转切换停留于当前所在的条目,该条目即为目标条目。
进一步的,如图18所示,如上所述的显示模块370包括第二内容获取单元371和变换单元373,其中:
第二内容获取单元371,用于获取目标条目对应的内容。
变换单元373,用于变换内容界面进行的显示,以使包含目标条目对应的内容的内容界面进行沉浸式显示。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
虽然已参照几个典型实施方式描述了本发明,但应当理解,所用的术语是说明和示例性、而非限制性的术语。由于本发明能够以多种形式具体实施而不脱离发明的精神或实质,所以应当理解,上述实施方式不限于任何前述的细节,而应在随附权利要求所限定的精神和范围内广泛地解释,因此落入权利要求或其等效范围内的全部变化和改型都应为随附权利要求所涵盖。

Claims (12)

1.一种实现多条目切换的方法,其特征在于,包括:
任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作;
跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示;
侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目;
按照所述目标条目切换所述内容界面中显示的内容。
2.根据权利要求1所述的方法,其特征在于,所述任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作的步骤之前,所述方法还包括:
获取条目列表中当前触发进行内容显示的条目;
根据所述当前触发进行内容显示的条目获取对应的内容;
对所述内容进行沉浸式显示,以得到所述进行沉浸式显示的内容界面。
3.根据权利要求2所述的方法,其特征在于,所述根据当前触发进行内容显示的条目获取对应的内容的步骤之后,所述方法还包括:
动态隐藏所述进行内容显示的条目所在的条目列表。
4.根据权利要求1所述的方法,其特征在于,所述跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示的步骤包括:
跟随所述侦听得到的操作在所述进行沉浸式显示的内容界面中的移动,将所述内容界面部分移出;
随着所述内容界面的移出,所述条目所在的条目列表填补所述内容界面的移出;
拼接所述内容界面和条目列表形成进行沉浸式显示的拼接界面。
5.根据权利要求4所述的方法,其特征在于,所述侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目的步骤包括:
侦听得到所述跟踪的操作在所述拼接界面中触发的移动发生偏离,沿所述条目列表中条目的布设方向移动;
跟踪所述移动,以根据所述移动在所述条目列表中的若干个条目之间进行跳转切换;
待所述操作停止,使所述进行的条目跳转切换停留于当前所在的条目,所述条目即为目标条目。
6.根据权利要求1所述的方法,其特征在于,按照所述目标条目切换所述内容界面中显示的内容的步骤包括:
获取所述目标条目对应的内容;
变换所述内容界面进行的显示,以使包含所述目标条目对应的内容的内容界面进行沉浸式显示。
7. 一种实现多条目切换的装置,其特征在于,包括:
滑动侦听模块,用于在任一条目进行沉浸式显示的内容界面中,侦听得到触发所述内容界面滑动的操作;
控制模块,用于跟踪所述操作,以控制所述内容界面的部分移出以及所述条目所在的条目列表的显示;
切换侦听模块,用于侦听得到所述操作触发所述条目列表中进行的目标条目切换,以得到所述目标条目;
显示模块,用于按照所述目标条目切换所述内容界面中显示的内容。
8.根据权利要求7所述的装置,其特征在于,所述装置还包括:
第一条目获取模块,用于获取条目列表中当前触发进行内容显示的条目;
第一内容获取模块,用于根据所述当前触发进行内容显示的条目获取对应的内容;
第一内容显示模块,用于对所述内容进行沉浸式显示,以得到所述进行沉浸式显示的内容界面。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:
动态隐藏模块,用于动态隐藏所述进行内容显示的条目所在的条目列表。
10.根据权利要求7所述的装置,其特征在于,所述控制模块包括:
移出单元,用于跟随所述侦听得到的操作在所述进行沉浸式显示的内容界面中的移动,将所述内容界面部分移出;
填补单元,用于随着所述内容界面的移出,所述条目所在的条目列表填补所述内容界面的移出;
拼接单元,用于拼接所述内容界面和条目列表形成进行沉浸式显示的拼接界面。
11.根据权利要求10所述的装置,其特征在于,所述切换侦听模块包括:
偏离侦听单元,用于侦听得到所述跟踪的操作在所述拼接界面中触发的移动发生偏离,沿所述条目列表中条目的布设方向移动;
跳转单元,用于跟踪所述移动,以根据所述移动在所述条目列表中的若干个条目之间进行跳转切换;
目标获取单元,用于待所述操作停止,使所述进行的条目跳转切换停留于当前所在的条目,所述条目即为目标条目。
12.根据权利要求7所述的装置,其特征在于,所述显示模块包括:
第二内容获取单元,用于获取所述目标条目对应的内容;
变换单元,用于变换所述内容界面进行的显示,以使包含所述目标条目对应的内容的内容界面进行沉浸式显示。
CN201510438186.3A 2015-07-23 2015-07-23 实现多条目切换的方法和装置 Active CN106371715B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510438186.3A CN106371715B (zh) 2015-07-23 2015-07-23 实现多条目切换的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510438186.3A CN106371715B (zh) 2015-07-23 2015-07-23 实现多条目切换的方法和装置

Publications (2)

Publication Number Publication Date
CN106371715A true CN106371715A (zh) 2017-02-01
CN106371715B CN106371715B (zh) 2020-04-03

Family

ID=57881020

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510438186.3A Active CN106371715B (zh) 2015-07-23 2015-07-23 实现多条目切换的方法和装置

Country Status (1)

Country Link
CN (1) CN106371715B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109725820A (zh) * 2018-12-29 2019-05-07 武汉心络科技有限公司 获取列表条目的方法和装置
CN110018766A (zh) * 2019-01-04 2019-07-16 阿里巴巴集团控股有限公司 网页表单填写方法及装置
CN110633039A (zh) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 一种页面的填充方法、装置、终端设备及介质
WO2021103906A1 (zh) * 2019-11-27 2021-06-03 掌阅科技股份有限公司 基于播放页面的内容分发方法、计算设备及计算机存储介质
CN114077371A (zh) * 2021-11-12 2022-02-22 北京百度网讯科技有限公司 信息展示方法、装置、电子设备以及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090247112A1 (en) * 2008-03-28 2009-10-01 Sprint Communications Company L.P. Event disposition control for mobile communications device
CN102184255A (zh) * 2011-05-30 2011-09-14 昆山富泰科电脑有限公司 在便携式多功能设备上进行多网页浏览切换的方法与用户图形界面
CN103069378A (zh) * 2010-07-08 2013-04-24 苹果公司 用于用户接口屏幕导航的装置、方法和图形用户接口
CN103218143A (zh) * 2012-01-18 2013-07-24 阿里巴巴集团控股有限公司 一种分类页面切换方法及移动设备
CN103336659A (zh) * 2012-02-24 2013-10-02 三星电子株式会社 捕获内容的方法及其移动终端
CN103838508A (zh) * 2014-01-03 2014-06-04 浙江宇天科技股份有限公司 控制智能终端界面显示的方法及其装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090247112A1 (en) * 2008-03-28 2009-10-01 Sprint Communications Company L.P. Event disposition control for mobile communications device
CN103069378A (zh) * 2010-07-08 2013-04-24 苹果公司 用于用户接口屏幕导航的装置、方法和图形用户接口
CN102184255A (zh) * 2011-05-30 2011-09-14 昆山富泰科电脑有限公司 在便携式多功能设备上进行多网页浏览切换的方法与用户图形界面
CN103218143A (zh) * 2012-01-18 2013-07-24 阿里巴巴集团控股有限公司 一种分类页面切换方法及移动设备
CN103336659A (zh) * 2012-02-24 2013-10-02 三星电子株式会社 捕获内容的方法及其移动终端
CN103838508A (zh) * 2014-01-03 2014-06-04 浙江宇天科技股份有限公司 控制智能终端界面显示的方法及其装置

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109725820A (zh) * 2018-12-29 2019-05-07 武汉心络科技有限公司 获取列表条目的方法和装置
CN109725820B (zh) * 2018-12-29 2020-11-10 武汉心络科技有限公司 获取列表条目的方法和装置
CN110018766A (zh) * 2019-01-04 2019-07-16 阿里巴巴集团控股有限公司 网页表单填写方法及装置
CN110633039A (zh) * 2019-09-05 2019-12-31 北京无限光场科技有限公司 一种页面的填充方法、装置、终端设备及介质
CN110633039B (zh) * 2019-09-05 2021-05-14 北京无限光场科技有限公司 一种页面的填充方法、装置、终端设备及介质
WO2021103906A1 (zh) * 2019-11-27 2021-06-03 掌阅科技股份有限公司 基于播放页面的内容分发方法、计算设备及计算机存储介质
CN114077371A (zh) * 2021-11-12 2022-02-22 北京百度网讯科技有限公司 信息展示方法、装置、电子设备以及存储介质

Also Published As

Publication number Publication date
CN106371715B (zh) 2020-04-03

Similar Documents

Publication Publication Date Title
US10983668B2 (en) Method and apparatus for component display processing
CN103793176B (zh) 一种应用程序间快速切换的方法及装置
CN106371715A (zh) 实现多条目切换的方法和装置
EP2763016B1 (en) Scrolling method and electronic device thereof
CN107704157B (zh) 一种多屏界面操作方法、装置及存储介质
CN104063128A (zh) 一种信息处理方法及电子设备
US12086395B2 (en) Device control method, storage medium, and non-transitory computer-readable electronic device
JP2016531356A (ja) ウィジェットエリアの調整方法および調整装置
CN103488424A (zh) 一种信息展示的方法及装置
KR101968690B1 (ko) 키 패드 디스플레이 방법 및 장치와 그 방법에 대한 프로그램 소스를 저장한 기록 매체
CN112732157A (zh) 媒体文件播放控制方法、装置、电子设备及存储介质
CN103885713B (zh) 一种信息处理方法及电子设备
AU2019205000B2 (en) Component display processing method and user equipment
CN106681630A (zh) 一种移动终端的操作方法及装置
CN106033293B (zh) 一种信息处理方法及电子设备
CN112015262A (zh) 数据处理、界面控制方法、装置、设备和存储介质
KR20120116981A (ko) 컴포넌트를 디스플레이 프로세싱하는 방법 및 사용자 장치

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