小米主题制作教学教案(完整版~).doc

《小米主题制作教学教案(完整版~).doc》由会员分享，可在线阅读，更多相关《小米主题制作教学教案(完整版~).doc（16页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、|1、MIUI 主题定义首先，我们手机的 UI 是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。那我们可以认为原生的 android 系统就是一个毛坯房，MIUI 是在这之上的一个简装，自定义主题就是你自己给房子做的装修。MIUI 提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。而装修方案可大可小，大至全屋翻新，小到只换一盏灯。目前 MIUI 会自带两个主题包，达人们也可以设计自己的主题包，大家就可以借用达人们共享出来的设计。

2、（引用 foxtail，很经典的说明）二、MIUI 主题模板内文件说明首先，咱们要需要一个模板来对应说明， 解压后你会发现它并不是我们熟悉的后缀，而是一个 MTZ 后缀的文件，不用急咱们把它重命名为 XX.zip 即：将原来的.mtz 后缀改为.zip，然后解压即可显现原型如下图：具备以上几个文件就可以做一个简单的 MIUI 主题了，下面我们对以上目录做一个中文说明:description.xml（主题配置文件包括：主题作者、版本号信息）icons （桌面图标，所有被改动的桌面图标都会放在这个文件夹内）lockscreen （锁屏样式）preview （应用主题时预览图）wallpaper（存

3、放锁屏、桌面壁纸）com.android.launcher（启动器）注：如果您在在线主题内下载主题，重命名为.zip 解压后您会发现很多目录都成了无法识别的文件？例如文件夹 icons 变成了 icons 文件无法打开，简单处理方法：重命名为XX.zip 解压后就能看到里面文件了。三、MIUI 主题包具体制作说明|1.描述文件-description.xml 制作说明蓝调透明hfy166V3.01step2.将以上内容中绿色文字修改为自己想要填写的文字。主题名字（你可以取一个符合合适的主题名填写在此处）设计者名字（如果你是设计者可以填写你的名字）制作者名字（即为 mtz 主题包打包作者名）此主

4、题的版本号 1（此项默认填为 1 即可）step3.修改完后，将文本保存并关闭然后双击打开 description.xml 测试是否成功，如成功会出现如下显示：至此咱们的配置文件就完成了。注：以上关于 位置 使用方法详见：这里（简单制作主题时候可以直接填写1 即可） 2.wallpaper 文件夹使用说明|wallpaper 文件夹用于存放锁屏状态下壁纸和桌面壁纸，通常包含以下三个命名的图片：default_wallpaper.jpg ： 桌面壁纸，较佳图片尺寸：960X854（可其他尺寸）default_lock_wallpaper.jpg : 锁屏壁纸，图片尺寸要求：480X854defa

5、ult_lock_wallpaper_800.jpg : 高度为 800 像素的锁屏壁纸，图片尺寸要求：480X800注意： 1.所要使用的桌面壁纸和锁屏壁纸的名称必须严格重命名为以上对应的文件名。2.default_lock_wallpaper_800.jpg 仅在主题包包含 default_lock_wallpaper.jpg 且 手机屏幕高度为 800 像素时自动使用。3.icons 文件夹使用说明icons 用于存放系统图标或第三方图标，图标为 90X90 尺寸的 PNG 图片。我们需要将您制作的图标名称按照下面名称重命名并放入 icons 文件夹内，如果以下图标名称有多个就说明该图标

6、需要多个相同图标不同名称图标，例如：电话图标对应了三个名称，我们就需要先将电话图标复制三份，并将三份图标名称分别命名为这三个名称。 （主要为了简化操作）电话图标使用名称：com.android.providers.telephonycom.android.phonecom.android.contacts.TwelveKeyDialer通讯录图标使用名称：com.android.contactsalias.ContactsShortcutcom.android.contacts.ContactShortcutcom.android.contacts.DialtactsContactsEntry

7、Activitycom.android.providers.contacts短信图标使用名称：com.android.mms浏览器图标使用名称：com.android.browser日历图标使用名称：com.android.calendar相机图标使用名称：com.android.camera（安卓原生相机图标）|com.miui.camera（MIUI 相机图标）设置图标使用名称com.android.providers.settingscom.android.settings时钟图标使用名称：com.android.deskclockcom.android.deskclock.DeskCl

8、ockemail 图标使用名称：com.android.email文件管理器图标使用名称：com.android.fileexplorer电子市场图标使用名称：com.android.vending主题风格图标使用名称：com.android.thememanager图库图标使用名称：com.android.gallery录音图标使用名称：com.android.soundrecorder计算器图标使用的名称：com.android.calculator2地图图标使用的名称：com.google.android.apps.maps天气图标使用的名称：com.miui.weather音乐图标使用

9、的名称：com.miui.player备份图标使用的名称：com.miui.backup便签图标使用的名称：|com.miui.notes除了以上常规图标，我们还能够看到以上文档内出现icon_background、icon_border 等名字的图标，下面我们来具体介绍下这类图标的作用和用法。MIUI 为了统一第三方图标和系统自带图标风格的匹配给第三方图标定义了一个框架，分为三层上层、中间层、下层来约束第三方图标的风格。第三方图标约束图标：下层（背景层）图标命名：icon_background，第三方图标会自动匹配在这个背景层之上。如下图：第三方图标背景图。中间层图标命名：icon_mask

10、 ，主要约束第三方图标显示范围，超过这个范围的将会被自动切掉。例如下图：黑色框框为第三方图标限定范围，超出黑色框框将会被切掉。上层图标命名：icon_border，用于覆盖在第三方图标之上。如下图：由于图标上半部分透明故此图标只有下半部分将会遮挡住第三方图标。综合以上图标结合就会出现如下效果：中间小鱼、微信、超级兔子、微博小图标是第三方图标自带图标系统会自动提取。快捷方式约束图标（效果如第三方图标约束图标一样）：|背景层图标命名：icon_shortcut，第三方程序快捷方式图标会自动匹配在这个背景层之上，此图标可与第三方图标约束图标的下层图标相同。上层命名图标:icon_shortcut_a

11、rrow，用于覆盖在第三方程序快捷方式图标之上，此图标可与第三方图标约束图标的上层图标相同。注：1.其中还有一个命名为 icon_pattern 图标，此图标是纹理图标，可以和icon_background 图标相同。2.以上第三方图标约束图标和快捷方式约束图标是根据自己设计图标的整体风格自主定义的图形规则，如果你不想约束第三方图标此处的图标可忽略。2、 修改好 icons 后压缩时压缩方式改为不然主题图标无法被读取。4.lockscreen 文件夹使用说明lockscreen 文件夹用于存放锁屏所需的图片文件，基本包括如下图片所示的文件：（点击可放大图片）以上图片显示的每一个文件分别对应锁屏

12、状态下不同位置的显示，具体对应关系可参见：http:/ -锁屏打开网页后具体操作方法如图所示：|以上主题格式较老，只需要查看以上主题格式对应关系即可， 以便于查看具体文件尺寸和选择需要修改的文件。如果想要制作更漂亮的百变锁屏可以去官方论坛找找相关教程，因为涉及较多代码不太适合新手就不在这里叙述了。5.9.png 图片的简单制作1.什么是 9.png：拥有了制作好的图片文件和对应关系其实只是第一步，细心的人会发现锁屏文件内出现了很多.9.png 格式的图片，它并不是 png 文件，而是安卓系统特有的文件类型。 9.png 格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意（挺高级的吧） ，也许

13、有的同学在做美化的时候很喜欢一个图片素材，重命名替换了 drawable-hdpi 下的素材，但是运行系统后发现，怎么被拉伸得不像样子了，这就是 9.png 图片不能轻易碰的神奇所在，不过不要紧，下面看完你就会了。首先我们还是得介绍一下，9.png 图片他的具体不同之处，它的四周与普通的 png 图片相比多了一个像素位的白色区域，该区域只有在图片被还原和制造的时候才能看到，当打包后无法看见，并且图片的总像素会缩小 2 个像素，比如 23x23 像素的 9.png 图片被打包后会变成 21x21 像素。所以我们在制作的时候要注意掌握尺寸。当我们制作出 9.png 图片的时候你还有惊奇的发现一个几

14、 KB 或者几十 KB 的图片，变得非常的小，一般只有几百个字节那么大，系统加载起来当然会更加的流畅咯。2.工具安装与使用1.工具的安装：这里介绍一个自制简单好用的 9.png 处理工具：Nine-Patch Editor，具体下载安装详见 2L，再次感谢作者。2.工具的使用：|打开 9-patch.exe 程序出现下图：将要修改的图片拖入灰色背景框内出现下图：注：左边部分图片是处理后的效果图，右边中间天蓝色部分为要处理的图片，我们主要处理的是图片边缘一圈绿色边框。将鼠标放在绿色边框处，点住左键不放拖动，会出现黑色线条如图：|说明：1 号黑色条位置向下覆盖的区域表示图片横向拉伸时，只拉伸该区域

15、。2 号黑色条位置向右覆盖的区域表示图片纵向拉伸时，只拉伸该区域。 3 号黑色条位置向左覆盖的区域表示图片纵向显示内容的区域（在手机上主要是文字区域） 。4 号黑色条位置向上覆盖的区域表示图片横向显示内容的区域（在手机上主要是文字区域） 。没有黑色条的位置覆盖的区域是图片拉伸时保持不变（比如，如果图片的四角为弧形的时候，当图片被任意拉伸时，四角的弧形都不会发生改变） 。5、如果失误多选了部分，点击鼠标右键去掉黑色条，也可按住右键不放拖动。6、左边区域为显示当前拉伸效果。7、选择好区域后，点击右上保存-来保持处理好的图片，后缀名为 xxx.9.png。3.简单的使用方法Nine-Patch Editor 工具支持 Ctrl+C 复制、Ctrl+V 黏贴功能，我们只需要分别将原始包内自带 9.png 图片和要处理的图片拖入工具，点击原始包内图片（此图片已经处理过）复制，然后点击待处理的图片后黏贴就可以轻松处理图片。.android.launcher 文件夹的使用说明这里简单介绍几个重要部分的制作替换。folder_background：文件夹样式，具体位置如下图：|hotseat_background：桌面底部图标托盘样式，具体位置如下图：