CN106155455B - 界面中对象的控制方法和装置 - Google Patents

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

Info

Publication number
CN106155455B
CN106155455B CN201510146136.8A CN201510146136A CN106155455B CN 106155455 B CN106155455 B CN 106155455B CN 201510146136 A CN201510146136 A CN 201510146136A CN 106155455 B CN106155455 B CN 106155455B
Authority
CN
China
Prior art keywords
interface
display
preset
user
size
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.)
Active
Application number
CN201510146136.8A
Other languages
English (en)
Other versions
CN106155455A (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.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201510146136.8A priority Critical patent/CN106155455B/zh
Publication of CN106155455A publication Critical patent/CN106155455A/zh
Application granted granted Critical
Publication of CN106155455B publication Critical patent/CN106155455B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

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

Claims (14)

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任一项所述的界面对象的控制装置,其特征在于,所述显示界面为全屏显示界面。
CN201510146136.8A 2015-03-30 2015-03-30 界面中对象的控制方法和装置 Active CN106155455B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510146136.8A CN106155455B (zh) 2015-03-30 2015-03-30 界面中对象的控制方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510146136.8A CN106155455B (zh) 2015-03-30 2015-03-30 界面中对象的控制方法和装置

Publications (2)

Publication Number Publication Date
CN106155455A CN106155455A (zh) 2016-11-23
CN106155455B true CN106155455B (zh) 2020-03-03

Family

ID=57340365

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510146136.8A Active CN106155455B (zh) 2015-03-30 2015-03-30 界面中对象的控制方法和装置

Country Status (1)

Country Link
CN (1) CN106155455B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107515907B (zh) * 2017-08-10 2018-12-21 北京海泰方圆科技股份有限公司 浏览器页面的显示方法和装置
CN110198336B (zh) * 2019-01-04 2021-06-22 华为技术有限公司 一种自动排版方法和云服务平台

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102339282A (zh) * 2010-07-16 2012-02-01 阿里巴巴集团控股有限公司 一种微件显示的控制方法和装置
CN102460370A (zh) * 2009-06-08 2012-05-16 苹果公司 用于多显示区的用户界面
CN103425390A (zh) * 2013-07-26 2013-12-04 华为软件技术有限公司 信息交互方法和装置
CN103677539A (zh) * 2012-09-18 2014-03-26 阿里巴巴集团控股有限公司 界面调整方法与装置
CN104360882A (zh) * 2014-11-07 2015-02-18 北京奇虎科技有限公司 一种浏览器中对网页中图片进行显示方法和装置
CN104361082A (zh) * 2014-11-07 2015-02-18 北京奇虎科技有限公司 一种浏览器中对网页中指定元素进行显示的方法和装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060284788A1 (en) * 2005-06-21 2006-12-21 Robinson Douglas L Infinity tunnel display system with floating dynamic image
CN104462237B (zh) * 2014-11-14 2018-03-27 华为软件技术有限公司 显示公众消息的方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102460370A (zh) * 2009-06-08 2012-05-16 苹果公司 用于多显示区的用户界面
CN102339282A (zh) * 2010-07-16 2012-02-01 阿里巴巴集团控股有限公司 一种微件显示的控制方法和装置
CN103677539A (zh) * 2012-09-18 2014-03-26 阿里巴巴集团控股有限公司 界面调整方法与装置
CN103425390A (zh) * 2013-07-26 2013-12-04 华为软件技术有限公司 信息交互方法和装置
CN104360882A (zh) * 2014-11-07 2015-02-18 北京奇虎科技有限公司 一种浏览器中对网页中图片进行显示方法和装置
CN104361082A (zh) * 2014-11-07 2015-02-18 北京奇虎科技有限公司 一种浏览器中对网页中指定元素进行显示的方法和装置

Also Published As

Publication number Publication date
CN106155455A (zh) 2016-11-23

Similar Documents

Publication Publication Date Title
US9756140B2 (en) Tracking user behavior relative to a network page
KR101305781B1 (ko) 표시 제어 장치, 표시 제어 프로그램이 기록된 기록 매체 및 표시 제어 방법
US20110221766A1 (en) Method for printing a captured screen of web pages
EP4171043A1 (en) Method and apparatus for providing multimedia content, and device
EP3832459A1 (en) Graphic drawing method and apparatus, device, and storage medium
CN105242817A (zh) 页面元素实时突出显示的方法及装置
CN107870795B (zh) 一种电子地图显示的方法及装置
EP4033438A1 (en) Video generation method and device, and terminal and storage medium
CN106873844B (zh) 图片查看方法及装置
CN103514271A (zh) 提供网页内容对应缩略图的方法及装置
CN111581564B (zh) 一种应用Canvas实现的网页同步交流方法
CN106648571B (zh) 一种用于校对应用界面的方法和装置
CN111935527A (zh) 信息显示方法、视频播放方法及设备
CN106874387B (zh) 一种自适应html滚屏展示实时信息的方法
CN106155455B (zh) 界面中对象的控制方法和装置
CN104598467B (zh) 一种网页图片的显示方法及装置
CN111913566A (zh) 数据处理方法、装置、电子设备及计算机存储介质
CN102929952A (zh) 网页图片显示装置和方法
CN106951405B (zh) 基于排版引擎的数据处理方法及装置
CN110889057A (zh) 业务数据可视化方法和业务对象可视化装置
CN110456999B (zh) 节目创建方法、装置、电子设备及计算机可读存储介质
US20160283075A1 (en) Information processing method, apparatus, and system
KR101345726B1 (ko) 웹페이지 캡쳐 화면 인쇄 방법
CN114281445A (zh) 页面显示方法、装置、电子设备和存储介质
WO2018133633A1 (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