MIUI V5V4主题制作和设计教程.docx

MIUI V5V4主题制作和设计教程.docx

《MIUI V5V4主题制作和设计教程.docx》由会员分享，可在线阅读，更多相关《MIUI V5V4主题制作和设计教程.docx（12页珍藏版）》请在冰豆网上搜索。

MIUIV5V4主题制作和设计教程

本帖最后由叛逆yu于2013-10-2514:

44编辑

MIUIV5/V4主题制作和设计教程

（2013.03.05）

MIUI主题

首先，我们手机的UI是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。

如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。

那我们可以认为原生的android系统就是一个毛坯房，MIUI是在这之上的一个简装，自定义主题就是你自己给房子做的装修。

MIUI提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。

而装修方案可大可小，大至全屋翻新，小到只换一盏灯。

目前MIUI会自带两个主题包，达人们也可以设计自己的主题包，大家就可以借用达人们共享出来的设计。

下面我会分两大模块和大家介绍：

1.主题设计

1.1主题模板

1.2V5更强大的设计

2.主题的上传

3.主题制作

3.1主题测试机器

3.2切图

3.3主题制作软件的安装

3.4主题工具使用教程视频

3.5主题涉及的模块介绍

3.6从V4到V5

3.7简单的锁屏制作

3.8theme_values.xml文件说明

3.9关于壁纸和铃声

3.10主题设计标准

3.11关于完美图标模板

1.主题设计：

1.1一个主题包含V4、V5两个版本，而设计师只要根据miuiv5template（点击下载）这套模板进行一次设计即可。

此模板针对MIUIV5，稍做调整即可作为V4主题的设计稿。

具体见下表

1.2相比V4，V5有更强大的主题框架，更灵活更有趣，例如V5加上了动态图标和动态壁纸，这些都是设计师可以去设计的。

从V4到V5的优化文档.png（2.21MB,下载次数:

3351）

下载附件下载到手机保存到相册

2.主题上传：

上传步骤：

情况1：

单独上传V5主题包

第一步：

上传新主题

QQ截图20130307200123.gif（122.19KB,下载次数:

274）

下载附件下载到手机保存到相册

第二步，点击立即上传V5

QQ截图20130307194102.gif（26.13KB,下载次数:

78）

下载附件下载到手机保存到相册

第三部，等待上传，并填写信息

QQ截图20130307200022.png（20.83KB,下载次数:

48）

下载附件下载到手机保存到相册

QQ截图20130307195734.png（31.97KB,下载次数:

36）

下载附件下载到手机保存到相册

第四步，恭喜你上传成功，等待工作人员审核后就能上线了！

情况2：

在原有的v4主题的基础上更新V5版本

第一步，点开您需要更新的主题，点击增加新版本按钮。

QQ截图20130307195847.png（29.48KB,下载次数:

27）

下载附件下载到手机保存到相册

第二步，选择版本，此时只需选择上传V5主题包即可。

QQ截图20130307195858.png（22.19KB,下载次数:

27）

下载附件下载到手机保存到相册

第三步、第四步同情况一。

3.主题制作：

3.1主题测试机器：

米2刷V5开发版

附上刷机教程连接

3.2切图

制作主题之前先根据设计稿和主题制作模板里的图的尺寸进行切图，将设计稿切片，分成各个小部分，用与主题制作。

模板在主题编辑器里提供，只需插上手机，同步相应模块就OK了。

3.3主题制作软件的安装

官方主题工具：

打开MIUIThemeEditor目录（图1所示）。

1.windows下运行,“run-windows.bat“

2.linux下运行,“run-linux.sh”

3.macos运行,“run-mand”

图1.jpg（158.87KB,下载次数:

55）

下载附件下载到手机保存到相册

3.4主题工具的使用

教程视屏：

3.5主题工具中的模块介绍

主题内基本模块

com.android.contacts通讯录以及拨号

com.android.fileexplorer文件管理器

com.android.mms短信

com.android.providers.downloads.ui下载管理

com.android.settings设置

com.android.systemui通知栏以及任务管理器

com.android.updater系统更新

com.miui.antispam防打扰

com.miui.backup备份

com.miui.home桌面

workassistant流量监控

framework-miui-resMIUI全局

framework-resAndroid原生全局

以上模块为主题工具内带有图解的模块

MIUI全局主要存放文件是会在各种界面都会调用到的东西，比如按钮，弹窗，进度条，每个每块都会用到的小图标等等，如在当前模块没有想要修改的素材时，可以去全局找。

相比V4，V5的Android原生全局的图不建议进行修改，V5在Android原生全局只会涉及字体颜色，涉及的字体颜色只需看我们主题编辑器的V5字样的标记，无标记V5字样的请勿修改。

3.6从V4到V5主题

对于已有的V4主题，制作者想迁移到V5上，可以参考下面提供的V4到V5的主题的映射表，里面会告诉大家部分V4到V5可能还可用的图，不可用的话需要自己重新调整尺寸和点9信息。

这部分映射我们会逐步更新，大家可多留意！

这里给大家提供一个V4到V5的映射列表，仅供大家参考，具体图的尺寸还需大家根据主题来修改：

MIUIV4TOV5可复用图映射表.xls（11.21MB,下载次数:

30683）

2013-3-520:

56上传

点击文件名下载附件

下载到手机

下载积分:

经验-1米

3.7简单锁屏的制作

百变锁屏在主题包里的lockscreen/advance目录下，manifest.xml文件是描述脚本。

下面给大家提供两个锁屏教程贴：

【总教程1】百变锁屏教程（11.06.17）【总教程2】百变锁屏2.0

【百变壁纸教程】

【百变图标教程】

【百变相框教程】

3.8theme_values.xml文件说明

主题文件内除了图片以外，还有theme_values.xml，这个主要用于控制当前模块下的文字颜色，提示文字等信息。

里面的颜色代码与普通的十六进制颜色代码不同，是在还在前面增加了2位用于控制文字透明度，可在主题工具中点击切换编辑模式查看当前模块的theme_values.xml文件

tu3png.png（34.15KB,下载次数:

59）

下载附件下载到手机保存到相册

3.9关于壁纸和铃声

替换铃声

将准备好的铃声放在主题包的ringtones目录下，并按如下规则命名。

来电铃声：

ringtone.mp3

通知铃声：

notification.mp3

闹钟铃声:

alarm.mp3

替换壁纸（包括桌面壁纸和锁屏壁纸）

桌面壁纸和锁屏壁纸放在主题包的wallpaper目录下：

桌面壁纸：

default_wallpaper.jpg

锁屏壁纸:

default_lock_wallpaper.jpg

3.10主题测试标准：

MIUI主题测试文档.doc（109.5KB,下载次数:

8098）

2013-3-520:

56上传

点击文件名下载附件

下载到手机

下载积分:

经验-1米

3.11关于完美图标模版

（大家可以根据里面已经命名好的第三方图标进行修改，让第三方图标更完美适配你的主题）

下载模版：

完美图标.zip（3.6MB,下载次数:

61397）

2013-3-2216:

40上传

点击文件名下载附件

下载到手机

下载积分:

经验-1米

3.12V5默认主题包：

v5默认主题包.mtz（10.15MB,下载次数:

77008）

2013-6-2016:

35上传

点击文件名下载附件

下载到手机

下载积分:

经验-1米

在V5里，我们的主题框架将更加强大，我们会陆续推出百变图标及百变壁纸的制作及打包教程，敬请期待！