百优A精美图库欢迎您!http://www.baiua.com
当前位置:热点资讯

miui 探索MIUI 6图标的奥秘,玩转桌面图标

2015年8月6日 1:57:41   阅读(401)

MIUI 6 设计理念


精彩内容:

各位MIUI论坛的发烧友,大家好。这次跟大家分享关于MIUI 6默认主题图标的内容。我会在这里为大家解释MIUI桌面图标的机制。带大家认识一枚图标是怎样显示到桌面上的,并且学会如何将自己或别人制作的图标显示在桌面上,打造属于自己的个性化桌面。文末还会附上我自己修改和制作的部分MIUI 6风格的图标,供大家使用。

Chapter 1 MIUI图标的规格

首先,文中关于图像大小的描述皆以像素为单位。在1080p屏幕机型的MIUI中,标准原始图标的规格是192×192像素的矩形,系统会自动将这样的原始图标剪切为170×170的圆角矩形,圆角大小为25。剪切好以后系统会在图标的四周画上宽度为1像素的深色线,用以锐化边缘。然后将图标保存在系统根目录data—system—customized_icons文件夹里,这里的图标是最终显示在桌面上的。对于720p机型,原始图标规格为136×136,系统将其剪切为120×120的圆角矩形,其圆角大小为20。MIUI中图标的命名是严格和与其相对应的应用程序名相同的。比如UC浏览器的程序名是com.UCMobile.apk,那其图标名就是com.UCMobile.png。

Chapter 2 MIUI原始图标的优先级

MIUI中,对原始图标的选择有三个优先级。

第一个优先级是我们大家熟知的完美图标。完美图标是由MIUI应用商店检测你安装的应用,然后在服务器中获取完美图标,下载到手机中,保存在系统根目录data—data—com.xiaomi.market—files—miui_mod_icons目录中。MIUI会第一个在这个文件夹里找到相应的图标,然后处理成标准规格,显示在桌面上。

第二个优先级是系统图标库。MIUI在系统中内置了一个图标库,里面储存了用户常用的一些应用图标大约300个。在系统根目录system—media—theme—miui_mod_icons目录。用户安装了一个应用程序,如果完美图标库里没有该应用图标,或者你还没有打开应用商店,来不及获取完美图标,系统就会在内置的图标库里选择相应的图标,处理成标准规格,显示在桌面上。

第三个优先级就是应用安装包中自带应用图标。当你下载的应用比较冷门,应用商店没有或者没来得及获取对应的完美图标,而系统内置图标库中也没有,这个时候,MIUI才会读取应用安装包中,应用开发者设计好的应用图标,然后做一些简单的处理,显示到桌面。处理方法是绘制一个标准规格的圆角矩形,通过一定的算法得到一个背景色,然后将应用图标居中放置在这样的圆角矩形上,就像下面这样:

通常情况下,用户在MIUI应用商店下载的应用,其图标会严格按照上面描述的优先级进行选择。但如果用户在其他应用商店下载了应用,这个时候,一般会跳过第一个优先级,直接选择后两种。但当你再次打开应用商店时,应用商店还是会获取完美图标,保存在完美图标目录中,在你某一次重启手机或者应用默认主题的时候,将完美图标应用到你的桌面上。

Chapter 3 关于完美图标

MIUI 6发布后,与其相搭配的完美图标计划也在紧密的进行中,相信不久MIUI 6的视觉体验将会得到很大的提升。那么目前MIUI中除系统应用以外,其它应用的图标使用的还是MIUI V5时期的完美图标,且分辨率统一为136×136,在1080p的机型上显示效果不是很理想,图标风格还是与MIUI 6的扁平化风有很大的差别。用户体验比较分裂。

笔者在MIUI 6系统内置图标库中还是发现了不少第三方应用的扁平化风格图标,是设计师绘制好放在里面的,但是由于优先级不如MIUI完美图标,所以这一部分好看的扁平图标很可惜地被MIUI V5图标所取代。笔者将这些图标提取出来给大家欣赏,后面还会教大家将这些图标应用在桌面上。

Chapter 4 关于自定义图标

上面是笔者从MIUI 6系统图标库中提取出来的部分扁平化图标,怎样让这些图标代替难看的V5图标呢。其实认真看了我的讲解不难发现,我们只要很简单的一步,将这些图标从系统图标库中复制出来,粘贴并替换到完美图标文件夹中,然后应用一次默认主题,你就会发现这些好看的图标就会跑到你的桌面上来。需要注意的是,完美图标文件夹里的图标是实时更新的,所以我们自己替换的图标不久还是会被替换回去,笔者暂时还没有找到好的解决方法,我自己的方案是放弃完美图标,直接把图标复制到系统图标库,在每次使用应用商店之后都清除应用商店的数据,这样图标就再也不会被完美图标覆盖了。当然最完美的还是要等开发组跟进MIUI 6完美图标计划咯。话说MIUI 6发布已经三个多月,扁平化图标还没有跟进,真是让人失望啊。前文已述,MIUI 6系统图标库目录在系统根目录system—media—theme—miui_mod_icons,而完美图标目录在系统根目录data—data—com.xiaomi.market—files—miui_mod_icons。已经学会的发烧友现在就去试一试吧!记得替换文件之后,要重新应用一次默认主题才可以哦!下面是笔者自己用Photoshop制作的图标,最大限度地保留了应用原图标的特点,也遵循了MIUI 6扁平化的风格。


相关图片:

miui为你!

↑图:miui为你!

MIUI V5本周即将发布 大量截图曝光_软件_手机

↑图:MIUI V5本周即将发布 大量截图曝光_软件_手机

MIUI米柚V1至V5成长历程--我最喜爱的APP,全

↑图:MIUI米柚V1至V5成长历程--我最喜爱的APP,全

畅聊你选择 MIUI 的原因,抢楼赢红米noteF码

↑图:畅聊你选择 MIUI 的原因,抢楼赢红米noteF码

miui v4 主题预览 (各位 来给我块砖头)【更

↑图:miui v4 主题预览 (各位 来给我块砖头)【更

【miui+v6+体验】v6+新装体验及与小钢炮小米

↑图:【miui+v6+体验】v6+新装体验及与小钢炮小米

miui_图片_互动百科

↑图:miui_图片_互动百科

【MIUI资源组】雷老大百万壁纸分享/7P - 壁纸

↑图:【MIUI资源组】雷老大百万壁纸分享/7P - 壁纸

虽然MIUI的主题很多,但个人喜好不同,给大家发

↑图:虽然MIUI的主题很多,但个人喜好不同,给大家发

MIUI 2014年三大关键词:小米系统 O2O 去KPI化

↑图:MIUI 2014年三大关键词:小米系统 O2O 去KPI化

第1页 第2页


关键词: 下载  进入论坛  MIUI6  登录  刷机教程