一种基于安卓系统hmi的自定义图标的实现方法及系统的制作方法
【技术领域】
[0001]本发明涉及车载多媒体导航终端领域，尤其涉及一种基于安卓系统HMI的自定义图标的实现方法及系统。
【背景技术】
[0002]近年来，随着汽车技术的不断进步，车载导航系统作为高附加值的电子产品在汽车里所占的比重越来越大。从汽车导航个细分市场销售量的发展趋势可以看到，经过2010年的大幅度增长后，前装导航和后装导航销售量呈现逐年稳步增长的趋势。汽车导航的整体销售市场仍然是上升态势，车载多媒体导航(GPS)系统市场销量空间非常之大。随着车载多媒体导航终端的推广，人们对车载多媒体导航终端的要求也越来越高，当前的车载多媒体导航系统显示屏终端HMI的显示图标和点击效果固化且单一，不能满足用户对HMI主界面的多样化和个性化的追求。
[0003]因此，现有技术还有待于改进和发展。
【发明内容】
[0004]鉴于上述现有技术的不足，本发明的目的在于提供一种基于安卓系统HMI的自定义图标的实现方法及系统，旨在解决现有的导航系统显示屏终端HMI的显示图标和点击效果固化且单一问题。
[0005]本发明的技术方案如下:
一种基于安卓系统HMI的自定义图标的实现方法，其中，包括步骤:
A、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
B、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
C、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
[0006]所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述颜色图为圆角矩形形状。
[0007]所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述特效图、颜色图及默认底片大小相同。
[0008]所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述步骤A中，图标与默认底片合成时，图标嵌入到默认底片中。
[0009]所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述步骤B中，使用Canvas绘制颜色图。
[0010]—种基于安卓系统HMI的自定义图标的实现系统，其中，包括:
第一合成模块，用于在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
绘制模块，用于当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
第二合成模块，用于选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
[0011]所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述颜色图为圆角矩形形状。
[0012]所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述特效图、颜色图及默认底片大小相同。
[0013]所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述第一合成模块中，图标与默认底片合成时，图标嵌入到默认底片中。
[0014]所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述绘制模块中，使用Canvas绘制颜色图。
[0015]有益效果:通过本发明，用户可随意切换主界面的显示图标与点击图标，这样就能提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果。
【附图说明】
[0016]图1为本发明一种基于安卓系统HMI的自定义图标的实现方法较佳实施例的流程图。
[0017]图2为本发明一种基于安卓系统HMI的自定义图标的实现系统较佳实施例的结构框图。
【具体实施方式】
[0018]本发明提供一种基于安卓系统HMI的自定义图标的实现方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0019]请参阅图1，图1为本发明一种基于安卓系统HMI的自定义图标的实现方法，其中，包括步骤:
51、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
52、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
53、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
[0020]在本发明实施例中，正常显示的图标和点击之后的图标并不相同，在正常初始化过程中，先选取一张默认底片，然后读取应用程序自带的图标，将图标与默认底片合成为图标图片显示即可。正常显示的图标其显示的内容是:应用程序图标本身与默认底片的合成图片，默认底片比图标稍大，使图标与默认底片在合成时，图标被嵌入到默认底片中。而在点击该图标之后，该图标将会与颜色图与特效图进行合并，从而形成点击特效，显示点击之后的桌面图标。本发明只需要通过对简单的配置操作，就可以提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果，同时可以随意改变各个功能的图标，让用户的爱车的显示更加能够个性化。
[0021]具体来说，在步骤SI中，该默认底片可以是一张空白的白色底片，然后将该白色底片与应用程序自带的图标进行合成，使图标嵌入在该白色底片上进行显示成为一张图片。本发明应用在导航终端中，导航终端在初始化后，正常显示过程中，各应用程序的显示内容为上述的合成图片。图标本身的颜色保留，其背景变为白色底片的颜色。
[0022]在步骤S2中，当用户点击图标时，则读取系统的主题颜色值(例如RGB值)，并绘制出与系统主题颜色值匹配的颜色图；该颜色图的颜色值与主题颜色值相同，即二者颜色相同，实现图标的颜色与主题的颜色之间相互匹配。其主要目的是为了实现主题颜色和图标背景颜色的匹配，颜色图的绘制使用Canvas绘制。
[0023]〈Canvas〉与<img>的不同在于其不含src和alt属性。Canvas只有两个属性，width和height，并且两个都是可选的，并且都可以DOM或者CSS来设置。如果不指定width和height，默认的是宽300像素，高150像素。虽然可以通过CSS来调整canvas的大小，但渲染图像会缩放来适应布局。〈canvas〉元素可以像普通图片一样指定其样式(边距，边框，背景等等)。只需要直接在canvas元素内插入替用内容(颜色)即可。不支持canvas的浏览器会忽略canvas元素而直接渲染替用内容，而支持的浏览器则会正常地渲^ canvas