《小米MIUI主题制作教程.pdf》由会员分享，可在线阅读，更多相关《小米MIUI主题制作教程.pdf（16页珍藏版）》请在三一文库上搜索。
1、小米 MIUI 主题制作教程 一、MIUI主题定义 首先，我们手机的UI 是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。 如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅 等。那我们可以认为原生的android系统就是一个毛坯房，MIUI是在这之上的一个简装， 自定义主题就是你自己给房子做的装修。 MIUI提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修 方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。而装修方案可大可小，大 至全屋翻新，小到只换一盏灯。目前MIUI会自带两个主题包，达人们也可以设计自己的 主题包，大家就可以
2、借用达人们共享出来的设计。（引用foxtail，很经典的说明） 二、MIUI主题模板内文件说明 首先，咱们要需要一个模板来对应说明， 解压后你会发现它并不是我们熟悉的后缀，而是一个MTZ 后缀的文件，不用急咱们把它重 命名为XX.zip即：将原来的.mtz后缀改为.zip ，然后解压即可显现原型如下图： 具备以上几个文件就可以做一个简单的MIUI主题了，下面我们对以上目录做一个中文说 明: description.xml（ 主 题 配 置 文 件 包 括 ： 主 题 作 者 、 版 本 号 信 息 ） icons （ 桌 面 图 标 ， 所 有 被 改 动 的 桌 面 图 标 都 会 放 在
3、这 个 文 件 夹 内 ） lockscreen （锁屏样式） preview （应用主题时预览图） wallpaper（存放锁屏、桌面壁纸） com.android.launcher（启动器） 注：如果您在在线主题内下载主题，重命名为.zip解压后您会发现很多目录都成了无法识 别的文件？例如文件夹icons 变成了 icons文件无法打开， 简单处理方法： 重命名为XX.zip 解压后就能看到里面文件了。 三、MIUI主题包具体制作说明 1.描述文件-description.xml制作说明 蓝调透明 hfy166 V3.0 1 step2.将以上内容中 绿色文字修 改为自己想要 填写的文字。
4、 主 题 名 字 （ 你 可 以 取 一 个 符 合 合 适 的 主 题 名 填 写 在 此 处 ） 设 计 者 名 字 （ 如 果 你 是 设 计 者 可 以 填 写 你 的 名 字 ） 制 作 者 名 字 （ 即 为mtz主 题 包 打 包 作 者 名 ） 此主题的版本号 1（此项默认填为1即可） step3. 修改完后，将文本保存并关闭然后双击打开description.xml测试是否成功，如成 功会出现如下显示： 至此咱们的配置文件就完成了。 注：以上关于位置使用方法详见：这里 （简单制作主题时候可以直接填写 1即可） 2.wallpaper文件夹使用说明 wallpaper文件夹用于
5、存放锁屏状态下壁纸和桌面壁纸，通常包含以下三个命名的图片： default_wallpaper.jpg ：桌 面 壁 纸 ， 较 佳 图 片 尺 寸 ： 960X854（ 可 其 他 尺 寸 ） default_lock_wallpaper.jpg : 锁屏 壁 纸 ，图片 尺寸要 求：480X854 default_lock_wallpaper_800.jpg : 高度为800像素的锁屏壁纸，图片尺寸要求： 480X800 注意： 1. 所 要 使 用 的 桌 面 壁 纸 和 锁 屏 壁 纸 的 名 称 必 须 严 格 重 命 名 为 以 上 对 应 的 文 件 名 。 2.default_
6、lock_wallpaper_800.jpg 仅在主题包包含default_lock_wallpaper.jpg 且手机屏幕高度为800像素时自动使用。 3.icons文件夹使用说明 icons用 于 存 放 系 统 图 标 或 第 三 方 图 标 ， 图 标 为90X90尺 寸 的PNG图 片 。 我们需要将您制作的图标名称按照下面名称重命名并放入icons文件夹内，如果以下图标 名称有多个就说明该图标需要多个相同图标不同名称图标，例如：电话图标对应了三个名 称，我们就需要先将电话图标复制三份，并将三份图标名称分别命名为这三个名称。（主要 为了简化操作） 电话图标使用名称： com.andr
7、oid.providers.telephony com.android.phone com.android.contacts.TwelveKeyDialer 通讯录图标使用名称： com.android.contacts alias.ContactsShortcut com.android.contacts.ContactShortcut com.android.contacts.DialtactsContactsEntryActivity com.android.providers.contacts 短信图标使用名称： com.android.mms 浏览器图标使用名称： com.andro
8、id.browser 日历图标使用名称： com.android.calendar 相机图标使用名称： com.android.camera（安卓原生相机图标） com.miui.camera（MIUI相机图标） 设置图标使用名称 com.android.providers.settings com.android.settings 时钟图标使用名称： com.android.deskclock com.android.deskclock.DeskClock email图标使用名称： com.android.email 文件管理器图标使用名称： com.android.fileexplorer
9、 电子市场图标使用名称： com.android.vending 主题风格图标使用名称： com.android.thememanager 图库图标使用名称： com.android.gallery 录音图标使用名称： com.android.soundrecorder 计算器图标使用的名称： com.android.calculator2 地图图标使用的名称： com.google.android.apps.maps 天气图标使用的名称： com.miui.weather 音乐图标使用的名称： com.miui.player 备份图标使用的名称： com.miui.backup 便签图标使用
10、的名称： com.miui.notes 其他未提及图标名称可以参见这个文档内的命名规则：icons.zip(634.9 KB, 下载 次数: 70) 注 ： 如 有 压 缩 包 内 未 出 现 的 图 标 想 要 修 改 ， 请 用re文 件 管 理 器 进 入 data/system/customized_icons_1查看图标的命名 除了以上常规图标， 我们还能够看到以上文档内出现icon_background、 icon_border 等名字的图标， 下面我们来具体介绍下这类图标的作用和用法。MIUI为了统一第三方图标 和系统自带图标风格的匹配给第三方图标定义了一个框架，分为三层上层、中
11、间层、下层 来约束第三方图标的风格。 第三方图标约束图标： 下层（背景层） 图标命名： icon_background，第三方图标会自动匹配在这个背景层之上。 如下图： ：第三方图标背景图。 中间层图标命名：icon_mask，主要约束第三方图标显示范围，超过这个范围的将会被自 动切掉。例如下图： ： 黑 色 框 框 为 第 三 方 图 标 限 定 范 围 ， 超 出 黑 色 框 框 将 会 被 切 掉 。 上 层 图 标 命 名 ： icon_border， 用 于 覆 盖 在 第 三 方 图 标 之 上 。 如 下 图 ： ：由于图标上半部分透明故此图标只有下半部分将会遮挡住第三方图标。
12、综合以上图标结合就会出现如下效果： ：中间小鱼、 微信、 超 级 兔 子 、 微 博 小 图 标 是 第 三 方 图 标 自 带 图 标 系 统 会 自 动 提 取 。 快捷方式约束 图标（效果如第三 方图标约束图标一样） ： 背景层图标命名：icon_shortcut，第三方程序快捷方式图标会自动匹配在这个背景层之 上，此图标可与第三方图标约束图标的下层图标相同。 上层命名图标:icon_shortcut_arrow，用于覆盖在第三方程序快捷方式图标之上，此图标 可与第三方图标约束图标的上层图标相同。 注 ： 1. 其 中 还 有 一 个 命 名 为icon_pattern图 标 ， 此 图
13、 标 是 纹 理 图 标 ， 可 以 和 icon_background图标相同。 2. 以上第三方图标约束图标和快捷方式约束图标是根据自己设计图标的整体风格自主定义 的 图 形 规 则 ， 如 果 你 不 想 约 束 第 三 方 图 标 此 处 的 图 标 可 忽 略 。 4.lockscreen文件夹使用说明 lockscreen文件夹用于存放锁屏所需的图片文件，基本包括如下图片所示的文件： （点击可放大图片） 以上图片显示的每一个文件分别对应锁屏状态下不同位置的显示，具体对应关系可参见： http:/ -锁屏 打开网页后具体操作方法如图所示： 以 上 主 题 格 式 较 老 ， 只 需
14、要 查 看 以 上 主 题 格 式 对 应 关 系 即 可 ， 以便于查看具体文件尺寸和选择需要修改的文件。 如果想要制作更漂亮的百变锁屏可以去官方论坛找找相关教程，因为涉及较多代码不太适 合新手就不在这里叙述了。 5.9.png图片的简单制作 1.什么是9.png： 拥有了制作好的图片文件和对应关系其实只是第一步，细心的人会发现锁屏文件内出现 了很多 .9.png格式的图片，它并不是png文件，而是安卓系统特有的文件类型。 9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意（挺高级的吧），也 许有的同学在做美化的时候很喜欢一个图片素材，重命名替换了drawable-hdpi下的素
15、 材，但是运行系统后发现，怎么被拉伸得不像样子了，这就是9.png图片不能轻易碰的神 奇所在，不过不要紧，下面看完你就会了。 首先我们还是得介绍一下，9.png图片他的具体不同之处，它的四周与普通的png图 片相比多了一个像素位的白色区域，该区域只有在图片被还原和制造的时候才能看到，当 打包后无法看见，并且图片的总像素会缩小2 个像素，比如23x23像素的 9.png图片被 打 包 后 会 变 成21x21像 素 。 所 以 我 们 在 制 作 的 时 候 要 注 意 掌 握 尺 寸 。 当我们制作出9.png图片的时候你还有惊奇的发现一个几KB 或者几十KB 的图片， 变 得 非 常 的 小
16、 ， 一 般 只 有 几 百 个 字 节 那 么 大 ， 系 统 加 载 起 来 当 然 会 更 加 的 流 畅 咯 。 2.工具安装与使用 1.工具的安装： 这里介绍一个自制简单好用的9.png处理工具： Nine-Patch Editor，具体下载安装详 见2L，再次感谢作者。 2.工具的使用： 打开9-patch.exe程序出现下图： 将要修改的图片拖入灰色背景框内出现下图： 注：左边部分图片是处理后的效果图，右边中间天蓝色部分为要处理的图片，我们主要处 理的是图片边缘一圈绿色边框。 将 鼠 标 放 在 绿 色 边 框 处 ， 点 住 左 键 不 放 拖 动 ， 会 出 现 黑 色 线
17、条 如 图 ： 说明： 1号 黑 色 条 位 置 向 下 覆 盖 的 区 域 表 示 图 片 横 向 拉 伸 时 ， 只 拉 伸 该 区 域 。 2号 黑 色 条 位 置 向 右 覆 盖 的 区 域 表 示 图 片 纵 向 拉 伸 时 ， 只 拉 伸 该 区 域 。 3 号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域（在手机上主要是文字区域）。 4 号黑色条位置向上覆盖的区域表示图片横向显示内容的区域（在手机上主要是文字区域）。 没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时 候 ，当 图 片被 任意 拉 伸时 ，四 角 的 弧形都 不 会发 生改 变）。
18、 5 、 如 果 失 误 多 选 了 部 分 ， 点 击 鼠 标 右 键 去 掉 黑 色 条 ， 也 可 按 住 右 键 不 放 拖 动 。 6、左边区域为显示当前拉伸效果。 7 、 选 择 好 区 域 后， 点击 右 上 保 存 - 来 保 持 处理 好 的 图 片 ， 后 缀 名为xxx.9.png。 3.简单的使用方法 Nine-Patch Editor工具支持Ctrl+C复制、 Ctrl+V黏贴功能，我们只需要分别将原始包 内自带 9.png图片和要处理的图片拖入工具，点击原始包内图片（此图片已经处理过）复 制，然后点击 待处理的图片 后黏贴就可以轻松处理图片。 .android.la
19、uncher文件夹的使用说明 这里简单介绍几个重要部分的制作替换。 folder_background：文件夹样式，具体位置如下图： hotseat_background： 桌 面 底 部 图 标 托 盘 样 式 ， 具 体 位 置 如 下 图 ： 我们只需将图片制作好后按照对应名称放入com.android.launcher/res文件夹内即可。 7.preview文件夹的使用说明 预览图都放在主题包的preview目录下， 在预览时最大支持10 张预览图。 为了便于真 实体现主题包效果，所有被官方收录的主题包，都有我们统一制作预览图；同时，为了充 分表达主题包的蕴含，需要制作者提供一张预览
20、图作为该主题的封面；该封面会在主题管 理器程序缩略图列表中展示。 主题包各模块预览图命名规则如下： 自定义封面预览图为preview_cover_0.jpg，仅支持一张； 系 统 风 格 的 预 览 图 为preview_0.jpg，preview_1.jpg， . 以 此 类 推 开 始 ； 桌面的预览图为preview_launcher_0.jpg, preview_launcher_1.jpg, .以此类 推开始； 图标风格的预览图为preview_icons_0.jpg，preview_icons_1.jpg，. 以此类推开始； 锁屏样式的预览图为preview_lockscreen_
21、0.jpg, preview_lockscreen_1.jpg, .以 此类推开始； 四、替换背景 设置背景存放位置：framework-res 信息背景存放位置：com.android.mms 下拉菜单背景存放位置：com.android.systemui 电话与通讯录：com.android.contacts 五、打包MTZ主题包 1.简单实用的打包方法： 以上全部工作做完后，我们需要对其进行打包处理，以便于系统识别使用，下面来介绍下 具体打包步骤： step1.将所有文件框选后右键- 添加到压缩文件- 选择zip压缩格式- 进行压缩。 step2.将 压 缩 包 文 件 名 重 命 名
22、， 将 其 后 缀 .zip更 改 为 .mtz ， 至 此 打 包 就 完 成 了 。 step3. 将制作好的 .mtz包放入手机SD 卡根目录打开系统文件管理器-SD卡- 选择 .mtz 主题包-应用进行测试。 2.专业新版格式打包方法： 主题包的新格式约定如下： 主题包根目录下，仅允许文件或以wallpaper、 fonts、 boots、 ringtones、 audioeffect 和preview命名的子目录，存在举例： 旧格式主题包中，图标都放在icons目录下，现在不允许主题包中存在icons目录，因此， 只需将进入icons目录，将所有资源打包成一个压缩文件并命名为icon
23、s即可。 为 方 便 打 包 , 附 件 提 供 了 自 动 打 包 程 序 ， 该 程 序 运 行 需 要java运 行 时 环 境 ； Miui 壁纸滚动问题： 修改后缀名的方法： （打开 “ 我的电脑 “, 点“ 工具 “ 菜单下的 “ 文件夹选项 “, 弹出窗口中点 “ 查看 “ 选项卡 ,把“ 隐藏已知文件的后 缀名“前的勾去掉,确定） 全民 DIY 已经到来！论坛许多人都在问我这个问题，特发此贴！希望对大家能有所帮助！ 壁 纸 随 桌 面 滚 动 这 个 是Android的 一 个 特 色 。 但 并 不 是 所 有 人 都 喜 欢 这 样 。 因 此 面 对 自 己 所 喜 欢
24、的 主 题 ， 总 的 来 说 ， 应 该 会 存 在 以 下 三 类 ： 1.喜欢壁纸滑动的； 2.喜欢壁纸固定不动的； 3.有时候动，有时候不动（适合折腾，蛋疼的人） （某些壁纸适合滑动效果，某些壁纸不适合滑动效果） 自己动手丰衣足食 。选择自己打算弄的主题！修改后缀名格式为zip 或 rar ，或者右键 -打开 -选择打开方式 为winrar！ 。双击解压文件，解压完毕后，打开这个文件夹，我们就可以看到以下文件目录，找到 com.android.launcher这个文件 就是添加后缀名格式，并解压com.android.launcher这个文件，方法参照上面！ 进入刚才解压的文件夹，我们
25、可看到以下目录 。右键选中theme_values.xml这个文件， 然后选择用记事本打开。如下图找到 all 如果你需要壁纸固定或滑动，只需要更改 图中蓝色部分代码的一个数值即可 1. “ all ”代表全范围滚动 2. “ left “ （ 壁 纸 固 定 在 左 侧 不 滚 动 。 比 方 说 你 的 美 女 壁 纸 ， 头 像 在 左 边 ） 3.“ center “ （ 壁 纸 固 定 在 中 心 不 滚 动 。 比 方 说 你 的 美 女 壁 纸 ， 头 像 在 中 间 ） 4.“ right “ （ 壁 纸 固 定 在 右 侧 不 滚 动 。 比 方 说 你 的 美 女 壁 纸
26、， 头 像 在 右 边 ） 注意：如果有的同学说我的XML 文件中找不到这句代码，那么请把此句代码复制到文章末 尾 之前即可。可参照上面的图。如果没有这个文件你也可以自己创 建！ 最后记得点保存哦！ .再来，那就是打包还原 按住 Ctrl+A全选，然后点右键，选择加入压缩档，记得压缩格式这里选择zip 格式，再点 确定！切记切记！ 然 后 这 里 是 修 改 后 缀 名 ， 无 法 显 示 后 缀 名 得 ， 请 按 照 以 下 方 法 显 示 ： （打开 “ 我的电脑 “, 点“ 工具 “ 菜单下的 “ 文件夹选项 “, 弹出窗口中点 “ 查看 “ 选项卡 ,把“ 隐藏已知文件的后 缀名“前的勾去掉,确定） 请把整个文件名，记住包括.zip ，重命名为com.android.launcher，然后会弹出提示框， 点击：“是”。 然后这里会得到一个com.android.launcher文件，剪切或复制此文件，返回上一层目录， 点粘贴覆盖之前的文件。 最后，删除此文件夹com.android.launcher .已经到最后一步了，Ctrl+A全选，然后右键选择添加到压缩包，同样选择.zip （方法照 上！） 压缩完成后，把得到的zip文件后缀名更改为.mtz, 然后在弹出的提示框，点击“ 是 ” 。 现在你已经得到一个mtz 包了。