CN115421641A - 一种android卡片横移的特效动画方法及其实现装置 - Google Patents

Abstract

本发明涉及移动操作系统的技术领域，具体涉及一种android卡片横移的特效动画方法及其实现装置，该方法包括初始化RecyclerView内部列表物件；将每个物件的预设大小进行放大；滑动事件触发后，获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，在滑动过程中对需要进行缩放的列表物件进行重绘。本发明动态的调整了边距值的大小，同时为了减少滑动时的复杂计算，对每个物件的布局进行了调整，克服了现有技术中朝四向等比放大导致的偏移量dx与x关系计算复杂，无法简单清晰的确定两者之间的变化关系，导致边距值计算困难，并可能存在由复杂计算带来的精度损失和卡帧、掉帧等问题。

Description

一种android卡片横移的特效动画方法及其实现装置

技术领域

本发明属于移动操作系统的技术领域，具体涉及一种android卡片横移的特效动画方法及其实现装置。

背景技术

通信技术飞速发展，车机与服务端的交互更加方便，加之车机性能的提高，在车机上为用户提供更加个性化、更加智能化的服务成为了可能，因此，网联车的数量爆炸式增长。但是作为智能载体，汽车车机本身的发展一直落后于手机、平板这种移动端的更新迭代，使得车机上的软件视觉效果，操作流畅度等等都远远落后，致使人们长期以来都忽视了车机所具有的潜力。以现今的车机发展来说，在Android系统下，车机所可呈现的软件视觉效果已经不亚于手机、平板端的效果。

本发明设计了一种基于Android车机端的卡片滑动特效动画方法，旨在提高用户使用列表类的软件的视觉体验，提高滑动时计算的精度，同时相对的降低车机本身的性能损耗，流畅自然。

在Android操作系统中，RecyclerView是当下最火热同时也最常用的列表载体工具。其支持内部列表物件(item)的左右及上下滑动，同时会在滑动过程中记录每一次滑动偏移量(offset)并返回，提供接口(interface)供设计者进行滑动时的一系列个性化功能/视觉设计。

在《一种图片折叠交互动画的实现方法和装置》(专利号CN201611059516.9)中提出了一种调用RecyclerView中的滑动监听接口onScrolled方法监听获取滑动偏移量和偏移方向，并调用setTranslationY(float translationY)方法放大或缩小列表物件(item)的显示区域，整体页面设计结构如图1所示。但该种方法存在一些不足之处：

(1)动画播放需要设置固定时间，而且缩放的比例是恒定的，在列表滑动过程中单个物件(item)一旦开始执行该动画，其本身的变化是与整个滑动过程独立的，不会受到滑动变化的影响。

(2)其方法是在RecyclerView之上添加了一层新的界面，将列表组件映射至该界面，而后根据滑动状态调整该界面的缩放。结构较为复杂，会增加显示的性能损耗。

在《基于Android平台的走马灯效果实现装置及方法》(专利号CN201611007554.X)中提出了一种使用Canvas(画布)工具绘制物件视图，并根据物件视图单位时间(例如每秒)需要移动多少个像素及预设时间长度移动的位移值绘制，达到一种“较平滑滚动”的效果，解决在滑动过程中由于每秒帧数绘制不同而导致的丢帧和卡帧。但是这种方案也存在部分问题：“较平滑滚动”应用于物件的缩放过程中会导致计算精度损失，在滑动过多的场景下会致使最终原本1.0倍大小的物件在回归原位后变为0.96…或者更大的精度损失，使物件显示出现问题。

发明内容

本发明旨在提供一种android卡片横移的特效动画方法及其实现装置，就背景技术中指出的问题进行优化，解决正常使用中在滑动放大过程中物件缩放后物件之间间距变化的问题，同时在不损耗滑动时缩放比例精度的同时降低系统复杂计算产生的性能损耗，为用户提供更优质的视觉效果，滑动起来更加丝滑、流畅。

为实现上述技术目的，本发明采用的技术方案如下：

本发明的一个方面，提供了一种android卡片横移的特效动画方法，包括以下步骤：

初始化RecyclerView内部列表物件；

将每个物件的预设大小进行放大；

滑动事件触发后，获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，在滑动过程中对需要进行缩放的列表物件进行重绘。

作为优选的技术方案，RecyclerView中的根布局为Android支持的布局，包括ConstraintLayout布局、LinearLayout布局以及RelativeLayout布局；

RecyclerView中的物件布局为视图组件，包括ImageView组件、CardView组件以及TextView组件。

作为优选的技术方案，所述初始化RecyclerView内部列表物件具体为：

将需缩放特效动画的物件V_m放大至最大倍率，并调整其边距至预设值；

对于非首个物件，保持其默认比例。

作为优选的技术方案，所述将每个物件的预设大小进行放大，具体为：

将每个物件的预设大小由本身实际大小调整至预设最大放大比例，让真实显示物件作为其中一个小组件居中对齐。

作为优选的技术方案，所述获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，具体为：

对剩余列表物件中的需缩放特效动画的物件进行滑动缩放，其中，对于需缩放特效动画的物件V_m，保持其右边距不变；对于次位需缩放特效动画的物件V_m+1，扩大其右边距；

对于剩余列表物件中的其余物件，将其中非默认大小的物件恢复默认大小；

待首位物件V_m滑出边界，进行下一轮缩放计算。

作为优选的技术方案，若第一个物件为V_m，此时V_m由最大状态缩放至正常状态，其最大值分别为x_max、y_max，则：

x_max＝x×s×b_max

y_max＝y×s×b_max

其中，x、y为物件初始化后的大小，s为预设放大的最大倍率，b∈[0,1]为滑动过程中物件的缩放倍率；在滑动过程中，V_m的预设大小一直保持为x_max与y_max，仅其真实显示物件在内部根据b进行缩放。

作为优选的技术方案，实际显示的边距值是真实显示物件之间的边距值，在计算处理过程中需根据所要实际显示的边距值，通过公式计算，得到预设物件之间的边距值，进行动态设置；

设所需显示的边距值为d，需要增大的预设间距为d′，此时V_m右侧边界位置值为x′，放大的最大倍率为s，实际的放大倍率b的计算为：

内部的真实显示物件放大倍率为b。

作为优选的技术方案，计算物件V_m+1时，相应值x、y、b′计算为：

x_max＝x×(1-s×b′_max)

y_max＝y×(1-s×b′_max)

b′＝b

此时对于首位物件V_m及其之前的V_m-1、V_m-2...间距总值d_f：

此时物件V_m+1内实际物件开始放大至V_m中实际物件大小，而此时其右边距在滑动中会产生变化，在滑动中其总值d′_f：

作为优选的技术方案，放大倍率b还用于进行明亮度的渐变、颜色的渐变以及不等倍率卡片同步放大变化的计算。

本发明的另一个方面，还提供了一种android卡片横移的特效动画方法的实现装置，应用于上述的一种android卡片横移的特效动画方法，包括:

数据集组件，用于存储需要展示的列表物件的资源信息；

RecyclerView适配器，用于将数据集组件中的数据与RecyclerView中的列表物件进行数据和视图绑定；

滑动计算处理组件，用于RecyclerView滑动返回偏移量时基于偏移量的视图处理，计算出不同偏移量下每个已显示的列表物件的当前应有的缩放比例，重新绘制每个列表物件的视图大小；

自定义RecyclerView控件，用于在滑动返回偏移量时启动滑动计算处理组件，同时滑动显示计算处理完成后的列表物件的视图；

列表物件的布局管理器，用于设置列表物件的视图滚动方向。

采用上述技术方案的发明，具有如下优点：

(1)本发明动态的调整了边距值的大小，同时为了减少滑动时的复杂计算，对每个物件的布局进行了调整，克服了现有技术中朝四向等比放大导致的偏移量dx与x关系计算复杂，无法简单清晰的确定两者之间的变化关系，导致边距值计算困难，并可能存在由复杂计算带来的精度损失和卡帧、掉帧，等问题。

附图说明

为清楚详尽的说明本发明实施例中的技术方案，以下将对实施例中所用到的附图进行简单的罗列和介绍。但同时应知，这些附图仅仅作用于解释说明，并未作为本发明的范围限定。对于本领域普通技术人员来说，在不付出创造性劳动的前提下，可根据这些附图获得其他附图。

图1是现有技术RecyclerView中整体页面设计结构图；

图2是现有技术中实现默认RecyclerView内物件横向布局的层级示意图；

图3是本发明实施例的中初始化视图时所需流程示意图；

图4是RecyclerView内初始化后物件局部示意图；

图5是本发明实施例中特效动画工作原理示意图；

图6是安卓中物件放大工作原理示意图；

图7是本发明实施例优化后物件放大工作原理示意图；

图8是本发明实施例的边距值计算原理示意图；

图9是本发明实施例的卡片特效动画实现装置示意图。

具体实施方式

以下将结合附图和具体实施例对本发明进行详细说明，需要说明的是，在附图或说明书描述中，相似或相同的部分都使用相同的图号，附图中未绘示或描述的实现方式，为所属技术领域中普通技术人员所知的形式。另外，实施例中提到的方向用语，例如“上”、“下”、“顶”、“底”、“左”、“右”、“前”、“后”等，仅是参考附图的方向，并非用来限制本发明的保护范围。

如图1所示，在《一种图片折叠交互动画的实现方法和装置》(专利号CN201611059516.9)中提出了一种调用RecyclerView中的滑动监听接口onScrolled方法监听获取滑动偏移量和偏移方向，并调用setTranslationY(float translationY)方法放大或缩小列表物件(item)的显示区域，该种方法存在一些不足之处：(1)动画播放需要设置固定时间，而且缩放的比例是恒定的，在列表滑动过程中单个物件(item)一旦开始执行该动画，其本身的变化是与整个滑动过程独立的，不会受到滑动变化的影响；(2)其方法是在RecyclerView之上添加了一层新的界面，将列表组件映射至该界面，而后根据滑动状态调整该界面的缩放。结构较为复杂，会增加显示的性能损耗。

实施例1

为克服上述现有技术中存在的问题，本实施例提供了一种android卡片横移的特效动画方法，通过获取用户的滑动操作，根据所述滑动操作将列表组件在交互界面中进行移动，并进行监听。根据列表组件在交互界面中的移动对可见的列表组件进行放大或缩小列表组件视图的显示区域，同时保持在放大或缩小的过程中产生的边距值(margin)不变。使用RecyclerView本身的滑动组件来实现其滑动的特效动画效果，使得滑动本身不受影响，同时又能提升用户的视觉体验。具体包括如下步骤：

S1、初始化RecyclerView内部列表物件时，控制首个物件的视图图像绘制，使其保持最大放大倍率；

RecyclerView控件默认实现的横向布局如图2所示。通常在这种情况下，布局文件决定了每个物件的大小，以及每个物件的间距。然而在这种情况下，滑动状态下RecyclerView内部的每个物件并不会产生缩放效果，而是自然左右滑动，保持相同的间距值。

本实施例在初始化物件时在默认的横向布局基础上对物件进行了自定义，如图3所示。当数据集组件内数据流入RecyclerView所对应的适配器后，获取物件的顺序，对于首个物件进行放大至最大预设倍率的处理，同时增加其右边距，使放大后的物件与其右侧物件间距大于默认值，如图4所示。

作为优选的技术方案，本实施例中采用的RecyclerView中的根布局可以是目前Android所有支持的布局，如ConstraintLayout布局，LinearLayout布局，以及RelativeLayout布局等。

作为优选的技术方案，本实施例中采用的RecyclerView中的物件布局可以是任意视图组件，如ImageView组件，CardView组件，TextView组件等。

S2、将每个物件的预设大小进行放大；

在默认情况下，如果仅仅对于列表物件放大，则会出现如图5所示情况。Android系统在放大物件的过程中并不会动态的调整物件之间的间距。假设当前放大物件V_m原始宽高分别为x、y，放大后的值为x_max、y_max。那么在放大时边距值依旧是从x、y开始进行计算，而放大后的区域x_max、y_max并不会纳入边界值计算，故在显示时虽然没有改动边距值的大小，但是显示出来放大的物件和周围其他物件之间的距离减小。

同时，物件的放大在默认状态下是朝向四周进行等比放大，因此若在横向滑动时放大x，偏移量dx与x关系计算复杂，无法简单清晰的确定两者之间的变化关系，导致边距值计算困难，并可能存在由复杂计算带来的精度损失和卡帧、掉帧，等问题。

为优化这一现象，本实施例动态的调整了边距值的大小。同时为了减少滑动时的复杂计算，对每个物件的布局进行了调整。

具体地，在本发明的一个实施例中，如图6所示，将每个物件的预设大小由本身实际大小调整至预设最大放大比例，让真实显示物件作为其中一个小组件居中对齐。同上文所述，若第一个物件为V_m，此时V_m由最大状态缩放至正常状态，其最大值分别为x_max、y_max，则：

x_max＝x×s×b_max

y_max＝y×s×b_max

其中，x、y为物件初始化后的大小，为预设放大的最大倍率，b∈[0,1]为滑动过程中物件的缩放倍率；在滑动过程中，V_m的预设大小一直保持为x_max与y_max，仅其真实显示物件在内部根据b进行缩放。解决了由于按比例放大后，物件右侧边界难以定义到精确值，导致整体物件大小计算后出现的精度损失问题。

S3、滑动事件触发后，获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，在滑动过程中对需要进行缩放的列表物件进行重绘。

具体地，如图7所示，滑动过程中的特效动画方法工作原理为：滑动时RecyclerView触发onScrolled(Intdx,Intdy)，在每次调用该方法时通过布局管理器的findFirstVisibleItemPosition()及findLastVisibleItemPosition()获取当前可见的所有物件视图位置，并通过findViewByPosition(Int position)方法获取所有可见组件。

以本发明的一个实施例来说明，假设当前首个可见物件为V_m，最后一个可见的物件为V_n，则此时所有可见的物件为V_m..V_n。同时假设当前滑动方向为向左(dx<0)。当前实施例中，首先，物件V_m此时会逐渐从左侧缓慢滑出视野，因此需要进行缩小处理，同时在缩小的过程中保持其右侧边距，使其滑动时不会卡帧，掉帧。此时，物件V_m+1..V_n为正常大小的物件。V_m+1会逐渐滑动至V_m初始时所处的位置，因此需要对其进行放大效果的处理，同时右边距需逐渐增大至与V_m原始右边距相同，这样才能保持整个RecyclerView的观感协调，滑动流畅。对于V_m+2..V_n，保持该部分物件为默认状态。该实施例中的逻辑公式为：

其中isFirst(f(x))和isSecond(f(x))方法用于判定可见物件是否为前两位，View(x)表示x位置的视图，Scale(f(x),A)方法用于实施缩放效果,m与n为自然数，代表可见物件上下界。

S3.1、对剩余列表物件中的需缩放特效动画的物件进行滑动缩放计算，其中，对于需缩放特效动画的物件V_m，保持其右边距不变；对于次位需缩放特效动画的物件V_m+1，扩大其右边距；

S3.2、对于剩余列表物件中的其余物件，将其中非默认大小的物件恢复默认大小；

S3.3、待首位物件V_m滑出边界，进行下一轮缩放计算，直到遍历完成。

作为优选的技术方案，步骤S3.1对剩余列表物件中的需缩放特效动画的物件进行滑动缩放计算的过程中，由于在缩放过程中Android系统本身的计算方法限制，边距显示保持相同，因此需要动态调整边距值。如图8所示，实际显示的边距值是内部真实显示的组件之间的边距值，然而在计算处理过程中需根据实际显示的边距值，通过公式计算，得到预设物件之间的边距值，进行动态设置。

设所需显示的边距值为d，需要增大的预设间距为d′，此时V_m右侧边界位置值为x′，放大的最大倍率为s，实际的放大倍率b的计算为：

内部的真实显示物件放大倍率为b。

作为优选的技术方案，步骤S3.1对剩余列表物件中的需缩放特效动画的物件进行滑动缩放计算的过程中，相应计算物件V_m+1时，受利于发明中所述框架的便利，整个框架中V_m与V_m+1之间的间距始终保持为固定值，因此其滑是同步的。因此无需重新取值计算放大倍率，直接使用V_m中计算所得的数据，减少计算量，提高了滑动的流畅性。

此时V_m+1的相应值x、y、b′计算为：

x_max＝x×(1-s×b′_max)

y_max＝y×(1-s×b′_max)

b′＝b

此时对于首位物件V_m及其之前的V_m-1、V_m-2...间距总值d_f：

此时物件V_m+1内实际物件开始放大至V_m中实际物件大小，而此时其右边距在滑动中会产生变化，在滑动中其总值d′_f：

对于V_m+2..V_n类的视图，不需要进行任何滑动缩放的操作，保持默认设置即可，因此其滑动时间距不产生变化，本身内部真实显示的卡片大小亦不会变化。

可选地，本发明方法同样可适用于垂直方向的RecyclerView，抑或第二位/中间位需要缩放特效动画等情况。说明中仅以本发明较佳实施例而已，并不能以此来限定本发明之权利范围。

可选地，放大倍率b不仅可以用于进行缩放之类地计算，亦可用于如明亮度的渐变(alpha值变化)，颜色的渐变(gradient变化)，不等倍率卡片同步放大变化等附加操作，增加滑动时的视觉效果。

作为优选的技术方案，

实施例2

本实施例提供一种android卡片横移的特效动画方法的实现装置，应用实施例1所述的一种android卡片横移的特效动画方法，包括：

(i)数据集组件，用于存储一些需要展示的列表物件的资源信息；

(ii)RecyclerView适配器，用于将数据集组件中的数据与RecyclerView中的列表物件进行数据和视图绑定；

(iii)滑动计算处理组件，用于RecyclerView滑动返回偏移量时基于偏移量的视图处理，根据实施例1中的方法计算出不同偏移量下每个已显示的列表物件的当前应有的缩放比例，重新绘制每个列表物件的视图大小；

(iv)自定义RecyclerView控件，用于在滑动返回偏移量时启动滑动计算处理组件，同时滑动显示计算处理完成后的列表物件的视图；

(v)列表物件的布局管理器。RecyclerView相配套的布局管理器用于设置列表物件的视图滚动方向。

具体地，如图9所示，卡片滑动的实现装置交互中，在基础的RecyclerView框架上新增了滑动计算处理模块，用于处理滑动中的各个物件视图的缩放效果计算。适配器在初始化绘制视图时需要通过滑动计算处理模块定义首个物件V₁的大小。滑动时RecyclerView本身在onScrolled(Int dx,Intdy)方法收到滑动偏移值后调用滑动计算处理模块对修改过后的卡片物件进行重绘。

这里需要指出的是，上述Android卡片滑动特效动画方法的实现装置可以为PC、PAD、平板电脑、电视、手机等支持Android应用的电子设备，不局限于这里的描述。

以上对本发明提供的一种基于智能驾驶的纯电动车整车功能安全概念分析方法进行了详细介绍。具体实施例的说明只是用于帮助理解本发明的方法及其核心思想。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以对本发明进行若干改进和修饰，这些改进和修饰也落入本发明权利要求的保护范围内。

Claims (10)

1.一种android卡片横移的特效动画方法，其特征在于，包括以下步骤：

初始化RecyclerView内部列表物件；

将每个物件的预设大小进行放大；

滑动事件触发后，获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，在滑动过程中对需要进行缩放的列表物件进行重绘。

2.根据权利要求1所述的一种android卡片横移的特效动画方法，其特征在于，RecyclerView中的根布局为Android支持的布局，包括ConstraintLayout布局、LinearLayout布局以及RelativeLayout布局；

RecyclerView中的物件布局为视图组件，包括ImageView组件、CardView组件以及TextView组件。

3.根据权利要求1所述的一种android卡片横移的特效动画方法，其特征在于，所述初始化RecyclerView内部列表物件具体为：

将需缩放特效动画的物件V_m放大至最大倍率，并调整其边距至预设值；

对于非首个物件，保持其默认比例。

4.根据权利要求1所述的一种android卡片横移的特效动画方法，其特征在于，所述将每个物件的预设大小进行放大，具体为：

将每个物件的预设大小由本身实际大小调整至预设最大放大比例，让真实显示物件作为其中一个小组件居中对齐。

5.根据权利要求1所述的一种android卡片横移的特效动画方法，其特征在于，所述获取当前滑动时已显示在屏幕内的所有列表物件，根据其位置进行缩放计算，具体为：

对剩余列表物件中的需缩放特效动画的物件进行滑动缩放，其中，对于需缩放特效动画的物件V_m，保持其右边距不变；对于次位需缩放特效动画的物件V_m+1，扩大其右边距；

对于剩余列表物件中的其余物件，将其中非默认大小的物件恢复默认大小；

待首位物件V_m滑出边界，进行下一轮缩放计算。

6.根据权利要求5所述的一种android卡片横移的特效动画方法，其特征在于，若第一个物件为V_m，此时V_m由最大状态缩放至正常状态，其最大值分别为x_max、y_max，则：

x_max＝x×s×b_max

y_max＝y×s×b_max

其中，x、y为物件初始化后的大小，为预设放大的最大倍率，b∈[0，1]为滑动过程中物件的缩放倍率；在滑动过程中，V_m的预设大小一直保持为x_max与y_max，仅其真实显示物件在内部根据b进行缩放。

7.根据权利要求5所述的一种android卡片横移的特效动画方法，其特征在于，实际显示的边距值是真实显示物件之间的边距值，在计算处理过程中需根据所要实际显示的边距值，通过公式计算，得到预设物件之间的边距值，进行动态设置；

设所需显示的边距值为d，需要增大的预设间距为d′，此时V_m右侧边界位置值为x′，放大的最大倍率为s，实际的放大倍率b的计算为：

内部的真实显示物件放大倍率为b。

8.根据权利要求5所述的一种android卡片横移的特效动画方法，其特征在于，计算物件V_m+1时，相应值x、y、b′计算为：

x_max＝x×(1-s×b′_max)

y_max＝y×(1-s×b′_max)

b′＝b

此时对于首位物件V_m及其之前的V_m-1、V_m-2...间距总值d_f：

此时物件V_m+1内实际物件开始放大至V_m中实际物件大小，而此时其右边距在滑动中会产生变化，在滑动中其总值d′_f：

9.根据权利要求7所述的一种android卡片横移的特效动画方法，其特征在于，放大倍率b还用于进行明亮度的渐变、颜色的渐变以及不等倍率卡片同步放大变化的计算。

10.一种android卡片横移的特效动画方法的实现装置，应用权利要求1-8中任一项所述的一种android卡片横移的特效动画方法，其特征在于，包括:

数据集组件，用于存储需要展示的列表物件的资源信息；

RecyclerView适配器，用于将数据集组件中的数据与RecyclerView中的列表物件进行数据和视图绑定；

滑动计算处理组件，用于RecyclerView滑动返回偏移量时基于偏移量的视图处理，计算出不同偏移量下每个已显示的列表物件的当前应有的缩放比例，重新绘制每个列表物件的视图大小；

自定义RecyclerView控件，用于在滑动返回偏移量时启动滑动计算处理组件，同时滑动显示计算处理完成后的列表物件的视图；

列表物件的布局管理器，用于设置列表物件的视图滚动方向。

Images