一种指示组件的动画效果的实现方法和系统技术方案

本发明专利技术公开了一种指示组件的动画效果的实现方法和系统，所述方法包括以下步骤：获取操作指令；根据操作指令确定被选中的第一组件单元的位置；根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。本发明专利技术根据操作指令确定被选中的第一组件单元的位置；然后根据第一组件单元的位置计算运动组件的运动轨迹参数，并使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次，从而实现一种指示组件的选项被选中后运动组件来回弹动的动画效果，使被选中的选项更加突出和醒目。本发明专利技术可以广泛应用于人机交互技术领域。

An Implementation Method and System of Animation Effect of Indicating Components

【技术实现步骤摘要】
一种指示组件的动画效果的实现方法和系统
本专利技术涉及人机交互
，尤其是一种指示组件的动画效果的实现方法和系统。
技术介绍
人机交互界面中菜单选择项可以有很多的实现方案。用户可以通过点击菜单的热区以实现选中菜单中的选项，通常被选中的选项会与没有选中的选项在显示状态上有所不同。尤其在车载的人机交互界面中，会涉及到很多菜单，这些菜单通常用于指示汽车的功能状态，人们也将其称之为指示器，即Indicator。一般情况下，这些指示器可以通过编程语言的一些组件来实现，如JAVA等编程语言所提供的View组件等。但是，目前主流编程语言所提供的组件只能提供简单的动画效果。
技术实现思路
为解决上述技术问题，本专利技术的目的在于：提供一种指示组件的动画效果的实现方法和系统。以实现一种运动组件来回弹动的动画效果，使指示组件中被选中的选项更加突出和醒目。本专利技术实施例的第一方面提供了：一种指示组件的动画效果的实现方法，包括以下步骤：获取操作指令；根据操作指令确定被选中的第一组件单元的位置；根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。进一步，所述以第一组件单元的中心位置为中心来回运动若干次，其具体包括：以第一组件单元的中心位置为中心，在纵向方向来回运动若干次；或者以第一组件单元的中心位置为中心，在横向方向来回运动若干次。进一步，还包括以下步骤：获取第二组件单元的位置，其中，第二组件单元为在获取操作指令之前处于选中状态的组件单元；所述根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次，其具体为：根据第二组件单元的位置和第一组件单元的位置，计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数，先从第二组件单元滑动到第一组件单元，然后以第一组件单元的中心位置为中心来回运动若干次。进一步，还包括以下步骤：获取动画组件的运动速度参数；所述根据第二组件单元的位置和第一组件单元的位置，计算运动组件的运动轨迹参数，其具体包括：根据第二组件单元的位置、第一组件单元的位置和运动速度参数，计算运动组件的轨迹参数；或者根据第二组件单元的位置、第一组件单元的位置和运动速度参数，计算运动组件从第二组件单元滑动到第一组件单元时的运动轨迹参数，然后根据第一组件单元的位置，计算运动组件以第一组件单元的中心位置为中心来回运动若干次时的运动轨迹参数；或者根据第二组件单元的位置和第一组件单元的位置，计算运动组件从第二组件单元滑动到第一组件单元时的运动轨迹参数，然后根据第一组件单元的位置和运动速度参数，计算运动组件以第一组件单元的中心位置为中心来回运动若干次时的运动轨迹参数。进一步，所述来回运动若干次，其具体为：以运动距离逐次衰减的方式来回运动若干次。进一步，所述运动组件在来回运动若干次时，每次的运动距离比上一次的运动距离减少预设的比例或者预设值。进一步，所述运动组件在以第一组件单元的中心位置为中心来回运动若干次时的运动轨迹参数，通过Spring插值器计算。进一步，还包括以下步骤：将第一组件单元从非选中状态切换为选中状态；将第二组件单元从选中状态切换为非选中状态。本专利技术实施例的第二方面提供了：一种指示组件的动画效果的实现系统，包括：获取单元，用于获取操作指令；确定单元，用于根据操作指令确定被选中的第一组件单元的位置；动画实现单元，用于根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。本专利技术实施例的第三方面提供了：一种指示组件的动画效果的实现系统，包括：存储器，用于存储程序；处理器，用于加载所述程序以执行所述指示组件的动画效果的实现方法。本专利技术的有益效果是：本专利技术根据操作指令确定被选中的第一组件单元的位置；根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次，从而实现一种指示组件的选项被选中后运动组件来回弹动的动画效果，使被选中的选项更加突出和醒目。附图说明图1为本专利技术一种具体实施例的指示组件的动画效果的实现方法的流程图；图2为本专利技术一种具体实施例的指示组件的动画效果的示意图；图3为本专利技术一种具体实施例的运动组件的在匀速运动的情况下运动轨迹的示意图；图4为本专利技术一种具体实施例的运动组件的在变速运动的情况下运动轨迹的示意图；图5为本专利技术一种具体实施例的运动组件的运动轨迹的描述方式的示意图；图6为本专利技术具体实施例的指示组件的第一种结构示意图；图7为本专利技术具体实施例的指示组件的第二种结构示意图；图8为本专利技术具体实施例的指示组件的第三种结构示意图。具体实施方式下面结合说明书附图和具体的实施例对本专利技术进行进一步的说明。参照图1，本实施例公开了一种指示组件的动画效果的实现方法，本实施例可以应用在具备显示屏的计算机设备上，所述计算机设备可以执行以下方法，并通过显示屏显示出动画效果。所述计算机设备可以是汽车上的车载大屏、手机或者平板等设备。本实施例的方法包括以下步骤：S1、获取操作指令。所述操作指令由用户触发或者输入，其中，可以通过触摸屏、麦克风、鼠标或者键盘等物理外设输入，并由计算机设备获取该操作指令。也就是说，所述操作指令可以是由声音、触摸或者点击等方式所触发的。S2、根据操作指令确定被选中的第一组件单元的位置。在本实施例中，第一组件单元的位置可以指第一组件单元的中心在系统中的位置坐标。或者指用于描述第一组件单元在系统中的位置的多个坐标点的集合。例如，第一组件单元是一个圆形，可以通过圆心的位置坐标来描述这个圆形的位置。再例如，第一组件单元是一个长方形，可以通过描述该长方形的两个相对的顶点来描述这个长方形的位置。而对于第一组件单元为不规则图形的情况，可以采取指定中心位置的方式。例如，一个不规则的卡通形状，可以由在设计时自定义该不规则的卡通形状的一个点作为其中心坐标点，然后通过该被指定的中心坐标点来描述第一组件单元的位置。因此，第一组件单元的位置由一个或者多个坐标点描述。S3、根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。参照图2，在本实施例中，创建了四个组件单元作为四个菜单的选项和一个运动组件200，其中包括组件单元201、组件单元202、组件单元203和组件单元204，这些组件单元由加入item(包括图片和文字等)的容器所构成，并且本实施例在每个容器的item上设置一个被选中时的动画效果，当然以item对应的热区被点击后，触发动画效果。所述运动组件200用于指示被选中的组件单元，所述运动组件200在一些场景下也被称作cover。在本实施例中，在时间点0，运动组件200处于组件单元201的位置上，表示组件单元201处于被选中的状态。在本实施例中，用户在时间点0和时间点1之间选中的组件单元204，例如，用户点击了一下组件单元204所对应的热区，触发了运动组件200的动画效果，即触发运动组件运动。首先，在用户选中组件单元204的时刻到时间点1之间，运动组件200从组件单元201的位置移动到组件单元204的位置上，即运动组本文档来自技高网...

【技术保护点】
1.一种指示组件的动画效果的实现方法，其特征在于：包括以下步骤：获取操作指令；根据操作指令确定被选中的第一组件单元的位置；根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。

【技术特征摘要】
1.一种指示组件的动画效果的实现方法，其特征在于：包括以下步骤：获取操作指令；根据操作指令确定被选中的第一组件单元的位置；根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次。2.根据权利要求1所述的一种指示组件的动画效果的实现方法，其特征在于：所述以第一组件单元的中心位置为中心来回运动若干次，其具体包括：以第一组件单元的中心位置为中心，在纵向方向来回运动若干次；或者以第一组件单元的中心位置为中心，在横向方向来回运动若干次。3.根据权利要求1所述的一种指示组件的动画效果的实现方法，其特征在于：还包括以下步骤：获取第二组件单元的位置，其中，第二组件单元为在获取操作指令之前处于选中状态的组件单元；所述根据第一组件单元的位置计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数以第一组件单元的中心位置为中心来回运动若干次，其具体为：根据第二组件单元的位置和第一组件单元的位置，计算运动组件的运动轨迹参数，使运动组件根据运动轨迹参数，先从第二组件单元滑动到第一组件单元，然后以第一组件单元的中心位置为中心来回运动若干次。4.根据权利要求3所述的一种指示组件的动画效果的实现方法，其特征在于：还包括以下步骤：获取动画组件的运动速度参数；所述根据第二组件单元的位置和第一组件单元的位置，计算运动组件的运动轨迹参数，其具体包括：根据第二组件单元的位置、第一组件单元的位置和运动速度参数，计算运动组件的轨迹参数；或者根据第二组件单元的位置、第一组件单元的位置和运动速度参数，计算运动组件从第二组件单元滑动到第一组件单元时的运动轨迹参数，然后根据第一...

【专利技术属性】
技术研发人员：肖军，单文龙，
申请(专利权)人：广州小鹏汽车科技有限公司，
类型：发明
国别省市：广东,44