CN112650401B - 信息轮播方法、装置、电子设备及存储介质 - Google Patents
信息轮播方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112650401B CN112650401B CN202011555364.8A CN202011555364A CN112650401B CN 112650401 B CN112650401 B CN 112650401B CN 202011555364 A CN202011555364 A CN 202011555364A CN 112650401 B CN112650401 B CN 112650401B
- Authority
- CN
- China
- Prior art keywords
- information
- carousel
- information items
- mouse
- switching
- 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
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0354—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 2D relative movements between the device, or an operating part thereof, and a plane or surface, e.g. 2D mice, trackballs, pens or pucks
- G06F3/03541—Mouse/trackball convertible devices, in which the same ball is used to track the 2D relative movement
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
本公开提供了一种信息轮播方法、装置、电子设备及存储介质,涉及信息播放、互动式轮播等领域。具体实现方案为:在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;获取作用于信息项切换指示器的鼠标操作,触发监听事件;响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理。采用本公开,可以提高查看信息项的处理效率。
Description
技术领域
本公开涉及信息处理领域。本公开尤其涉及信息播放、互动式轮播等领域。
背景技术
信息的播放,可以通过互动模式来实现,将待轮播的信息项和应用界面统一到一个可切换的屏幕可视区域,更方便用户查看显示于屏幕可视区域的多个信息项。
目前的轮播模式,一种是通过设置轮播时间,以根据轮播时间在多个信息项间实现自动的轮播切换处理,该依据轮播时间的互动操作方案无法精确定位到想查看的信息项。另一种是通过用户手动点击,以在多个信息项间实现手动的轮播切换处理手动切换,该用户手动点击的互动操作方案过于繁琐。
发明内容
本公开提供了一种信息轮播方法、装置、电子设备及存储介质。
根据本公开的一方面,提供了一种信息轮播方法,包括:
在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;
获取作用于信息项切换指示器的鼠标操作,触发监听事件;
响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理。
根据本公开的另一方面,提供了一种信息轮播装置,包括:
显示模块,用于在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;
监听触发模块,用于获取作用于信息项切换指示器的鼠标操作,触发监听事件;
轮播处理模块,用于响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理。
根据本公开的另一方面,提供了一种电子设备,包括:
至少一个处理器;以及
与该至少一个处理器通信连接的存储器;其中,
该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行本公开任意一实施例所提供的方法。
根据本公开的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,该计算机指令用于使该计算机执行本公开任意一项实施例所提供的方法。
根据本公开的另一方面,提供了一种计算机程序产品,包括计算机指令,该计算机指令被处理器执行时实现本公开任意一项实施例所提供的方法。
采用本公开,可以在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项,可以获取作用于信息项切换指示器的鼠标操作,触发监听事件,响应所述监听事件,根据所监听到的所述鼠标操作,可以在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理,从而,提高了查看信息项的处理效率。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本公开的限定。其中:
图1是根据本公开实施例的信息轮播方法的流程示意图;
图2是根据本公开实施例的开启循环播放功能的轮播示意图;
图3是根据本公开实施例的一信息轮播方法的显示示意图;
图4是根据本公开实施例的又一信息轮播方法的显示示意图;
图5是根据本公开实施例的信息轮播装置的组成结构示意图;
图6是用来实现本公开实施例的信息轮播方法的电子设备的框图。
具体实施方式
以下结合附图对本公开的示范性实施例做出说明,其中包括本公开实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本公开的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合,例如,包括A、B、C中的至少一种,可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。本文中术语“第一”、“第二”表示指代多个类似的技术用语并对其进行区分,并不是限定顺序的意思,或者限定只有两个的意思,例如,第一特征和第二特征,是指代有两类/两个特征,第一特征可以为一个或多个,第二特征也可以为一个或多个。
另外,为了更好的说明本公开,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本公开同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本公开的主旨。
通过互动模式来实现信息播放的一场景中,待轮播的信息项可以水平展示在应用界面的屏幕可视区域中,受限于现实中屏幕物理尺寸的限制,水平展示的信息项无法全部放置于屏幕中。需要将超过该屏幕可视区域宽度的信息项先隐藏起来,并且在用户需要查看该信息项的内容时,能够展示在该屏幕可视区域中,以方便用户查看显示于屏幕可视区域的多个信息项。对此,可以采用轮播技术。
轮播技术,可以采用依据轮播时间的互动操作方案,是一种定时自动将单个信息项依次切换的方案,所谓定时自动切换,是指以一定间隔时间,自动从右向左的将信息项呈现在该屏幕可视区域中。但是,该互动操作方案没有停留功能,哪怕用户已经将鼠标或者焦点放置在出现在视野区的某个信息项上,依然会自动轮播切换下一个信息项,从而给用户造成交互困扰,无法精确定位到想查看的信息项。
轮播技术,还可以采用通过用户手动点击的互动操作方案,是一种通过手动点击切换来实现单个信息项依次切换的方案。所谓手动点击切换,是指用户通过手动点击,将隐藏在该屏幕可视区域左右两侧的信息项呈现在该屏幕可视区域中。但是,该互动操作方案过于繁琐的手动点击,导致用户想要快速查看信息项时,需要频繁点击,给用户带来了交互负担。
根据本公开的实施例,提供了一种信息轮播方法,图1是根据本公开实施例的信息轮播方法的流程示意图,该方法可以应用于信息轮播装置,例如,该装置可以部署于终端或服务器或其它处理设备执行的情况下,可以执行信息项展示、监听鼠标操作、多个信息项的轮播切换处理等等。其中,终端可以为用户设备(UE,User Equipment)、移动设备、蜂窝电话、无绳电话、个人数字处理(PDA,Personal Digital Assistant)、手持设备、计算设备、车载设备、可穿戴设备等。在一些可能的实现方式中,该方法还可以通过处理器调用存储器中存储的计算机可读指令的方式来实现。如图1所示,包括:
S101、在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项。
S102、获取作用于信息项切换指示器的鼠标操作,触发监听事件。
S103、响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理。
基于上述S101-S103的一示例中,可以获取作用于信息项切换指示器的鼠标操作,触发监听事件。所述监听事件为鼠标移入操作的情况下,在屏幕可视区域水平方向上排列的多个信息项发生平移处理,且该平移处理是基于平移切换策略计算得到的平移距离来执行,即:根据鼠标移入操作及基于平移切换策略得到的平移距离,可以在该屏幕可视区域的水平方向上平移该多个信息项。基于该平移处理在多个信息项间实现了该轮播切换处理,直至该监听事件切换为鼠标移出操作的情况下,根据该鼠标移出操作,停止该轮播切换处理,在该屏幕可视区域的水平方向上排列的该多个信息项呈现静止的展示状态。
采用本公开,可以在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项。可以获取作用于信息项切换指示器的鼠标操作,触发监听事件,响应所述监听事件,无需点击,只需根据所监听到的所述鼠标操作,就可以在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理,从而,提高了查看信息项的处理效率,且减少了通过点击进行查看的交互次数,避免了通过自动轮播进行信息项内容查看时对用户操作的干扰。
本公开的适用场景包括:支持用户快速查看信息项的内容、及精准定位到感兴趣的信息项,以便对该感兴趣的信息项进一步操作的各个视频、图文等应用场景中。
一示例中,可以在左右两侧的信息项切换指示器上,都设置用于监听所述鼠标操作的监视器,或者仅在一侧的信息项切换指示器上设置用于监听所述鼠标操作的监视器。且基于所监听该鼠标操作来实现轮播切换处理,可以是双向轮播切换,比如,在上述左右两侧的信息项切换指示器上,都设置用于监听所述鼠标操作的监视器,鼠标移入操作位于左侧的信息项切换指示器上,则向左侧执行轮播切换,即多个信息项向左边平移;鼠标移入操作位于右侧的信息项切换指示器上,则向右侧执行轮播切换,即多个信息项向右边平移。又如,仅在左侧的信息项切换指示器上设置用于监听所述鼠标操作的监视器,鼠标移入操作位于左侧的信息项切换指示器上,则只能向左侧执行单向轮播切换,即多个信息项向左边平移;或者,仅在右侧的信息项切换指示器上设置用于监听所述鼠标操作的监视器,鼠标移入操作位于右侧的信息项切换指示器上,则只能向右侧执行单向轮播切换,即多个信息项向右侧平移。
对于上述示例中的轮播切换处理,无论是双向轮播切换、还是单向轮播切换,进一步的,都可以设置循环播放功能,则可以如“旋转木马”一样滚动播放多个信息项。图2是根据本公开实施例的开启循环播放功能的轮播示意图,如图2所示的一示例中,信息项有10个(记为信息项1、信息项2、信息项3、……、信息项10),如果设置了向左侧执行单向轮播切换+循环播放功能,当前播放的信息项为“信息项3”,则轮播切换为:信息项3-信息项2-信息项1-信息项10-信息项9-信息项8-信息项7-信息项6-信息项5-信息项4,如果不移出鼠标,则继续在多个信息项间循环轮播。
以在左右两侧的信息项切换指示器上都设置用于监听所述鼠标操作的监视器上为例,通过监听鼠标移入操作及鼠标移出操作来实现轮播切换处理,阐述如下:
1)当用户将鼠标移动到右侧信息项切换指示器时,会触发设置的监听事件,此时监听到鼠标移入操作。
2)对屏幕可视区域水平排列的多个信息项(如信息内容列表)按平移切换策略计算得到平移距离后,根据该平移距离向右移动,直至鼠标移出右侧项目切换指示器的这段时间中,会持续执行向右移动的平移处理,以对水平排列的多个信息项进行移动操作。
3)鼠标移出右侧信息项切换指示器时,停止上述第2)步的操作,即停止对水平排列的多个信息项的移动操作,使水平排列的多个信息项处于静态展示状态。
上述为针对鼠标移入右侧信息项切换指示器的具体实现过程,针对鼠标移入左侧信息项切换指示器的具体实现过程,同理,不做赘述,区别只是根据平移距离向左移动。
一实施方式中,还包括:检测到所述鼠标移入操作,开启定时器;在所述定时器设置的时间段内,检测所述鼠标移入操作是否仍然作用于所述信息项切换指示器;所述鼠标移入操作仍然作用于所述信息项切换指示器的情况下,继续执行所述轮播切换处理。采用本实施方式,可以在定时器设置的时间段内,即有效时间内对鼠标移入操作进行检测,以避免误检测,比如,用户离开鼠标仍然作用于信息项切换指示器,比如用户无意切换,但是移入了信息项切换指示器等各种误检测场景,是需要避免的,通过定时器的延时作用可以很好的解决误检测。
一实施方式中,还包括:超出所述定时器设置的时间段,停止所述轮播切换处理;或者,在所述定时器设置的时间段内,检测到已切换为所述鼠标移出操作作用于所述信息项切换指示器的情况下,停止所述轮播切换处理。采用本实施方式,通过定时器的延时作用不仅可以很好的解决误检测,而且还可以避免鼠标无限制的作用于信息项切换指示器并执行轮播,而无限制的轮播操作会导致系统异常,是需要避免的,也就是说,通过定时器的延时作用可以很好的避免系统异常。
一实施方式中,所述根据所述鼠标移入操作、及基于平移切换策略得到的平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项,包括:为所述多个信息项中处于所述屏幕可视区域的待移动信息项,配置对应的信息标识;响应所述鼠标移入操作触发的平移处理,根据所述信息标识锁定所述待移动信息项;根据针对所述待移动信息项的相对定位,得到所述平移距离;根据所述平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项。采用本实施方式,可以通过该信息标识来跟踪轮播切换中对应的信息项,可以根据该平移距离精准定位到某个感兴趣的信息项,从而提高了查看信息项的处理效率。
一实施方式中,所述根据针对所述待移动信息项的相对定位,得到所述平移距离,包括:获取所述待移动信息项的左边界,与所述水平方向上排列的整个水平列表的列表左边界之间的间隔距离,其中,所述整个水平列表由所述多个信息项构成;获取所述待移动信息项自身的水平宽度;根据所述间隔距离及所述水平宽度,得到所述平移距离。采用本实施方式,可以根据该间隔距离及该水平宽度实现相对定位,从而,针对待移动信息项的相对定位,得到平移距离后,可以控制轮播切换,并切换到任意一个信息项,从而提高了查看信息项的处理效率。
应用示例:
图3是根据本公开实施例的一信息轮播方法的显示示意图,如图3所示,包括:项目可视区域1、信息项切换指示器(左项目切换指示器2-右项目切换指示器3)、在可视区域中展示的项目4、及隐藏于项目可视区域左右两侧的信息项目(隐藏的左侧项目5-隐藏的右侧项目6)、在项目可视区域中水平排列的多个信息项构成的项目内容列表7(包含了左右两侧隐藏的项目和处于中间可视区域中的项目)。通过用户手动点击信息项切换指示器来实现互动式的轮播切换处理,用户通过手动点击可以将隐藏在项目可视区域左右两侧的信息项呈现在该项目可视区域中。然而,该互动式的轮播切换处理是手动点击,无法实现信息项的快速浏览,查看处理效率低下,要想快速查看,就得频繁点击,给用户带来了交互负担。
图4是根据本公开实施例的又一信息轮播方法的显示示意图,如图4所示,包括:项目可视区域1、信息项切换指示器(左项目切换指示器2-右项目切换指示器3)、在可视区域中展示的项目4、及隐藏于项目可视区域左右两侧的信息项目(隐藏的左侧项目5-隐藏的右侧项目6)、在项目可视区域中水平排列的多个信息项构成的项目内容列表(包含了左右两侧隐藏的项目和处于中间可视区域中的项目)、用户操作的鼠标指示器8(即用户操作的鼠标在屏幕中的指示器)。执行轮播切换处理的过程中,可以根据监听的鼠标移入操作,使得水平排列的项目内容列表向右移动的过程中,可以显示移动前的内容列表7及移动中的水平项目内容列表9,该轮播切换处理包括如下内容:
1、在左右两个项目切换指示器(即左项目切换指示器-右项目切换指示器)上可以分别设置用户操作的鼠标指示器,将该用户操作的鼠标指示器作为鼠标移入操作的监视器,可以通过该监视器来监听鼠标移入事件。
2、当用户将鼠标移动到右侧项目切换指示器上时,会触发所配置的监听鼠标移入操作的事件。
3、对水平排列的内容列表,按平移切换策略计算后的平移距离进行向右移动。
4、直至鼠标移出右侧项目切换指示器的这段时间中,会持续第3步的操作,对水平列表进行移动操作。
5、鼠标移出右侧项目指示器时,停止上述第3-第4步的操作,即停止对水平内容列表的移动操作,使水平排列的内容列表处于静态展示状态。
需要指出的是,为了制图清晰,图4中只绘制了作用于右项目切换指示器上的该指示器,左项目切换指示器也可以绘制该指示器,鼠标移入左侧切换指示器时,类同上述第2步-第5步的操作,不做赘述。
针对上述第3步的平移切换策略而言,具体逻辑包括如下内容:
1)每次移动水平排列的内容列表时,将处于可视区中展示的项目加个标记,包括但不限于在该项目的文档对象模型(DOM)元素的类(class)属性中增加一个标记,比如增加一个激活态(active)。
2)在鼠标进入切换指示器时,首先,获取DOM元素的class中带有active的元素,然后计算该active项目左边界距离整个水平排列的列表左边界的距离,记为间隔距离(distance)。
3)将计算active项目的水平宽度,记为水平宽度(width)。
4)利用层叠样式表(css)的过渡(transition)机制,将transition应用在水平排列的列表上,根据基于distance和width得到的相对定位,具体是整体水平移动width的距离。
5)在应用了transition机制之后,可以根据设置的延时定时器来监听鼠标移入操作,该延时监听器的作用是重复执行第2)-第4)步的内容,并存储此延时定时器的移除句柄(该移除句柄记为clearID)。
6)鼠标如果还停留在切换指示器中,延时定时器会在一定时间后执行。根据设置的延时定时器还可以来监听鼠标移出操作,一旦鼠标移出项目切换指示器,将执行clearID对应的延时定时器,清除延时效果。
采用本应用示例,避免了用户想查看当时处于可视区的项目内容时,列表自动移动的弊端,也减少了需要用户点击项目切换指示器才能查看隐藏项目内容时的交互次数,仅需要用户将鼠标放置在切换指示器上,即可查看隐藏内容,用户将鼠标移开切换指示器,即可将内容轮播滚动动作停止,对自己感兴趣的项目内容进行进一步操作,从而能有效提高用户查看项目内容的效率,减少了通过点击操作进行查看的交互次数。
根据本公开的实施例,提供了一种信息轮播装置,图5是根据本公开实施例的信息轮播装置的组成结构示意图,如图5所示,包括:显示模块51,用于在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;监听触发模块52,用于获取作用于信息项切换指示器的鼠标操作,触发监听事件;轮播处理模块53,用于响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理。
一实施方式中,所述轮播处理模块,用于所述监听事件为鼠标移入操作的情况下,根据所述鼠标移入操作、及基于平移切换策略得到的平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项;在所述多个信息项间实现所述轮播切换处理,直至所述监听事件切换为鼠标移出操作的情况下,根据所述鼠标移出操作,停止所述轮播切换处理,在所述屏幕可视区域的水平方向上排列的所述多个信息项呈现静止的展示状态。
一实施方式中,还包括延时检测模块,用于检测到所述鼠标移入操作,开启定时器;在所述定时器设置的时间段内,检测所述鼠标移入操作是否仍然作用于所述信息项切换指示器;所述鼠标移入操作仍然作用于所述信息项切换指示器的情况下,继续执行所述轮播切换处理。
一实施方式中,所述延时检测模块,还用于超出所述定时器设置的时间段,停止所述轮播切换处理;或者,在所述定时器设置的时间段内,检测到已切换为所述鼠标移出操作作用于所述信息项切换指示器的情况下,停止所述轮播切换处理。
一实施方式中,所述轮播处理模块,包括标识配置子模块,用于为所述多个信息项中处于所述屏幕可视区域的待移动信息项,配置对应的信息标识;信息锁定子模块,用于响应所述鼠标移入操作触发的平移处理,根据所述信息标识锁定所述待移动信息项;距离定位子模块,用于根据针对所述待移动信息项的相对定位,得到所述平移距离;平移处理子模块,用于根据所述平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项。
一实施方式中,所述距离定位子模块,用于获取所述待移动信息项的左边界,与所述水平方向上排列的整个水平列表的列表左边界之间的间隔距离,其中,所述整个水平列表由所述多个信息项构成;获取所述待移动信息项自身的水平宽度;根据所述间隔距离及所述水平宽度,得到所述平移距离。
本公开实施例各装置中的各模块的功能可以参见上述方法中的对应描述,在此不再赘述。
根据本公开的实施例,本公开还提供了一种电子设备和一种可读存储介质、和一种计算机程序产品。
如图6所示,是用来实现本公开实施例的信息轮播方法的电子设备的框图。该电子设备可以为前述部署设备或代理设备。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或要求的本公开的实现。
如图6所示,设备600包括计算单元601,其可以根据存储在只读存储器(ROM)602中的计算机程序或者从存储单元608加载到随机访问存储器(RAM)603中的计算机程序来执行各种适当的动作和处理。在RAM 603中,还可存储设备600操作所需的各种程序和数据。计算单元601、ROM 602以及RAM 603通过总线604彼此相连。输入输出(I/O)接口605也连接至总线604。
设备600中的多个部件连接至I/O接口605,包括:输入单元606,例如键盘、鼠标等;输出单元607,例如各种类型的显示器、扬声器等;存储单元608,例如磁盘、光盘等;以及通信单元609,例如网卡、调制解调器、无线通信收发机等。通信单元609允许设备600通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
计算单元601可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元601的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元601执行上文所描述的各个方法和处理,例如信息轮播方法。例如,在一些实施例中,信息轮播方法可被实现为计算机软件程序,其被有形地包含于机器可读介质,例如存储单元608。在一些实施例中,计算机程序的部分或者全部可以经由ROM 602和/或通信单元609而被载入和/或安装到设备600上。当计算机程序加载到RAM 603并由计算单元601执行时,可以执行上文描述的信息轮播方法的一个或多个步骤。备选地,在其他实施例中,计算单元601可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行信息轮播方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器,使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入、或者触觉输入来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本公开公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本公开保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等,均应包含在本公开保护范围之内。
Claims (4)
1.一种信息轮播方法,所述方法包括:
在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;
获取作用于信息项切换指示器的鼠标操作,触发监听事件;
响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理;
所述响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理,包括:所述监听事件为鼠标移入操作的情况下,根据所述鼠标移入操作、及基于平移切换策略得到的平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项;在所述多个信息项间实现所述轮播切换处理,直至所述监听事件切换为鼠标移出操作的情况下,根据所述鼠标移出操作,停止所述轮播切换处理,在所述屏幕可视区域的水平方向上排列的所述多个信息项呈现静止的展示状态;
所述方法还包括:检测到所述鼠标移入操作,开启定时器;在所述定时器设置的时间段内,检测所述鼠标移入操作是否仍然作用于所述信息项切换指示器;所述鼠标移入操作仍然作用于所述信息项切换指示器的情况下,继续执行所述轮播切换处理;
所述方法还包括:超出所述定时器设置的时间段,停止所述轮播切换处理;或者,在所述定时器设置的时间段内,检测到已切换为所述鼠标移出操作作用于所述信息项切换指示器的情况下,停止所述轮播切换处理;
所述根据所述鼠标移入操作、及基于平移切换策略得到的平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项,包括:为所述多个信息项中处于所述屏幕可视区域的待移动信息项,配置对应的信息标识;响应所述鼠标移入操作触发的平移处理,根据所述信息标识锁定所述待移动信息项;根据针对所述待移动信息项的相对定位,得到所述平移距离;根据所述平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项;
所述根据针对所述待移动信息项的相对定位,得到所述平移距离,包括:获取所述待移动信息项的左边界,与所述水平方向上排列的整个水平列表的列表左边界之间的间隔距离,其中,所述整个水平列表由所述多个信息项构成;获取所述待移动信息项自身的水平宽度;根据所述间隔距离及所述水平宽度,得到所述平移距离。
2.一种信息轮播装置,所述装置包括:
显示模块,用于在屏幕可视区域的水平方向显示多个信息项,所述多个信息项包含超出所述屏幕可视区域的显示范围之外的待显示信息项;
监听触发模块,用于获取作用于信息项切换指示器的鼠标操作,触发监听事件;
轮播处理模块,用于响应所述监听事件,根据所监听到的所述鼠标操作,在所述屏幕可视区域的水平方向执行针对所述多个信息项的轮播切换处理;
所述轮播处理模块,用于:所述监听事件为鼠标移入操作的情况下,根据所述鼠标移入操作、及基于平移切换策略得到的平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项;在所述多个信息项间实现所述轮播切换处理,直至所述监听事件切换为鼠标移出操作的情况下,根据所述鼠标移出操作,停止所述轮播切换处理,在所述屏幕可视区域的水平方向上排列的所述多个信息项呈现静止的展示状态;
所述装置还包括延时检测模块,用于:检测到所述鼠标移入操作,开启定时器;在所述定时器设置的时间段内,检测所述鼠标移入操作是否仍然作用于所述信息项切换指示器;所述鼠标移入操作仍然作用于所述信息项切换指示器的情况下,继续执行所述轮播切换处理;
其中,所述延时检测模块,还用于:超出所述定时器设置的时间段,停止所述轮播切换处理;或者,在所述定时器设置的时间段内,检测到已切换为所述鼠标移出操作作用于所述信息项切换指示器的情况下,停止所述轮播切换处理;
其中,所述轮播处理模块,包括:标识配置子模块,用于为所述多个信息项中处于所述屏幕可视区域的待移动信息项,配置对应的信息标识;信息锁定子模块,用于响应所述鼠标移入操作触发的平移处理,根据所述信息标识锁定所述待移动信息项;距离定位子模块,用于根据针对所述待移动信息项的相对定位,得到所述平移距离;平移处理子模块,用于根据所述平移距离,在所述屏幕可视区域的水平方向上平移所述多个信息项;
其中,所述距离定位子模块,用于:获取所述待移动信息项的左边界,与所述水平方向上排列的整个水平列表的列表左边界之间的间隔距离,其中,所述整个水平列表由所述多个信息项构成;获取所述待移动信息项自身的水平宽度;根据所述间隔距离及所述水平宽度,得到所述平移距离。
3.一种电子设备,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1所述的方法。
4.一种存储有计算机指令的非瞬时计算机可读存储介质,所述计算机指令用于使计算机执行权利要求1所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011555364.8A CN112650401B (zh) | 2020-12-24 | 2020-12-24 | 信息轮播方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011555364.8A CN112650401B (zh) | 2020-12-24 | 2020-12-24 | 信息轮播方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112650401A CN112650401A (zh) | 2021-04-13 |
CN112650401B true CN112650401B (zh) | 2023-09-01 |
Family
ID=75362731
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011555364.8A Active CN112650401B (zh) | 2020-12-24 | 2020-12-24 | 信息轮播方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112650401B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003029925A (ja) * | 2001-07-13 | 2003-01-31 | Sharp Corp | 情報機器装置及びマウスの制御方法 |
CN103077673A (zh) * | 2012-12-30 | 2013-05-01 | 乐视网信息技术(北京)股份有限公司 | 视频对应物品广告播放方法及系统 |
CN110858154A (zh) * | 2018-08-24 | 2020-03-03 | 北京金山云网络技术有限公司 | 一种轮播图的切换显示方法、装置、电子设备及存储介质 |
CN110865748A (zh) * | 2019-11-13 | 2020-03-06 | 北京无限光场科技有限公司 | 菜单呈现方法、装置、电子设备及计算机可读存储介质 |
WO2020103657A1 (zh) * | 2018-11-19 | 2020-05-28 | 腾讯科技(深圳)有限公司 | 视频文件播放方法、装置和存储介质 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7856602B2 (en) * | 2005-04-20 | 2010-12-21 | Apple Inc. | Updatable menu items |
US10025396B2 (en) * | 2015-07-23 | 2018-07-17 | International Business Machines Corporation | Quick browsing of displayed content |
-
2020
- 2020-12-24 CN CN202011555364.8A patent/CN112650401B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2003029925A (ja) * | 2001-07-13 | 2003-01-31 | Sharp Corp | 情報機器装置及びマウスの制御方法 |
CN103077673A (zh) * | 2012-12-30 | 2013-05-01 | 乐视网信息技术(北京)股份有限公司 | 视频对应物品广告播放方法及系统 |
CN110858154A (zh) * | 2018-08-24 | 2020-03-03 | 北京金山云网络技术有限公司 | 一种轮播图的切换显示方法、装置、电子设备及存储介质 |
WO2020103657A1 (zh) * | 2018-11-19 | 2020-05-28 | 腾讯科技(深圳)有限公司 | 视频文件播放方法、装置和存储介质 |
CN110865748A (zh) * | 2019-11-13 | 2020-03-06 | 北京无限光场科技有限公司 | 菜单呈现方法、装置、电子设备及计算机可读存储介质 |
CN111405377A (zh) * | 2020-03-19 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 一种视频播放方法、装置、电子设备和存储介质 |
Non-Patent Citations (1)
Title |
---|
陆玮珏等."一个面向智能电视高质量网络多媒体应用的多媒体软件平台".《计算机应用与软件》.2014,第31卷(第10期),第239-243页. * |
Also Published As
Publication number | Publication date |
---|---|
CN112650401A (zh) | 2021-04-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106156066B (zh) | 一种页面切换方法、装置及客户端 | |
CN104238897B (zh) | 一种菜单项显示方法及装置 | |
CN104834637B (zh) | 网页图片展示方法及装置 | |
CN106547417B (zh) | 显示后台任务消息的方法和装置 | |
CN110909279B (zh) | 一种网页的渲染方法、装置、计算机设备和存储介质 | |
CN111339463B (zh) | 列表数据的展示方法、装置和电子设备 | |
KR20140030299A (ko) | 동적 콘텐츠를 이용하여 줌 인 및 줌 아웃하기 위한 기법 | |
CN109361948B (zh) | 界面管理方法、智能终端及可读存储介质 | |
CN107045546B (zh) | 一种网页处理方法、装置及智能终端 | |
CN111694499A (zh) | 一种轮播图片显示方法以及轮播图片显示装置 | |
CN114115681A (zh) | 页面生成方法及装置、电子设备和介质 | |
CN115935925A (zh) | 表格适配方法、电子设备及计算机可读存储介质 | |
US11295708B2 (en) | Two-dimensional indication in contents | |
EP2756377B1 (en) | Virtual viewport and fixed positioning with optical zoom | |
US20170169599A1 (en) | Methods and electronic devices for displaying picture | |
EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
CN112650401B (zh) | 信息轮播方法、装置、电子设备及存储介质 | |
CN110717126A (zh) | 页面浏览方法、装置、电子设备及计算机可读存储介质 | |
CN111611476B (zh) | 专题页面的显示方法和装置 | |
CN111338520B (zh) | 标签显示方法、设备以及计算机可读介质 | |
CN111610917B (zh) | 显示方法、显示装置和电子设备 | |
CN113515210A (zh) | 一种显示方法、装置、电子设备以及存储介质 | |
EP2786240A1 (en) | Method and device for multi-window browsing | |
US9536013B2 (en) | Method and apparatus for web browsing of handheld device | |
CN113986102A (zh) | 显示控制方法、装置、电子设备和存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |