Android主题制作教程Word文件下载.docx
《Android主题制作教程Word文件下载.docx》由会员分享，可在线阅读，更多相关《Android主题制作教程Word文件下载.docx（37页珍藏版）》请在冰点文库上搜索。
图4
主题打包mtz：
点击工具下方打包即可生成mtz格式主题文件。
点击打包并导入手机可将主题打包并导入手机并应用，前提必须开启手机的USB调试，并安装手机驱动，驱动可通过豌豆荚、qq手机管家等android
pc管理软件进行安装，能连上这类管理软件即代表手机驱动安装完成。
2.图片替换
不同分辨率的手机，其图片素材尺寸以及素材存放的位置也有所不同。
如图5所示
图5
以桌面图标为例，480p图标文件放在drawable-hdpi，720p则为drawable-xhdpi，其他模块的文件位置存放位置也与之相似。
桌面图标替换：
打开主题工具，先在左边选择要替换的图标，然后点击图片选择对应的图标进行替换，也可使用拖拽的方式，将要替换的图标直接拖至其上方，完成替换。
（见图6）
图6
图标除了直接替换对应的图片外，还可以通过几张特定的图片来控制图标风格风格（主要用于第三方图标的风格统一），icon_border.png为最上面的一层；
icon_mask.png控制图标显示大小形状，黑色区域显示图标形状；
icon_pattern.png为不变色背景，icon_background.png变色背景，会根据图标颜色生成各种颜色背景。
如图7所示，
图7
主题图片素材当中还有一种重要的图片格式，叫做9.png。
这种格式的图片是安卓平台上新创的一种拉伸却不失真的图片，这种图片主要用于一些尺寸不固定的图片，或者上面的是上面的内容区与需要特殊控制的图片，比如短信气泡，输入文字框等。
这种图片的文件名会是xxx.9.png这种格式，用主题工具解包以后，所生成的9.png图片其上下左右各会有1像素黑边，
如图8所示
1号黑色条位置控制图片横向拉伸区域，就是左图纵向绿色区域
2号黑色条位置控制图片纵向拉伸区域，就是左图横向绿色区域
3号黑色条位置控制输入框内文字显示的上下位置，即右图紫色区域上下边界
4号黑色条位置控制输入框内文字显示的左右边距，即右图紫色区域左右边界
图8
黑边可以在ps内直接画上，也可通过主题工具内附带的软件进行编辑（如图9）。
在使用画黑边时如果失误多选了部分，可按住shift键，再点击即可擦掉，最后按ctrl+s保存。
需要注意的是9.png图片必须画上黑边，不然在应用图片的时候，即使放了对应的图片手机上也不会显示。
用ps画黑边的时候需要注意，必须用纯黑色，不能有色差。
图9
3.主题工具中的模块介绍
主题内基本模块
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
桌面
Cworkassistant
流量监控
framework-miui-res
MIUI全局
framework-res
Android原生全局
以上模块为主题工具内带有图解的模块
MIUI全局和Android原生全局内主要存放文件是会在各种界面都会调用到的东西，比如按钮，弹窗，进度条等等，如在当前模块没有想要修改的素材时，可以去全局找。
接下来以对短信模块的修改为例子，简单的说说使用如何使用主题工具对主题进行编辑。
点击模块，若当前无此模块可将手机连上电脑，通过手机导入素材。
图10
选择要替换的图片，右边区域会显示图片存放的路径，以及默认素材图片尺寸，图10的中的黑圈中的数字就是默认素材的尺寸。
将从设计稿内提取的素材替换进去，然后使用主题工具内提供的9.png工具，画上内容区与拉伸区。
替换完成后点击打包并导入手机，测试替换效果。
5.简单锁屏的制作
百变锁屏在主题包里的lockscreen/advance目录下，manifest.xml文件是描述脚本，以上代码为简单的iphone锁屏的代码，所谓的解锁就是将解锁起始点移动到解锁区域的过程，在这个解锁过程中可以沿着运动轨迹（图中的白线path）进行，也可完全自由的运动，当解锁起始点完全包含在结束区域时解锁完成。
XY坐标为图片左上角的点，因为miui支持不同分辨率，所以在写坐标时需要注意，当图片以屏幕底部对齐时，其y坐标，需要以这种形式书写：
y="
#screen_height-89"
，意思其y坐标是以屏幕高度减去图片距离屏幕底部的高度。
附上百变锁屏综合教程
6.theme_values.xml文件说明
主题文件内除了图片以外，还有theme_values.xml，这个主要用于控制当前模块下的文字颜色，提示文字等信息。
里面的颜色代码与普通的十六进制颜色代码不同，是在还在前面增加了2位用于控制文字透明度，可在主题工具中点击切换编辑模式查看当前模块的theme_values.xml文件
7.关于壁纸和铃声
替换铃声
将准备好的铃声放在主题包的ringtones目录下，并按如下规则命名。
来电铃声：
ringtone.mp3
通知铃声：
notification.mp3
闹钟铃声:
alarm.mp3
替换壁纸（包括桌面壁纸和锁屏壁纸）
桌面壁纸和锁屏壁纸放在主题包的wallpaper目录下：
桌面壁纸：
default_wallpaper.jpg
锁屏壁纸:
default_lock_wallpaper.jpg
领先android的锁屏技术教程
我们的目标是最大化锁屏界面的自由度，让解锁界面和解锁方式可以通过主题包很方便的更换。
百变锁屏时时候进军2.0新时代了，我们仍会继续发力，加入更多更酷的新功能!
manifest.xml
百变锁屏在主题包里的lockscreen/advance目录下，manifest.xml文件是描述脚本
frameRate：
指定帧率，如果动画缓慢，可以指定小一点的值，省电。
默认为30。
displayDesktop属性，默认为false，透视到桌面功能，如果没有锁屏壁纸或者锁屏壁纸可以被移开或透明时可以看到桌面launcher或者是锁屏前的应用程序。
可以完美实现WP7，Meego，阿里云等的解锁界面。
界面元素的遮挡取决于在xml中出现的先后，最先出现的在最下层。
<
Lockscreenversion="
1"
frameRate="
"
displayDesktop="
boolean"
>
<
Image/>
Unlocker/>
Time/>
DateTime/>
Text/>
/Lockscreen>
壁纸元素
Wallpaper元素引用系统设置的壁纸，除了不能指定图片源外其他和Image元素相同，可以有动画和其他属性控制。
如果没有此元素则不显示壁纸。
可以有多个。
例子：
Wallpaper/>
变量及变量数组
Var>
VarArray>
分别定义单个变量和变量数组
Varname="
expression="
type="
const="
/>
name变量名
expression变量对应的表达式或常量注意：
如果定义字符串常量需要多一套单引号:
'
mystring'
type=number/string定义数值变量或字符串变量默认：
number
const=true变量只会在初始化时计算一次，以后不会重新计算，可以提高效率。
如果变量值会在锁屏运行期间改变，const设为false默认：
false
VarArraytype="
string"
Vars>
date_format1"
index="
#time/2000%5"
date_format2"
2"
true"
...
/Vars>
Items>
Itemexpression="
ifelse（isnull（@date_format）,'
MMMMd日EEEE'
@date_format）"
Itemvalue="
EEEE"
/Items>
/VarArray>
Item数组元素定义
expression元素对应的表达式
value如果元素是常量，则用value指定常量值
//定义了一个每隔两秒轮换一次日期显示格式的DateTime元素.
//数组元素可以用来根据数字变量值显示不同的字符串
!
--ifconstistrue,thevariablewillonlyevaluateonceattheinitialtime,-->
show_date"
ifelse（isnull（#show_date）,1,#show_date）"
number"
text_size_date"
ifelse（isnull（#text_size_date）,18,#text_size_date）"
const="
yyyy年"
MMMM"
d日"
//显示英文月份
month_str"
#month"
January"
February"
November"
December"
Texttext="
@month_str"
color="
#FFFFFFFF"
size="
20"
.../>
变量表达式,src除外
当前支持变量：
变量以#开头
*解锁物件属性：
格式：
物件名.属性名#unlocker.move_x
move_x解锁时在x方向移动距离
move_y解锁时在y方向移动距离
move_dist解锁时移动距离
state解锁状态：
正常:
0按下:
1到达解锁位置:
2
*全局变量：
time当前时间，long
touch_x当前触摸点x
touch_y当前触摸点y
battery_level电池电量0-100
sms_unread_count未读短信
call_missed_count未接电话
//时间日期变量
time_sys变量，为系统当前时间毫秒数。
ampm上下午//0am,1pm
hour12小时，12小时制
hour24小时，24小时制
minute分钟
second秒
year年
month月//0-11
date日
day_of_week星期//1-7星期日到星期六
screen_width屏幕宽度
screen_height屏幕高度
battery_state电池状态：
0充电:
1电量低:
2已充满:
3
alpha值的变量表达式表示该图片只有在非充电状态显示，并且随着解锁水平方向的拖动逐渐变透明至
消失。
Imagex="
162"
y="
#screen_height-84"
src="
hs_path_bg.png"
alpha="
（255-#unlocker.move_x/100*255）*min（1,abs（1-#battery_state））"
表达式
支持加减乘除取模括号和函数
加减乘除取模:
+-*/%
支持函数:
sin,cos,tan,asin,acos,atan,sinh,cosh,sqrt,abs,min,max不解释
len（数字）给定数字位数len（1234）=4
digit（数字,第几位）取给定数字的第几位digit（1234,2）=3
round（）四舍五入取整int（）向下取整
eq（x,y）//x==y?
1:
0
ne（x,y）//x!
=y?
ge（x,y）//x>
gt（x,y）//x>
y?
le（x,y）//x<
lt（x,y）//x
isnull（x）//x==null?
0//是否表达式包含空变量，通常用于判断绑定的变量是否查到数据
not（x）x>
0?
0:
1
ifelse（x,y,z）//x>
y:
z
ifelse（x1,y1,x2,y2,...,z）
ifx1>
0returny1;
elseifx2>
0returny2;
...;
elsereturnz
+可以拼接字符串，一些函数也可以支持字符串，isnull可以判断字符串变量是否为空，ifelse可以选择字符串，字符串比较函数eqs（@string1,@string2）
元素可见性支持表达式
visibility=“表达式”<
=0不可见>
0可见Image,Text,Time的属性align=left,center,right坐标点水平对齐方式
Image,Time属性alignV=top,center,bottom坐标点垂直对齐方式
文本部件
显示指定格式的文字，坐标属性支持变量
color：
文字颜色，#FFFFFFFF
size:
文字大小
format：
如果需要在文字中显示变量数字，需要指定格式,用%d指定数字位置
paras:
如果指定了format,需要在paras里指定%d对应的变量表达式,可以有多个变量表达式用"
"
隔开
align：
left,center,right，文字坐标的对齐方式
Text新增自动滚动功能，如果制定了宽度和滚动速度marqueeSpeed，在文字超过宽度的时候会自动滚动显示
angle:
旋转角度
自动滚动功能，如果制定了宽度和滚动速度marqueeSpeed，在文字超过宽度的时候会自动滚动显示文本支持多行<
Textname="
text1"
multiLine="
width="
150"
.../>
#text1.text_height为折行后的高度
可选属性：
spacingMult行距倍数默认1
spacingAdd行距增加量默认0
next_alarm_time下一个闹钟时间
@next_alarm_time"
.../>
文字和日期支持旋转<
Textangle="
Textformat="
下一个闹钟:
[%s]电池:
[%d%%]"
paras="
@next_alarm_time,#battery_level"
Textx="
text="
format="
#x,#y"
align="
marqueeSpeed="
PositionAnimation/>
/Text>
240"
130+#unlocker.move_y"
category="
Charging"
#AAFFFFFF"
alpha="
200"
size="
24"
正在充电（%d%%）"
#battery_level"
center"
文本元素支持文字宽度变量属性text_width
tt"
#tt.text_width
textExp属性支持字符串表达式：
天气信息，如果温度为空显示--非空显示数值
Textvisibility="
#hasweather"
x="
（#screen_width/2）+180"
#screen_height-290"
w="
360"
36"
#ffffff"
right"
textExp="
ifelse（isnull（#weather_temperature）,'
--'
#weather_temperature）+'
℃'
时间部件
src表示时间图片的前缀，如下表示使用time_0.png,time_1.png,...time_9.png,time_dot.png.坐标属性支持变量表达式
Timex="
10"
time.png"
/Time>
日期部件
显示指定格式的日期
format:
支持标准日期格式,另外增加农历:
NNNN
DateTimex="
<
DateTime>
九月：
M->
9
MM->
09
7分钟:
m->
7
mm->
07
mmm->
007
mmmm->
0007
1970年4月6日3:
23am
yyyy/MM/ddh:
mmaa"
->
"
1970/04/063:
23am"
M月d日h:
4月6日3:
E"
周三"
E
升级会员 