锁屏制作
锁屏制作入门
1. 变量概述
在锁屏中,会使用到很多的变量,这里以#开头的标识会作为变量存在。如#battery_state
a) 系统级的变量
battery_state(电池状态): 正常状态:0 充电状态:1 电量低:2 已充满:3
battery_level(电池当前电量): 范围0-100
sms_unread_count :未读短信数
call_missed_count :未接电话数
b) 屏幕参数
screen_width 屏幕宽度 HVGA:320像素 WVGA:480像素
screen_height 屏幕高度 HVGA:480像素 WVGA:800像素
c) 解锁部件属性:
格式:部件名.属性名 #unlocker.move_x
move_x 解锁时在x方向移动距离
move_y 解锁时在y方向移动距离
move_dist 锁时移动距离
state 解锁状态: 正常:0 按下:1 到达解锁位置:2 2. 表达式
a) 四则运算以及括号:+、-、*、/、()
b) 三角函数:sin()、cos()、tan()、asin()、acos()、atan()
c) 两数中的最大值和最小值:max(a,b),min(a,b)
d) 取绝对值:max(a,-a) 可理解为|a|,也就是特殊的最大值
e) 取随机数:random()
f) 开平方:sqrt()
PS:这些就不做过多解释了,在具体使用中会解释
3. 图片部件
图片部件用来在锁屏界面上显示一个图片,可以指定各种属性
1.
复制代码
x、y :此图片的左上角相对于手机屏幕左上角的坐标
w、h :图片的宽和高
centerX, centerY : 旋转中心,主要用于旋转动画
angle : 旋转角度,一周为360度
src : 图片源,即图片名字
alpha : 透明度 0-255, 越接近于0越透明,越接近于255越不透明。小于等于0则表示完全透明不显示;大于等于255还是相当于255完全不透明。
4. 文本部件(Text)
用来在锁屏界面显示一些文本文字信息,支持各种不同的属性。
1.
复制代码
x、y: 此文本部件的左上角相对于手机屏幕左上角的坐标
color:文字的颜色 如:#00000000
size:文字的大小
bold:是否为粗体
format:如果需要在文字中显示变量数字,需要指定格式, 用%d 指定数字位置
paras:具体参数alpha:透明度 0-255, 越接近于0越透明,越接近于255越不透明。
小于等于0则表示完全透明不显示;大于等于255还是相当于255完全不透明。
5. 时间部件(Time)
来在锁屏界面上显示时间信息,一般由“0-9”和“:”这11张图片组成,如time_0.png; time_1.png „„ time_9.png,time_dot.png。
1. 复制代码
6. 日期部件(DateTime)
用来在锁屏界面上显示指定格式的日期信息,可以包含年月日、星期几等,可以是阳历日期,也可以是阴历日期(中国农历日期)等。
1.
复制代码
x、y: 此日期部件的左上角相对于手机屏幕左上角的坐标
color: 日期文字的颜色
size: 日期文字的大小
format: 日期的指定格式,如:年月日 星期 等
常用的日期格式事例:
M月d日 EEEE -> 3月25日 星期日
M月d日 E -> 3月25日 周日
yyyy-MM-dd -> 2012-03-25
yyyy/MM/dd -> 2012/03/25
MM-dd-yyyy -> 03-25-2012
yyyy年M月d日 h:mmaa ->1970年4月6日 3:23am
yyyy/MM/dd kk:mm -> 1970/04/06 15:23
PS:此处请注意,小时位置使用h代表12小时制,如果使用kk,则代表24小时制
7. 解锁部件
整个锁屏中最重要也最复杂的部件,能不能解锁和怎样解锁都由此部件决定,Unlocker
由一个StartPoint和一到多个EndPoint组成。可以有多个解锁部件来构成。 name->解锁部件的名字,用来做变量名
1.
复制代码
起始点,表示点击区域,坐标和宽高,起始点中包含的元素都会跟随当前解锁操作的拖动移动位置。
1.
2. 正常状态,可以包含若干元素
3.
4.
5.
6.
7.
8.
9. 在点击区域按下,表示开始解锁操作,拖动,隐藏其他状态元素,
显示这些元素,
10.
11.
12.
13.
14.
15.
16. 达到解锁目标后,隐藏其他元素,显示这些元素
17.
18.
19.
20.
21.
22.
23.
复制代码
三个状态都可以不指定,可以使用变量来改变其他界面元素状态来表示解锁过程。
解锁目的,坐标和大小,当起始点的x,y点落入解锁目标区域矩形时,达到解锁位置,
此时松开手指即可以解锁。结构和起始点相同,不同的是其中元素不会随解锁操作的拖动移
动。
1.
2. 解锁后执行的动作,可以指定不同的intent,(这里需要整理一下
现有的例子)
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20. 解锁路径 tolerance:开始解锁操作后移动时路径最大距离超过这
个值则取消,回到正常状态。Path 可以指定x,y坐标,默认为0,Position
的坐标为相对坐标。
21. 22. 23. 24.
25.
复制代码
1.
复制代码
例子: (Iphone解锁实现方式)
1.
2.
3.
4.
5. 6.
7.
8.
9.
10.
11.
12.
13.
14.
15. 16. 17.
18.
19.
复制代码
锁屏制作进阶教程
之前的入门教程,学会后,就可以做一些简单的锁屏界面了。哪如何可以把锁屏制作的更加
的炫和酷呢? 大家慢慢滴往下看啦~O(?_?)O
1. 图片部件的动画效果:
可以为锁屏中的图片部件(Image)指定一系列的动画,从而达到更好的交互效果。动画
分为平移,缩放,透明度,旋转,帧动画这五种。
平移动画 --> TanslateAnimation
缩放动画 --> ScaleAnimation
帧动画 --> FramesAnimation
透明度动画 --> AlphaAniamtion
旋转动画 --> RotationAnimation
以上的每一中动画都是完全独立的,各自循环播放,动画由若干关键帧组成,关键帧包
括帧属性和时间,除图片源动画外,其它动画会根据当前时间找到相邻的两个关键帧,然后
线性插值计算当前的属性。
如果第一帧时间不从0开始,则默认时间为0的第一帧为图片原始属性。时间单位为毫
秒
a) 平移动画(TranslateAnimation):
1.
2.
复制代码
b) 缩放动画ScaleAnimation:
1.
2. 3.
7.
8. 9.
10.
11.
12.
复制代码
c) 帧动画FramesAnimation:
1.
2.
6.
7. 8. 9. 10. 11. 12. 13. 14.
15.
复制代码
d) 透明度动画AlphaAnimation :
1.
2.
6.
7. 8. 9. 10.
11.
12.
13.
14.
复制代码
e) 旋转动画RotationAnimation:
1.
2.
6.
7.
8.
9.
复制代码
2. 音乐控件(MusicControl)
用于控制锁屏界面上音乐播放操作。
音乐控制部件必须包含四个指定的按钮部件(上一首、下一首、播放、暂停),否则将有可能出现问
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
。同时你还可以指定各个按钮不同状态下的不同效果,如上一首按钮按下时显示出另一种不同的效果。
1.
2. //上一首按钮
3.
4. //下一首按钮
5.
6. //播放按钮
7.
8. //暂停按钮
9.
10.
复制代码
例:
1.
6.
7.
8.
9.
10.
20.
21.
29.
37.
45.
复制代码
3. 按钮部件
通过触摸、单击、双击来控制锁屏界面上其它部件,也就是说按钮部件会影响到其它的部件。
1.