CN105843485B - 页面显示的方法及装置 - Google Patents

Abstract

本发明涉及一种页面显示的方法及装置，所述方法应用于终端，包括：接收对终端的当前显示页面的滚动指令；根据所述滚动指令，滚动所述页面；检测所述页面中的按钮是否滚动至所述终端的显示界面的预设位置；当所述按钮滚动至所述显示界面的预设位置时，将所述按钮固定显示在所述显示界面的预设位置。所述装置与所述方法对应。本发明可在页面滚动时调整页面中的按钮，以方便用户浏览。

Description

页面显示的方法及装置

技术领域

本发明涉及智能终端技术领域，特别是涉及一种页面显示的方法及装置。

背景技术

智能终端设备由于其更符合人们的操作习惯，快速地被大众接受，且在短短几年的时间内基本上已经全面普及。可以说，未来每一个人类个体可能是一个由智能终端设备连接的“智能人”。

在智能终端上显示的页面通常会提供功能或入口按钮，比如多媒体应用程序提供用来控制多媒体播放的功能按钮，网页应用程序提供查看各种相应页面的功能或入口按钮。传统技术中，通常页面并不能完整的显示在屏幕显示区域中，需要对页面进行上下移动才能查看到页面中的其它部分。当移动页面时，在页面中的功能或入口按钮也会随着页面一起移动。例如，将页面向上移动，则功能或入口按钮也会随着页面一起向上移动，从而移出了屏幕显示区域。当用户在查看页面的过程中需要使用功能或入口按钮时，则需要移动页面使按钮显示在屏幕显示区域中才能使用，非常不便。

发明内容

基于此，有必要提供一种页面显示的方法及装置，方便灵活使用功能或入口按钮显示页面。

一种页面显示的方法，应用于终端，其特征在于，包括：

接收对终端的当前显示页面的滚动指令；

根据所述滚动指令，滚动所述页面；

检测所述页面中的按钮是否滚动至所述终端的显示界面的预设位置；

当所述按钮滚动至所述显示界面的预设位置时，将所述按钮固定显示在所述显示界面的预设位置。

在其中一个实施例中，所述按钮中显示有图像，所述方法还包括：不在所述按钮中显示所述图像。

在其中一个实施例中，所述按钮中显示有文字和图像，所述方法还包括：移动所述按钮中显示的所述文字或所述图像以使所述文字与所述图像之间的间隔缩小。

在其中一个实施例中，所述方法还包括：确定所述间隔小于预设值，不在所述按钮中显示所述文字或所述图像。

在其中一个实施例中，将所述按钮固定显示在所述显示界面的预设位置包括：

缩小所述按钮的尺寸大小；

将缩小尺寸后的按钮固定显示在所述显示界面的预设位置。

以上所述页面显示的方法，根据滚动指令滚动页面时，若页面中的按钮滚动至显示界面的预设位置，则将按钮固定显示在显示界面的预设位置，方便用户通过按钮对页面进行操作，以节省操作时间。

一种页面显示装置，应用于终端，包括：

接收模块，用于接收对终端的当前显示页面的滚动指令；

页面滚动模块，用于根据所述接收模块接收的所述滚动指令，滚动所述页面；

检测模块，用于检测所述页面中的按钮是否滚动至所述终端的显示界面的预设位置；

显示模块，用于当所述检测模块检测到所述按钮滚动至所述显示界面的预设位置时，将所述按钮固定显示在所述显示界面的预设位置。

在其中一个实施例中，所述按钮中显示有图像，所述显示模块，还用于不在所述按钮中显示所述图像。

在其中一个实施例中，所述按钮中显示有文字和图像，所述装置还包括：移动模块，用于移动所述按钮中显示的所述文字或所述图像以使所述文字与所述图像之间的间隔缩小。

在其中一个实施例中，所述装置还包括：确定模块，用于确定所述间隔小于预设值；所述显示模块，还用于当所述确定模块确定所述间隔小于预设值时，不在所述按钮中显示所述文字或所述图像。

在其中一个实施例中，所述装置还包括：

缩小模块，用于缩小所述按钮的尺寸大小；

所述显示模块，还用于将所述缩小模块缩小所述按钮的尺寸大小后的按钮固定显示在所述显示界面的预设位置。

以上所述页面显示的装置，根据滚动指令滚动页面时，若页面中的按钮滚动至显示界面的预设位置，则将按钮固定显示在显示界面的预设位置，方便用户通过按钮对页面进行操作，以节省操作时间。

附图说明

图1为一页面显示的示意图；

图2为另一页面显示的示意图；

图3为一实施例页面显示的方法的流程图；

图4为按钮固定于界面边缘的示意图；

图5为另一实施例页面显示的方法的流程图；

图6为按钮中的文字和图像之间的间隔缩小时的示意图；

图7为又一实施例页面显示的方法的流程图；

图8为不显示按钮中图像时的示意图；

图9为一实施例页面显示装置的结构示意图；

图10为另一实施例页面显示装置的结构示意图；

图11为又一实施例页面显示装置的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

智能终端可以通过自带的应用程序浏览音乐、视频、应用程序等信息，也可以通过安装相应的功能软件实现，如符合Android或iOS等***的APP软件。通过智能终端浏览音乐、视频、应用程序等信息时，智能终端的页面所显示的内容通常包括功能或入口按钮。功能或入口按钮通常包括对应按钮的图像及设置于图像下的文字，如图1中在浏览影视时显示的主题、壁纸、铃声、字体等入口按钮，以及如图2中在浏览应用程序时显示的必备、排行、分类、发现等功能按钮。在浏览过程中，随着用户滚动页面显示后续内容，这些按钮会被滚动出显示区域，如图1所示，当用户向上滚动屏幕以显示后续影视内容时，不仅是原本界面中显示的影视“功夫熊猫”、“美人鱼”、“澳门风云3”会被隐藏，界面中显示的主题、壁纸、铃声、字体等入口按钮也会被同时隐藏；如图2中所示，当用户浏览后续的应用软件时，界面中显示的必备、排行、分类、发现等功能按钮也会被隐藏。而当用户浏览的内容较多时，如要重新通过按钮选择浏览内容，必须要重新手动操作返回原界面，才能通过入口或功能按钮选择浏览内容，不方便操作，也比较费时。

为此，如图3所示，一实施例页面显示的方法包括步骤S110至步骤S140。

步骤S110，接收对终端的当前显示页面的滚动指令；

步骤S120，根据滚动指令，滚动页面；

步骤S130，检测页面中的按钮是否滚动至终端的显示界面的预设位置；

步骤S140，当按钮滚动至显示界面的预设位置时，将按钮固定显示在显示界面的预设位置。

以上页面显示的方法，根据滚动指令滚动页面时，若页面中的按钮滚动至显示界面的预设位置，则将按钮固定显示在显示界面的预设位置，方便用户通过按钮对页面进行操作，以节省操作时间。

本实施例中，可以理解的是，显示界面的预设位置包括界面上下边缘等不同的界面位置，界面位置可以根据用户需要以最合适的显示位置作为预设位置，如界面上边缘等。而将按钮固定显示在预设位置，方便用户对页面的操作。

为方便用户浏览应用，通常按钮设置在页面的首页内容中，或者虽然按钮不在页面首页，但按钮会随着页面的滚动显示在显示界面。可以理解的是，在不限制按钮在页面中的位置前提下，作为本实施例的一种实现方式，当接收到对终端的当前显示页面的滚动指令并根据滚动指令滚动页面时，页面中的按钮会随着页面的滚动显示在显示界面，此时，可以判断页面的滚动方向是否向页面中按钮的方向滚动，当页面向页面中按钮的方向滚动时，检测页面中的按钮是否滚动至显示界面的预设位置，当按钮滚动至显示界面的预设位置时，将按钮固定显示在显示界面的预设位置。例如，当按钮设置在页面首页时，对于竖向显示界面，由于首页页面只能向上滚动，为方便操作，预设位置可以是页面上边缘，当判断页面向上滚动时，当按钮滚动至页面上边缘时，则将按钮固定在页面上边缘，以方便操作。对于按钮在页面其他位置时的显示方式，本实施例均可实现，本实施例包括但不限于可实现本实施例的其他方式。

如图4所示，为本实施例将按钮固定于界面边缘的一种实现方式的示意图。如图4中所示，预设位置设置为显示界面的上边缘，在检测到按钮滚动至显示界面的上边缘时，即将预设位置固定显示于显示界面的上边缘。

对于步骤S140将按钮固定显示在显示界面的预设位置时，若按钮的尺寸较大，页面显示的内容则相应减少，不利于用户浏览。为此，将按钮固定显示在显示界面的预设位置的同时，可以逐渐缩小按钮的尺寸大小直至预设尺寸大小；或者当按钮滚动至显示界面的预设位置时，缩小按钮的尺寸大小至预设尺寸大小，将缩小尺寸后的按钮固定显示在显示界面的预设位置时，可方便用户浏览。

按钮通常包括有图像，本实施例中，在将按钮固定显示在显示界面的预设位置时，可以不在按钮中显示图像。若按钮中的图像在显示界面中占有的显示尺寸过大，用户在浏览页面时，相应显示的内容减少，同样大小的页面内容浏览时间则会延长。因此，将按钮固定在显示界面的预设位置的同时，可以不显示图像，相应缩小整个按钮的尺寸大小，减小按钮在显示界面中占有的显示尺寸，在浏览内容不变的前提下，可有效减小用户浏览页面的时间。

如图5所示，另一实施例页面显示的方法还包括步骤S150。其中S140和S150可同时执行，也可先执行S140再执行S150，也可先执行S150再执行S140。

步骤S150，移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小。

为了方便用户对按钮的识别，如图1、图2及图4所示，按钮通常显示有文字和与文字对应的图像，用户通过文字或图像均可以识别按钮的功能。以图1中所示为例，图中按钮显示有主题、壁纸、铃声、字体功能按钮，通过主题按钮可以更换页面主题，通过壁纸按钮可更换页面显示的壁纸风格，通过铃声按钮可以更改浏览页面时的背景音乐，通过字体按钮可以调整显示字体的大小及风格等。但通常按钮显示的文字与图像尺寸较大，不方便用户浏览。为此，可以移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小，从而减小按钮的尺寸，方便用户浏览。具体的，可以理解的是，在移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小时，可以仅移动文字，使文字向图像的方向移动；也可以仅移动图像，使图像向文字的方向移动；也可以移动文字与图像相向移动，使文字与图像的间隔缩小。可以理解的是，本实施例不限于其他缩小文字与图像之间的间隔的移动方式。图6显示了移动时文字与图像的间隔缩小时的示意图，需要指出的是，当按钮的文字与图像的间隔缩小后，按钮的尺寸逐渐缩小。

如图7所示，又一实施例页面显示的方法还包括步骤S160。

步骤S160，确定间隔小于预设值，不在按钮中显示文字或图像。

通常按钮中有文字及与图像，按钮滚动至预设位置时，显示文字与图像会造成按钮较大，页面显示容易给用户造成页面较小的错觉。为此，通过步骤S150缩小按钮中文字与图像之间的间隔时，当文字与图像之间的间隔在预设值以内时，如文字与图形的中心位置重合等，此时，可以不显示按钮中的文字或图像以缩小按钮的尺寸，方便用户浏览。具体的，对于按钮中的文字与图像，可以根据其在页面中占用的尺寸大小决定隐藏文字或图像，若文字在页面占用的尺寸明显小于图像在页面中占用的尺寸时，可以不显示图像显示文字，以缩小按钮的尺寸，提高页面显示效果；若文字在页面中占用的尺寸明显大于图像在页面中占用的尺寸时，则可以不显示文字显示图像，以缩小按钮框的尺寸。也可以采用其它方式决定不显示文字或图形，比如，若按钮中的图像较容易识别，可以不显示文字显示图像；若文字的含义难以明确理解，容易给用户造成错误或多种理解方式，亦可以不显示文字显示图像。以上方式仅是实现本实施例的可能性选择，其它类似的方式均可实现。具体而言，通常，由于图像对于用户而言不方便识别，因此，本实施例优选的是不显示按钮中的图像，如图8所示，图中所示不显示图像后的按钮明显尺寸缩小，方便用户浏览的同时也方便操作按钮。

如图9所示，一实施例页面显示装置包括接收模块110、页面滚动模块120、检测模块130和显示模块140。

接收模块110用于接收对终端的当前显示页面的滚动指令；

页面滚动模块120用于根据接收模块110接收的滚动指令，滚动页面；

检测模块130用于检测页面中的按钮是否滚动至终端的显示界面的预设位置；

显示模块140用于当检测模块130检测到按钮滚动至显示界面的预设位置时，将按钮固定显示在显示界面的预设位置。

以上页面显示的装置，根据滚动指令滚动页面时，若页面中的按钮滚动至显示界面的预设位置，则将按钮固定显示在显示界面的预设位置，方便用户通过按钮对页面进行操作，以节省操作时间。

本实施例中，接收模块110、页面滚动模块120、检测模块130和显示模块140可以通过移动终端中的CPU或GPU或者二者协同处理实现。

本实施例中，可以理解的是，显示界面的预设位置包括界面上下边缘等不同的界面位置，界面位置可以根据用户需要以最合适的显示位置作为预设位置，如界面上边缘等。而将按钮固定显示在预设位置，方便用户对页面的操作。

为方便用户浏览应用，通常按钮显示在页面的首页内容中，或者虽然按钮不在页面首页，但按钮会随着页面的滚动显示在显示界面。可以理解的是，在不限制按钮在页面中的位置前提下，作为本实施例的一种实现方式，当接收到对终端的当前显示页面的滚动指令并根据滚动指令滚动页面时，页面中的按钮会随着页面的滚动显示在显示界面，此时，可以判断页面的滚动方向是否向页面中按钮的方向滚动，当页面向页面中按钮的方向滚动时，检测页面中的按钮是否滚动至显示界面的预设位置，当按钮滚动至显示界面的预设位置时，将按钮固定显示在显示界面的预设位置。例如，当按钮在页面首页时，对于竖向显示界面，由于首页页面只能向上滚动，为方便操作，预设位置可以是页面上边缘，当判断页面向上滚动时，当按钮滚动至页面上边缘时，则将按钮固定在页面上边缘，以方便操作。对于按钮在页面其他位置时的显示方式，本实施例均可实现，本实施例包括但不限于可实现本实施例的其他方式。如图4所示，为本实施例将按钮固定于界面边缘的一种实现方式的示意图。如图4中所示，预设位置设置为显示界面的上边缘，在检测到按钮滚动至显示界面的上边缘时，即将预设位置固定显示于显示界面的上边缘。

显示模块140将按钮固定显示在显示界面的预设位置时，若按钮的尺寸较大，页面显示的内容则相应减少，不利于用户浏览。为此，本实施例中，页面显示装置还包括缩小模块，用于缩小按钮的尺寸大小。其中，显示模块140还用于将缩小模块缩小按钮的尺寸大小后的按钮固定显示在显示界面的预设位置。

本实施例中，将按钮固定显示在显示界面的预设位置的同时，通过缩小模块可以逐渐缩小按钮的尺寸大小直至预设尺寸大小；或者当按钮滚动至显示界面的预设位置时，缩小按钮的尺寸大小至预设尺寸大小，通过显示模块140将缩小尺寸后的按钮固定显示在显示界面的预设位置，方便用户浏览。

按钮通常包括有图像，本实施例中，显示模块140还用于在将按钮固定显示在显示界面的预设位置时，不在按钮中显示图像。若按钮中的图像在显示界面中占有的显示尺寸过大，用户在浏览页面时，相应显示的内容减少，同样大小的页面内容浏览时间则会延长。因此，将按钮固定在显示界面的预设位置的同时，可以不显示图像，相应缩小整个按钮的尺寸大小，减小按钮在显示界面中占有的显示尺寸，在浏览内容不变的前提下，可有效减小用户浏览页面的时间。

如图10所示，另一实施例页面显示装置还包括移动模块150。

移动模块150用于移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小。

为了方便用户对按钮的识别，如图1、图2及图4所示，按钮通常显示有文字和与文字对应的图像，用户通过文字或图像均可以识别按钮的功能。以图1中所示为例，图中按钮显示有主题、壁纸、铃声、字体功能按钮，通过主题按钮可以更换页面主题，通过壁纸按钮可更换页面显示的壁纸风格，通过铃声按钮可以更改浏览页面时的背景音乐，通过字体按钮可以调整显示字体的大小及风格等。但通常按钮显示的文字与图像尺寸较大，不方便用户浏览。为此，可以移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小，从而减小按钮的尺寸，方便用户浏览。具体的，可以理解的是，在移动按钮中显示的文字或图像以使文字与图像之间的间隔缩小时，可以仅移动文字，使文字向图像的方向移动；也可以仅移动图像，使图像向文字的方向移动；也可以移动文字与图像相向移动，使文字与图像的间隔缩小。可以理解的是，本实施例不限于其他缩小文字与图像之间的间隔的移动方式。图6显示了移动时文字与图像的间隔缩小时的示意图，需要指出的是，当按钮的文字与图像的间隔缩小后，按钮的尺寸逐渐缩小。

如图11所示，又一实施例页面显示装置还包括确定模块160。

确定模块160用于确定间隔小于预设值，其中，显示模块140还用于当确定模块160确定间隔小于预设值时，不在按钮中显示文字或图像。

通常按钮中有文字及与图像，按钮滚动至预设位置时，显示文字与图像会造成按钮较大，页面显示容易给用户造成页面较小的错觉。为此，缩小按钮中文字与图像之间的间隔时，当文字与图像之间的间隔在预设值以内时，如文字与图形的中心位置重合等，此时，可以不显示按钮中的文字或图像以缩小按钮的尺寸，方便用户浏览。具体的，对于按钮中的文字与图像，可以根据其在页面中占用的尺寸大小决定不显示文字或图像，若文字在页面占用的尺寸明显小于图像在页面中占用的尺寸时，可以不显示图像显示文字，以缩小按钮的尺寸，提高页面显示效果；若文字在页面中占用的尺寸明显大于图像在页面中占用的尺寸时，则可以不显示文字显示图像，以缩小按钮框的尺寸。也可以采用其它方式决定不显示文字或图形，比如，若按钮中的图像较容易识别，可以不显示文字显示图像；若文字的含义难以明确理解，容易给用户造成错误或多种理解方式，亦可以不显示文字显示图像。以上方式仅是实现本实施例的可能性选择，其它类似的方式均可实现。具体而言，通常，由于图像对于用户而言不方便识别，因此，本实施例优选的是不显示按钮中的图像，如图8所示，图中所示不显示图像后的按钮明显尺寸缩小，方便用户浏览的同时也方便操作按钮。

以上从功能划分的角度对本实施例中的页面显示装置进行了描述，可以理解的是，在实际应用中，通过移动终端内的物理器件可以分别完成上述功能，如移动终端包括的CPU、GPU、存储器、显示屏和触摸屏等。

其中，CPU可以接收页面滚动指令滚动页面，并检测页面中的按钮是否滚动至终端的显示界面的预设位置。当页面中的按钮滚动至终端的显示界面的预设位置时，CPU可以调用GPU调整按钮的显示，使按钮固定显示于预设位置。

需要说明的是，本实施例描述的移动终端中各物理器件的操作，而在实际应用中，随着物理器件的组合或连接方式的不同，还可以有更多的操作方式，例如CPU和GPU集成实现时的操作方式等，具体此处不做限定。

本实施例中，应该理解到，所述装置和方法亦可以通过其它的方式实现。例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，其中的一些特征可以忽略，或不执行。

作为分离部件说明的模块可以是或者也可以不是物理上分开的，即可以位于一个地方，或者也可以分布到多个部件上。可以根据实际的需要选择其中的部分或者全部部件来实现本实施例方案的目的。

另外，在本实施例中的各功能模块可以集成在一个处理部件中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个部件中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (6)

1.一种页面显示的方法，应用于终端，其特征在于，包括：

接收对终端的当前显示页面的滚动指令；

根据所述滚动指令，滚动所述页面；

检测所述页面中的按钮是否滚动至所述终端的显示界面的预设位置；

当所述按钮滚动至所述显示界面的预设位置时，将所述按钮固定显示在所述显示界面的预设位置；

其中，所述按钮中显示有文字和图像，移动所述按钮中显示的所述文字或所述图像以使所述文字与所述图像之间的间隔缩小；当按钮的文字与图像的间隔缩小后，按钮的尺寸逐渐缩小；

确定所述间隔小于预设值时，不在所述按钮中显示所述文字或所述图像。

2.根据权利要求1所述的方法，其特征在于，所述按钮中显示有图像，所述方法还包括：

不在所述按钮中显示所述图像。

3.根据权利要求1或2所述的方法，其特征在于，将所述按钮固定显示在所述显示界面的预设位置，包括：

缩小所述按钮的尺寸大小；

将缩小尺寸后的按钮固定显示在所述显示界面的预设位置。

4.一种页面显示的装置，应用于终端，其特征在于，包括：

接收模块，用于接收对终端的当前显示页面的滚动指令；

页面滚动模块，用于根据所述接收模块接收的所述滚动指令，滚动所述页面；

检测模块，用于检测所述页面中的按钮是否滚动至所述终端的显示界面的预设位置；

显示模块，用于当所述检测模块检测到所述按钮滚动至所述显示界面的预设位置时，将所述按钮固定显示在所述显示界面的预设位置；

其中，所述按钮中显示有文字和图像，所述装置还包括：

移动模块，用于移动所述按钮中显示的所述文字或所述图像以使所述文字与所述图像之间的间隔缩小；当按钮的文字与图像的间隔缩小后，按钮的尺寸逐渐缩小；

确定模块，用于确定所述间隔小于预设值；

所述显示模块，还用于当所述确定模块确定所述间隔小于预设值时，不在所述按钮中显示所述文字或所述图像。

5.根据权利要求4所述的装置，其特征在于，所述按钮中显示有图像，所述显示模块，还用于不在所述按钮中显示所述图像。

6.根据权利要求4或5所述的装置，其特征在于，所述装置还包括：

缩小模块，用于缩小所述按钮的尺寸大小；

所述显示模块，还用于将所述缩小模块缩小所述按钮的尺寸大小后的按钮固定显示在所述显示界面的预设位置。