CN107015726A - 一种动态信息展示方法及装置 - Google Patents

一种动态信息展示方法及装置 Download PDF

Info

Publication number
CN107015726A
CN107015726A CN201710066667.5A CN201710066667A CN107015726A CN 107015726 A CN107015726 A CN 107015726A CN 201710066667 A CN201710066667 A CN 201710066667A CN 107015726 A CN107015726 A CN 107015726A
Authority
CN
China
Prior art keywords
multidate information
interface
distance
apart
stepped
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.)
Pending
Application number
CN201710066667.5A
Other languages
English (en)
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 CN201710066667.5A priority Critical patent/CN107015726A/zh
Publication of CN107015726A publication Critical patent/CN107015726A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Abstract

本申请公开了一种动态信息展示方法及装置。该方法包括:监测针对第一界面的拖拽操作,当监测到所述拖拽操作时,确定所述第一界面的拖拽距离,根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与拖拽距离正相关,在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。通过本方法,能够在用户进行下拉刷新的过程中,展示出丰富、动态的信息,有效增加了信息的多样性及可变性。

Description

一种动态信息展示方法及装置
技术领域
本申请涉及计算机技术领域,尤其涉及一种动态信息展示方法及装置。
背景技术
随着智能手机、平板电脑等触屏终端(触屏终端,是指具有触屏功能的终端)的普及,运行在触屏终端上的应用(Application,APP)的操作方式,相较于运行在计算机上的应用程序的操作方式有所不同,其中之一便是针对APP页面的下拉刷新操作。
现有技术中,当用户使用触屏终端启动某一APP后,该APP的应用界面将展示在屏幕中,用户可以在该应用界面上发出下拉操作,相应地,该APP会向相应的服务器发出远程过程调用(Remote Procedure Call,RPC)请求,从服务器获取到新的数据后,刷新当前应用界面,从而更新当前应用界面中所展示的信息。
其中,如图1所示,用户在应用界面中发出下拉操作后,原应用界面跟随用户操作向屏幕底部移动,相应地,在屏幕顶部逐渐展示出下拉界面,该下拉界面中通常会展示诸如“刷新中”、“加载中”等字样。
显然,对于现有的下拉界面而言,其展示的信息形式较为单一。
发明内容
本申请实施例提供一种动态信息展示方法,用以解决现有技术中下拉界面所显示的信息形式较为单一的问题。
本申请实施例提供一种动态信息展示装置,用以解决现有技术中下拉界面所显示的信息形式较为单一的问题。
本申请实施例采用下述技术方案:
本申请实施例提供的一种动态信息展示方法,包括:
监测针对第一界面的拖拽操作;
当监测到所述拖拽操作时,确定所述第一界面的拖拽距离;
根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与距离分档正相关;
在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。
本申请实施例提供的一种动态信息展示装置,包括:
监测模块,监测针对第一界面的拖拽操作;
距离确定模块,当监测到所述拖拽操作时,确定所述第一界面的拖拽距离;
信息确定模块,根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与距离分档正相关;
展示模块,在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
当用户针对应用界面中的第一界面进行拖拽时,该应用将监测用户的拖拽操作,并实时确定出第一界面的拖拽距离,当第一界面被用户拖拽后,在当前的应用界面中,将显示出第二界面,于此同时,应用根据预先设置的距离分档与动态信息之间的对应关系,确定当前时刻第一界面的拖拽距离所对应的动态信息,以便在第二界面中展示出该动态信息,在本申请实施例中,展示在第二界面中的动态信息的信息量与第一界面的拖拽距离正相关,换言之,随着用户拖拽第一界面的距离增加,在第二界面中将展示出更多的动态信息,当然,如果用户拖拽第一界面的距离减少,那么,在第二界面中所展示的动态信息也逐渐减少。
显然,相较于现有技术中单一的提示方式,采用本申请实施例中所提供的上述方法,能够在用户进行下拉刷新的过程中,展示出丰富、动态的信息,有效增加了信息的多样性及可变性。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为现有技术中对下拉界面中展示的信息的示意图;
图2a及2b为本申请实施例提供的应用界面中第一界面、第二界面的示意图;
图3为本申请实施例提供的动态信息展示过程示意图;
图4a至4c为本申请实施例提供的动态信息的示意图;
图5a至5c为本申请实施例提供的动态信息进行变换的示意图;
图6为本申请实施例提供的动态信息展示装置结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在实际应用场景下,用户通过触屏终端对其中的应用界面执行拖拽操作(如:下拉操作)的过程中,应用界面将在下拉操作的作用下,跟随该下拉操作向屏幕底部移动,于此同时,在该应用界面原位置,显示出提示信息界面,该提示信息界面中通常会展示诸如“刷新中”、“加载中”等字样的的提示信息。
这里需要说明的是,本申请实施例中,在所述的应用界面中,通常包含内容显示界面(以下为便于描述,称为:第一界面)和相应的边栏,如图2a所示,在图2a中可见,虚线框内的界面为第一界面,该第一界面中通常会显示有与业务相关的内容(如:业务信息),用户可浏览显示在该第一界面中的内容,但应理解的是,实际应用中,该第一界面仅是显示在终端屏幕中的部分,用户可以通过触控操作滑动该第一界面,以浏览之前未显示于终端屏幕中的部分,而若要拖拽该第一界面,那么,需要将该第一界面的顶部显示在终端屏幕中,在此基础上,用户可以针对该第一界面进行拖拽(如:下拉第一界面),那么,第一界面则会向屏幕底部移动,同时在终端屏幕中显示出第二界面,如图2b所示。
其中,第二界面可以是与第一界面处于不同层级的界面,如:第二界面可位于该第一界面下层,当第一界面被拖拽后,从而可在终端屏幕中显示出第二界面;又如:第二界面位于第一界面上层,当第一界面被拖拽后,该第二界面将以悬浮的方式显示在终端屏幕中。此外,第二界面还可以与第一界面处于同一层级。上述有关第二界面的展现形式并不构成对本申请的限定。
以下结合附图,详细说明本申请各实施例提供的技术方案。
如图3所示,示出了本申请实施中的动态信息展示过程,该过程具体包括以下步骤:
S301:监测针对第一界面的拖拽操作。
在本申请实施例中,所述的拖拽操作,具体可由用户使用手指、触控笔等方式在终端屏幕上接触后执行向指定方向的移动操作,应理解地,在用户发出拖拽操作的过程中,用户手指(或触控笔等设备)与屏幕之间保持接触状态。这里并不构成对本申请的限定。
实际应用时,终端通过自身的触摸屏接收拖拽操作,触摸屏的种类可以是:电阻类触摸屏、电容类触摸屏、矢量压力传感触摸屏、红外线触摸屏或表面声波触摸屏等等。这里并不构成对本申请的限定。终端可通过触摸屏上的电容、电阻、压力值、红外线或者声波的变化,来监测用户所发出的拖拽操作,并确定出起始的接触位置以及拖拽过程中接触点的位置变化。当然,该过程属于现有的触摸屏技术,这里不再过多赘述。
S302:当监测到所述拖拽操作时,确定所述第一界面的拖拽距离。
本申请实施例中,在拖拽过程中,第一界面的边界所移动的距离,也就是第一界面所移动的距离,具体的实现可通过监测第一界面边界的位置标识(如:坐标)的变化,来计算出第一界面所移动的距离,也即,第一界面的拖拽距离。
当然,在实际应用中,上述的第一界面的边界,可以是第一界面的顶端边界、底端边界、侧边界等,具体将根据对第一界面的拖拽方式确定。例如:如果对第一界面进行下拉操作,那么,上述第一界面的边界,则可以是该第一界面的顶端边界,又例如:如果对第二界面进行上拉操作,那么,上述的边界则可以是第一界面的底端边界。这里并不构成对本申请的限定。
S303:根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息。
其中,不同距离分档所对应的动态信息不同,且动态信息量与距离分档正相关。
在本申请实施例中,所述的距离分档,可以是均等划分的距离区间,如:每一距离分档为10像素;也可以是不均等划分的距离区间,如:某些距离分档为10像素,而另一些距离分档为20像素。
当然,上述内容仅是对距离分档的方式、距离长短的距离,具体可以根据实际应用的需要进行设置,这里并不构成对本申请的限定。
所述的动态信息,可以包括动态的图形、动画、颜色变换等信息,这里不作具体限定。
不同的距离分档预先与相应的动态信息建立了对应关系,换言之,在后续过程中,随着用户对第一界面进行拖拽(即,第一界面的拖拽具体发生变化),将显示出不同的动态信息。
S304:在所述第一界面被拖拽后所显示出的第二界面中,展示所述动态信息。
如前所述,所述的第二界面将在第一界面被拖拽后显示在终端屏幕中,对于不同的拖拽方式,第二界面的显示方式也有所不同,例如:若针对第一界面进行下拉操作,那么,第二界面将随着第一界面的移动从应用界面的顶部逐渐显示出来。又例如:若针对第一界面进行上拉操作,那么,第二界面将随着第一界面的移动从应用界面中底部逐渐显示出来。
同时,在第二界面中,将展示相应的动态信息。应理解地,展示在第二界面中的动态信息,将随着用户对第一界面的拖拽而实时发生变化。
通过上述步骤,当用户针对应用界面中的第一界面进行拖拽时,该应用将监测用户的拖拽操作,并实时确定出第一界面的拖拽距离,当第一界面被用户拖拽后,在当前的应用界面中,将显示出第二界面,于此同时,应用根据预先设置的距离分档与动态信息之间的对应关系,确定当前时刻第一界面的拖拽距离所对应的动态信息,以便在第二界面中展示出该动态信息,在本申请实施例中,展示在第二界面中的动态信息的信息量与第一界面的拖拽距离正相关,换言之,随着用户拖拽第一界面的距离增加,在第二界面中将展示出更多的动态信息,当然,如果用户拖拽第一界面的距离减少,那么,在第二界面中所展示的动态信息也逐渐减少。
显然,相较于现有技术中单一的提示方式,采用本申请实施例中所提供的上述方法,能够在用户进行下拉刷新的过程中,展示出丰富、动态的信息,有效增加了信息的多样性及可变性。
对于前述方法,可由应用作为执行主体,也即,该应用可以通过调用终端系统中的屏幕传感器相关的接口,来监测用户发出的拖拽操作,并进一步确定出第一界面的拖拽距离,同时用以将相应的动态信息展示在第二界面中。当然,如果用户使用的是终端系统内自带的业务功能(如:短信功能),并在该功能界面中执行拖拽操作,那么,执行主体便可以是该终端系统。上述两种方式并不构成对本申请的限定。
需要说明的是,预设距离分档与动态信息的对应关系,包括:针对所述第二界面设定距离阀值,根据预设的若干距离值,分别确定各距离值与所述距离阀值的比值,根据确定出的若干比值,划分相应数量的距离分档,分别建立每一距离分档与预设的动态信息之间的对应关系。
在本申请实施例中,所述的对应关系可以记录在相应的配置文件中,以便于应用读取并执行,这里不作具体限定。
那么,进一步而言,确定所述拖拽距离所对应的动态信息,包括:确定所述拖拽距离与所述距离阀值的比值,确定所述比值所所落入的距离分档所对应的动态信息,将该动态信息确定为所述拖拽距离所对应的动态信息。
例如:假设使用d表示当前时刻第一界面被拖拽的距离,dmax表示距离阀值,那么,通过d/dmax变可以确定出第一界面所落入的距离分档。
经过前述内容,在确定出第一界面当前时刻的拖拽距离后,便可以确定出需要进行展示的动态信息,实际操作中,第二界面上展示的动态信息通常与用户拖拽第一界面的方向有关,具体来说,用户拖拽第一界面的距离越长,那么,在第二界面中展示的动态信息也就越丰富,相反,若用户拖拽第一界面的距离越短,则在第二界面中展示的动态信息也就越少。
所以,对于上述方法,在展示所述动态信息之前,还包括:确定针对所述第一界面的拖拽方向,将所述第一界面的拖拽距离增加的方向确定为正方向,将所述第一界面的拖拽距离减少的方向确定为负方向。
进而,展示所述动态信息,具体包括:若确定出的拖拽方向为正方向,则针对每一距离分档,在所述第二界面中已绘制的前一距离分档所对应的动态信息的基础上,根据确定出的该距离分档所对应的动态信息,绘制该距离分档所对应的动态信息并展示。
若确定出的拖拽方向为负方向,则针对每一距离分档,在所述第二界面中,消除已绘制的前一距离分档所对应的动态信息。
在本申请实施例中,通常采用贝塞尔曲线(Bézier curve)来绘制/消除动态信息,当然,在实际应用时,并不限于上述的贝塞尔曲线,还可以是其他的图形绘制方法。
为了清楚地阐述上述的动态信息展示方法,下面以一具体应用实例进行说明。
例如:在该示例中,动态信息为动态图形,d表示当前时刻第一界面被拖拽的距离,dmax表示距离阀值,其中,该示例中距离分档与动态信息之间的对应关系如下表1所示。
距离分档 图形变换方式
d/dmax>0.5 开始绘制图形
0.5<d/dmax<0.6 绘制左耳图形
0.6<d/dmax<0.9 绘制脸部和嘴部图形
0.9<d/dmax<1 绘制右耳图形
表1
假设当前用户下拉某应用中的第一界面,该下拉距离落入(0.6,0.9)的分档,故在第二界面中的图形如图4a所示。
若用户继续下拉第一界面,至(0.9,1)这一分档,那么,图形如图4b所示。
相应地,如果此时用户手指保持与终端屏幕的接触状态,向上拖动第一界面,假设第一界面的下拉距离回复到(0.5,0.6)这一分档,那么,第二界面中的图形也发生相应的变化,即,如图4c所示。
以上内容和示例是用户保持和终端屏幕的接触状态,而当用户终止与终端屏幕的接触后(即,手指离开屏幕)那么,所述方法还包括:当监测到所述拖拽操作终止且所述第一界面的拖拽距离不小于所述距离阀值时,回弹所述第一界面至所述距离阀值对应的位置,并交替变换展示在所述第二界面中的动态信息。
并且,在经过设定时间后,回弹所述第一界面至设定位置,按照设定方向移动并隐藏所述动态信息。
沿用上例:基于上例的图形,当用户下拉第一界面超过dmax后,将显示完整的图形,如图5a所示。并且,如图5a所示的图形将进行动态变换,形成如图5b所示的图形。其中,在本示例,图形由图5a变为图5b的过程中,该图形会向上弹起并回落,在每一次弹起的过程中,图形开始发生变化,并在每一次回落的时完成变化,当然,在实际应用中,图形的变化方式可以是根据奇、偶次弹起和回落为依据进行变化,也可以是以两次弹起或回落为周期进行变化,这里并不具体限定。
此外,当经过设定时间后(在实际应用中,该设定时间较短),第一界面回弹至设定位置(如:dmax的1/2处),同时,图形也将向上移动,并逐渐隐藏(即,透明度逐渐增加),如图5c所示。
当然,上述示例仅是为了说明本申请实施例中的动态信息展示方法,实际操作中,可以根据实际应用的需要调整或改变动态信息的式样、展示方式等,这里并不构成对本申请的限定。
以上为本申请实施例提供的动态信息展示方法,基于同样的思路,本申请实施例还提供一种动态信息展示装置。
如图6所示,动态信息展示装置包括:
监测模块601,监测针对第一界面的拖拽操作;
距离确定模块602,当监测到所述拖拽操作时,确定所述第一界面的拖拽距离;
信息确定模块603,根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与距离分档正相关;
展示模块604,在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。
在一种方式下:
所述装置还包括:预处理模块605,针对所述第二界面设定距离阀值,根据预设的若干距离值,分别确定各距离值与所述距离阀值的比值,根据确定出的若干比值,在所述第二界面的初始位置至所述距离阀值之间划分相应数量的距离分档,分别建立每一距离分档与预设的动态信息之间的对应关系。
所述距离确定模块602,确定所述拖拽距离与所述距离阀值的比值,确定所述比值所所落入的距离分档所对应的动态信息,将该动态信息确定为所述拖拽距离所对应的动态信息。
所述装置还包括:方向确定模块606,确定针对所述第一界面的拖拽方向,将所述第一界面的拖拽距离增加的方向确定为正方向,将所述第一界面的拖拽距离减少的方向确定为负方向。
所述展示模块604,若确定出的拖拽方向为正方向,则针对每一距离分档,在所述第二界面中已绘制的前一距离分档所对应的动态信息的基础上,根据确定出的该距离分档所对应的动态信息,绘制该距离分档所对应的动态信息并展示;若确定出的拖拽方向为负方向,则针对每一距离分档,在所述第二界面中,消除已绘制的前一距离分档所对应的动态信息。
所述展示模块604,通过贝赛尔曲线绘制该距离分档所对应的动态信息,创建动态图形并展示;通过贝塞尔曲线消除已绘制的前一距离分档所对应的动态信息。
所述展示模块604,当所述监测模块监测到所述拖拽操作终止且所述第一界面的拖拽距离不小于所述距离阀值时,回弹所述第一界面至所述距离阀值对应的位置,并交替变换展示在所述第二界面中的动态信息。
所述展示模块604,在经过设定时间后,回弹所述第一界面至设定位置,按照设定方向逐渐移动并隐藏所述动态信息。
所述动态信息包括:动态的图形、动画、文字、颜色中的至少一种。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定事务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行事务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (16)

1.一种动态信息展示方法,其特征在于,所述方法包括:
监测针对第一界面的拖拽操作;
当监测到所述拖拽操作时,确定所述第一界面的拖拽距离;
根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与拖拽距离正相关;
在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。
2.如权利要求1所述的方法,其特征在于,预设距离分档与动态信息的对应关系,具体包括:
针对所述第一界面设定距离阀值;
根据预设的若干距离值,分别确定各距离值与所述距离阀值的比值;
根据确定出的若干比值,划分相应数量的距离分档;
分别建立每一距离分档与预设的动态信息之间的对应关系。
3.如权利要求1所述的方法,其特征在于,在展示所述动态信息之前,所述方法还包括:
将所述第一界面的拖拽距离增加的方向确定为正方向,将所述第一界面的拖拽距离减少的方向确定为负方向。
4.如权利要求3所述的方法,其特征在于,实时展示所述动态信息,具体包括:
若拖拽方向为正方向,则针对每一距离分档,在所述第二界面中已绘制的动态信息的基础上,根据确定出的该距离分档所对应的动态信息,实时绘制该距离分档所对应的动态信息并展示;
若拖拽方向为负方向,则针对每一距离分档,在所述第二界面中,消除已绘制的前一距离分档所对应的动态信息。
5.如权利要求4所述的方法,其特征在于,实时绘制该距离分档所对应的动态信息并展示,具体包括:
通过贝赛尔曲线,实时绘制该距离分档所对应的动态信息并展示;
消除已绘制的前一距离分档所对应的动态信息,具体包括:
通过贝塞尔曲线,消除已绘制的前一距离分档所对应的动态信息。
6.如权利要求2所述的方法,其特征在于,所述方法还包括:
当监测到所述拖拽操作终止且所述第一界面的拖拽距离不小于所述距离阀值时,回弹所述第一界面至所述距离阀值对应的位置,并交替变换展示在所述第二界面中的动态信息。
7.如权利要求6所述的方法,其特征在于,所述方法还包括:
在经过设定时间后,回弹所述第一界面至设定位置,并按照设定方向移动并隐藏所述动态信息。
8.如权利要求1~7中任一所述的方法,其特征在于,所述动态信息包括:动态的图形、动画、文字、颜色中的至少一种。
9.一种动态信息展示装置,其特征在于,所述装置包括:
监测模块,监测针对第一界面的拖拽操作;
距离确定模块,当监测到所述拖拽操作时,确定所述第一界面的拖拽距离;
信息确定模块,根据预设的距离分档与动态信息的对应关系,确定所述拖拽距离所对应的动态信息;其中,不同距离分档所对应的动态信息不同,且动态信息量与拖拽距离正相关;
展示模块,在所述第一界面被拖拽后所显示出的第二界面中,实时展示所述动态信息。
10.如权利要求9所述的装置,其特征在于,所述装置还包括:预处理模块,针对所述第一界面设定距离阀值,根据预设的若干距离值,分别确定各距离值与所述距离阀值的比值,根据确定出的若干比值,在所述第二界面的初始位置至所述距离阀值之间划分相应数量的距离分档,分别建立每一距离分档与预设的动态信息之间的对应关系。
11.如权利要求9所述的装置,其特征在于,所述装置还包括:方向确定模块,将所述第一界面的拖拽距离增加的方向确定为正方向,将所述第一界面的拖拽距离减少的方向确定为负方向。
12.如权利要求11所述的装置,其特征在于,所述展示模块,
若拖拽方向为正方向,则针对每一距离分档,在所述第二界面中已绘制的动态信息的基础上,根据确定出的该距离分档所对应的动态信息,实时绘制该距离分档所对应的动态信息并展示;
若拖拽方向为负方向,则针对每一距离分档,在所述第二界面中,消除已绘制的前一距离分档所对应的动态信息。
13.如权利要求12所述的装置,其特征在于,所述展示模块,通过贝赛尔曲线,实时绘制该距离分档所对应的动态信息并展示;
通过贝塞尔曲线,消除已绘制的前一距离分档所对应的动态信息。
14.如权利要求10所述的装置,其特征在于,所述展示模块,当所述监测模块监测到所述拖拽操作终止且所述第一界面的拖拽距离不小于所述距离阀值时,回弹所述第一界面至所述距离阀值对应的位置,并交替变换展示在所述第二界面中的动态信息。
15.如权利要求14所述的装置,其特征在于,所述展示模块,在经过设定时间后,回弹所述第一界面至设定位置,按照设定方向逐渐移动并隐藏所述动态信息。
16.如权利要求9~15中任一所述的装置,其特征在于,所述动态信息包括:动态的图形、动画、文字、颜色中的至少一种。
CN201710066667.5A 2017-02-07 2017-02-07 一种动态信息展示方法及装置 Pending CN107015726A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710066667.5A CN107015726A (zh) 2017-02-07 2017-02-07 一种动态信息展示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710066667.5A CN107015726A (zh) 2017-02-07 2017-02-07 一种动态信息展示方法及装置

Publications (1)

Publication Number Publication Date
CN107015726A true CN107015726A (zh) 2017-08-04

Family

ID=59439625

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710066667.5A Pending CN107015726A (zh) 2017-02-07 2017-02-07 一种动态信息展示方法及装置

Country Status (1)

Country Link
CN (1) CN107015726A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107977137A (zh) * 2017-10-25 2018-05-01 星潮闪耀移动网络科技(中国)有限公司 应用页面的对象展示方法、装置和设备
CN110045901A (zh) * 2019-04-19 2019-07-23 网易(杭州)网络有限公司 申请消息处理方法、装置、设备及计算机可读存储介质
CN110780952A (zh) * 2018-07-30 2020-02-11 优视科技有限公司 应用界面的交互方法、装置及电子设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104571789A (zh) * 2013-10-28 2015-04-29 北京网秦天下科技有限公司 用于移动终端的内容显示方法及系统
CN106354376A (zh) * 2015-07-13 2017-01-25 腾讯科技(深圳)有限公司 一种信息处理方法及客户端

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104571789A (zh) * 2013-10-28 2015-04-29 北京网秦天下科技有限公司 用于移动终端的内容显示方法及系统
CN106354376A (zh) * 2015-07-13 2017-01-25 腾讯科技(深圳)有限公司 一种信息处理方法及客户端

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
XIAOTIANYUEYE: "《个人图书馆》", 7 December 2016 *
李金尧: "《博客园》", 17 July 2014 *

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107977137A (zh) * 2017-10-25 2018-05-01 星潮闪耀移动网络科技(中国)有限公司 应用页面的对象展示方法、装置和设备
CN107977137B (zh) * 2017-10-25 2020-12-25 星潮闪耀移动网络科技(中国)有限公司 应用页面的对象展示方法、装置和设备
CN110780952A (zh) * 2018-07-30 2020-02-11 优视科技有限公司 应用界面的交互方法、装置及电子设备
CN110045901A (zh) * 2019-04-19 2019-07-23 网易(杭州)网络有限公司 申请消息处理方法、装置、设备及计算机可读存储介质

Similar Documents

Publication Publication Date Title
CN110716680B (zh) 智能交互平板的控制方法和装置
US9857909B2 (en) Straight line gesture recognition and rendering
CN103455292B (zh) 业务数据显示处理方法与装置、用户设备
KR20140025494A (ko) 에지 제스처 기법
US20120064946A1 (en) Resizable filmstrip view of images
KR20140025493A (ko) 에지 제스처 기법
US10409468B2 (en) Value specification in a responsive interface control
CN108733296B (zh) 书写笔迹的擦除方法、装置和设备
CN107015726A (zh) 一种动态信息展示方法及装置
CN107491297A (zh) 下拉刷新app界面的实现方法及装置
CN104850585A (zh) 一种信息加载时的界面显示方法及装置
US9710124B2 (en) Augmenting user interface elements based on timing information
CN111428455B (zh) 表格管理方法、装置、设备及存储介质
WO2017097142A1 (zh) 界面操作的处理方法、装置和智能终端
KR20150024213A (ko) 윈도우 영역 조정 방법 및 그에 따른 전자 장치
KR102461584B1 (ko) 입력 처리 방법 및 장치
CN108605158B (zh) 界面的刷新方法及终端
US9483171B1 (en) Low latency touch input rendering
US9373049B1 (en) Straight line gesture recognition and rendering
CN110262714A (zh) 一种信息提示方法、装置及设备
CN113703653A (zh) 图像处理方法、装置、设备和计算机可读存储介质
CN106775634A (zh) 一种展示块显示方法及装置
CN107168630A (zh) 一种终端设备、页面控制装置及页面控制方法
CN103997634B (zh) 用户终端及其显示图像的方法
US20230008653A1 (en) Display method, apparatus and computer-readable storage medium

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170804