一种动画效果的显示方法及装置制造方法及图纸

本申请提供了一种动画效果的显示方法及装置，应用于终端技术领域。本申请提供了一种动画效果的显示方法，电子设备检测到长按所述第一元素后的拖拽操作后，响应于拖拽操作，显示第一动画效果，该第一动画效果是从首个图像帧的屏幕坐标位置逐渐过渡到拖拽停留位置的动画效果。进一步地，电子设备响应于用户释放拖拽该第一元素的操作，生成释放动画效果，从而使得拖拽过程中的动画效果更为自然流畅，更为生动且符合用户感受，显著提升用户的视觉体验。验。验。

【技术实现步骤摘要】
一种动画效果的显示方法及装置


[0001]本申请涉及电子设备领域，并且更具体地，涉及一种动画效果的显示方法及装置。

技术介绍

[0002]随着智能终端的飞速发展，智能终端已经成为用户生活中不可或缺的设备。通过智能终端中的应用程序，智能终端可为用户提供各类体验。用户在使用智能终端时会涉及到长按某个对象进行拖拽的场景，比如，当用户长按图库应用中的某个照片缩略图，对其进行拖拽的场景。目前智能终端提供的拖拽流程的动画效果仅为简单跟随手指移动的动画效果，这种动画效果较为生硬。因此，如何对拖拽过程中的动画效果进行优化，是一个亟待解决的问题。

技术实现思路

[0003]有鉴于此，本申请提供了一种动画效果的显示方法、装置、计算机可读存储介质和计算机程序产品，提供了一种针对拖拽操作的动画效果，能够提供较为自然且流畅的动画效果，丰富了用户的视觉体验。
[0004]第一方面，提供了一种动画效果的显示方法，包括：显示第一界面，所述第一界面包括第一元素；检测到长按所述第一元素后的拖拽操作；响应于所述拖拽操作，显示第一动画效果，所述第一动画效果是从第一屏幕坐标位置到第二屏幕坐标位置的拖拽动画效果，所述第一屏幕坐标位置是所述第一动画效果的首个图像帧的屏幕坐标位置，所述第一屏幕坐标位置基于所述第一元素的尺寸、所述第一元素的屏幕坐标位置、所述首个图像帧的尺寸以及预设的触点位置确定的，所述第二屏幕坐标位置是所述拖拽操作停留时对应的屏幕坐标位置；所述第一动画效果是根据以下中的一项或多项参数生成的：所述首个图像帧的尺寸、所述第一屏幕坐标位置、所述第二屏幕坐标位置、目标缩放参数以及动画曲线参数。
[0005]上述方案可以由电子设备或电子设备中的芯片执行。基于上述方案，电子设备在检测到长按所述第一元素后的拖拽操作后，响应于拖拽操作，显示第一动画效果（或者称作拖拽动画效果），该第一动画效果是从首个图像帧（或者称作浮起阴影帧）的屏幕坐标位置逐渐过渡到拖拽停留位置的动画效果。相比于直接跟手的动画效果，本申请实施例的第一动画效果增加了从浮起阴影帧到长按操作对应的触点位置之间的过渡动画效果，使得整个拖拽过程的动效更为流畅自然，丰富了用户的视觉体验。并且，浮起阴影帧对应的屏幕坐标位置与拖拽操作停留时对应的屏幕坐标位置无关。
[0006]本申请实施例的动画效果的显示方法应用于调用拖拽接口的场景。比如，拖拽接口是指安卓架构中的startDragAndDrop。也就是说，只要涉及到调用startDragAndDrop接口响应用户的拖拽操作的应用场景，均可采用本申请实施例的动画效果的显示方法。
[0007]可选地，为了实现本申请实施例的动画效果的显示方法，本申请实施例在原生框
架中增加了视图扩展类和拖拽功能扩展类，以生成本申请实施例的动画效果。
[0008]在一些可能的实现方式中，所述第一动画效果包括：从所述第一屏幕坐标位置到第三屏幕坐标位置的动画效果，以及，从所述第三屏幕坐标位置到所述第二屏幕坐标位置的动画效果，其中，所述第三屏幕坐标位置是用户在所述第一元素进行长按时对应的触点位置；其中，从所述第三屏幕坐标位置到所述第二屏幕坐标位置的动画效果包括位移动画效果和缩放动画效果，所述缩放动画效果对应的目标缩放参数是基于预设的缩放规则确定的。
[0009]也就是说，第一动画效果包括两个阶段的动画效果，分别为：响应于长按操作后生成的过渡动画效果；响应于长按以后的拖拽操作的跟手动画效果。其中，响应于长按操作后生成的过渡动画效果是指：从首个浮起阴影帧的屏幕坐标位置（或者说是第一屏幕坐标位置）移动到长按操作对应的触点位置（或者说是第三屏幕坐标位置）的动画效果。响应于拖拽操作后的跟手动画效果是指：从长按操作对应的触点位置到拖拽操作停留的坐标位置的动画效果，该动画效果包括位移动画以及缩放动画效果。这样获得的第一动画效果更为流畅自然，比较生动。
[0010]第一元素的值被拖拽的对象或元素，具体指继承于视图（View）的元素。本申请实施例对第一元素的类型不作具体限定。第一元素可以是以下元素中的一项或多项：图片类元素、文本类元素、文件列表类元素、图标类元素、统一资源定位符（uniform resource locator，URL）元素以及卡片类元素等界面元素。
[0011]对于不同类型的拖拽对象，可提供不同的缩放规则。
[0012]在一些可能的实现方式中，在第一元素是照片缩略图时，可采用1.1倍的缩放规则进行缩放处理。
[0013]在一些可能的实现方式中，在所述第一元素是图片类元素时，所述预设的缩放规则包括：根据所述第一元素的高度和宽度确定的缩放规则，或者，根据所述首个图像帧的高度和宽度确定的缩放规则。
[0014]在一些可能的实现方式中，对于第一元素是图片大图的情况，所述预设的缩放规则包括：在所述第一元素的高大于或等于第一阈值时，按照第一缩放比例进行缩放，所述第一缩放比例为所述第一阈值；在所述第一元素的高小于所述第一阈值，且所述第一元素的宽大于或等于第二阈值时，按照第二缩放比例进行缩放，所述第二缩放比例为所述第二阈值；在所述第一元素的高小于所述第一阈值，且所述第一元素的宽小于第二阈值时，不进行缩放。
[0015]在一些可能的实现方式中，所述第一界面包括第一显示区域和第二显示区域，所述第一元素位于所述第一显示区域，所述第一显示区域对应于所述第一应用，所述第二显示区域对应于所述第二应用，所述拖拽操作包括将所述第一元素从所述第一显示区域拖拽到所述第二显示区域的操作，所述第一应用与所述第二应用不同。也就是说，本申请实施例可应用于跨应用拖拽的场景。
[0016]为了提供完整的拖拽动效流程，本申请实施例还设计了释放动画效果。并且，基于
不同的释放位置，设计了相应的释放动画效果，以使得释放动画效果更符合用户的感受。
[0017]在一些可能的实现方式中，所述方法还包括：检测到在第一位置释放所述第一元素的操作，所述第一位置位于所述第二显示区域；响应于所述第一元素被所述第二应用接收，显示第一释放动画效果，所述第一释放动画效果是图像帧逐渐缩小直至消失的动画效果。
[0018]因此，对于在跨应用的释放操作（比如，在第二应用对应的界面检测到的释放操作），如果被拖拽的对象被第二应用接收，可以生成返图像帧逐渐缩小直至消失的动画效果，以便使得用户能够直观看到被拖拽的对象被第二应用接收的过程，或者说被拖拽的对象落到第二应用的过程，丰富用户的视觉体验。
[0019]在一些可能的实现方式中，所述方法还包括：检测到在第二位置释放所述第一元素的操作，所述第二位置位于所述第二显示区域；响应于所述第一元素未被所述第二应用接收，显示第二释放动画效果，所述第二释放动画效果是图像帧逐渐放大直至消失的动画效果。
[0020]因此，对于在跨应用的释放操作（比如，在第二应用对应的界面检测到的释放操作），如果被拖拽的对象没有被第二应用接收，可以生成返图像帧逐渐放大直至消失的动画效果，以便使得用户能够直观看到被拖拽的对象没有被第本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动画效果的显示方法，其特征在于，包括：显示第一界面，所述第一界面包括第一元素；检测到长按所述第一元素后的拖拽操作；响应于所述拖拽操作，显示第一动画效果，所述第一动画效果是从第一屏幕坐标位置到第二屏幕坐标位置的拖拽动画效果，所述第一屏幕坐标位置是所述第一动画效果的首个图像帧的屏幕坐标位置，所述第一屏幕坐标位置是基于所述第一元素的尺寸、所述第一元素的屏幕坐标位置、所述首个图像帧的尺寸以及预设的触点位置确定的，所述第二屏幕坐标位置是所述拖拽操作停留时对应的屏幕坐标位置；所述第一动画效果是根据以下中的一项或多项参数生成的：所述首个图像帧的尺寸、所述第一屏幕坐标位置、所述第二屏幕坐标位置、目标缩放参数以及动画曲线参数。2.根据权利要求1所述的方法，其特征在于，所述第一动画效果包括：从所述第一屏幕坐标位置到第三屏幕坐标位置的动画效果，以及，从所述第三屏幕坐标位置到所述第二屏幕坐标位置的动画效果，其中，所述第三屏幕坐标位置是用户在所述第一元素进行长按时对应的触点位置；其中，从所述第三屏幕坐标位置到所述第二屏幕坐标位置的动画效果包括位移动画效果和缩放动画效果，所述缩放动画效果对应的所述目标缩放参数是基于预设的缩放规则确定的。3.根据权利要求2所述的方法，其特征在于，在所述第一元素是图片类元素时，所述预设的缩放规则包括：根据所述第一元素的高度和宽度确定的缩放规则，或者，根据所述首个图像帧的高度和宽度确定的缩放规则。4.根据权利要求3所述的方法，其特征在于，所述预设的缩放规则包括：在所述第一元素的高大于或等于第一阈值时，按照第一缩放比例进行缩放，所述第一缩放比例为所述第一阈值；在所述第一元素的高小于所述第一阈值，且所述第一元素的宽大于或等于第二阈值时，按照第二缩放比例进行缩放，所述第二缩放比例为所述第二阈值；在所述第一元素的高小于所述第一阈值，且所述第一元素的宽小于第二阈值时，不进行缩放。5.根据权利要求1所述的方法，其特征在于，所述第一界面包括第一显示区域和第二显示区域，所述第一元素位...

【专利技术属性】
技术研发人员：马朝露，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：