界面中对象的控制方法和装置转让专利

申请号 : CN201510146136.8

文献号 : CN106155455B

文献日 :

基本信息:

PDF:

法律信息:

相似专利:

发明人 : 何玉婵陈颖豪

申请人 : 阿里巴巴集团控股有限公司

摘要 :

本申请提出一种界面中对象的控制方法和装置,其中,该界面中对象的控制方法,包括以下步骤:获取终端的当前活动界面;如果当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为;如果在预设时间内未监听到用户针对当前活动界面的操作行为,则提取预设类型的对象对应的素材;根据素材生成显示界面,并在终端中进行显示该显示界面。本申请的界面中对象的控制方法,能够在不影响用户浏览界面中其他信息的同时,灵活地控制预设类型的对象进行突出显示,便于用户获取信息。

权利要求 :

1.一种界面中对象的控制方法,其特征在于,包括以下步骤:获取终端的当前活动界面;

如果所述当前活动界面中显示有预设类型的对象,则监听用户针对所述当前活动界面的操作行为,其中,确定所述当前活动界面中显示有预设类型的对象的方式为:在所述当前活动界面对应的界面文件中查找与预设类型的对象的预设标识;若查找到与预设类型的对象的预设标识,则确定所述当前活动界面中显示有预设类型的对象,预设标识在开发界面时进行标注;

如果在预设时间内未监听到所述用户针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素材;

获取用于显示所述当前活动界面的显示窗口的尺寸;

根据所述显示窗口的尺寸和所述素材生成显示界面,并在所述终端中显示所述显示界面;

所述素材包括背景图、主题图和文字元素,所述根据所述显示窗口的尺寸和所述素材生成所述显示界面具体包括:根据所述显示窗口的尺寸对所述背景图、主题图和文字元素进行排版处理以生成所述显示界面;

其中,所述根据所述显示窗口的尺寸对所述背景图、主题图和文字元素进行排版处理具体包括:根据所述显示窗口的尺寸对所述背景图和文字元素进行尺寸调整,并对所述主题图进行尺寸调整和/或剪裁;

根据所述显示窗口的尺寸对调整后的背景图、文字元素以及调整和/或剪裁后的主题图进行组合,以生成所述显示界面。

2.如权利要求1所述的界面中对象的控制方法,其特征在于,其中,通过Javascript中的计时器监听所述用户针对所述当前活动界面的操作行为。

3.如权利要求1所述的界面中对象的控制方法,其特征在于,所述预设类型的对象为多个,且按照预设规则显示,所述根据所述素材生成显示界面并在所述终端中显示所述显示界面具体包括:根据所述多个预设类型的对象对应的素材分别生成多个显示界面,并在所述终端中按照所述预设规则显示所述多个显示界面。

4.如权利要求1所述的界面中对象的控制方法,其特征在于,在所述终端中进行显示所述显示界面之后,还包括:接收所述用户的操作行为,并控制所述显示界面退出,以显示所述当前活动界面。

5.如权利要求1-4任一项所述的界面中对象的控制方法,其特征在于,所述操作行为包括鼠标操作、触摸操作、键盘操作。

6.如权利要求1-4任一项所述的界面对象的控制方法,其特征在于,所述当前活动界面为网页页面,所述预设类型的对象为所述网页页面中的推广内容。

7.如权利要求1-4任一项所述的界面对象的控制方法,其特征在于,所述显示界面为全屏显示界面。

8.一种界面中对象的控制装置,其特征在于,包括:

获取模块,用于获取终端的当前活动界面;

监听模块,用于如果所述当前活动界面中显示有预设类型的对象,则监听用户针对所述当前活动界面的操作行为,其中,确定所述当前活动界面中显示有预设类型的对象的方式为:在所述当前活动界面对应的界面文件中查找与预设类型的对象的预设标识;若查找到与预设类型的对象的预设标识,则确定所述当前活动界面中显示有预设类型的对象,预设标识在开发界面时进行标注;

提取模块,用于如果在预设时间内未监听到所述用户针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素材;

生成模块具体用于:

获取用于显示所述当前活动界面的显示窗口的尺寸,并根据所述显示窗口的尺寸和所述素材生成显示界面,并在所述终端中显示所述显示界面;

所述素材包括背景图、主题图和文字元素,所述生成模块具体用于:根据所述显示窗口的尺寸对所述背景图、主题图和文字元素进行排版处理以生成所述显示界面;

其中,所述生成模块具体用于:

根据所述显示窗口的尺寸对所述背景图和文字元素进行尺寸调整,并对所述主题图进行尺寸调整和/或剪裁;

根据所述显示窗口的尺寸对调整后的背景图、文字元素以及调整和/或剪裁后的主题图进行组合,以生成所述显示界面。

9.如权利要求8所述的界面中对象的控制装置,其特征在于,其中,所述监听模块通过Javascript中的计时器监听所述用户针对所述当前活动界面的操作行为。

10.如权利要求8所述的界面中对象的控制装置,其特征在于,所述预设类型的对象为多个,且按照预设规则显示,所述生成模块具体用于:根据所述多个预设类型的对象对应的素材分别生成多个显示界面,并在所述终端中按照所述预设规则显示所述多个显示界面。

11.如权利要求8所述的界面中对象的控制装置,其特征在于,还包括:控制模块,用于在所述终端中进行显示所述显示界面之后,接收所述用户的操作行为,并控制所述显示界面退出,以显示所述当前活动界面。

12.如权利要求8-11任一项所述的界面中对象的控制装置,其特征在于,所述操作行为包括鼠标操作、触摸操作、键盘操作。

13.如权利要求8-11任一项所述的界面对象的控制装置,其特征在于,所述当前活动界面为网页页面,所述预设类型的对象为所述网页页面中的推广内容。

14.如权利要求8-11任一项所述的界面对象的控制装置,其特征在于,所述显示界面为全屏显示界面。

说明书 :

界面中对象的控制方法和装置

技术领域

[0001] 本申请涉及互联网技术领域,特别涉及一种界面中对象的控制方法和装置。

背景技术

[0002] 随着互联网技术的发展,通过互联网获取需要的信息已经成为一种非常普遍的方式。用可通过浏览器或者其他应用程序查询、获取互联网上的各种资源。浏览器或其他应用
程序可通过网页或者应用程序界面为用户提供各种资源和信息,如图片、文字、动画等。其
中,网页或者应用程序提供的界面中除了包含网站导航信息之外,还可包括一些定期或不
定期更新的对象,推广活动、推荐内容等。为了使用户能够及时方便地获取这类对象,需要
对这类对象的提供进行特殊的控制。
[0003] 目前,可将这类对象在网页或者应用程序界面中比较凸显的位置进行提供,以便于引起用户的注意。但是,仍然存在的问题是,这类对象在网页或者应用程序界面中所占的
区域如果太小,则难以达到引起用户注意的目的,而如果其所占的区域如果太大,则会影响
页面中其他信息的展示,不便于用户对其他信息的浏览和获取。因此,目前的界面中对象的
控制方式仍有待改进。

发明内容

[0004] 本申请旨在至少在一定程度上解决上述技术问题。
[0005] 为此,本申请的第一个目的在于提出一种界面中对象的控制方法,能够在不影响用户浏览界面中其他信息的同时,灵活地控制预设类型的对象进行突出显示,便于用户获
取信息。
[0006] 本申请的第二个目的在于提出一种界面中对象的控制装置。
[0007] 为达上述目的,根据本申请第一方面实施例提出了一种界面中对象的控制方法,包括以下步骤:获取终端的当前活动界面;如果所述当前活动界面中显示有预设类型的对
象,则监听用户针对所述当前活动界面的操作行为;如果在预设时间内未监听到所述用户
针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素材;根据所述素
材生成显示界面,并在所述终端中显示所述显示界面。
[0008] 本申请实施例的界面中对象的控制方法,通过对用户针对具有预设类型的对象的当前活动界面的操作行为进行监听,并在预设时间内未监听到用户的操作行为时,获取预
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
[0009] 本申请第二方面实施例提供了一种界面中对象的控制装置,包括:获取模块,用于获取终端的当前活动界面;监听模块,用于如果所述当前活动界面中显示有预设类型的对
象,则监听用户针对所述当前活动界面的操作行为;提取模块,用于如果在预设时间内未监
听到所述用户针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素
材;生成模块,用于根据所述素材生成显示界面,并在所述终端中显示所述显示界面。
[0010] 本申请实施例的界面中对象的控制装置,通过对用户针对具有预设类型的对象的当前活动界面的操作行为进行监听,并在预设时间内未监听到用户的操作行为时,获取预
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
[0011] 本申请的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。

附图说明

[0012] 本申请的上述和/或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和容易理解,其中:
[0013] 图1为根据本申请一个实施例的界面中对象的控制方法的流程图;
[0014] 图2根据本申请实施例的网页中的网页横幅在四种不同屏幕尺寸的终端上全屏显示的示意图;
[0015] 图3为根据本申请一个具体实施例的界面中对象的控制方法的流程图;
[0016] 图4为根据本申请另一个具体实施例的界面中对象的控制方法的流程图;
[0017] 图5为根据本申请一个实施例的界面中对象的控制装置的结构示意图;
[0018] 图6为根据本申请一个实施例的界面中对象的控制装置的结构示意图。

具体实施方式

[0019] 下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附
图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。
[0020] 在本申请的描述中,需要理解的是,术语“中心”、“纵向”、“横向”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本申请和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对
本申请的限制。此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性。
[0021] 在本申请的描述中,需要说明的是,除非另有明确的规定和限定,术语“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本
申请中的具体含义。
[0022] 下面参考附图描述根据本申请实施例的界面中对象的控制方法和装置。
[0023] 图1为根据本申请一个实施例的界面中对象的控制方法的流程图。
[0024] 如图1所示,根据本申请实施例的界面中对象的控制方法,包括:
[0025] S101,获取终端的当前活动界面。
[0026] 在本申请的一个实施例中,当前活动窗口是指终端最前端显示的界面,即用户指令焦点所在窗口。例如,用户浏览网页时,用户当前浏览的网页即为当前活动界面。
[0027] 在本申请的实施例中,当前活动界面可以由终端中任意应用程序提供。
[0028] S102,如果当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0029] 其中,预设类型的对象具有预设标识,该预设标识可由界面开发者在开发界面时进行标注。预设类型的对象可以是文字、静态图片、动态图片、动画文字及其组合等。在本申
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
[0030] 在获取终端的当前活动界面之后,可判断当前活动界面中是否显示有预设类型的对象。具体地,可判断可在当前活动界面对应的界面文件中查找是否存储预设标识,如果
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0031] 举例来说,如果当前活动界面为网页页面,则可通过根据已加载的网页文件对应的DOM(Document Object Model,文档对象模型)树中查找是否具有预设标识,如果有,则监
听用户针对当前活动界面的操作行为。
[0032] 其中,用户针对当前活动界面的操作行为可包括鼠标操作、触摸操作、键盘操作等。具体地,可通过监听鼠标位移事件、键盘事件、页面状态等判断用户是否针对当前活动
界面有操作行为。
[0033] 在本申请的一个实施例中,当前活动界面可为网页页面,如果当前活动界面中显示有预设类型的对象,则可通过Javascript(一种基于对象和事件驱动的客户端脚本语言)
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
[0034] S103,如果在预设时间内未监听到用户针对当前活动界面的操作行为,则提取预设类型的对象对应的素材。
[0035] 如果在预设时间内未监听到用户针对当前活动界面的操作行为,即用户未对当前活动界面进行操作的间隔时间大于预设时间,则可认为用户暂时并没有关注当前活动界
面,也就是说用户未在浏览当前活动界面中的内容,因此可提取预设类型的对象对应的素
材,并执行S104以生成显示界面,并在终端中显示。
[0036] 其中,显示界面的尺寸可以是当前活动界面的显示窗口的尺寸,或者终端显示屏的尺寸,还可以是预设的其他尺寸。可由用户根据需求设定,也可由系统默认设定。
[0037] 在本申请的一个实施例中,每个预设类型的对象都具有对应的素材库,该素材库可以存储在本地(终端),作为一种优选的方案素材库也可以存储在服务器中。素材库中存
储有构成相应的预设类型的对象的文字元素、背景图、主题图等,或者存储有已经按照不同
的窗口尺寸组合好的界面模板。从而,可根据设定的显示界面的尺寸查询素材库中是否有
与该尺寸匹配的界面模板,如果有提取该界面模板,如果没有,则从中提取出预设类型的对
象的文字元素、背景图、主题图等素材。
[0038] S104,根据素材生成显示界面,并在终端中显示该显示界面。
[0039] 具体地,可根据设定的显示界面的尺寸在显示窗口中生成一个与显示窗口的尺寸一致的浮层容器,然后根据设定的显示界面的尺寸确定生成显示界面所需要展示的内容的
尺寸,并根据该尺寸对提取到的素材进行等比缩放、剪裁或者组合等处理,以生成显示界
面,并在终端中进行显示,从而达到了对预设类型的对象对应的内容的突出显示,便于终端
的用户以及其附近的用户读取这部分内容,有利于信息的推广。
[0040] 在本申请的一个实施例中,还可包括获取用于显示当前活动界面的显示窗口的尺寸的步骤,并根据显示窗口的尺寸和上述素材生成显示界面,并在终端中显示。具体地,可
通过调用Javascript函数器计算或通过CSS媒体查询显示窗口尺寸。
[0041] 应当理解,在本申请的实施例中,该显示界面还可以是全屏显示界面。具体地,可获取终端显示屏的尺寸,并生成一个与终端显示屏的尺寸一致的浮层容器,然后根据终端
显示屏的尺寸确定各个素材的尺寸,并据此对素材进行等比缩放、剪裁或者组合等处理,以
生成全屏显示界面,并进行显示。
[0042] 在本申请的一个实施例中,显示窗口中所显示的预设类型的对象可为多个,且多个预设类型的对象是按照预设规则显示的。其中,预设规则可包括显示顺序、每个对象的显
示时间等。此时,可根据多个预设类型的对象对应的素材分别生成多个显示界面,即根据每
个预设类型的对象分别生成一个显示界面,从而得到多个显示界面。然后可在终端中按照
显示对象的预设规则显示生成的多个显示界面,即与显示窗口中多个对象的显示顺序以及
每个对象的显示时间相应地显示多个显示界面。
[0043] 本申请的实施例,可根据不同终端或应程序界面的尺寸灵活的控制显示界面中预设类型的对象的素材的尺寸,以使其内容更加完整。图2根据本申请实施例的网页中的网页
横幅在四种不同屏幕尺寸的终端上全屏显示的示意图。如图2所示,区域a所示的网页横幅
在b、c、d、d四种不同屏幕尺寸的终端上显示的四种不同尺寸以及组合方式。由此可见,可根
据显示屏的尺寸对预设类型的对象的素材的尺寸、组合方式等进行调整,能够满足不同显
示尺寸的需求,从而能够在不同尺寸的显示屏上尽可能完整的显示预设类型的对象的内
容。
[0044] 在本申请的一个优选的实施例中,还可在显示界面中显示网址信息,例如URL(Uniform Resource Locator,统一资源定位符)地址等,以便于其他用户对显示界面所显
示的内容感兴趣时,可以根据该网址信息直接进入相应的网站查看,从而更便于用户操作。
[0045] 本申请实施例的界面中对象的控制方法,通过对用户针对具有预设类型的对象的当前活动界面的操作行为进行监听,并在预设时间内未监听到用户的操作行为时,获取预
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
[0046] 在本申请的一个实施例中,在终端中进行显示该显示界面之后,还可包括:接收用户的操作行为,并控制显示界面退出,以显示当前活动界面的步骤。其中,用户的的操作行
为可以是用户的针对显示界面的任一操作行为,如鼠标手势(滑动、点击、双击等)、触摸手
势、键盘操作等等。从而能够根据用户操作行为及时地确定用户要继续使用当前活动页面,
并主动退出对预设类型的对象对应的显示界面,恢复初始状态(突出显示之前的状态),非
常方便灵活,也不会应用户对当前活动界面的使用。
[0047] 在本申请的一个实施例中,素材可包括背景图、主题图和文字元素等,因此,可根据显示窗口的尺寸对背景图、主题图和文字元素进行排版处理以生成显示界面。具体地,可
根据显示窗口的尺寸对背景图和文字元素进行尺寸调整,并对主题图进行尺寸调整和/或
剪裁,然后根据显示窗口的尺寸对调整后的背景图、文字元素以及调整和/或剪裁后的主题
图进行组合,以生成显示界面。图3为根据本申请一个具体实施例的界面中对象的控制方法
的流程图。
[0048] 如图3所示,该界面中对象的控制方法,包括:
[0049] S301,获取终端的当前活动界面。
[0050] 在本申请的一个实施例中,当前活动窗口是指终端最前端显示的界面,即用户指令焦点所在窗口。例如,用户浏览网页时,用户当前浏览的网页即为当前活动界面。
[0051] 在本申请的实施例中,当前活动界面可以由终端中任意应用程序提供。
[0052] S302,如果当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0053] 其中,预设类型的对象具有预设标识,该预设标识可由界面开发者在开发界面时进行标注。预设类型的对象可以是文字、静态图片、动态图片、动画文字及其组合等。在本申
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
[0054] 在获取终端的当前活动界面之后,可判断当前活动界面中是否显示有预设类型的对象。具体地,可判断可在当前活动界面对应的界面文件中查找是否存储预设标识,如果
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0055] 举例来说,如果当前活动界面为网页页面,则可通过根据已加载的网页文件对应的DOM树中查找是否具有预设标识,如果有,则监听用户针对当前活动界面的操作行为。
[0056] 其中,用户针对当前活动界面的操作行为可包括鼠标操作、触摸操作、键盘操作等。具体地,可通过监听鼠标位移事件、键盘事件、页面状态等判断用户是否针对当前活动
界面有操作行为。
[0057] 在本申请的一个实施例中,当前活动界面可为网页页面,如果当前活动界面中显示有预设类型的对象,则可通过Javascript(一种基于对象和事件驱动的客户端脚本语言)
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
[0058] S303,如果在预设时间内未监听到用户针对当前活动界面的操作行为,则获取用于显示当前活动界面的显示窗口的尺寸,并提取预设类型的对象对应的背景图、主题图和
文字元素。
[0059] 如果在预设时间内未监听到用户针对当前活动界面的操作行为,即用户未对当前活动界面进行操作的间隔时间大于预设时间,则可认为用户暂时并没有关注当前活动界
面,也就是说用户未在浏览当前活动界面中的内容,因此可获取用于显示当前活动界面的
显示窗口的尺寸,并执行S304以针对预设类型的对象进行全屏显示。
[0060] 具体地,可通过调用Javascript函数器计算或通过CSS(Cascading Style Sheet,级联样式表)媒体查询显示窗口尺寸。
[0061] 在本申请的一个实施例中,每个预设类型的对象都具有对应的素材库,该素材库可以存储在本地(终端),作为一种优选的方案素材库也可以存储在服务器中。其中,素材库
中的素材可包括背景图、主题图和文字元素等。如果在预设时间内未监听到用户针对当前
活动界面的操作行为,则可从素材库中提取预设类型的对象对应的背景图、主题图和文字
元素。
[0062] 本申请实施例中的用于显示当前活动界面的显示窗口尺寸可以是显示当前活动界面的应用程序窗口(例如,浏览器窗口)的尺寸,也可以是显示当前活动界面的终端的显
示屏的尺寸。用户可根据需求设定,也可由系统默认设定。
[0063] S304,根据显示窗口的尺寸对背景图、主题图和文字元素进行排版处理以生成全屏显示界面,并在终端中进行显示全屏显示界面。
[0064] 在本申请的一个实施例中,根据显示窗口的尺寸对背景图、主题图和文字元素进行排版处理可具体包括:根据显示窗口的尺寸对背景图和文字元素进行尺寸调整,并对主
题图进行尺寸调整和/或剪裁;根据显示窗口的尺寸对调整后的背景图、文字元素以及调整
和/或剪裁后的主题图进行组合,以生成全屏显示界面。由于背景图大多是纯色,或者对分
辨率要求不高,因此可将背景图按照显示窗口的进行放大或剪裁以填充满整个显示窗口,
然后对文字元素和主题图尺寸以及组合方式进行调整。例如,如果显示窗口是宽屏窗口,如
图2b-图2d所示的窗口,则将文字元素与主题图进行横向组合,如果显示窗口时竖屏窗口,
如图e所示的窗口,则将文字元素与主题图进行纵向组合等,还可对主题图进行适当的剪
裁,以便于更符合显示窗口的尺寸以及长宽比。然后,提供一个与显示窗口的尺寸一致的浮
层容器,并在该浮层容器中显示该全屏显示界面。
[0065] 在本申请的一个优选实施例中,为了保证图像的清晰度,素材库中的素材的尺寸一般来说大于大多数显示屏的尺寸,因此,对主题图和文字元素进行调整时大多是采用缩
小或剪裁(剪裁仅限于主题图)的方式。
[0066] 本申请实施例的界面中对象的控制方法,通过提取预设类型的对象对应的背景图、主题图和文字元素等,并根据获取到的显示窗口的尺寸对背景图和文字元素进行尺寸
调整、对主题图尺寸调整和/或剪裁等,然后再进行排版组合,能够针对预设类型的对象提
供更多样化的全屏展示界面。
[0067] 在本申请的一个实施例中,素材还包括与多个显示窗口尺寸分别对应的多个界面模板,因此,可在多个界面模板中选择与显示窗口的尺寸对应的界面模板以根据界面模板
生成显示界面。具体地,图4为根据本申请另一个具体实施例的界面中对象的控制方法的流
程图。
[0068] 如图4所示,该界面中对象的控制方法,包括:
[0069] S401,获取终端的当前活动界面。
[0070] 在本申请的一个实施例中,当前活动窗口是指终端最前端显示的界面,即用户指令焦点所在窗口。例如,用户浏览网页时,用户当前浏览的网页即为当前活动界面。
[0071] 在本申请的实施例中,当前活动界面可以由终端中任意应用程序提供。
[0072] S402,如果当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0073] 其中,预设类型的对象具有预设标识,该预设标识可由界面开发者在开发界面时进行标注。预设类型的对象可以是文字、静态图片、动态图片、动画文字及其组合等。在本申
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
[0074] 在获取终端的当前活动界面之后,可判断当前活动界面中是否显示有预设类型的对象。具体地,可判断可在当前活动界面对应的界面文件中查找是否存储预设标识,如果
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0075] 举例来说,如果当前活动界面为网页页面,则可通过根据已加载的网页文件对应的DOM树中查找是否具有预设标识,如果有,则监听用户针对当前活动界面的操作行为。
[0076] 其中,用户针对当前活动界面的操作行为可包括鼠标操作、触摸操作、键盘操作等。具体地,可通过监听鼠标位移事件、键盘事件、页面状态等判断用户是否针对当前活动
界面有操作行为。
[0077] 在本申请的一个实施例中,当前活动界面可为网页页面,如果当前活动界面中显示有预设类型的对象,则可通过Javascript(一种基于对象和事件驱动的客户端脚本语言)
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
[0078] S403,如果在预设时间内未监听到用户针对当前活动界面的操作行为,则获取用于显示当前活动界面的显示窗口的尺寸,并提取预设类型的对象对应的界面模板。
[0079] 如果在预设时间内未监听到用户针对当前活动界面的操作行为,即用户未对当前活动界面进行操作的间隔时间大于预设时间,则可认为用户暂时并没有关注当前活动界
面,也就是说用户未在浏览当前活动界面中的内容,因此可获取用于显示当前活动界面的
显示窗口的尺寸,并执行S404以针对预设类型的对象进行全屏显示。
[0080] 具体地,可通过调用Javascript函数器计算或通过CSS媒体查询显示窗口尺寸。
[0081] 在本申请的一个实施例中,每个预设类型的对象都具有对应的素材库,该素材库可以存储在本地(终端),作为一种优选的方案素材库也可以存储在服务器中。其中,素材库
中的素材可包括与多个显示窗口尺寸分别对应的多个界面模板。如果在预设时间内未监听
到用户针对当前活动界面的操作行为,则可从素材库中提取出与显示窗口尺寸相匹配的界
面模板,例如,可以是尺寸与显示窗口一致的界面模板,或者长宽比例与与显示窗口一致的
界面模板。
[0082] 本申请实施例中的用于显示当前活动界面的显示窗口尺寸可以是显示当前活动界面的应用程序窗口(例如,浏览器窗口)的尺寸,也可以是显示当前活动界面的终端的显
示屏的尺寸。用户可根据需求设定,也可由系统默认设定。
[0083] S404,在多个界面模板中选择与显示窗口的尺寸对应的界面模板以根据界面模板生成全屏显示界面。
[0084] 具体地,如果提取的显示模板的尺寸与显示窗口的尺寸一致,则可将界面模板作为全屏显示界面直接在与显示窗口的尺寸一致的浮层容器中显示,如果提取的显示模板的
尺寸与显示窗口的尺寸一致,而长宽比一致,可则按比例进行放大或缩小,以得到与显示窗
口尺寸一致的全屏显示界面,并在浮层容器中进行显示。
[0085] 本申请实施例的界面中对象的控制方法,通过提取预设类型的对象对应的界面模板,并根据显示窗口的尺寸对提取出的界面模板进行显示,或者在进行尺寸调整之后显示,
能够方便快捷地针对预设类型的对象提供全屏展示界面。
[0086] 为了实现上述实施例,本申请还提出一种界面中对象的控制装置。
[0087] 图5为根据本申请一个实施例的界面中对象的控制装置的结构示意图。
[0088] 如图5所示,根据本申请实施例的界面中对象的控制装置,包括:获取模块10、监听模块20、提取模块30和生成模块40。
[0089] 具体地,获取模块10用于获取终端的当前活动界面。当前活动界面为网页页面,预设类型的对象为网页页面中的推广内容。在本申请的一个实施例中,当前活动窗口是指终
端最前端显示的界面,即用户指令焦点所在窗口。例如,用户浏览网页时,用户当前浏览的
网页即为当前活动界面。
[0090] 在本申请的实施例中,当前活动界面可以由终端中任意应用程序提供。
[0091] 监听模块20用于如果当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
[0092] 其中,预设类型的对象具有预设标识,该预设标识可由界面开发者在开发界面时进行标注。预设类型的对象可以是文字、静态图片、动态图片、动画文字及其组合等。在本申
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
[0093] 在获取模块10获取终端的当前活动界面之后,可判断当前活动界面中是否显示有预设类型的对象。更具体地,可判断可在当前活动界面对应的界面文件中查找是否存储预
设标识,如果有,则当前活动界面中显示有预设类型的对象,则监听模块20监听用户针对当
前活动界面的操作行为。
[0094] 举例来说,如果当前活动界面为网页页面,则可通过根据已加载的网页文件对应的DOM树中查找是否具有预设标识,如果有,则监听模块20监听用户针对当前活动界面的操
作行为。
[0095] 其中,用户针对当前活动界面的操作行为可包括鼠标操作、触摸操作、键盘操作等。更具体地,监听模块20可通过监听鼠标位移事件、键盘事件、页面状态等判断用户是否
针对当前活动界面有操作行为。
[0096] 在本申请的一个实施例中,当前活动界面可为网页页面,如果当前活动界面中显示有预设类型的对象,则监听模块20可通过Javascript(一种基于对象和事件驱动的客户
端脚本语言)中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行
为。具体地,可通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听
到用户针对当前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用
户针对当前活动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔
时间。
[0097] 提取模块30用于如果在预设时间内未监听到用户针对当前活动界面的操作行为,则提取预设类型的对象对应的素材。
[0098] 如果监听模块20在预设时间内未监听到用户针对当前活动界面的操作行为,即用户未对当前活动界面进行操作的间隔时间大于预设时间,则可认为用户暂时并没有关注当
前活动界面,也就是说用户未在浏览当前活动界面中的内容,因此提取模块30可提取预设
类型的对象对应的素材,并由生成模块40针对预设类型的对象进行突出显示。
[0099] 其中,显示界面的尺寸可以是当前活动界面的显示窗口的尺寸,或者终端显示屏的尺寸,还可以是预设的其他尺寸。可由用户根据需求设定,也可由系统默认设定。
[0100] 在本申请的一个实施例中,每个预设类型的对象都具有对应的素材库,该素材库可以存储在本地(终端),作为一种优选的方案素材库也可以存储在服务器中。素材库中存
储有构成相应的预设类型的对象的文字元素、背景图、主题图以及已经按照不同的窗口尺
寸组合好的界面模板。从而,提取模块30获取用于显示当前活动界面的显示窗口的尺寸后,
可根据该尺寸从素材库中提取文字元素、背景图、主题图,或者提取界面模板。更具体地,提
取模块30可根据设定的显示界面的尺寸查询素材库中是否有与该尺寸匹配的界面模板,如
果有提取该界面模板,如果没有,则从中提取出预设类型的对象的文字元素、背景图、主题
图等素材。
[0101] 生成模块40用于根据素材生成显示界面,并在终端中进行显示显示界面。
[0102] 更具体地,生成模块40可根据设定的显示界面的尺寸在显示窗口中生成一个与显示窗口的尺寸一致的浮层容器,然后根据设定的显示界面的尺寸确定生成显示界面所需要
展示的内容的尺寸,并根据该尺寸对提取到的素材进行等比缩放、剪裁或者组合等处理,以
生成显示界面,并在终端中进行显示,从而达到了对预设类型的对象对应的内容的突出显
示,便于终端的用户以及其附近的用户读取这部分内容,有利于信息的推广。
[0103] 在本申请的一个实施例中,生成模块40具体用于获取用于显示当前活动界面的显示窗口的尺寸,并根据显示窗口的尺寸和上述素材生成显示界面,并在终端中显示。更具体
地,生成模块40可通过调用Javascript函数器计算或通过CSS媒体查询显示窗口尺寸。
[0104] 应当理解,在本申请的实施例中,该显示界面还可以是全屏显示界面。更具体地,生成模块40可获取终端显示屏的尺寸,并生成一个与终端显示屏的尺寸一致的浮层容器,
然后根据终端显示屏的尺寸确定各个素材的尺寸,并据此对素材进行等比缩放、剪裁或者
组合等处理,以生成全屏显示界面,并进行显示。
[0105] 在本申请的一个实施例中,显示窗口中所显示的预设类型的对象可为多个,且多个预设类型的对象是按照预设规则显示的。其中,预设规则可包括显示顺序、每个对象的显
示时间等。此时,生成模块40可根据多个预设类型的对象对应的素材分别生成多个显示界
面,即根据每个预设类型的对象分别生成一个显示界面,从而得到多个显示界面。然后生成
模块40可在终端中按照显示对象的预设规则显示生成的多个显示界面,即与显示窗口中多
个对象的显示顺序以及每个对象的显示时间相应地显示多个显示界面。
[0106] 本申请的实施例,可根据不同终端或应程序界面的尺寸灵活的控制显示界面中预设类型的对象的素材的尺寸,以使其内容更加完整。图2根据本申请实施例的网页中的网页
横幅在四种不同屏幕尺寸的终端上全屏显示的示意图。如图2所示,区域a所示的网页横幅
在b、c、d、d四种不同屏幕尺寸的终端上显示的四种不同尺寸以及组合方式。由此可见,可根
据显示屏的尺寸对预设类型的对象的素材的尺寸、组合方式等进行调整,能够满足不同显
示尺寸的需求,从而能够在不同尺寸的显示屏上尽可能完整的显示预设类型的对象的内
容。
[0107] 如果提取模块从素材库中提取的素材为背景图、主题图和文字元素,则生成模块40具体用于:根据显示窗口的尺寸对背景图、主题图和文字元素进行排版处理以生成显示
界面。更具体地,生成模块40具体用于:根据显示窗口的尺寸对背景图和文字元素进行尺寸
调整,并对主题图进行尺寸调整和/或剪裁;根据显示窗口的尺寸对调整后的背景图、文字
元素以及调整和/或剪裁后的主题图进行组合,以生成显示界面。由于背景图大多是纯色,
或者对分辨率要求不高,因此可将背景图按照显示窗口的进行放大或剪裁以填充满整个显
示窗口,然后对文字元素和主题图尺寸以及组合方式进行调整。例如,如果显示窗口是宽屏
窗口,如图2b-图2d所示的窗口,则将文字元素与主题图进行横向组合,如果显示窗口时竖
屏窗口,如图e所示的窗口,则将文字元素与主题图进行纵向组合等,还可对主题图进行适
当的剪裁,以便于更符合显示窗口的尺寸以及长宽比。然后,提供一个与显示窗口的尺寸一
致的浮层容器,并在该浮层容器中显示该显示界面。
[0108] 如果提取模块从素材库中提取的素材为与显示窗口尺寸对应的界面模板,则生成模块40具体用于:在多个界面模板中选择与显示窗口的尺寸对应的界面模板以根据界面模
板生成显示界面。更具体地,如果提取的显示模板的尺寸与显示窗口的尺寸一致,则可将界
面模板作为显示界面直接在与显示窗口的尺寸一致的浮层容器中显示,如果提取的显示模
板的尺寸与显示窗口的尺寸一致,而长宽比一致,可则按比例进行放大或缩小,以得到与显
示窗口尺寸一致的显示界面,并在浮层容器中进行显示。
[0109] 在本申请的一个优选实施例中,为了保证图像的清晰度,素材库中的素材的尺寸一般来说大于大多数显示屏的尺寸,因此,对主题图和文字元素进行调整时大多是采用缩
小或剪裁(剪裁仅限于主题图)的方式。
[0110] 在本申请的一个优选的实施例中,还可在显示界面中显示网址信息,例如URL(Uniform Resource Locator,统一资源定位符)地址等,以便于其他用户对显示界面所显
示的内容感兴趣时,可以根据该网址信息直接进入相应的网站查看,从而更便于用户操作。
[0111] 本申请实施例的界面中对象的控制装置,通过对用户针对具有预设类型的对象的当前活动界面的操作行为进行监听,并在预设时间内未监听到用户的操作行为时,获取预
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
[0112] 图6为根据本申请另一个实施例的界面中对象的控制装置的结构示意图。
[0113] 如图6所示,根据本申请实施例的界面中对象的控制装置,包括:获取模块10、监听模块20、提取模块30、生成模块40和控制模块50。
[0114] 具体地,获取模块10、监听模块20、提取模块30和生成模块40可参照图4所示实施例,本申请在此不再赘述。
[0115] 控制模块50用于在终端中进行显示该显示界面之后,接收用户的操作行为,并控制显示界面退出,以显示当前活动界面。
[0116] 其中,用户的的操作行为可以是用户的针对显示界面的任一操作行为,如鼠标手势(滑动、点击、双击等)、触摸手势、键盘操作等等。
[0117] 从而能够根据用户操作行为及时地确定用户要继续使用当前活动页面,并主动退出对预设类型的对象对应的显示界面,恢复初始状态(突出显示之前的状态),非常方便灵
活,也不会应用户对当前活动界面的使用。
[0118] 流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部
分,并且本申请的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺
序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本申请
的实施例所属技术领域的技术人员所理解。
[0119] 在流程图中表示或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供
指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执
行系统、装置或设备取指令并执行指令的系统)使用,或结合这些指令执行系统、装置或设
备而使用。就本说明书而言,"计算机可读介质"可以是任何可以包含、存储、通信、传播或传
输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装
置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电
连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器
(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式光盘只读存
储器(CDROM)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的
介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其
他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。
[0120] 应当理解,本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件
或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下
列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路
的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场
可编程门阵列(FPGA)等。
[0121] 本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介
质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
[0122] 此外,在本申请各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模
块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如
果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机
可读取存储介质中。
[0123] 上述提到的存储介质可以是只读存储器,磁盘或光盘等。
[0124] 在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本申请的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不
一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何
的一个或多个实施例或示例中以合适的方式结合。
[0125] 尽管已经示出和描述了本申请的实施例,本领域的普通技术人员可以理解:在不脱离本申请的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型,本
申请的范围由权利要求及其等同限定。