显示方法、车载终端、车辆及存储介质

文档序号:940 发布日期:2021-09-17 浏览:40次 英文

显示方法、车载终端、车辆及存储介质

技术领域

本发明涉及车辆显示

技术领域

,特别涉及一种显示方法、车载终端、车辆及存储介质。

背景技术

随着科学技术的飞速发展,多种多样的电动汽车出现在人们的生活中。在相关技术中,电动汽车的仪表采用在单片机上运行linux系统的方案,由于单片机使用的芯片算力比较低,所以在电动汽车的仪表显示的电量信息比较单一,例如,只能显示单一的色块,不能够灵活显示电量信息,不利于提升用户体验。

发明内容

本发明提供一种显示方法、车载终端、车辆及存储介质。

本发明实施方式的显示方法用于车辆。所述车辆包括电池和仪表,所述仪表能够基于安卓系统显示所述电池的属性信息,所述显示方法包括:根据所述属性信息对预设图片进行多次处理以得到多帧目标图片;依次显示多帧所述目标图片以作为所述电池的属性显示动画。

上述显示方法中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

在某些实施方式中,所述属性信息包括电量状态,所述预设图片包括满电量图,所述根据所述属性信息对预设图片进行多次处理以得到多帧目标图片,包括:获取所述电池的当前电量;根据所述当前电量对所述满电量图进行多次裁剪以得到多帧目标图片,多帧所述目标图片对应的所述电池的电量由零依次递增至所述当前电量。

在某些实施方式中,所述根据所述当前电量对所述满电量图进行多次裁剪以得到多帧目标图片,包括:确定所述当前电量对应的所述属性显示动画的第一播放时长,所述第一播放时长包括多个预设时刻;确定每个所述预设时刻对应的裁剪边界;根据多个所述裁剪边界对所述满电量图进行裁剪以得到多帧所述目标图片。

在某些实施方式中,所述确定所述当前电量对应的所述属性显示动画的第一播放时长,包括:根据所述当前电量、满电量和所述满电量对应的所述属性显示动画的第二播放时长,确定所述当前电量对应的所述属性显示动画的所述第一播放时长。

在某些实施方式中,所述裁剪边界包括与所述预设时刻对应的裁剪右边界,所述确定每个所述预设时刻对应的裁剪边界,包括:确定所述预设时刻对应的裁剪右边界对应的第一矩形条以作为预设矩形条;缓存所述预设矩形条至预设存储空间,并更新所述预设存储空间中的缓存矩形条,所述缓存矩形条为每个在先时刻对应的裁剪右边界对应的第一矩形条,所述在先时刻早于所述预设时刻;根据更新后所述预设存储空间中的所述缓存矩形条和所述预设矩形条,确定所述裁剪边界。

在某些实施方式中,所述满电量图包括第一高度和第二宽度,所述满电量图包括多个第二矩形条,每个所述第二矩形条包括第三宽度,所述第一矩形条包括所述预设时刻对应的裁剪右边界、裁剪左边界、裁剪上边界和裁剪下边界,所述设时刻对应的裁剪右边界的高度为第一预设值,所述确定所述预设时刻对应的裁剪右边界对应的第一矩形条以作为预设矩形条,包括:根据所述预设时刻、所述第一播放时长、所述当前电量和所述第二宽度确定所述预设时刻对应的裁剪右边界;根据所述预设时刻对应的裁剪右边界和所述第三宽度确定所述裁剪左边界;根据所述第一高度和第二预设值确定所述裁剪上边界,所述第二预设值为所述第一预设值的二分之一;根据所述裁剪上边界和所述第一预设值确定所述裁剪下边界。

在某些实施方式中,所述缓存矩形条包括多个,每个所述缓存矩形条包括缓存上边界、缓存下边界和缓存左边界,所述缓存所述预设矩形条至预设存储空间,并更新所述预设存储空间中的缓存矩形条,包括:在所述裁剪左边界不等于任意一个所述缓存左边界时,缓存所述预设矩形条至所述预设存储空间;根据所述第二预设值更新每个所述缓存矩形条的所述缓存上边界和所述缓存下边界;删除所述缓存空间中所述缓存下边界和所述缓存上边界的差值大于或等于所述第一高度的所述缓存矩形条以完成更新。

在某些实施方式中,所述根据更新后所述预设存储空间中的所述缓存矩形条和所述预设矩形条,确定所述裁剪边界,包括:确定更新后所述预设存储空间中所述缓存左边界的最小值;根据所述缓存左边界的最小值和所述第二宽度确定第一裁剪边界;整合更新后所述预设存储空间中的所述缓存矩形条和所述预设矩形条以得到第二裁剪边界;根据所述第一裁剪边界和所述第二裁剪边界确定所述裁剪边界。

在某些实施方式中,所述属性显示动画包括电池槽图,所述电池槽图包括槽右边界,所述属性信息包括充电状态,所述预设图片包括预设流光图,所述预设流光图包括第一宽度和移动右边界,所述目标图片为在所述电池充电时所述预设流光图在所述电池槽图内移动时显示的图片,所述根据所述属性信息对预设图片进行多次处理以得到多帧目标图片,包括:在所述充电状态为充电时,选取所述移动右边界和所述第一宽度的差值与零中的较大值作为所述预设流光图的裁剪左边界;选取所述移动右边界和所述槽右边界中的较小值作为所述预设流光图的裁剪右边界;根据所述裁剪左边界和所述裁剪右边界对所述预设流光图进行裁剪,以得到所述目标图片;在所述移动右边界的位置发生变化时,再次进入所述选取所述移动右边界和所述第一宽度的差值与零中的较大值作为所述预设流光图的裁剪左边界步骤。

在某些实施方式中,所述属性显示动画包括电池边框和预设光晕图,所述预设光晕图用于在所述电池充电时显示在所述电池边框的四周。

在某些实施方式中,所述安卓系统包括绘制算法,所述属性显示动画包括电池边框,所述依次显示多帧所述目标图片以作为所述电池的属性显示动画,包括:采用所述绘制算法,依次将每帧所述目标图片绘制在所述电池边框的内部以作为所述当前电量的所述属性显示动画。

在某些实施方式中,所述属性显示动画包括当前电量图,在所述电池的当前电量低于预设电量时,所述当前电量图为第一颜色,在所述电池的当前电量高于预设电量时,所述当前电量图为第二颜色,所述第一颜色与所述第二颜色不同。

在某些实施方式中,所述属性显示动画的显示模式包括第一显示模式和第二显示模式,不同的显示模式对应的所述属性显示动画的显示颜色不同。

在某些实施方式中,所述车辆还包括中控显示屏,所述中控显示屏与所述仪表共用所述安卓系统。

本发明实施方式的车载终端设置于车辆,所述车辆包括电池和仪表,所述仪表能够基于安卓系统显示所述电池的属性信息,所述车载终端用于:根据所述属性信息对预设图片进行多次处理以得到多帧目标图片;依次显示多帧所述目标图片以作为所述电池的属性显示动画。

上述车载终端中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

本发明实施方式的车辆包括本体、电池、仪表和上述实施方式所述的车载终端,所述电池、所述仪表和所述车载终端设置于所述本体。

上述车辆中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

本发明实施方式的计算机可读存储介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行的情况下,实现上述实施方式所述的显示方法的步骤。

上述计算机可读存储介质中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

本发明的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:

图1是本发明实施方式的显示方法的流程示意图;

图2是本发明实施方式的车载终端的模块示意图;

图3是本发明实施方式的显示方法的场景示意图;

图4是本发明实施方式的显示方法的场景示意图;

图5是本发明实施方式的显示方法的流程示意图;

图6是本发明实施方式的显示方法的流程示意图;

图7是本发明实施方式的显示方法的流程示意图;

图8是本发明实施方式的显示方法的流程示意图;

图9是本发明实施方式的显示方法的流程示意图;

图10是本发明实施方式的显示方法的场景示意图;

图11是本发明实施方式的显示方法的流程示意图;

图12是本发明实施方式的显示方法的流程示意图;

图13是本发明实施方式的显示方法的流程示意图;

图14是本发明实施方式的显示方法的场景示意图;

图15是本发明实施方式的显示方法的流程示意图;

图16是本发明实施方式的车辆的场景示意图。

具体实施方式

下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本发明,而不能理解为对本发明的限制。

请参阅图1,本发明实施方式的显示方法用于车辆。车辆包括电池和仪表,仪表能够基于安卓系统显示电池的属性信息,显示方法包括:

S10:根据属性信息对预设图片进行多次处理以得到多帧目标图片;

S20:依次显示多帧目标图片以作为电池的属性显示动画。

本发明实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端设置于车辆,车辆包括电池和仪表,仪表能够基于安卓系统显示电池的属性信息,车载终端用于根据属性信息对预设图片进行多次处理以得到多帧目标图片,及用于依次显示多帧目标图片以作为电池的属性显示动画。请结合图2,在某些实施方式中,车载终端100可包括一个或多个处理器10和存储器20,存储器20存储有计算机程序,计算机程序被处理器10执行的情况下,实现步骤S10和步骤S20。

上述显示方法和车载终端中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

可以理解,在相关技术中,基于安卓系统的充电动画通常应用于手机、平板等单屏终端;而本发明实施方式的显示方法中,基于安卓系统的属性显示动画能够专用于车辆的仪表,且仪表和中控显示屏是基于同一个安卓系统下的显示屏分屏实现的。

其次,在相关技术中,充电动画仅为圆形区域内某一电量的水波纹震荡;而本发明实施方式的显示方法中,显示的属性显示动画可包括预设流光图或设置电量动画,其中,预设流光图能够在电池充电时显示的属性显示动画中从左到右移动,设置电量动画能够在触发显示当前电量时展示电量从0阶梯式增长到当前电量的效果,也即是说设置电量动画中可以同时存在多个电量对应的图像增长。

另外,在相关技术中,充电动画的实现方式是通过预置图形然后填充的,在电量充满后显示的动效是一个帧动画;而本发明实施方式的显示方法中,属性显示动画显示的所有图片均是通过算法裁剪出来,然后使用属性动画绘制的,整体两者的实现方式和显示效果差别较大。

具体地,车辆包括但不限于纯电动车、混合动力电动车、增程式电动车、燃油车等。电池可包括铅酸蓄电池、锰酸锂电池、三元锂电池、磷酸铁锂电池、镍氢电池、燃料电池等。仪表可以显示电池的属性信息、车速、油位、车门状态、车窗状态等车辆的基本信息。电池的属性信息可包括充电状态和电量状态。充电状态可包括充电、放电、电池未使用等。电量状态可包括0电量、满电量或者位于0电量和满电量之间的其他任意电量。仪表通常位于车辆的方向盘的前方,从而方便驾驶员在驾驶车辆时能够方便快速地通过仪表了解车辆的基本信息。

在某些实施方式中,车辆还包括中控显示屏,中控显示屏与仪表共用安卓系统。如此,采用一个芯片(例如8155芯片)即可以实现中控显示屏的显示和仪表的显示,而且共用同一个安卓系统能够更大程度地利用芯片的算力,在仪表和中控大屏上实现更加丰富的功能。

可以理解的是,步骤S10和步骤S20均是基于安卓系统实现的。预设图片可以理解为为了丰富电池的属性显示动画而预先设置的图片。目标图片可以理解为根据实际属性信息需要在电池的属性显示动画中显示的部分或者全部预设图片。进一步地,处理可包括裁剪,即通过裁剪预设图片,改变预设图片的形状和尺寸,从而得到目标图片。

电池的属性显示动画可包括目标图片、车辆底图、电池边框图和电池槽图。目标图片在电池的属性显示动画中动态显示,车辆底图、电池边框图和电池槽图在电池的属性显示动画中静态显示。请结合图3,在图3的示例中,车辆底图即车辆模型的俯视图,车辆底图也即电池的属性显示动画的背景图。目标图片、电池边框图和电池槽图设置在车辆底图中车辆模型的车顶部位。电池边框图包括白色的电池边框,电池槽图设置在电池边框图的电池边框内部。电池槽图包括电池栅格背景,通过采用栅格状的样式,可以与手机、平板等其他设备上的属性显示动画的样式有明显的区别,从而更加突出汽车电池的特殊性。

进一步地,请结合图4,在实现电池的属性显示动画的过程中,可以采用ondraw方法预先定义电池的属性显示动画中的多个矩形框(Rect),在确定电池的属性显示动画的尺寸之后,根据电池的属性显示动画的尺寸和多个矩形框的摆放位置为属性显示动画中的每个矩形框设置左(left)、上(top)、右(right)、下(bottom)属性,也即是设置每个矩形框的左上和右下两个点的位置,然后在每个矩形框中绘制对应的目标图片、电池边框图和电池槽图,即可得到电池的属性显示动画。

在某些实施方式中,属性显示动画包括电池边框和预设光晕图,预设光晕图用于在电池充电时显示在电池边框的四周。如此,便于用户了解电池的充电状态,可以理解,在电池的充电状态为放电或者电池未使用时,属性显示动画中电池边框的四周不显示预设光晕图。预设光晕图可为具有渐变色彩的图片。

请参阅图5,在某些实施方式中,属性显示动画包括电池槽图,电池槽图包括槽右边界,属性信息包括充电状态,预设图片包括预设流光图,预设流光图包括第一宽度和移动右边界,目标图片为在电池充电时预设流光图在电池槽图内移动时显示的图片,步骤S10包括:

S11:在充电状态为充电时,选取移动右边界和第一宽度的差值与零中的较大值作为预设流光图的裁剪左边界;

S12:选取移动右边界和槽右边界中的较小值作为预设流光图的裁剪右边界;

S13:根据裁剪左边界和裁剪右边界对预设流光图进行裁剪,以得到目标图片;

S14:在移动右边界的位置发生变化时,再次进入选取移动右边界和第一宽度的差值与零中的较大值作为预设流光图的裁剪左边界步骤。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于在充电状态为充电时,选取移动右边界和第一宽度的差值与零中的较大值作为预设流光图的裁剪左边界,及用于选取移动右边界和槽右边界中的较小值作为预设流光图的裁剪右边界,及用于根据裁剪左边界和裁剪右边界对预设流光图进行裁剪,以得到目标图片,及用于在移动右边界的位置发生变化时,再次进入选取移动右边界和第一宽度的差值与零中的较大值作为预设流光图的裁剪左边界步骤。

如此,在电池充电时,通过多次裁剪预设流光图,得到多帧目标图片,当多帧目标图片依次显示在属性显示动画中时,可以实现某一方向(例如从左到右)上的流光效果,从而直观地体现充电状态。

具体地,电池槽图的槽左边界和槽右边界是固定不动的,预设流光图以移动过程中移动右边界是变化的。电池槽图的槽左边界即电池槽图所在矩形框mBatteryBgRect的left属性,电池槽图的槽右边界即电池槽图所在矩形框mBatteryBgRect的right属性。预设流光图的移动右边界即预设流光图所在矩形框mBatteryChargingAnimRect的right属性。在某些实施方式中,预设流光图的高度和目标图片的高度与电池槽图的高度基本相同,预设流光图的宽度和目标图片的宽度均小于电池槽图的宽度。预设流光图可为具有渐变色彩的图片。在某些实施方式中,在确定充电口连接充电枪时,可以确定电池正在充电。

在电池充电时,属性显示动画中预设流光图在电池槽图内沿预设方向(例如从左到右)移动。以电池槽图的左上点为原点,则预设流光图的移动右边界R2的取值范围为(0,R1+W1),其中,0即电池槽图的槽左边界,R1即电池槽图的槽右边界,W1即预设流光图的第一宽度。在预设流光图的移动右边界为0时,预设流光图还未进入电池槽图。在预设流光图的移动右边界为R1+W1时,预设流光图已经完全移出电池槽图。

可以理解,每当在预设流光图预设流光图的移动右边界R2发生变化时,都会重新执行步骤S11、步骤S12和步骤S13,以确定显示的目标图片。在预设流光图正在进入电池槽图时,在电池槽图的槽左边界左侧的部分预设流光图不进行显示,在电池槽图的槽左边界右侧的部分预设流光图进行显示,由于预设流光图的宽度小于电池槽图的宽度,此时预设流光图的移动右边界R2还未到达槽右边界R1,因此选取预设流光图的裁剪右边界为移动右边界R2,预设流光图的裁剪左边界为0,对预设流光图进行裁剪之后得到的目标图片的尺寸小于预设流光图的尺寸;在预设流光图正在移出电池槽图时,在电池槽图的槽右边界右侧的部分预设流光图不进行显示,在电池槽图的槽右边界左侧的部分预设流光图进行显示,由于预设流光图的移动右边界已经超过槽右边界,因此选取预设流光图的裁剪左边界为槽右边界R1,预设流光图的裁剪左边界为R2-W1(即预设流光图的移动左边界),对预设流光图进行裁剪之后得到的目标图片的尺寸小于预设流光图的尺寸;而在预设流光图充分进入电池槽图时,由于预设流光图的宽度小于电池槽图的宽度,预设流光图能够完整显示,因此选取预预设流光图的裁剪左边界为R2-W1(即预设流光图的移动左边界),设流光图的裁剪左边界为移动右边界R2,对预设流光图进行裁剪之后得到的目标图片的尺寸等于预设流光图的尺寸。

在某些实施方式中,预设流光图在电池槽图的内侧移动时先加速移动后减速移动,从而使得显示效果更加生动灵活。

请参阅图6,在某些实施方式中,属性信息包括电量状态,预设图片包括满电量图,步骤S10包括:

S15:获取电池的当前电量;

S16:根据当前电量对满电量图进行多次裁剪以得到多帧目标图片,多帧目标图片对应的电池的电量由零依次递增至当前电量。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于获取电池的当前电量,及用于根据当前电量对满电量图进行多次裁剪以得到多帧目标图片,多帧目标图片对应的电池的电量由零依次递增至当前电量。

如此,在触发电量状态属性信息时,能够显示电池的电量由零依次递增至当前电量然后静止在当前电量的属性显示动画(也即是设置电量动画),丰富了当前电量的显示效果。

具体地,在某些实施方式中,在车辆连接充电枪时,触发仪表显示当前电量对应的属性显示动画。在某些实施方式中,在车辆的仪表盘上电时,触发仪表显示当前电量对应的属性显示动画。在某些实施方式中,在切换当前电量的显示方式(例如由简洁模式切换至智能模式)时,触发仪表显示当前电量对应的属性显示动画。满电量图可为预先设置的可以表征电池的电量为满电量的图片。根据当前电量与满电量的比例对满电量图进行裁剪,可以得到表征电池的电量为当前电量的图片。裁剪可由安卓系统的ondraw方法实现。

请参阅图7,在某些实施方式中,步骤S16,包括:

S162:确定当前电量对应的属性显示动画的第一播放时长,第一播放时长包括多个预设时刻;

S164:确定每个预设时刻对应的裁剪边界;

S166:根据多个裁剪边界对满电量图进行裁剪以得到多帧目标图片。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于确定当前电量对应的属性显示动画的第一播放时长,第一播放时长包括多个预设时刻,及用于确定每个预设时刻对应的裁剪边界,及用于根据多个裁剪边界对满电量图进行裁剪以得到多帧目标图片。

如此,属性显示动画在第一播放时长内的每个预设时刻显示的目标图片不同,丰富了当前电量的显示效果。

具体地,在确定当前电量之后,可以确定当前电量对应的属性显示动画的第一播放时长。在某些实施方式中,每两个相邻的预设时刻间隔相同的预设时长。预设时长可由用户自行设置或者由系统默认设置。这样在确定多帧目标图片后,能够较为平稳地显示电池的电量由零依次递增至当前电量然后静止在当前电量的属性显示动画。

在一个例子中,第一播放时长可为10S,每两个相邻的预设时刻间隔的预设时长可为2S,则多个预设时刻分别为播放属性显示动画的第0S、第2S、第4S、第6S、第8S和第10S。

请参阅图8,在某些实施方式中,步骤S162包括:

S1622:根据当前电量、满电量和满电量对应的属性显示动画的第二播放时长,确定当前电量对应的属性显示动画的第一播放时长。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于根据当前电量、满电量和满电量对应的属性显示动画的第二播放时长,确定当前电量对应的属性显示动画的第一播放时长。

如此,能够快速地确定当前电量对应的属性显示动画的第一播放时长。

具体地,第二播放时长可为用户预先设置的时长或者系统默认设置的时长。第二播放时长为电池的电量由零依次递增至满电量然后静止在满电量的属性显示动画。在某些实施方式中,当前电量对应的属性显示动画的第一播放时长t1可由以下公式表示:t1=t2*batteryLevel/fullbatteryLevel,其中,t2为满电量对应的属性显示动画的第二播放时长,batteryLevel为当前电量,fullbatteryLevel为满电量。在某些实施方式中,满电量设置为100,则当前电量的取值范围是[0,100]。

在一个例子中,满电量fullbatteryLevel设置为100,第二播放时长t2为10S,若当前电量batteryLevel为70,则可以计算出第一播放时长t1为7S。

请参阅图9,在某些实施方式中,裁剪边界包括与预设时刻对应的裁剪右边界,步骤S164包括:

S1642:确定预设时刻对应的裁剪右边界对应的第一矩形条以作为预设矩形条;

S1644:缓存预设矩形条至预设存储空间,并更新预设存储空间中的缓存矩形条,缓存矩形条为每个在先时刻对应的裁剪右边界对应的第一矩形条,在先时刻早于预设时刻;

S1646:根据更新后预设存储空间中的缓存矩形条和预设矩形条,确定裁剪边界。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于确定预设时刻对应的裁剪右边界对应的第一矩形条以作为预设矩形条,及用于缓存预设矩形条至预设存储空间,并更新预设存储空间中的缓存矩形条,缓存矩形条为每个在先时刻对应的裁剪右边界对应的第一矩形条,在先时刻早于预设时刻,及用于根据更新后预设存储空间中的缓存矩形条和预设矩形条,确定裁剪边界。

如此,能够准确地确定每个预设时刻对应的裁剪边界。

具体地,预设时刻包括多个,一个预设时刻对应一个裁剪边界,按照时间的先后顺序,裁剪边界围成的裁剪面积逐渐增大,这样随着播放时长的增加根据裁剪边界裁剪的满电量图的面积逐渐增大,从而能够达到体现电量逐渐增长的视觉效果。需要指出的是,此处的电量逐渐增长应当理解为视觉效果上的电量从零逐渐增长至当前电量,而不是电池充电导致的电量逐渐增长,也即是说,此时当前电量为预先确定的固定的数值。

裁剪右边界即裁剪边界最右侧的边界。第一矩形条即处于预设时刻时位于裁剪边界最右侧的一个矩形条。第一矩形条的右边界即裁剪右边界。预设矩形条即预设时刻对应的裁剪右边界对应的第一矩形条。预设存储空间中除了预设时刻的预设矩形条,还包括在先时刻的缓存矩形条。可以理解,预设时刻往预设存储空间中存储的预设矩形条,在在后时刻时会变成缓存矩形条,而根据在后时刻的裁剪右边界确定的第一矩形条将作为新的预设矩形条缓存至预设存储空间中。同理,预设存储空间中的每一个缓存矩形条均是在先时刻的第一矩形条。在先时刻发生在预设时刻之前,在后时刻发生在预设时刻之后。请结合图10,在一个例子中,时刻包括播放属性显示动画的第2S、第4S和第6S时,当第2S为预设时刻时,第4S和第6S为在后时刻,第2S确定的第一矩形条作为预设矩形条缓存至预设存储空间;当第4S为预设时刻时,第2S为在先时刻,第6S为在后时刻,在第4S确定的第一矩形条作为预设矩形条缓存至预设存储空间时,第2S确定的预设矩形条即为缓存矩形条;当第6S为预设时刻时,第2S和第4S为在先时刻,在第6S确定的第一矩形条作为预设矩形条缓存至预设存储空间时,第2S确定的预设矩形条和第4S确定的预设矩形条即为缓存矩形条。

更新预设存储空间中的缓存矩形条,可以理解为,增加缓存矩形条的高度。这样随着时长的增加,能够增大裁剪边界围成的裁剪面积,进而使得根据裁剪边界裁剪出的图片能够体现电量逐渐增长的视觉效果。进一步地,可将更新后预设存储空间中的缓存矩形条和第一矩形条的外轮廓作为裁剪边界。

请参阅图11,在某些实施方式中,满电量图包括第一高度和第二宽度,满电量图包括多个第二矩形条,每个第二矩形条包括第三宽度,第一矩形条包括预设时刻对应的裁剪右边界、裁剪左边界、裁剪上边界和裁剪下边界,预设时刻对应的裁剪右边界的高度为第一预设值,步骤S1642包括:

S16422:根据预设时刻、第一播放时长、当前电量和第二宽度确定预设时刻对应的裁剪右边界;

S16424:根据预设时刻对应的裁剪右边界和第三宽度确定裁剪左边界;

S16426:根据第一高度和第二预设值确定裁剪上边界,第二预设值为第一预设值的二分之一;

S16428:根据裁剪上边界和第一预设值确定裁剪下边界。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于根据预设时刻、第一播放时长、当前电量和第二宽度确定预设时刻对应的裁剪右边界,及用于根据预设时刻对应的裁剪右边界和第三宽度确定裁剪左边界,及用于根据第一高度和第二预设值确定裁剪上边界,第二预设值为第一预设值的二分之一,及用于根据裁剪上边界和第一预设值确定裁剪下边界。

如此,能够快速准确地确定第一矩形条的裁剪右边界、裁剪左边界、裁剪上边界和裁剪下边界。

具体地,多个第二矩形条并排排列可组成满电量图,每个第二矩形条的第三宽度W3可由以下公式表示:W3=W2/S,其中,W2为满电量图的第二宽度,S为满电量图中第二矩形条的数量,W2和S可为预先设置的值。例如,预先设置满电量图的第二宽度为100,第二矩形条的数量为20,则第三宽度为5,且每个第二矩形条可代表满电量的5%。

在步骤S16422中,裁剪右边界R3可由以下公式表示:R3=(t/t1)*(batteryLevel/fullbatteryLevel)*W2,其中,t为预设时刻,t1为当前电量对应的属性显示动画的第一播放时长,batteryLevel为当前电量,fullbatteryLevel为满电量。在一个例子中,满电量设置为100,则当前电量的取值范围是[0,100]。

在步骤S16424中,裁剪左边界=R3-R3%W3,其中,%表示取余数,R3%W3即预设时刻对应的第一矩形条的宽度。

在步骤S16426中,裁剪上边界=(第一高度-第二预设值)/2。由于坐标系的水平向右和竖直向下方向设置为属性值增长方向,裁剪下边界的数值大于裁剪上边界的数值,因此,在步骤S16428中,裁剪下边界=裁剪上边界+第一预设值。

在某些实施方式中,第一矩形条(thisColumnRect)可通过RectF函数生成,设置RectF函数的左属性值为裁剪左边界(thisColumnLeft),设置RectF函数的上属性值为裁剪上边界(thisColumnTop),设置RectF函数的右属性值为裁剪右边界(clipRightX),设置RectF函数的下属性值为裁剪下边界(thisColumnBottom),从而第一矩形条(thisColumnRect)可表示为:thisColumnRect=new RectF(thisColumnLeft,thisColumnTop,clipRightX,thisColumnBottom)。

在一个例子中,第一高度为10,第一矩形条的高度为2,第二预设值为1,则第一矩形条的裁剪上边界=(10-1)/2=4.5,第一矩形条的裁剪下边界=4.5+2=6.5。

请参阅图12,在某些实施方式中,缓存矩形条包括多个,每个缓存矩形条包括缓存上边界、缓存下边界和缓存左边界,步骤S1644包括:

S16442:在裁剪左边界不等于任意一个缓存左边界时,缓存预设矩形条至预设存储空间;

S16444:根据第二预设值更新每个缓存矩形条的缓存上边界和缓存下边界;

S16446:删除缓存空间中缓存下边界和缓存上边界的差值大于或等于第一高度的缓存矩形条以完成更新。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于在裁剪左边界不等于任意一个缓存左边界时,缓存预设矩形条至预设存储空间,及用于根据第二预设值更新每个缓存矩形条的缓存上边界和缓存下边界,及用于删除缓存空间中缓存下边界和缓存上边界的差值大于或等于第一高度的缓存矩形条以完成更新。

如此,能够更新预设存储空间的缓存内容。

具体地,预设存储空间中的每个缓存矩形条对应一个缓存左边界,在预设时刻对应的预设矩形条的裁剪左边界与任意一个缓存左边界不相同时,缓存预设矩形条至预设存储空间。为了体现出电量逐渐增长的效果,在每个预设时刻增加预设存储空间中的缓存矩形条的高度,也即通过更新每个缓存矩形条的缓存上边界和缓存下边界,达到增加预设存储空间中的缓存矩形条的高度的效果。

进一步地,在每个预设时刻,预设存储空间中的每个缓存矩形条的高度的增长值为第二预设值。由于坐标系的水平向右和竖直向下方向设置为正数的属性值增长方向,缓存下边界的数值大于缓存上边界的数值,因此,增加矩形条的高度即减小缓存上边界的数值和/或增大缓存下边界的数值。在一个实施方式中,在每个预设时刻,将预设存储空间中的每个缓存矩形条的缓存上边界减去二分之一的第二预设值以得到更新后的缓存上边界,同时将预设存储空间中的每个缓存矩形条的缓存下边界加上二分之一的第二预设值以得到更新后的缓存下边界。在一个例子中,第二预设值为1,更新前预设缓存空间中的一个缓存矩形条的缓存上边界为4.5、缓存上边界为6.5,即更新前该缓存矩形条的高度为2,更新后该缓存矩形条的缓存上边界=4.5-1/2=4,更新后该缓存矩形条的缓存上边界=6.5+1/2=7,从而更新后该缓存矩形条的高度为3,相比于更新前,该缓存矩形条的高度增加了1。

当然,考虑到裁剪边界的最大高度应当小于或者等于满电量图的第一高度,更新后缓存矩形条的高度应该小于第一高度,因此,在更新预设存储空间中的缓存矩形条的高度之后,删除高度大于或等于第一高度的缓存矩形条,保留高度小于第一高度的缓存矩形条,从而完成当前时刻预设存储空间的更新。在一个例子中,第一高度为10,更新后预设缓存空间中的一个缓存矩形条的缓存上边界为0.5、缓存上边界为10.5,由于该缓存矩形条的高度等于第一高度,因此,将该缓存矩形条从预设存储空间中删除。

请参阅图13,在某些实施方式中,步骤S1646包括:

S16462:确定更新后预设存储空间中缓存左边界的最小值;

S16464:根据缓存左边界的最小值和第二宽度确定第一裁剪边界;

S16466:整合更新后预设存储空间中的缓存矩形条和预设矩形条以得到第二裁剪边界;

S16468:根据第一裁剪边界和第二裁剪边界确定裁剪边界。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于确定更新后预设存储空间中缓存左边界的最小值,及用于根据缓存左边界的最小值和第二宽度确定第一裁剪边界,及用于整合更新后预设存储空间中的缓存矩形条和预设矩形条以得到第二裁剪边界,及用于根据第一裁剪边界和第二裁剪边界确定裁剪边界。

如此,能够获得完整的裁剪边界。可以理解,裁剪边界(ClipPath)可包括第一裁剪边界和第二裁剪边界两部分,其中第一裁剪边界基本呈矩形,第二裁剪边界基本呈单调递减的阶梯形,第一裁剪边界的右边界即第二裁剪边界的左边界。

具体地,请结合图14,第一裁剪边界,可以理解为,保持从预设存储空间中删除的高度大于或等于第一高度的缓存矩形条的宽度不变,将这些缓存矩形条的高度全部调整为第一高度后并排排列得到的矩形框。第一裁剪边界(leftRect)可通过RectF函数生成,设置RectF函数的左属性值为0,设置RectF函数的上属性值为0,设置RectF函数的右属性值为第二高度(mFullPowerHeight),设置RectF函数的下属性值为缓存边界的最小值(leftColumnRect.left),从而第一裁剪边界(leftRect)可表示为:leftRect=new RectF(0,0,leftColumnRect.left,mFullPowerHeight)。第二裁剪边界,可以理解为,并排排列的高度不同的更新后预设存储空间中的所有缓存矩形条和预设矩形条的外轮廓组成的阶梯形边框。

请参阅图15,在某些实施方式中,安卓系统包括绘制算法,属性显示动画包括电池边框,步骤S20包括:

S22:采用绘制算法,依次将每帧目标图片绘制在电池边框的内部以作为当前电量的属性显示动画。

上述实施方式的显示方法可由本发明实施方式的车载终端实现。具体地,车载终端用于采用绘制算法,依次将每帧目标图片绘制在电池边框的内部以作为当前电量的属性显示动画。

如此,能够生成并显示属性显示动画,从而用户可以看到对应的属性显示动画,提升用户体验。

具体地,绘制算法可包括ondraw方法。当目标图片为对预设流光图裁剪后得到的图片时,属性显示动画如图3(c)所示,随着时间的推移,目标图片在电池框内从左到右移动。当目标图片为对满电量图裁剪后得到的图片时,属性显示动画如图3(e)所示,随着时间的推移,显示电池的电量从零逐渐增加至当前电量。

在某些实施方式中,属性显示动画包括当前电量图,在电池的当前电量低于预设电量时,当前电量图为第一颜色,在电池的当前电量高于预设电量时,当前电量图为第二颜色,第一颜色与第二颜色不同。

如此,用户能够更直观地通过颜色的变化获知电池的当前电量的变化。可以理解,在本发明实施方式的显示方法中,不同的当前电量可以对应不同颜色的图片状态。

具体地,预设电量、第一颜色和第二颜色可由用户自行设定或者由系统默认设置。在一个例子中,预设电量设置为满电量的20%,第一颜色设置为红色,第二颜色设置为绿色,请结合图3(b),在当前电量高于满电量的20%时,当前电量图为绿色以提示用户当前电量充足;请结合图3(d),在当前电量低于满电量的20%时,当前电量图为红色以提示用户当前电量不足。

在某些实施方式中,属性显示动画的显示模式包括第一显示模式和第二显示模式,不同的显示模式对应的属性显示动画的显示颜色不同。

如此,能够丰富属性显示动画的显示效果。

具体地,在某些实施方式中,属性显示动画包括车辆底图、电池边框图、电池槽图和当前电量图,第一显示模式为白天模式,第二显示模式为黑夜模式,请结合图3(b),在白天模式下,属性显示动画中车辆底图和电池槽图的显示颜色为灰色,从而突出白天显示效果;请结合图3(f),在黑夜模式下,属性显示动画中车辆底图和电池槽图的显示颜色为黑色,从而突出黑夜显示效果。

需要指出的是,上述所提到的具体数值只为了作为例子详细说明本发明的实施,而不应理解为对本发明的限制。在其它例子或实施方式或实施例中,可根据本发明来选择其它数值,在此不作具体限定。

请参阅图16,本发明实施方式的车辆1000包括本体200、电池(图未示)、仪表(图未示)和上述实施方式的车载终端100,电池、仪表和车载终端100设置于本体200。

上述车辆1000中,基于安卓系统显示电池的属性显示动画,丰富了电池的属性信息的显示方式,有利于提升用户体验。此外,相较于linux系统,安卓系统的处理能力更强,能够显示更加复杂的属性显示动画。

需要指出的是,上述对显示方法和车载终端100的实施方式和有益效果的解释说明,也适应用于本发明实施方式的车辆1000,为避免冗余,在此不作详细展开。

本发明实施方式的计算机可读存储介质,其上存储有计算机程序,程序被处理器执行的情况下,实现上述任一实施方式的显示方法的步骤。

例如,程序被处理器执行的情况下,实现以下显示方法的步骤:

S10:根据属性信息对预设图片进行多次处理以得到多帧目标图片;

S20:依次显示多帧目标图片以作为电池的属性显示动画。

在本发明中,计算机程序包括计算机程序代码。计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如硬盘、内存、插接式硬盘,智能存储卡(Smart MediaCard,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。处理器可以是中央处理单元(CentralProcessing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital SignalProcessor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。

尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

完整详细技术资料下载
上一篇:石墨接头机器人自动装卡簧、装栓机
下一篇:车身下部结构

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!