一种动态信息展示方法及装置制造方法及图纸

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

Dynamic information display method and device

The present invention discloses a method and a device for displaying dynamic information. The method comprises: a first interface for monitoring the drag operation, when monitoring the drag operation, determining the first interface drag distance according to the corresponding relationship between preset distance classification and dynamic information, to determine the dynamic information corresponding to the dragging distance; the dynamic information corresponding to different distance grade is different, and the dynamic information and drag distance is related to the first interface is displayed after drag second interface, real-time display of the dynamic information. The method can display rich and dynamic information in the process of user's pull-down and refresh, and effectively increase the diversity and variability of the information.

【技术实现步骤摘要】
一种动态信息展示方法及装置
本申请涉及计算机
，尤其涉及一种动态信息展示方法及装置。
技术介绍
随着智能手机、平板电脑等触屏终端(触屏终端，是指具有触屏功能的终端)的普及，运行在触屏终端上的应用(Application，APP)的操作方式，相较于运行在计算机上的应用程序的操作方式有所不同，其中之一便是针对APP页面的下拉刷新操作。现有技术中，当用户使用触屏终端启动某一APP后，该APP的应用界面将展示在屏幕中，用户可以在该应用界面上发出下拉操作，相应地，该APP会向相应的服务器发出远程过程调用(RemoteProcedureCall，RPC)请求，从服务器获取到新的数据后，刷新当前应用界面，从而更新当前应用界面中所展示的信息。其中，如图1所示，用户在应用界面中发出下拉操作后，原应用界面跟随用户操作向屏幕底部移动，相应地，在屏幕顶部逐渐展示出下拉界面，该下拉界面中通常会展示诸如“刷新中”、“加载中”等字样。显然，对于现有的下拉界面而言，其展示的信息形式较为单一。
技术实现思路
本申请实施例提供一种动态信息展示方法，用以解决现有技术中下拉界面所显示的信息形式较为单一的问题。本申请实施例提供一种动态信息展示装置，用以解决现有技术中下拉界面所显示的信息形式较为单一的问题。本申请实施例采用下述技术方案：本申请实施例提供的一种动态信息展示方法，包括：监测针对第一界面的拖拽操作；当监测到所述拖拽操作时，确定所述第一界面的拖拽距离；根据预设的距离分档与动态信息的对应关系，确定所述拖拽距离所对应的动态信息；其中，不同距离分档所对应的动态信息不同，且动态信息量与距离分档正相关；在所述第一界面被拖拽后所显示出的第二界面中，实时展示所述动态信息。本申请实施例提供的一种动态信息展示装置，包括：监测模块，监测针对第一界面的拖拽操作；距离确定模块，当监测到所述拖拽操作时，确定所述第一界面的拖拽距离；信息确定模块，根据预设的距离分档与动态信息的对应关系，确定所述拖拽距离所对应的动态信息；其中，不同距离分档所对应的动态信息不同，且动态信息量与距离分档正相关；展示模块，在所述第一界面被拖拽后所显示出的第二界面中，实时展示所述动态信息。本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：当用户针对应用界面中的第一界面进行拖拽时，该应用将监测用户的拖拽操作，并实时确定出第一界面的拖拽距离，当第一界面被用户拖拽后，在当前的应用界面中，将显示出第二界面，于此同时，应用根据预先设置的距离分档与动态信息之间的对应关系，确定当前时刻第一界面的拖拽距离所对应的动态信息，以便在第二界面中展示出该动态信息，在本申请实施例中，展示在第二界面中的动态信息的信息量与第一界面的拖拽距离正相关，换言之，随着用户拖拽第一界面的距离增加，在第二界面中将展示出更多的动态信息，当然，如果用户拖拽第一界面的距离减少，那么，在第二界面中所展示的动态信息也逐渐减少。显然，相较于现有技术中单一的提示方式，采用本申请实施例中所提供的上述方法，能够在用户进行下拉刷新的过程中，展示出丰富、动态的信息，有效增加了信息的多样性及可变性。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为现有技术中对下拉界面中展示的信息的示意图；图2a及2b为本申请实施例提供的应用界面中第一界面、第二界面的示意图；图3为本申请实施例提供的动态信息展示过程示意图；图4a至4c为本申请实施例提供的动态信息的示意图；图5a至5c为本申请实施例提供的动态信息进行变换的示意图；图6为本申请实施例提供的动态信息展示装置结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。在实际应用场景下，用户通过触屏终端对其中的应用界面执行拖拽操作(如：下拉操作)的过程中，应用界面将在下拉操作的作用下，跟随该下拉操作向屏幕底部移动，于此同时，在该应用界面原位置，显示出提示信息界面，该提示信息界面中通常会展示诸如“刷新中”、“加载中”等字样的的提示信息。这里需要说明的是，本申请实施例中，在所述的应用界面中，通常包含内容显示界面(以下为便于描述，称为：第一界面)和相应的边栏，如图2a所示，在图2a中可见，虚线框内的界面为第一界面，该第一界面中通常会显示有与业务相关的内容(如：业务信息)，用户可浏览显示在该第一界面中的内容，但应理解的是，实际应用中，该第一界面仅是显示在终端屏幕中的部分，用户可以通过触控操作滑动该第一界面，以浏览之前未显示于终端屏幕中的部分，而若要拖拽该第一界面，那么，需要将该第一界面的顶部显示在终端屏幕中，在此基础上，用户可以针对该第一界面进行拖拽(如：下拉第一界面)，那么，第一界面则会向屏幕底部移动，同时在终端屏幕中显示出第二界面，如图2b所示。其中，第二界面可以是与第一界面处于不同层级的界面，如：第二界面可位于该第一界面下层，当第一界面被拖拽后，从而可在终端屏幕中显示出第二界面；又如：第二界面位于第一界面上层，当第一界面被拖拽后，该第二界面将以悬浮的方式显示在终端屏幕中。此外，第二界面还可以与第一界面处于同一层级。上述有关第二界面的展现形式并不构成对本申请的限定。以下结合附图，详细说明本申请各实施例提供的技术方案。如图3所示，示出了本申请实施中的动态信息展示过程，该过程具体包括以下步骤：S301：监测针对第一界面的拖拽操作。在本申请实施例中，所述的拖拽操作，具体可由用户使用手指、触控笔等方式在终端屏幕上接触后执行向指定方向的移动操作，应理解地，在用户发出拖拽操作的过程中，用户手指(或触控笔等设备)与屏幕之间保持接触状态。这里并不构成对本申请的限定。实际应用时，终端通过自身的触摸屏接收拖拽操作，触摸屏的种类可以是：电阻类触摸屏、电容类触摸屏、矢量压力传感触摸屏、红外线触摸屏或表面声波触摸屏等等。这里并不构成对本申请的限定。终端可通过触摸屏上的电容、电阻、压力值、红外线或者声波的变化，来监测用户所发出的拖拽操作，并确定出起始的接触位置以及拖拽过程中接触点的位置变化。当然，该过程属于现有的触摸屏技术，这里不再过多赘述。S302：当监测到所述拖拽操作时，确定所述第一界面的拖拽距离。本申请实施例中，在拖拽过程中，第一界面的边界所移动的距离，也就是第一界面所移动的距离，具体的实现可通过监测第一界面边界的位置标识(如：坐标)的变化，来计算出第一界面所移动的距离，也即，第一界面的拖拽距离。当然，在实际应用中，上述的第一界面的边界，可以是第一界面的顶端边界、底端边界、侧边界等，具体将根据对第一界面的拖拽方式确定。例如：如果对第一界面进行下拉操作，那么，上述第一界面的边界，则可以是该第一界面的顶端边界，又例如：如果对第二界面进行上拉操作，那么，上述的边界则可以是第一界面的底端边界。这里并不构成对本申请的限定。S303：根据预设的距离分档与动态信息的本文档来自技高网...

【技术保护点】
一种动态信息展示方法，其特征在于，所述方法包括：监测针对第一界面的拖拽操作；当监测到所述拖拽操作时，确定所述第一界面的拖拽距离；根据预设的距离分档与动态信息的对应关系，确定所述拖拽距离所对应的动态信息；其中，不同距离分档所对应的动态信息不同，且动态信息量与拖拽距离正相关；在所述第一界面被拖拽后所显示出的第二界面中，实时展示所述动态信息。

【技术特征摘要】
1.一种动态信息展示方法，其特征在于，所述方法包括：监测针对第一界面的拖拽操作；当监测到所述拖拽操作时，确定所述第一界面的拖拽距离；根据预设的距离分档与动态信息的对应关系，确定所述拖拽距离所对应的动态信息；其中，不同距离分档所对应的动态信息不同，且动态信息量与拖拽距离正相关；在所述第一界面被拖拽后所显示出的第二界面中，实时展示所述动态信息。2.如权利要求1所述的方法，其特征在于，预设距离分档与动态信息的对应关系，具体包括：针对所述第一界面设定距离阀值；根据预设的若干距离值，分别确定各距离值与所述距离阀值的比值；根据确定出的若干比值，划分相应数量的距离分档；分别建立每一距离分档与预设的动态信息之间的对应关系。3.如权利要求1所述的方法，其特征在于，在展示所述动态信息之前，所述方法还包括：将所述第一界面的拖拽距离增加的方向确定为正方向，将所述第一界面的拖拽距离减少的方向确定为负方向。4.如权利要求3所述的方法，其特征在于，实时展示所述动态信息，具体包括：若拖拽方向为正方向，则针对每一距离分档，在所述第二界面中已绘制的动态信息的基础上，根据确定出的该距离分档所对应的动态信息，实时绘制该距离分档所对应的动态信息并展示；若拖拽方向为负方向，则针对每一距离分档，在所述第二界面中，消除已绘制的前一距离分档所对应的动态信息。5.如权利要求4所述的方法，其特征在于，实时绘制该距离分档所对应的动态信息并展示，具体包括：通过贝赛尔曲线，实时绘制该距离分档所对应的动态信息并展示；消除已绘制的前一距离分档所对应的动态信息，具体包括：通过贝塞尔曲线，消除已绘制的前一距离分档所对应的动态信息。6.如权利要求2所述的方法，其特征在于，所述方法还包括：当监测到所述拖拽操作终止且所述第一界面的拖拽距离不小于所述距离阀值时，回弹所述第一界面至所述距离阀值对应的位置，并交替变换展示在所述第二界面中的动态信息。7.如权利要求6所述的方法，其特征在于，所述方法还包括：在经过设定时间后，回弹所述第一界面至设定位置，并按照设定方向移动并隐藏所述动态信息。8.如权利要求1～7中任一所述的方法，其特征在于，所述动态信息包括：动态的图形、动画、文字、颜色中的至少...

【专利技术属性】
技术研发人员：李琼，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY