控制浮标显示的方法及装置与流程

本发明涉及显示控制技术领域，特别涉及一种控制浮标显示的方法及装置。

背景技术：

在现有技术中，用户在浏览页面(如网页等)时，由于显示窗口大小的限制，页面通常不能全部显示，因此用户一般是通过拖动滚动条来实现浏览全部页面。但是，在拖动滚动条的过程中，设置在页面上的浮标会随着滚动条的滚动，而随页面一起向上或向下移动。这样，使得浮标一会出现在显示窗口中，一会隐藏在显示窗口中，使得用户不能随时看到浮标，而只有通过再次拖动滚动条才能看到浮标。而这样来回的拖动滚动条将使得用户的操作变复杂，并且对用户的时间也是一种浪费，从而降低了用户的体验。

技术实现要素：

本发明实施方式的目的在于提供一种控制浮标显示的方法及装置，使得浮标不会随着页面的滚动而移动，而能够始终在显示窗口中显示。

为解决上述技术问题，本发明的实施方式提供了一种控制浮标显示的方法，包含：控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上；控制该用户页面滚动；以及当该用户页面滚动时，控制该浮标始终在该显示窗口中显示。

本发明的实施方式还提供了一种控制浮标显示的装置，包含：第一控制模块，用于控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上；第二控制模块，用于控制该用户页面滚动；以及第三控制模块，用于当该用户页面滚动时，控制该浮标始终在该显示窗口中显示。

本发明实施方式相对于现有技术而言，当用户页面滚动时，浮标并不会随着用户页面的滚动而滚动，而是始终在显示窗口中显示，因此本发明实施例可以避免浮标被隐藏。另外，上述方式还使得用户在拖动滚动条的过程中，始终能够看到浮标，而不必来回移动滚动条来查看浮标，因此本发明实施方式可以提升用户的体验。

另外，该控制该浮标始终在该显示窗口中显示，包括：控制该浮标显示时与该显示窗口的端部的距离维持为预设值，其中该端部为该显示窗口的顶端或底端。本发明实施方式，通过将浮标距离显示窗口顶端或底面的距离维持为预设值，从而使得该用户页面在滚动时，该浮标依旧能够始终在显示窗口中显示。

另外，该浮标包括：第一浮标和第二浮标；其中，该控制该浮标显示时与该显示窗口的端部的距离维持为预设值，包括：控制该第一浮标距离该显示窗口的端部的距离维持为第一预设值；以及当该第一浮标和该第二浮标之间的距离为第二预设值时，控制该第一浮标随该用户页面滚动。本发明实施方式，当浮标有多个时，当第一浮标和第二浮标之间的距离为某特定值(如第二预设值)时，控制该第一浮标随用户页面滚动，从而使得第二浮标可以被显示。

另外，该浮标包括：悬浮窗，且该预设值大于等于0。浮标为悬浮窗时，可以在悬浮窗中设置用户感兴趣的内容，如用户感兴趣的音视频内容、推荐信息，等等。

另外，在该控制用户页面和浮标显示于显示窗口中之前，还包括：判断该用户页面中是否需要显示浮标；当判断到需要显示浮标时，设置该浮标距离该显示窗口的端部的高度值，该高度值作为该预设值；其中，该控制用户页面和浮标显示于显示窗口中，包括：控制浮标和用户页面在该显示窗口中显示，且控制该浮标至该显示窗口的端部的距离为该设置的高度值。本发明实施方式，在显示用户页面和浮标之前，可以先判断是否需要显示浮标，若需要显示浮标，则可以设置浮标距离显示窗口的端部的高度值，并按照此高度值来显示该浮标，并且之后亦维持该高度值不变，从而可以使得用户页面在滚动时，该浮标仍能够显示，而不会被隐藏。

附图说明

图1是本发明第一实施方式的控制浮标显示的方法的流程示意图；

图2是本发明第二实施方式的控制浮标显示的方法的流程示意图；

图3是本发明第三实施方式的控制浮标显示的方法的流程示意图；

图4是本发明第四实施方式的控制浮标显示的方法的流程示意图；

图5是本发明用于说明浮标显示效果的示意图；

图6是本发明第五实施方式的控制浮标显示的装置的结构示意图；

图7是本发明第六实施方式的控制浮标显示的装置的结构示意图；

图8是本发明第七实施方式的终端的结构示意图；

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明的各实施方式进行详细的阐述。然而，本领域的普通技术人员可以理解，在本发明各实施方式中，为了使读者更好地理解本申请而提出了许多技术细节。但是，即使没有这些技术细节和基于以下各实施方式的种种变化和修改，也可以实现本申请所要求保护的技术方案。

本发明的第一实施方式涉及一种控制浮标显示的方法，其流程如图1所示。

如图1所示，该控制浮标显示的方法可以包含：

步骤102：控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上。

步骤104：控制该用户页面滚动。以及

步骤106：当该用户页面滚动时，控制该浮标始终在该显示窗口中显示。

其中，在步骤102中的用户页面例如可以是用户浏览的网页，例如商品页面、资讯页面、体育新闻页面，等等，这些本发明实施方式都不做限制。步骤102中的浮标例如可以是悬浮窗，该悬浮窗可以悬浮于用户页面上。其中，该悬浮窗中可以呈现新闻资讯、推荐信息、或者播放视频等等。这些本发明都不做限制。其中，显示窗口为向用户呈现该用户页面和浮标的窗口。其中，显示窗口由于其大小的限制，用户页面可能无法完全在该显示窗口中呈现，因此显示窗口一般提供有滚动条来供用户滚动页面，从而查看页面中的完整内容。

其中，在步骤104中，当检测到用户触发的滚动操作时，可以根据该检测到的滚动操作，控制用户页面滚动。例如，当检测到用户快速的滚动操作时，则相应地控制用户页面快速地滚动。当检测到用户缓慢的滚动操作时，则相应地控制用户页面慢速地滚动。换句话说，用户页面的滚动速度可以由用户的滚动操作的快慢来决定。

其中，在步骤106中，当控制用户页面滚动时，控制该浮标始终在显示窗口中显示。也就是说，用户页面在滚动时，浮标并不会随之滚动，从而使得浮标始终能够被呈现，而不会由于用户页面的滚动而隐藏。

本实施方式的控制浮标显示的方法，当用户页面滚动时，浮标并不会随着用户页面的滚动而滚动，而是始终在显示窗口中显示，因此本实施方式可以避免浮标被隐藏。另外，上述方式还使得用户在拖动滚动条的过程中，始终能够看到浮标，而不必来回移动滚动条来查看浮标，因此本实施方式可以提升用户的体验。

本发明的第二实施方式涉及一种控制浮标显示的方法。第二实施方式与第一实施方式大致相同，主要区别之处在于：图2的实施方式对图1的实施方式中的步骤106做了进一步限制，例如图2的实施方式限定了：其是通过控制该浮标显示时与该显示窗口的端部的距离维持为预设值，而使得用户页面在滚动时，该浮标始终能够在显示窗口中显示。具体的，如图2所示，该控制浮标显示的方法包括：

步骤202：控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上。

步骤204：控制该用户页面滚动。以及

步骤206：当该用户页面滚动时，控制该浮标显示时与该显示窗口的端部的距离维持为预设值。

其中，在步骤206中，该端部为该显示窗口的顶端或底端。由于显示窗口的顶端和底面固定，因此以显示窗口的顶端或底端为参考，使得浮标距离该显示窗口的端部的距离始终为预设值，可以使得在用户页面滚动时，该浮标始终能够被显示。其中，该预设值可以大于或等于0。其中该预设值的大小可以根据显示窗口的大小和浮标的大小等因素来综合考量。并且对于不同的显示窗口或不同的浮标该预设值可以不同。

本实施例方式，通过将浮标距离显示窗口顶端或底面的距离维持为预设值，从而使得该用户页面在滚动时，该浮标依旧能够始终在显示窗口中显示。

本发明的第三实施方式也涉及一种控制浮标显示的方法，如图3所示。第三实施方式主要涉及多个浮标的问题。由于在同一用户页面上可能会呈现多个浮标，而不同浮标呈现的内容可能不同，因此本实施方式所要解决的问题即当存在多个浮标时，如何显示的问题。具体的，如图3所示，该控制浮标显示的方法包括：

步骤302：控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上。

步骤304：控制该用户页面滚动。

步骤306：控制将第一浮标显示时与该显示窗口的端部的距离维持为第一预设值。以及

步骤308：当该第一浮标和该第二浮标之间的距离为第二预设值时，控制该第一浮标随该用户页面滚动。

其中，在步骤306中，当用户页面滚动时，先将该第一浮标显示时与该显示窗口的端部的距离维持为第一预设值。此时，第一浮标不会随着用户页面的滚动而滚动。但是此时第二浮标会随着用户页面的滚动而滚动，这样就使得第一浮标和第二浮标之间的距离变近，若此时仍控制第一浮标不滚动，则可能无法显示第二浮标，或者第二浮标会与第一浮标互相遮挡。因此，在步骤308中，当第二浮标和第一浮标之间的距离变为第二预设值(等于0或者大于0)之后，则控制第一浮标随该用户页面滚动，从而使得第二浮标能够被显示出来。需要说明的是，此种方式一般涉及显示窗口比较小的场景，例如显示窗口仅能显示一个浮标，此时需要合理协调第一浮标和第二浮标的显示。而对于某些具有较大区域的显示窗口而言，可以同时控制该第一浮标和第二浮标距离该显示窗口端部的距离为不同的预设值，以使得第一浮标和第二浮标能够同时显示。需要说明的是，本实施方式仅说明了两个浮标的情形，显然对于更多的浮标(如三个以上)，也可以采用本实施方式的方式来显示该多个浮标。

本实施方式，当浮标有多个时，当第一浮标和第二浮标之间的距离为某特定值(如第二预设值)时，控制该第一浮标随用户页面滚动，从而使得第二浮标可以被显示。

本发明的第四实施方式也涉及一种控制浮标显示的方法，如图4所示。第四实施方式与图1实施方式相比，主要区别在于：图4实施方式在显示用户页面之前，判断该用户页面中是否需要显示浮标，若需要则设置该浮标距离该显示窗口的端部的高度值，该高度值即作为前述提及的预设值。具体的，如图4所示，该控制浮标显示的方法包括：

步骤402：判断用户页面中是否需要显示浮标。

步骤404：当判断到需要显示浮标时，设置该浮标距离该显示窗口的端部的高度值。

步骤406：控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上。

步骤408：控制该用户页面滚动。以及

步骤410：当该用户页面滚动时，控制该浮标始终在该显示窗口中显示。

其中，在步骤404中，可以根据要显示的浮标的大小和显示窗口的大小来设定高度值。

本实施方式，在显示用户页面和浮标之前，可以先判断是否需要显示浮标，若需要显示浮标，则可以设置浮标距离显示窗口的端部的高度值，并按照此高度值来显示该浮标，并且之后亦维持该高度值不变，从而可以使得用户页面在滚动时，该浮标仍能够显示，而不会被隐藏。

以上实施方式，对本发明的控制浮标显示的方法进行了说明，下面再结合图5所示的示意图来说明该控制浮标显示的过程。如图5中左侧所示，显示窗口502中显示了用户页面504和浮标506，该浮标506为悬浮窗。由于显示窗口502大小的关系，用户需要拖动滚动条或者直接滑动来浏览用户页面504的全部内容。如图5中右侧所示，当用户页面向上滚动时，浮标506与显示窗口502的顶端之间的距离H维持不变，从而使得浮标506不会随着用户页面504的滚动而滚动，从而使得用户随时都能够查看浮标506中的内容。

上面各种方法的步骤划分，只是为了描述清楚，实现时可以合并为一个步骤或者对某些步骤进行拆分，分解为多个步骤，只要包含相同的逻辑关系，都在本专利的保护范围内；对算法中或者流程中添加无关紧要的修改或者引入无关紧要的设计，但不改变其算法和流程的核心设计都在该专利的保护范围内。

下面继续结合附图，对本发明实施方式的装置的结构进行说明。

本发明第五实施方式涉及一种控制浮标显示的装置600，其结构如图6所示。其包含：

第一控制模块602，用于控制用户页面和浮标显示于显示窗口中，且该浮标显示于该用户页面之上。

第二控制模块604，用于控制该用户页面滚动。以及

第三控制模块606，用于当该用户页面滚动时，控制该浮标始终在该显示窗口中显示。

其中，用户页面例如可以是用户浏览的网页，例如商品页面、资讯页面、体育新闻页面，等等，这些本发明实施方式都不做限制。浮标例如可以是悬浮窗，该悬浮窗可以悬浮于用户页面上。其中，该悬浮窗中可以呈现新闻资讯、推荐信息、或者播放视频等等。这些本发明都不做限制。其中，显示窗口为向用户呈现该用户页面和浮标的窗口。其中，显示窗口由于其大小的限制，用户页面可能无法完全在该显示窗口中呈现，因此显示窗口一般提供有滚动条来供用户滚动页面，从而查看页面中的完整内容。

其中，当第二控制模块604检测到用户触发的滚动操作时，可以根据该检测到的滚动操作，控制用户页面滚动。例如，当检测到用户快速的滚动操作时，则相应地控制用户页面快速地滚动。当检测到用户缓慢的滚动操作时，则相应地控制用户页面慢速地滚动。换句话说，用户页面的滚动速度可以由用户的滚动操作的快慢来决定。

其中，第三控制模块606在用户页面滚动时，控制该浮标始终在显示窗口中显示。也就是说，用户页面在滚动时，浮标并不会随之滚动，从而使得浮标始终能够被呈现，而不会由于用户页面的滚动而隐藏。

本实施方式的控制浮标显示的装置，当用户页面滚动时，浮标并不会随着用户页面的滚动而滚动，而是始终在显示窗口中显示，因此本实施方式可以避免浮标被隐藏。另外，上述方式还使得用户在拖动滚动条的过程中，始终能够看到浮标，而不必来回移动滚动条来查看浮标，因此本实施方式可以提升用户的体验。

继续如图6所示，在本发明另一实施方式的控制浮标显示的装置600中，其中的第三控制模块606，用于通过控制该浮标显示时与该显示窗口的端部的距离维持为预设值，而使得用户页面在滚动时，该浮标始终能够在显示窗口中显示。其中，该端部为该显示窗口的顶端或底端。由于显示窗口的顶端和底面固定，因此以显示窗口的顶端或底端为参考，使得浮标距离该显示窗口的端部的距离始终为预设值，可以使得在用户页面滚动时，该浮标始终能够被显示。其中，该预设值可以大于或等于0。其中该预设值的大小可以根据显示窗口的大小和浮标的大小等因素来综合考虑。并且对于不同的显示窗口或不同的浮标该预设值可以不同。此实施例方式，通过将浮标距离显示窗口顶端或底面的距离维持为预设值，从而使得该用户页面在滚动时，该浮标依旧能够始终在显示窗口中显示。

继续如图6所示，在本发明另一实施方式涉及的控制浮标显示的装置600中，当涉及多个浮标时，由于在同一用户页面上可能会呈现多个浮标，而不同浮标呈现的内容可能不同，因此本实施方式所要解决的问题即当存在多个浮标时，如何显示的问题。具体的，第三控制模块606，用于控制将第一浮标距离该显示窗口的端部的距离维持为第一预设值。以及当该第一浮标和该第二浮标之间的距离为第二预设值时，控制该第一浮标随该用户页面滚动。

其中，当用户页面滚动时，第三控制模块606先控制该第一浮标显示时与该显示窗口的端部的距离维持为第一预设值。此时，第一浮标不会随着用户页面的滚动而滚动。但是此时第二浮标会随着用户页面的滚动而滚动，这样就使得第一浮标和第二浮标之间的距离变近，若此时仍控制第一浮标不滚动，则可能无法显示第二浮标，或者第二浮标会与第一浮标互相遮挡。因此，第三控制模块606在第二浮标和第一浮标之间的距离变为第二预设值(等于0或者大于0)之后，则控制第一浮标随该用户页面滚动，从而使得第二浮标能够被显示出来。需要说明的是，此种方式一般涉及显示窗口比较小的场景，例如显示窗口仅能显示一个浮标，此时需要合理协调第一浮标和第二浮标的显示。而对于某些具有较大区域的显示窗口而言，可以同时控制该第一浮标和第二浮标距离该显示窗口端部的距离为不同的预设值，以使得第一浮标和第二浮标能够同时显示。需要说明的是，本实施方式仅说明了两个浮标的情形，显然对于更多的浮标(如三个以上)，也可以采用本实施方式的方式来显示该多个浮标。

此实施方式，当浮标有多个时，当第一浮标和第二浮标之间的距离为某特定值(如第二预设值)时，控制该第一浮标随用户页面滚动，从而使得第二浮标可以被显示。

本发明的第六实施方式也涉及一种控制浮标显示的装置，如图7所示。第六实施方式与图6实施方式相比，主要区别在于：图7实施方式在显示用户页面之前，判断该用户页面中是否需要显示浮标，若需要则设置该浮标距离该显示窗口的端部的高度值，该高度值即作为前述提及的预设值。具体的，如图7所示，该控制浮标显示的装置600还包括：

判断模块608，用于判断用户页面中是否需要显示浮标。

设置模块610，用于当判断模块608判断到需要显示浮标时，设置该浮标距离该显示窗口的端部的高度值。

其中，该第一控制模块602，具体用于控制浮标和用户页面在该显示窗口中显示，且控制该浮标至该显示窗口的端部的距离为该设置的高度值。

本实施方式，在显示用户页面和浮标之前，可以先判断是否需要显示浮标，若需要显示浮标，则可以设置浮标距离显示窗口的端口的高度值，并按照此高度值来显示该浮标，并且之后亦维持该高度值不变，从而可以使得用户页面在滚动时，该浮标仍能够显示，而不会被隐藏。

值得一提的是，以上实施方式中所涉及到的各模块均为逻辑模块，在实际应用中，一个逻辑单元可以是一个物理单元，也可以是一个物理单元的一部分，还可以以多个物理单元的组合实现。此外，为了突出本发明的创新部分，本实施方式中并没有将与解决本发明所提出的技术问题关系不太密切的单元引入，但这并不表明本实施方式中不存在其它的单元。

例如，本发明的第七实施方式涉及一种终端，其结构如图8所示。该终端例如可以是智能手机、平板电脑、个人数字助理、可穿戴式设备，等等。如图8所示，该终端800包括：显示屏802、处理器804、通信组件806和存储器810。其中显示屏802可以为触控屏，其不仅具有显示功能还有接收用户的输入控制的功能。其中处理器804为终端的核心，其可以由CPU等实现。其中通信组件806用于实现终端800的无线或有线通信功能，从而使得终端能够与服务器交互，例如与网页服务器进行交互，以实现浏览网页的功能。其中，存储器810用于存储处理器804可执行的程序代码或者其他信息，例如前述实施方式提及的预设值。其中，显示屏802可以用于显示上述实施方式中提及的显示窗口、用户页面和浮标等。其中处理器804可以用于实现上述控制浮标显示的装置中各模块的功能。由于本实施方式的如何控制浮标的显示的操作细节已在前述实施例中描述，因此不再赘述。

本领域的普通技术人员可以理解，上述各实施方式是实现本发明的具体实施例，而在实际应用中，可以在形式上和细节上对其作各种改变，而不偏离本发明的精神和范围。