收藏 分享(赏)

小米MIUI主题制作教程.doc

上传人:fmgc7290 文档编号:6015044 上传时间:2019-03-24 格式:DOC 页数:11 大小:1.42MB
下载 相关 举报
小米MIUI主题制作教程.doc_第1页
第1页 / 共11页
小米MIUI主题制作教程.doc_第2页
第2页 / 共11页
小米MIUI主题制作教程.doc_第3页
第3页 / 共11页
小米MIUI主题制作教程.doc_第4页
第4页 / 共11页
小米MIUI主题制作教程.doc_第5页
第5页 / 共11页
点击查看更多>>
资源描述

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

2、。二、准备工作 1.主题测试机器工欲善其事必先利其器,做题之前首先得有一部能刷 MIUI 的手机作为测试机。MIUI 现有支持 v4 的机型分成按分辨率,可分成两类 480p(480*854 和 480*800)与720p(720*1280 ),分辨率对以后的主题制作有这影响,见后面详述。480p 的机子有:小米手机 1/1S (自带 MIUI)、 HTC Desire S、HTC Incredible S、Samsung I9100、华为 Honor、索爱 LT18i 、Google Nexus S720P 的机子有:小米手机 2(自带 MIUI)、Google Galaxy Nexus、G

3、alaxy S III I9300、Google Galaxy Nexus、华为 Ascend D1、索尼 LT26i 、HTC One X、LG LU6200 附上刷机教程连接 http:/ 2.10.26开发版或之前版本进行测试2.设计界面制作主题之前可先根据官方提供的主题界面模板,对主题界面进行设计,然后再进行切图,将设计稿切片,分成各个小部分,用与主题制作。3.主题制作软件的安装官方主题工具:http:/ java 环境的支持,未安装的同学请下载:http:/ jre6 文件夹,将其放到到 MIUIThemeEditor 目录下(图 1 所示)。1.windows 下运行,“run-w

4、indows.bat“2.linux 下运行,“run-linux.sh”3.mac os 运行,“run-mand” 图 1 三、主题制作 1.主题工具的使用打开主题工具后可点击文件新建主题(图 2),或选择打开主题模板点击下载制作模板: v4 主题模板.mtz (25.15 MB, 下载次数: 8506) 点击下载补全界面模板:下载图 2解压主题包:拖拽后缀名为 mtz 格式的主题文件,置于主题工具上(如图 3),等待一段时间,便会有一个与 mtz 文件名称相同的文件夹陈升,这便是解包操作。图 3打开主题以后可看到(图 4)主题名称、制作者、设计者,以及主题版本等信息,此为必填项目,ui

5、版本选择为 4.0,点击下方保存主题按钮主题文件夹内就会生成 description.xml文件,来记录下这些信息。图 4主题打包 mtz:点击工具下方打包即可生成 mtz 格式主题文件。点击打包并导入手机可将主题打包并导入手机并应用,前提必须开启手机的 USB 调试,并安装手机驱动,驱动可通过豌豆荚、qq 手机管家等 android pc 管理软件进行安装,能连上这类管理软件即代表手机驱动安装完成。2.图片替换不同分辨率的手机,其图片素材尺寸以及素材存放的位置也有所不同。如图 5 所示图 5以桌面图标为例,480p 图标文件放在 drawable-hdpi,720p 则为 drawable-

6、xhdpi,其他模块的文件位置存放位置也与之相似。桌面图标替换:打开主题工具,先在左边选择要替换的图标,然后点击图片选择对应的图标进行替换,也可使用拖拽的方式,将要替换的图标直接拖至其上方,完成替换。(见图6)图 6图标除了直接替换对应的图片外,还可以通过几张特定的图片来控制图标风格风格(主要用于第三方图标的风格统一),icon_border.png 为最上面的一层;icon_mask.png 控制图标显示大小形状,黑色区域显示图标形状;icon_pattern.png 为不变色背景,icon_background.png 变色背景,会根据图标颜色生成各种颜色背景。如图 7 所示,图 7主题图

7、片素材当中还有一种重要的图片格式,叫做 9.png。这种格式的图片是安卓平台上新创的一种拉伸却不失真的图片,这种图片主要用于一些尺寸不固定的图片,或者上面的是上面的内容区与需要特殊控制的图片,比如短信气泡,输入文字框等。这种图片的文件名会是 xxx.9.png 这种格式,用主题工具解包以后,所生成的 9.png 图片其上下左右各会有 1 像素黑边,如图 8 所示1 号黑色条位置控制图片横向拉伸区域,就是左图纵向绿色区域2 号黑色条位置控制图片纵向拉伸区域,就是左图横向绿色区域 3 号黑色条位置控制输入框内文字显示的上下位置,即右图紫色区域上下边界4 号黑色条位置控制输入框内文字显示的左右边距,

8、即右图紫色区域左右边界图 8黑边可以在 ps 内直接画上,也可通过主题工具内附带的软件进行编辑(如图 9)。在使用画黑边时如果失误多选了部分,可按住 shift 键,再点击即可擦掉,最后按 ctrl+s 保存。需要注意的是 9.png 图片必须画上黑边,不然在应用图片的时候,即使放了对应的图片手机上也不会显示。用 ps 画黑边的时候需要注意,必须用纯黑色,不能有色差。图 93.主题工具中的模块介绍主题内基本模块 Com.android.contacts 通讯录以及拨号Com.android.fileexplorer 文件管理器Com.android.mms 短信Com.android.prov

9、iders.downloads.ui 下载管理Com.android.settings 设置Com.android.systemui 通知栏以及任务管理器Com.android.updater 系统更新Com.miui.antispam 防打扰Com.miui.backup 备份Com.miui.home 桌面Cworkassistant 流量监控framework-miui-res MIUI 全局framework-res Android 原生全局以上模块为主题工具内带有图解的模块MIUI 全局和 Android 原生全局内主要存放文件是会在各种界面都会调用到的东西,比如按钮,弹窗,进度条等

10、等,如在当前模块没有想要修改的素材时,可以去全局找。接下来以对短信模块的修改为例子,简单的说说使用如何使用主题工具对主题进行编辑。点击模块,若当前无此模块可将手机连上电脑,通过手机导入素材。图 10选择要替换的图片,右边区域会显示图片存放的路径,以及默认素材图片尺寸,图 10 的中的黑圈中的数字就是默认素材的尺寸。将从设计稿内提取的素材替换进去,然后使用主题工具内提供的 9.png 工具,画上内容区与拉伸区。替换完成后点击打包并导入手机,测试替换效果。5.简单锁屏的制作百变锁屏在主题包里的 lockscreen/advance 目录下,manifest.xml 文件是描述脚本,以上代码为简单的

11、 iphone 锁屏的代码,所谓的解锁就是将解锁起始点移动到解锁区域的过程,在这个解锁过程中可以沿着运动轨迹(图中的白线 path)进行,也可完全自由的运动,当解锁起始点完全包含在结束区域时解锁完成。XY 坐标为图片左上角的点,因为 miui 支持不同分辨率,所以在写坐标时需要注意,当图片以屏幕底部对齐时,其 y 坐标,需要以这种形式书写:y=“#screen_height-89“,意思其 y 坐标是以屏幕高度减去图片距离屏幕底部的高度。附上百变锁屏综合教程:http:/ 文件说明主题文件内除了图片以外,还有 theme_values.xml,这个主要用于控制当前模块下的文字颜色,提示文字等信

12、息。里面的颜色代码与普通的十六进制颜色代码不同,是在还在前面增加了 2 位用于控制文字透明度,可在主题工具中点击切换编辑模式查看当前模块的theme_values.xml 文件7.关于壁纸和铃声替换铃声将准备好的铃声放在主题包的 ringtones 目录下,并按如下规则命名。来电铃声:ringtone.mp3通知铃声:notification.mp3闹钟铃声 : alarm.mp3替换壁纸(包括桌面壁纸和锁屏壁纸)桌面壁纸和锁屏壁纸放在主题包的 wallpaper 目录下:桌面壁纸: default_wallpaper.jpg 锁屏壁纸 : default_lock_wallpaper.jpg主题测试标准 MIUI 主题测试文 档.doc (109.5 KB, 下载次数: 5884)

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 实用文档 > 简明教程

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报