界面中对象的控制方法和装置转让专利
申请号 : CN201510146136.8
文献号 : CN106155455B
文献日 : 2020-03-03
发明人 : 何玉婵 , 陈颖豪
申请人 : 阿里巴巴集团控股有限公司
摘要 :
权利要求 :
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任一项所述的界面对象的控制装置,其特征在于,所述显示界面为全屏显示界面。
说明书 :
界面中对象的控制方法和装置
技术领域
背景技术
程序可通过网页或者应用程序界面为用户提供各种资源和信息,如图片、文字、动画等。其
中,网页或者应用程序提供的界面中除了包含网站导航信息之外,还可包括一些定期或不
定期更新的对象,推广活动、推荐内容等。为了使用户能够及时方便地获取这类对象,需要
对这类对象的提供进行特殊的控制。
区域如果太小,则难以达到引起用户注意的目的,而如果其所占的区域如果太大,则会影响
页面中其他信息的展示,不便于用户对其他信息的浏览和获取。因此,目前的界面中对象的
控制方式仍有待改进。
发明内容
取信息。
象,则监听用户针对所述当前活动界面的操作行为;如果在预设时间内未监听到所述用户
针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素材;根据所述素
材生成显示界面,并在所述终端中显示所述显示界面。
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
象,则监听用户针对所述当前活动界面的操作行为;提取模块,用于如果在预设时间内未监
听到所述用户针对所述当前活动界面的操作行为,则提取所述预设类型的对象对应的素
材;生成模块,用于根据所述素材生成显示界面,并在所述终端中显示所述显示界面。
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
附图说明
具体实施方式
图描述的实施例是示例性的,仅用于解释本申请,而不能理解为对本申请的限制。
本申请的限制。此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性。
申请中的具体含义。
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
听用户针对当前活动界面的操作行为。
界面有操作行为。
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
面,也就是说用户未在浏览当前活动界面中的内容,因此可提取预设类型的对象对应的素
材,并执行S104以生成显示界面,并在终端中显示。
储有构成相应的预设类型的对象的文字元素、背景图、主题图等,或者存储有已经按照不同
的窗口尺寸组合好的界面模板。从而,可根据设定的显示界面的尺寸查询素材库中是否有
与该尺寸匹配的界面模板,如果有提取该界面模板,如果没有,则从中提取出预设类型的对
象的文字元素、背景图、主题图等素材。
尺寸,并根据该尺寸对提取到的素材进行等比缩放、剪裁或者组合等处理,以生成显示界
面,并在终端中进行显示,从而达到了对预设类型的对象对应的内容的突出显示,便于终端
的用户以及其附近的用户读取这部分内容,有利于信息的推广。
通过调用Javascript函数器计算或通过CSS媒体查询显示窗口尺寸。
显示屏的尺寸确定各个素材的尺寸,并据此对素材进行等比缩放、剪裁或者组合等处理,以
生成全屏显示界面,并进行显示。
示时间等。此时,可根据多个预设类型的对象对应的素材分别生成多个显示界面,即根据每
个预设类型的对象分别生成一个显示界面,从而得到多个显示界面。然后可在终端中按照
显示对象的预设规则显示生成的多个显示界面,即与显示窗口中多个对象的显示顺序以及
每个对象的显示时间相应地显示多个显示界面。
横幅在四种不同屏幕尺寸的终端上全屏显示的示意图。如图2所示,区域a所示的网页横幅
在b、c、d、d四种不同屏幕尺寸的终端上显示的四种不同尺寸以及组合方式。由此可见,可根
据显示屏的尺寸对预设类型的对象的素材的尺寸、组合方式等进行调整,能够满足不同显
示尺寸的需求,从而能够在不同尺寸的显示屏上尽可能完整的显示预设类型的对象的内
容。
示的内容感兴趣时,可以根据该网址信息直接进入相应的网站查看,从而更便于用户操作。
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
为可以是用户的针对显示界面的任一操作行为,如鼠标手势(滑动、点击、双击等)、触摸手
势、键盘操作等等。从而能够根据用户操作行为及时地确定用户要继续使用当前活动页面,
并主动退出对预设类型的对象对应的显示界面,恢复初始状态(突出显示之前的状态),非
常方便灵活,也不会应用户对当前活动界面的使用。
根据显示窗口的尺寸对背景图和文字元素进行尺寸调整,并对主题图进行尺寸调整和/或
剪裁,然后根据显示窗口的尺寸对调整后的背景图、文字元素以及调整和/或剪裁后的主题
图进行组合,以生成显示界面。图3为根据本申请一个具体实施例的界面中对象的控制方法
的流程图。
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
界面有操作行为。
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
文字元素。
面,也就是说用户未在浏览当前活动界面中的内容,因此可获取用于显示当前活动界面的
显示窗口的尺寸,并执行S304以针对预设类型的对象进行全屏显示。
中的素材可包括背景图、主题图和文字元素等。如果在预设时间内未监听到用户针对当前
活动界面的操作行为,则可从素材库中提取预设类型的对象对应的背景图、主题图和文字
元素。
示屏的尺寸。用户可根据需求设定,也可由系统默认设定。
题图进行尺寸调整和/或剪裁;根据显示窗口的尺寸对调整后的背景图、文字元素以及调整
和/或剪裁后的主题图进行组合,以生成全屏显示界面。由于背景图大多是纯色,或者对分
辨率要求不高,因此可将背景图按照显示窗口的进行放大或剪裁以填充满整个显示窗口,
然后对文字元素和主题图尺寸以及组合方式进行调整。例如,如果显示窗口是宽屏窗口,如
图2b-图2d所示的窗口,则将文字元素与主题图进行横向组合,如果显示窗口时竖屏窗口,
如图e所示的窗口,则将文字元素与主题图进行纵向组合等,还可对主题图进行适当的剪
裁,以便于更符合显示窗口的尺寸以及长宽比。然后,提供一个与显示窗口的尺寸一致的浮
层容器,并在该浮层容器中显示该全屏显示界面。
小或剪裁(剪裁仅限于主题图)的方式。
调整、对主题图尺寸调整和/或剪裁等,然后再进行排版组合,能够针对预设类型的对象提
供更多样化的全屏展示界面。
生成显示界面。具体地,图4为根据本申请另一个具体实施例的界面中对象的控制方法的流
程图。
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
有,则当前活动界面中显示有预设类型的对象,则监听用户针对当前活动界面的操作行为。
界面有操作行为。
中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行为。具体地,可
通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听到用户针对当
前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用户针对当前活
动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔时间。
面,也就是说用户未在浏览当前活动界面中的内容,因此可获取用于显示当前活动界面的
显示窗口的尺寸,并执行S404以针对预设类型的对象进行全屏显示。
中的素材可包括与多个显示窗口尺寸分别对应的多个界面模板。如果在预设时间内未监听
到用户针对当前活动界面的操作行为,则可从素材库中提取出与显示窗口尺寸相匹配的界
面模板,例如,可以是尺寸与显示窗口一致的界面模板,或者长宽比例与与显示窗口一致的
界面模板。
示屏的尺寸。用户可根据需求设定,也可由系统默认设定。
尺寸与显示窗口的尺寸一致,而长宽比一致,可则按比例进行放大或缩小,以得到与显示窗
口尺寸一致的全屏显示界面,并在浮层容器中进行显示。
能够方便快捷地针对预设类型的对象提供全屏展示界面。
端最前端显示的界面,即用户指令焦点所在窗口。例如,用户浏览网页时,用户当前浏览的
网页即为当前活动界面。
请的一个实施例中,当前活动界面可为网页页面,预设类型的对象为网页页面中的推广内
容。
设标识,如果有,则当前活动界面中显示有预设类型的对象,则监听模块20监听用户针对当
前活动界面的操作行为。
作行为。
针对当前活动界面有操作行为。
端脚本语言)中的setTimeout或setInterval计时器监听用户针对当前活动界面的操作行
为。具体地,可通过计时器记录当前时间距用户上一次操作时间的时间间隔,并在每次监听
到用户针对当前活动界面的操作行为时,将计时器的记录清零,重新记录,由此可实现对用
户针对当前活动界面的操作行为的监听,并可获取用户未对当前活动界面进行操作的间隔
时间。
前活动界面,也就是说用户未在浏览当前活动界面中的内容,因此提取模块30可提取预设
类型的对象对应的素材,并由生成模块40针对预设类型的对象进行突出显示。
储有构成相应的预设类型的对象的文字元素、背景图、主题图以及已经按照不同的窗口尺
寸组合好的界面模板。从而,提取模块30获取用于显示当前活动界面的显示窗口的尺寸后,
可根据该尺寸从素材库中提取文字元素、背景图、主题图,或者提取界面模板。更具体地,提
取模块30可根据设定的显示界面的尺寸查询素材库中是否有与该尺寸匹配的界面模板,如
果有提取该界面模板,如果没有,则从中提取出预设类型的对象的文字元素、背景图、主题
图等素材。
展示的内容的尺寸,并根据该尺寸对提取到的素材进行等比缩放、剪裁或者组合等处理,以
生成显示界面,并在终端中进行显示,从而达到了对预设类型的对象对应的内容的突出显
示,便于终端的用户以及其附近的用户读取这部分内容,有利于信息的推广。
地,生成模块40可通过调用Javascript函数器计算或通过CSS媒体查询显示窗口尺寸。
然后根据终端显示屏的尺寸确定各个素材的尺寸,并据此对素材进行等比缩放、剪裁或者
组合等处理,以生成全屏显示界面,并进行显示。
示时间等。此时,生成模块40可根据多个预设类型的对象对应的素材分别生成多个显示界
面,即根据每个预设类型的对象分别生成一个显示界面,从而得到多个显示界面。然后生成
模块40可在终端中按照显示对象的预设规则显示生成的多个显示界面,即与显示窗口中多
个对象的显示顺序以及每个对象的显示时间相应地显示多个显示界面。
横幅在四种不同屏幕尺寸的终端上全屏显示的示意图。如图2所示,区域a所示的网页横幅
在b、c、d、d四种不同屏幕尺寸的终端上显示的四种不同尺寸以及组合方式。由此可见,可根
据显示屏的尺寸对预设类型的对象的素材的尺寸、组合方式等进行调整,能够满足不同显
示尺寸的需求,从而能够在不同尺寸的显示屏上尽可能完整的显示预设类型的对象的内
容。
界面。更具体地,生成模块40具体用于:根据显示窗口的尺寸对背景图和文字元素进行尺寸
调整,并对主题图进行尺寸调整和/或剪裁;根据显示窗口的尺寸对调整后的背景图、文字
元素以及调整和/或剪裁后的主题图进行组合,以生成显示界面。由于背景图大多是纯色,
或者对分辨率要求不高,因此可将背景图按照显示窗口的进行放大或剪裁以填充满整个显
示窗口,然后对文字元素和主题图尺寸以及组合方式进行调整。例如,如果显示窗口是宽屏
窗口,如图2b-图2d所示的窗口,则将文字元素与主题图进行横向组合,如果显示窗口时竖
屏窗口,如图e所示的窗口,则将文字元素与主题图进行纵向组合等,还可对主题图进行适
当的剪裁,以便于更符合显示窗口的尺寸以及长宽比。然后,提供一个与显示窗口的尺寸一
致的浮层容器,并在该浮层容器中显示该显示界面。
板生成显示界面。更具体地,如果提取的显示模板的尺寸与显示窗口的尺寸一致,则可将界
面模板作为显示界面直接在与显示窗口的尺寸一致的浮层容器中显示,如果提取的显示模
板的尺寸与显示窗口的尺寸一致,而长宽比一致,可则按比例进行放大或缩小,以得到与显
示窗口尺寸一致的显示界面,并在浮层容器中进行显示。
小或剪裁(剪裁仅限于主题图)的方式。
示的内容感兴趣时,可以根据该网址信息直接进入相应的网站查看,从而更便于用户操作。
设类型的对象对应的素材,并生成显示界面以对素材进行显示,可在用户在预设时间内未
对当前活动界面进行操作时,对预设类型的对象的内容进行突出显示,并且可灵活调整显
示界面中显示内容的尺寸,使显示的内容更加完整,从而能够在不影响用户浏览界面中其
他信息的同时,对预设类型的对象进行突出显示,控制方式更加灵活,更便于用户获取信
息,提升了用户体验。
活,也不会应用户对当前活动界面的使用。
分,并且本申请的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺
序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本申请
的实施例所属技术领域的技术人员所理解。
指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执
行系统、装置或设备取指令并执行指令的系统)使用,或结合这些指令执行系统、装置或设
备而使用。就本说明书而言,"计算机可读介质"可以是任何可以包含、存储、通信、传播或传
输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装
置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电
连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器
(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式光盘只读存
储器(CDROM)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的
介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其
他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。
或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下
列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路
的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场
可编程门阵列(FPGA)等。
质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如
果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机
可读取存储介质中。
一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何
的一个或多个实施例或示例中以合适的方式结合。
申请的范围由权利要求及其等同限定。