CN104035676A - 一种页面的切换方法及装置 - Google Patents
一种页面的切换方法及装置 Download PDFInfo
- Publication number
- CN104035676A CN104035676A CN201410293076.8A CN201410293076A CN104035676A CN 104035676 A CN104035676 A CN 104035676A CN 201410293076 A CN201410293076 A CN 201410293076A CN 104035676 A CN104035676 A CN 104035676A
- Authority
- CN
- China
- Prior art keywords
- label
- display interface
- mode
- page
- current display
- 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
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种页面的切换方法及装置,所述方法包括:获取对当前页面中标签的选择指示;根据选择指示,在当前显示界面中,按照预设移入方式移入标签对应的内容并显示;根据选择指示,将当前页面中未被选择的标签按照预设移出方式移出当前显示界面。通过本发明公开的一种页面的切换方法及装置,通过在当前显示界面中对网页标签的进行移出和移入的处理,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数。
Description
技术领域
本发明实施例涉及终端界面数据处理技术,尤其涉及一种页面的切换方法及装置。
背景技术
随着智能终端及应用软件(APP)技术的发展,越来越多的用户使用APP浏览信息。
目前,用户使用APP浏览信息时,在列表页面上显示多个条目,每个条目对应一个网页,根据用户的浏览需求,用户通过点击相应的条目,切换到想要查看的网页。在现有的在切换页面的过程中,页面层级跳跃感较强,用户很容易在切换页面的过程中迷失方向,需要进行多次操作,才能切换到想要查看的页面,必然将导致用户切换页面次数增加,从而导致操作切换页面过程所耗费的时间增长,将会消耗额外的电量。对于智能手机和平板电脑之类的电量有限的移动终端来讲,会缩短续航时间。
发明内容
本发明实施例提供一种页面的切换方法及装置,以实现避免用户在切换页面的过程中迷失方向,降低切换页面的次数。
一方面,本发明实施例提供了一种切换页面的方法,包括:
获取对当前页面中标签的选择指示;
根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示;
根据所述选择指示,将所述当前页面中未被选择的标签按照预设移出方式移出所述当前显示界面。
另一方面,本发明实施例提供了一种切换页面的装置,包括:选择指示获取模块、内容移入模块和标签移出模块;其中,
所述选择指示获取模块,用于获取对当前页面中标签的选择指示;
所述内容移入模块,用于根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示;
所述标签移出模块,用于根据所述选择指示,将所述当前页面中未被选择的标签按照预设移出方式移出所述当前显示界面。
本发明实施例通过一种切换页面的方法及装置,通过在当前显示界面中对网页标签的进行移出和移入的处理,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数,进而提高了移动终端的续航时间。
附图说明
图1为本发明实施例一提供的一种切换页面的方法的流程示意图;
图2为本发明实施例二提供的一种切换页面的方法的流程示意图;
图3为本发明实施例二提供的当前显示界面示意图;
图4为本发明实施例三提供的一种切换页面的方法的流程示意图;
图5为本发明实施例三提供的当前显示界面示意图;
图6为本发明实施例四提供的一种切换页面的装置的结构示意图;
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种切换页面的方法的流程示意图,该方法可适用于用户使用APP(应用软件)查看信息的情况下,该方法可以由切换页面的装置来执行,该装置可以由硬件和/或软件来实现,该装置可以配置在任意终端中,典型的是配置在具有处理切换页面功能的终端中。该方法具体包括:
S101,获取对当前页面中标签的选择指示。
在上述操作中,当前页面的类型可以为列表页面,则标签可以为列表条目。当前页面上可以显示至少两个标签,标签可以是文字与图片的组合或多幅图片的组合,并且可以对标签进行单击、双击或滑动中的至少一种操作。标签中的图片可以是缩略图,以便减少占用的显示界面,在当前页面上显示更多的标签,使得用户在当前页面上获得更多信息。
S102,根据选择指示,在当前显示界面中,按照预设移入方式移入标签对应的内容并显示。
在上述操作中,当前显示界面可以是移动终端屏幕的显示界面,移动终端可以是手机、PAD(平板电脑)等具有屏幕的设备。预设的移入方式可以是放大、平移和淡入中的至少一项。标签对应的内容可以是与标签内文字相对应的正文,也可以是与标签内缩略图相对应的原图,以便用户可以查看完整的与被选择的标签相对应的页面。
S103,根据选择指示,将当前页面中未被选择的标签按照预设移出方式移出当前显示界面。
在上述操作中,未被选择的标签可以是未被单击、双击或滑动的标签,未被选择的标签可以是以缩小、平移和淡出中的至少一种方式移出当前显示界面,在当前显示界面中不再显示未被选择的标签,从而可以避免未被选择的标签占据当前显示界面,对用户造成视觉干扰。
通过本发明实施例一提供的切换页面的方法,可以通过在当前显示界面中对标签的进行移出和移入的处理,由于在同一个显示界面中进行操作,所以不会发生界面切换,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数,进而提高了移动终端的续航时间。
实施例二
图2为本发明实施例二提供的一种切换页面的方法的流程示意图。
以当前页面为列表页面,显示的各个标签为文图混排类列表条目为例,当前页面如图3所示,本发明实施例二提供了一种切换页面的方法,包括:
S201,获取对当前页面中标签的选择指示。
在上述操作中,当前页面包括由上至下依次排列的四个标签,标签为文字与图片的组合的文图混排类列表条目。被选择的标签为“可能取代人的9类机器人”。
S202,根据选择指示,将图片移动至当前显示界面中的设定位置,并放大图片,将标签对应内容中的文字以淡入的方式移入当前显示界面中。
在上述操作中,可以将“可能取代人的9类机器人”标签中的图片移动至当前显示界面中的设定位置,具体的,设定位置可以是图片在标签对应内容的底图中的位置相对应。其中,可以将与标签对应内容中的文字以淡入的方式移入当前显示界面中,文字淡入的过程可以是文字的透明度由100%至0%的转换过程。放大前的图片为缩率图,放大后的图片与原图大小一致,以便用户可以查看到清晰的图片。
S203,根据选择指示,将当前页面中未被选择的标签,向当前显示界面的至少一侧边缘移动,并以淡出的方式隐藏标签。
在上述操作中,当前页面中包括三个未被选择的标签,位于“可能取代人的9类机器人”标签之上的两个未被选择的标签可以向当前显示界面的顶端移动;位于“可能取代人的9类机器人”标签之下的未被选择的标签可以向当前显示界面的底端移动,以淡出的方式隐藏标签,隐藏的过程可以是透明度由0%到100%的转换过程。当然,未被选择的标签也可以向当前显示界面的左右两端移动,这只是本发明实施例二提供的一个优选实施例,并不构成限定。
通过本发明实施例二提供的一种切换页面的方法,可以通过在当前显示界面中对“可能取代人的9类机器人”标签对应的内容进行移入,将未被选择的标签进行移出,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数,进而提高了移动终端的续航时间。
实施例三
图4为本发明实施例三提供的一种切换页面的方法的流程示意图。
以当前页面为列表页面,被选择的标签是组图类列表条目为例,如图5所示,本发明实施例三提供了一种切换页面的方法,如图4所示,包括:
S401,获取对当前页面中标签的选择指示。
在上述操作中,被选择的标签为“芦英作品:湿地苇客”,标签中包括三幅图片,图片以缩略图的方式显示。
S402,根据选择指示,则将图片在当前显示界面中按照预设移入方式进行展开排列,并放大图片。
在上述操作中,被选中的标签中的三张图片平移并展开排列,并放大图片至尺寸。
S403,根据选择指示,将当前页面中未被选择的标签,向当前显示界面的至少一侧边缘移动,并以淡出的方式隐藏标签。
在上述操作中,“芦英作品:湿地苇客”标签之上的一个未被选择的标签,向当前显示界面的上端移动,“芦英作品:湿地苇客”标签之下的两个未被选择的标签,向当前显示界面的下端移动,并以淡出的方式隐藏标签。
通过本发明实施例三提供的一种切换页面的方法,可以通过在当前页面中移入“芦英作品:湿地苇客”标签的内容,将未被选择的标签移出,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数,进而提高了移动终端的续航时间。
实施例四
图6为本发明实施例四提供的一种切换页面的装置的结构示意图。
本发明实施例提供了一种页面的切换装置,包括:选择指示获取模块61、内容移入模块62和标签移出模块63。
其中,选择指示获取模块61,用于获取对当前页面中标签的选择指示;内容移入模块62,用于根据选择指示,在当前显示界面中,按照预设移入方式移入标签对应的内容并显示;标签移出模块63,用于根据选择指示,将当前页面中未被选择的标签按照预设移出方式移出当前显示界面。
在选择指示获取模块61中,当前页面的类型可以为列表页面,标签为可以为列表条目。选择指示包括:对标签进行单击、双击或滑动操作。标签可以为文字与图片的组合或多幅图片的组合。
如果标签为文字与图片的组合时,则内容移入模块62具体用于,根据选择指示,将图片移动至当前显示界面中的设定位置,并放大图片,其中,设定位置与图片在标签对应内容的底图中的位置相对应;将标签对应内容中的文字以淡入的方式移入当前显示界面中。
如果标签为多幅图片的组合,包括至少两张图片,则内容移入模块62具体用于,根据选择指示,将图片在当前显示界面中按照预设移入方式进行展开排列,并放大图片。
标签移出模块63,具体用于根据选择指示,将当前页面中未被选择的标签,向当前显示界面的至少一侧边缘移动,并以淡出的方式隐藏标签。
在上述各个实施例中,预设移入方式和预设移出方式包括缩放、平移和淡入淡出中的至少一项。
通过本发明实施例公开的一种切换页面的装置,可以通过在当前页面中对网页标签的进行移出和移入的处理,减轻了切换页面的跳跃感,降低了用户在切换页面时迷失路径的概率,从而降低了迷失路径时的操作次数,进而提高了移动终端的续航时间。
请注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (14)
1.一种页面的切换方法,其特征在于,包括:
获取对当前页面中标签的选择指示;
根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示;
根据所述选择指示,将所述当前页面中未被选择的标签按照预设移出方式移出所述当前显示界面。
2.根据权利要求1所述的方法,其特征在于:所述当前页面的类型为列表页面,所述标签为列表条目。
3.根据权利要求1或2所述的方法,其特征在于,所述预设移入方式和所述预设移出方式包括缩放、平移和淡入淡出中的至少一项。
4.根据权利要求3所述的方法,其特征在于,根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示包括:
根据所述选择指示,如果所述标签为文字与图片的组合,则将所述图片移动至所述当前显示界面中的设定位置,并放大所述图片,其中,所述设定位置与所述图片在标签对应内容的底图中的位置相对应;
将所述标签对应内容中的文字以淡入的方式移入所述当前显示界面中。
5.根据权利要求3所述的方法,其特征在于,根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示包括:
根据所述选择指示,如果所述标签包括至少两张图片,则将所述图片在所述当前显示界面中按照预设移入方式进行展开排列,并放大所述图片。
6.根据权利要求3所述的方法,其特征在于,根据所述选择指示,将所述当前页面中未被选择的标签按照预设移出方式移出所述当前显示界面包括:
根据所述选择指示,将所述当前页面中未被选择的标签,向所述当前显示界面的至少一侧边缘移动,并以淡出的方式隐藏所述标签。
7.根据权利要求1所述的方法,其特征在于,所述选择指示包括:对所述标签进行单击、双击或滑动操作。
8.一种页面的切换装置,其特征在于,包括:选择指示获取模块、内容移入模块和标签移出模块;其中,
所述选择指示获取模块,用于获取对当前页面中标签的选择指示;
所述内容移入模块,用于根据所述选择指示,在当前显示界面中,按照预设移入方式移入所述标签对应的内容并显示;
所述标签移出模块,用于根据所述选择指示,将所述当前页面中未被选择的标签按照预设移出方式移出所述当前显示界面。
9.根据权利要求8所述的装置,其特征在于:所述当前页面的类型为列表页面,所述标签为列表条目。
10.根据权利要求8或9所述的装置,其特征在于,所述预设移入方式和所述预设移出方式包括缩放、平移和淡入淡出中的至少一项。
11.根据权利要求10所述的装置,其特征在于,所述内容移入模块具体用于,根据所述选择指示,如果所述标签为文字与图片的组合,则将所述图片移动至所述当前显示界面中的设定位置,并放大所述图片,其中,所述设定位置与所述图片在标签对应内容的底图中的位置相对应;将所述标签对应内容中的文字以淡入的方式移入所述当前显示界面中。
12.根据权利要求10所述的装置,其特征在于,所述内容移入模块,具体用于根据所述选择指示,如果所述标签包括至少两张图片,则将所述图片在所述当前显示界面中按照预设移入方式进行展开排列,并放大所述图片。
13.根据权利要求10所述的装置,其特征在于,所述标签移出模块,具体用于根据所述选择指示,将所述当前页面中未被选择的标签,向所述当前显示界面的至少一侧边缘移动,并以淡出的方式隐藏所述标签。
14.根据权利要求8所述的装置,其特征在于,所述选择指示包括:对所述标签进行单击、双击或滑动操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410293076.8A CN104035676B (zh) | 2014-06-25 | 2014-06-25 | 一种页面的切换方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410293076.8A CN104035676B (zh) | 2014-06-25 | 2014-06-25 | 一种页面的切换方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104035676A true CN104035676A (zh) | 2014-09-10 |
CN104035676B CN104035676B (zh) | 2019-01-18 |
Family
ID=51466467
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410293076.8A Active CN104035676B (zh) | 2014-06-25 | 2014-06-25 | 一种页面的切换方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104035676B (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106775708A (zh) * | 2016-12-13 | 2017-05-31 | 北京小米移动软件有限公司 | 移动终端的页面切换控制方法及装置 |
CN109739593A (zh) * | 2018-11-21 | 2019-05-10 | 惠州Tcl移动通信有限公司 | 多网页切换浏览方法、移动终端及计算机可读存储介质 |
CN111104177A (zh) * | 2018-10-25 | 2020-05-05 | 阿里巴巴集团控股有限公司 | 视图组件的切换方法、装置及终端设备 |
CN112835478A (zh) * | 2019-11-22 | 2021-05-25 | 腾讯科技(深圳)有限公司 | 客户端中标签的显示处理方法、装置、设备及存储介质 |
CN115104874A (zh) * | 2022-07-26 | 2022-09-27 | 深圳市西昊智能家具有限公司 | 智能椅的控制方法、装置、计算机设备和存储介质 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101344836A (zh) * | 2007-07-13 | 2009-01-14 | 奥多比公司 | 简化的用户界面导航 |
US20100199224A1 (en) * | 2009-02-05 | 2010-08-05 | Opentv, Inc. | System and method for generating a user interface for text and item selection |
CN101923723A (zh) * | 2009-06-16 | 2010-12-22 | 汉王科技股份有限公司 | 实现电子文档显示的方法 |
CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
CN102331994A (zh) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | 一种嵌入式系统页面特效的实现方法及嵌入式系统 |
CN102460369A (zh) * | 2009-04-30 | 2012-05-16 | 大众汽车有限公司 | 用于显示排序成列表的信息的方法和设备 |
CN102929491A (zh) * | 2011-11-14 | 2013-02-13 | 微软公司 | 跨窗口动画 |
CN102945116A (zh) * | 2012-10-19 | 2013-02-27 | 广东欧珀移动通信有限公司 | 一种界面切换显示方法、装置及移动终端 |
CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
CN103631475A (zh) * | 2012-08-29 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 切换窗口的方法和装置 |
-
2014
- 2014-06-25 CN CN201410293076.8A patent/CN104035676B/zh active Active
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101344836A (zh) * | 2007-07-13 | 2009-01-14 | 奥多比公司 | 简化的用户界面导航 |
US20100199224A1 (en) * | 2009-02-05 | 2010-08-05 | Opentv, Inc. | System and method for generating a user interface for text and item selection |
CN102460369A (zh) * | 2009-04-30 | 2012-05-16 | 大众汽车有限公司 | 用于显示排序成列表的信息的方法和设备 |
CN101923723A (zh) * | 2009-06-16 | 2010-12-22 | 汉王科技股份有限公司 | 实现电子文档显示的方法 |
CN102214068A (zh) * | 2011-04-28 | 2011-10-12 | 宇龙计算机通信科技(深圳)有限公司 | 页面切换显示的控制方法和移动终端 |
CN102331994A (zh) * | 2011-06-24 | 2012-01-25 | 中兴通讯股份有限公司 | 一种嵌入式系统页面特效的实现方法及嵌入式系统 |
CN102929491A (zh) * | 2011-11-14 | 2013-02-13 | 微软公司 | 跨窗口动画 |
CN103324403A (zh) * | 2012-03-22 | 2013-09-25 | 腾讯科技(深圳)有限公司 | 页面切换方法、装置和移动终端 |
CN103631475A (zh) * | 2012-08-29 | 2014-03-12 | 腾讯科技(深圳)有限公司 | 切换窗口的方法和装置 |
CN102945116A (zh) * | 2012-10-19 | 2013-02-27 | 广东欧珀移动通信有限公司 | 一种界面切换显示方法、装置及移动终端 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106775708A (zh) * | 2016-12-13 | 2017-05-31 | 北京小米移动软件有限公司 | 移动终端的页面切换控制方法及装置 |
CN111104177A (zh) * | 2018-10-25 | 2020-05-05 | 阿里巴巴集团控股有限公司 | 视图组件的切换方法、装置及终端设备 |
CN111104177B (zh) * | 2018-10-25 | 2024-04-26 | 阿里巴巴集团控股有限公司 | 视图组件的切换方法、装置及终端设备 |
CN109739593A (zh) * | 2018-11-21 | 2019-05-10 | 惠州Tcl移动通信有限公司 | 多网页切换浏览方法、移动终端及计算机可读存储介质 |
CN109739593B (zh) * | 2018-11-21 | 2022-06-10 | 惠州Tcl移动通信有限公司 | 多网页切换浏览方法、移动终端及计算机可读存储介质 |
CN112835478A (zh) * | 2019-11-22 | 2021-05-25 | 腾讯科技(深圳)有限公司 | 客户端中标签的显示处理方法、装置、设备及存储介质 |
CN115104874A (zh) * | 2022-07-26 | 2022-09-27 | 深圳市西昊智能家具有限公司 | 智能椅的控制方法、装置、计算机设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104035676B (zh) | 2019-01-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104205098B (zh) | 使用阵列模式在浏览器中的内容项之间进行导航 | |
US9304668B2 (en) | Method and apparatus for customizing a display screen of a user interface | |
CN102467318B (zh) | 用于触摸屏的快速桌面切换方法和装置 | |
CN102866832B (zh) | 布置区块 | |
US20160202887A1 (en) | Method for managing application icon and terminal | |
JP5745091B2 (ja) | 電子文書の表示を行う方法、並びにその装置及びコンピュータ・プログラム | |
CN104035676A (zh) | 一种页面的切换方法及装置 | |
EP2557490A1 (en) | Icon adding method and device in interface of android system and mobile terminal | |
CN102077161A (zh) | 信息处理设备、显示控制方法和记录介质 | |
CN103678646A (zh) | 一种页面呈现方法及装置 | |
US10712933B2 (en) | Terminal and method for controlling terminal | |
KR102072049B1 (ko) | 단말 및 이를 이용한 텍스트 편집방법 | |
CN103870134A (zh) | 一种信息浏览的方法及装置 | |
CN102609178A (zh) | 具有触摸屏的电子设备及其页面处理方法 | |
CN102841900B (zh) | 页面处理方法和装置 | |
CN106371715B (zh) | 实现多条目切换的方法和装置 | |
CN104951193A (zh) | 菜单显示方法及装置 | |
CN103488424A (zh) | 一种信息展示的方法及装置 | |
KR20170053410A (ko) | 복수의 화면을 표시하는 전자장치 및 그 제어 방법 | |
CN104918126A (zh) | 一种频道的切换方法和装置 | |
CN113407075B (zh) | 图标整理方法、装置和电子设备 | |
CN103472988A (zh) | 显示内容切换方法、系统及移动终端 | |
AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
CN103677785A (zh) | 一种浏览器的窗口管理方法及窗口管理终端 | |
CN104216944A (zh) | 网页内容显示方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |