CN105117226A - 一种基于安卓系统hmi的自定义图标的实现方法及系统 - Google Patents
一种基于安卓系统hmi的自定义图标的实现方法及系统 Download PDFInfo
- Publication number
- CN105117226A CN105117226A CN201510521268.4A CN201510521268A CN105117226A CN 105117226 A CN105117226 A CN 105117226A CN 201510521268 A CN201510521268 A CN 201510521268A CN 105117226 A CN105117226 A CN 105117226A
- Authority
- CN
- China
- Prior art keywords
- icon
- acquiescence
- egative film
- self
- image target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开一种基于安卓系统HMI的自定义图标的实现方法及系统。方法包括步骤：A、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；B、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；C、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。通过本发明，用户可随意切换主界面的显示图标与点击图标，这样就能提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果。
Description
技术领域
本发明涉及车载多媒体导航终端领域，尤其涉及一种基于安卓系统HMI的自定义图标的实现方法及系统。
背景技术
近年来，随着汽车技术的不断进步，车载导航系统作为高附加值的电子产品在汽车里所占的比重越来越大。从汽车导航个细分市场销售量的发展趋势可以看到，经过2010年的大幅度增长后，前装导航和后装导航销售量呈现逐年稳步增长的趋势。汽车导航的整体销售市场仍然是上升态势,车载多媒体导航（GPS）系统市场销量空间非常之大。随着车载多媒体导航终端的推广，人们对车载多媒体导航终端的要求也越来越高，当前的车载多媒体导航系统显示屏终端HMI的显示图标和点击效果固化且单一，不能满足用户对HMI主界面的多样化和个性化的追求。
因此，现有技术还有待于改进和发展。
发明内容
鉴于上述现有技术的不足，本发明的目的在于提供一种基于安卓系统HMI的自定义图标的实现方法及系统，旨在解决现有的导航系统显示屏终端HMI的显示图标和点击效果固化且单一问题。
本发明的技术方案如下：
一种基于安卓系统HMI的自定义图标的实现方法，其中，包括步骤：
A、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
B、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
C、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述颜色图为圆角矩形形状。
所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述特效图、颜色图及默认底片大小相同。
所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述步骤A中，图标与默认底片合成时，图标嵌入到默认底片中。
所述的基于安卓系统HMI的自定义图标的实现方法，其中，所述步骤B中，使用Canvas绘制颜色图。
一种基于安卓系统HMI的自定义图标的实现系统，其中，包括：
第一合成模块，用于在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
绘制模块，用于当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
第二合成模块，用于选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述颜色图为圆角矩形形状。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述特效图、颜色图及默认底片大小相同。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述第一合成模块中，图标与默认底片合成时，图标嵌入到默认底片中。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述绘制模块中，使用Canvas绘制颜色图。
有益效果：通过本发明，用户可随意切换主界面的显示图标与点击图标，这样就能提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果。
附图说明
图1为本发明一种基于安卓系统HMI的自定义图标的实现方法较佳实施例的流程图。
图2为本发明一种基于安卓系统HMI的自定义图标的实现系统较佳实施例的结构框图。
具体实施方式
本发明提供一种基于安卓系统HMI的自定义图标的实现方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参阅图1，图1为本发明一种基于安卓系统HMI的自定义图标的实现方法，其中，包括步骤：
S1、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
S2、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
S3、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
在本发明实施例中，正常显示的图标和点击之后的图标并不相同，在正常初始化过程中，先选取一张默认底片，然后读取应用程序自带的图标，将图标与默认底片合成为图标图片显示即可。正常显示的图标其显示的内容是：应用程序图标本身与默认底片的合成图片，默认底片比图标稍大，使图标与默认底片在合成时，图标被嵌入到默认底片中。而在点击该图标之后，该图标将会与颜色图与特效图进行合并，从而形成点击特效，显示点击之后的桌面图标。本发明只需要通过对简单的配置操作，就可以提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果，同时可以随意改变各个功能的图标，让用户的爱车的显示更加能够个性化。
具体来说，在步骤S1中，该默认底片可以是一张空白的白色底片，然后将该白色底片与应用程序自带的图标进行合成，使图标嵌入在该白色底片上进行显示成为一张图片。本发明应用在导航终端中，导航终端在初始化后，正常显示过程中，各应用程序的显示内容为上述的合成图片。图标本身的颜色保留，其背景变为白色底片的颜色。
在步骤S2中，当用户点击图标时，则读取系统的主题颜色值（例如RGB值），并绘制出与系统主题颜色值匹配的颜色图；该颜色图的颜色值与主题颜色值相同，即二者颜色相同，实现图标的颜色与主题的颜色之间相互匹配。其主要目的是为了实现主题颜色和图标背景颜色的匹配，颜色图的绘制使用Canvas绘制。
<Canvas>与<img>的不同在于其不含src和alt属性。Canvas只有两个属性，width和height，并且两个都是可选的，并且都可以DOM或者CSS来设置。如果不指定width和height，默认的是宽300像素，高150像素。虽然可以通过CSS来调整canvas的大小，但渲染图像会缩放来适应布局。<canvas>元素可以像普通图片一样指定其样式（边距，边框，背景等等）。只需要直接在canvas元素内插入替用内容（颜色）即可。不支持canvas的浏览器会忽略canvas元素而直接渲染替用内容，而支持的浏览器则会正常地渲染canvas。
最后在步骤S3中，再选择一张特效图。需说明的是，本发明中，所选择的特效图、颜色图与图标图片的大小相同，以便三者之间进行无缝合成，大小匹配。
该特效图与图标图片和颜色图进行合成，从而制成应用程序的桌面图标。本发明中，所述颜色图可以为圆角矩形形状，即特效图、图标图片也都是与颜色图大小形状相同的圆角矩形形状。当然，所述的颜色图也可是正方形形状（四周为圆角），即高和宽比例为1:1，这样分布更加规则和整齐。所述的圆角为10px。
该特效图可以是立体效果、阴影效果、鱼眼效果等等，例如选择阴影效果的特效图中，那么在合成后的桌面图标中，文字和图像将具有阴影效果。
这样，每一个应用程序其图标在初始化后，会形成整齐划一的桌面图标，并且在用户点击某个图标后，还会形成点击特效，改变了现有UI界面单一化的现象，使得车载显示界面更具多元化，人性化。
本发明中，还可以改变顶部状态栏的背景等，使之与主题背景更加融合。例如，导航终端系统的背景控件继承View类型，并监听主题颜色和背景图片变化的广播；当监听到主题颜色和背景图片变化的广播时，顶部状态栏引用背景控件，实现顶部状态栏的主题颜色和背景图片实时变化。
背景控件继承View类型，并且添加了监听背景变化广播的功能；当系统广播了主题颜色和背景图片发生变化，则背景控件监听到广播，顶部状态栏引用背景控件，实现绘制和更新主题颜色和背景图片。当再次接收到背景变化的广播时，重复上述更新操作。
顶部状态栏引用背景控件作为背景，实现整个系统和顶部状态栏背景的统一性。并且能够实时的同步更新。当然主题的字体和显示模式也可自定义调节，并且顶部状态栏也可通过上述引用背景控件的方式来实现同步更新。例如可定义一个老人模式，当用户选择老人模式时，则系统的字体变大，例如变为一号字体，相应的，顶部状态栏也能通过背景控件实现同步更新。同时为了方便点击，还可将顶部状态栏的图标适当放大，例如放大1/2，这样在点击时更加方便，点选更加准确。
基于上述方法，本发明还提供一种基于安卓系统HMI的自定义图标的实现系统较佳实施例，如图2所示，其包括：
第一合成模块100，用于在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
绘制模块200，用于当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
第二合成模块300，用于选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述颜色图为圆角矩形形状。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述特效图、颜色图及默认底片大小相同。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述第一合成模块中，图标与默认底片合成时，图标嵌入到默认底片中。
所述的基于安卓系统HMI的自定义图标的实现系统，其中，所述绘制模块中，使用Canvas绘制颜色图。
关于上述模块单元的技术细节在前面的方法中已有详述，故不再赘述。
综上所述，通过本发明，用户可随意切换主界面的显示图标与点击图标，这样就能提供给用户选择自己喜欢的不同主题颜色、背景以及更突出的点击效果。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。
Claims (10)
1.一种基于安卓系统HMI的自定义图标的实现方法，其特征在于，包括步骤：
A、在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
B、当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
C、选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
2.根据权利要求1所述的基于安卓系统HMI的自定义图标的实现方法，其特征在于，所述颜色图为圆角矩形形状。
3.根据权利要求1所述的基于安卓系统HMI的自定义图标的实现方法，其特征在于，所述特效图、颜色图及默认底片大小相同。
4.根据权利要求1所述的基于安卓系统HMI的自定义图标的实现方法，其特征在于，所述步骤A中，图标与默认底片合成时，图标嵌入到默认底片中。
5.根据权利要求1所述的基于安卓系统HMI的自定义图标的实现方法，其特征在于，所述步骤B中，使用Canvas绘制颜色图。
6.一种基于安卓系统HMI的自定义图标的实现系统，其特征在于，包括：
第一合成模块，用于在初始化过程中，选取一默认底片，并读取应用程序自带的图标，将图标与默认底片合成图标图片进行显示；
绘制模块，用于当点击图标时，读取系统的主题颜色值，并绘制出与系统主题颜色值匹配的颜色图；
第二合成模块，用于选择一特效图并读取，将图标图片、颜色图以及特效图进行合成，制成应用程序的桌面图标。
7.根据权利要求6所述的基于安卓系统HMI的自定义图标的实现系统，其特征在于，所述颜色图为圆角矩形形状。
8.根据权利要求6所述的基于安卓系统HMI的自定义图标的实现系统，其特征在于，所述特效图、颜色图及默认底片大小相同。
9.根据权利要求6所述的基于安卓系统HMI的自定义图标的实现系统，其特征在于，所述第一合成模块中，图标与默认底片合成时，图标嵌入到默认底片中。
10.根据权利要求6所述的基于安卓系统HMI的自定义图标的实现系统，其特征在于，所述绘制模块中，使用Canvas绘制颜色图。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510521268.4A CN105117226A (zh) | 2015-08-24 | 2015-08-24 | 一种基于安卓系统hmi的自定义图标的实现方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510521268.4A CN105117226A (zh) | 2015-08-24 | 2015-08-24 | 一种基于安卓系统hmi的自定义图标的实现方法及系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105117226A true CN105117226A (zh) | 2015-12-02 |
Family
ID=54665228
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510521268.4A Pending CN105117226A (zh) | 2015-08-24 | 2015-08-24 | 一种基于安卓系统hmi的自定义图标的实现方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105117226A (zh) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105786320A (zh) * | 2016-03-01 | 2016-07-20 | 深圳市茁壮网络股份有限公司 | 图标显示方法、装置及电子设备 |
| CN105975165A (zh) * | 2015-12-09 | 2016-09-28 | 惠州华阳通用电子有限公司 | 一种鱼眼菜单的显示控制方法 |
| CN106648607A (zh) * | 2016-10-21 | 2017-05-10 | 北京奇虎科技有限公司 | 基于图标切换的应用启动方法、装置及终端设备 |
| CN106775688A (zh) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | 应用图标的生成方法和装置 |
| CN110069193A (zh) * | 2019-03-15 | 2019-07-30 | 努比亚技术有限公司 | 一种可穿戴设备的界面切换方法、可穿戴设备及存储介质 |
| CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6031532A (en) * | 1998-05-08 | 2000-02-29 | Apple Computer, Inc. | Method and apparatus for generating composite icons and composite masks |
| CN101706724A (zh) * | 2009-09-29 | 2010-05-12 | 宇龙计算机通信科技(深圳)有限公司 | 一种图标生成方法及图标处理装置 |
| CN102722357A (zh) * | 2011-03-29 | 2012-10-10 | 北京新媒传信科技有限公司 | 显示图标的方法和装置 |
| CN104679390A (zh) * | 2015-03-20 | 2015-06-03 | 网易（杭州）网络有限公司 | 一种在操作系统平台上设置应用的皮肤的方法、装置及设备 |
-
2015
- 2015-08-24 CN CN201510521268.4A patent/CN105117226A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6031532A (en) * | 1998-05-08 | 2000-02-29 | Apple Computer, Inc. | Method and apparatus for generating composite icons and composite masks |
| CN101706724A (zh) * | 2009-09-29 | 2010-05-12 | 宇龙计算机通信科技(深圳)有限公司 | 一种图标生成方法及图标处理装置 |
| CN102722357A (zh) * | 2011-03-29 | 2012-10-10 | 北京新媒传信科技有限公司 | 显示图标的方法和装置 |
| CN104679390A (zh) * | 2015-03-20 | 2015-06-03 | 网易（杭州）网络有限公司 | 一种在操作系统平台上设置应用的皮肤的方法、装置及设备 |
Non-Patent Citations (1)
| Title |
|---|
| KECHANGHE0705: "《事件传递之二(实现简单的按下半透明效果)》", 《HTTPS://WWW.2CTO.COM/KF/201503/381159.HTML》 * |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105975165A (zh) * | 2015-12-09 | 2016-09-28 | 惠州华阳通用电子有限公司 | 一种鱼眼菜单的显示控制方法 |
| CN105786320A (zh) * | 2016-03-01 | 2016-07-20 | 深圳市茁壮网络股份有限公司 | 图标显示方法、装置及电子设备 |
| CN106648607A (zh) * | 2016-10-21 | 2017-05-10 | 北京奇虎科技有限公司 | 基于图标切换的应用启动方法、装置及终端设备 |
| CN106648607B (zh) * | 2016-10-21 | 2020-02-11 | 北京安云世纪科技有限公司 | 基于图标切换的应用启动方法、装置及终端设备 |
| CN106775688A (zh) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | 应用图标的生成方法和装置 |
| WO2018103418A1 (zh) * | 2016-12-05 | 2018-06-14 | 广州视源电子科技股份有限公司 | 应用图标的生成方法和装置 |
| CN110069193A (zh) * | 2019-03-15 | 2019-07-30 | 努比亚技术有限公司 | 一种可穿戴设备的界面切换方法、可穿戴设备及存储介质 |
| CN110069193B (zh) * | 2019-03-15 | 2021-11-19 | 努比亚技术有限公司 | 一种可穿戴设备的界面切换方法、可穿戴设备及存储介质 |
| CN113240776A (zh) * | 2021-05-24 | 2021-08-10 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
| CN113240776B (zh) * | 2021-05-24 | 2024-01-02 | 广东好太太智能家居有限公司 | 基于canvas改变图片颜色的方法、装置及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105117226A (zh) | 一种基于安卓系统hmi的自定义图标的实现方法及系统 | |
| US20180374250A1 (en) | Method and apparatus for contextually varying imagery on a map | |
| KR100923973B1 (ko) | 장치에 디지털 비쥬얼 콘텐츠를 보여주기 위한 시스템 및방법 | |
| CN109893852B (zh) | 界面信息处理方法及装置 | |
| CN104714714A (zh) | 移动终端桌面的控制方法、装置和移动终端 | |
| CN102387481B (zh) | 一种彩信编辑方法及装置 | |
| DE102012215836A1 (de) | Verfahren und System zum individuellen Anpassen von Informationen, die von einem tragbaren Gerät zu einem Schnittstellengerät projiziert werden | |
| CN101694770B (zh) | 控制屏幕显示的方法、装置及手持设备 | |
| US20140205196A1 (en) | System and method for photo frame with dynamic automatic template building system and location sensitive photo commerce | |
| CN112712575A (zh) | 贴纸模板图像生成方法、装置、主播端设备及存储介质 | |
| CN103559117B (zh) | 一种显示进度条的方法及装置 | |
| WO2015184736A1 (zh) | 一种触屏设备背景图变换的方法及终端 | |
| CN103123581A (zh) | 一种移动终端的应用界面更换方法和装置、及移动终端 | |
| CN104732568A (zh) | 一种在线对图片添加歌词字幕的方法及装置 | |
| CN113159833A (zh) | 一种自动根据应用内容选择广告样式的方法及装置 | |
| US20150187098A1 (en) | Method and apparatus for unobtrusively changing imagery supplementing a map display | |
| US20160188556A1 (en) | Adaptive electronic document | |
| CN105808035A (zh) | 图标显示方法及装置 | |
| CN113986407A (zh) | 封面生成方法、装置及计算机存储介质 | |
| CN113124893A (zh) | 一种导航显示方法、系统及车辆 | |
| CN102467398A (zh) | 可个性化设置屏保的导航装置及其设置方法 | |
| CN105373560A (zh) | 出版物页面在线展现的方法 | |
| CN102902658B (zh) | 一种炫彩字显示方法和装置 | |
| WO2017166748A1 (zh) | 一种日历背景设置方法、装置和电子设备 | |
| CN102034255B (zh) | 点对点超大屏幕编辑和点对点天时间编辑的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 331100 hi tech Industrial Park, Yichun, Yichun, Jiangxi Province, No. 12 Applicant after: A good helper for the electronic technology limited company Address before: 331100 Fengcheng Industrial Park, Fengcheng City, Yichun, Jiangxi Applicant before: Jiangxi Good Helper Electronic Technology Co., Ltd. |
|
| CB02 | Change of applicant information | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20151202 |
|
| RJ01 | Rejection of invention patent application after publication |