< Time x=\
src表示时间图片的前缀,如下表示使用time_0.png, time_1.png, ... time_9.png, time_dot.png. 坐标属性支持变量表达式 space表示时间图片的间隙,我们可以使用这个功能来对时间图片进行排版,使用正值时图片间距变大,这时可以将图片切小,节省内存。对于有投影的图片,将space写成负值,可以使投影重叠以节省空间
日期
显示指定格式的日期
format: 支持标准日期格式, 另外增加农历: NNNN
九月:
?
M -> 9
MM -> 09
?
m -> 7 mm -> 07
7分钟:
mmm -> 007 mmmm -> 0007
? 1970年4月6日 3:23am
\\月d日 h:mmaa\月6日 3:23am\
? 星期
\周三\\星期三\
\纪念日: M/d\纪念日: 4/6\
? 24小时: \
图片
图片部件用来在锁屏界面上显示一个图片,可以指定各种属性
x,y 相对于屏幕左上角的坐标 w,h 宽和高 pivotX, pivotY 旋转中心 rotation 旋转角度,一周360度 src 图片名称 srcid 图片序列后缀数字,一般用变量表示,可以根据变量显示不同的图片,如果src=\则最后会显示图片 \ ? ? ? ? ? ? ? ? ? ? ? ? ? alpha 透明度 0-255, 小于等于0不显示 antiAlias true/false 抗锯齿,如果为true图片在变形旋转时不会有锯齿,但是速度会慢 srcExp 图片源表达式 srcFormat 图片源格式 srcForamtExp 图片源格式表达式 srcParas 图片源参数 align/alignV 对齐方式,上文已经介绍。 例子:
//srcExp:图片源表达式
数字图片 number是要显示的数字表达式 src是图片源的文件名,支持SourceAnimation ? ? 如果src=\则会使用 number_0.png number_1.png ... 图片文件来绘制数字。类似Time部件 图片遮罩 x,y 坐标 src 遮罩图片,不透明黑色部分表示不透明,其他部分为透明。 align 坐标是相对于所属图片还是绝对位置,如果是相对,图片移动是遮罩会相应跟随移动。否则遮罩保持不动。 遮罩同样可以有源动画,旋转动画,和位置动画,属性支持变量表达式 ? ? ? 元素动画 所有元素都支持动画 动画分为:图片源,位置,大小,旋转,透明度 每种动画相互独立,各自循环播放,动画由若干关键帧组成,关键帧包括帧属性和时间,除图片源动画外,其它动画会根据当前时间找到相邻的两个关键帧,然后线性插值计算当前的属性。 如果第一帧时间不从0开始,则默认时间为0的第一帧为图片原始属性,时间单位为毫秒。 位置动画中的位置是相对于图片自身的坐标。
例子:位置动画表示1秒从屏幕最左端到最右端,停留1秒,透明度动画表示开始透明度为175,在从最左端到最右端过程中透明度不变,到达最右端后0.5秒渐变为不透明,然后0.5秒变为透明消失。 然后循环播放。
注意:只有图片支持图片源动画
图片源动画稍有不同,没有插值,x, y 可选,表示相对图片的位置, 当前的图片是在列表里的找到第一个大于当前时间的那个点指定的
Group
Group是组的意思,相当于控件们的一个容器,可以用来包含住其他元素,比如图片,时间等等。 通过给组添加坐标和宽高,可以便捷地一次性调整多个元素的位置和大小。 同时Group还能添加各种动画,种类与Image一样全面
?
新的版本还添加了帧率控制,如果一个组里的元素都是静止的,可以添加framaRate=\,系统会根据当前各个组的帧率来自动调整刷新频率,降低内存和cpu占用。所以很推荐大家在添加Group时随手加上对应的帧率
Slider
name: 名字,用来做变量名 bounceInitSpeed, bounceAccelation 回弹动画初始速度和加速度(距离单位为像素,时间单位为秒),都支持表达式 ? ? ? alwaysShow=\默认是false,当一个Slider可见时,其他Slider消失。 可以有任意个Slider部件。 ? Trigger Slider的状态切换时,支持Trigger触发 Slider起始点:起始点中包含的元素都会跟随当前操作的拖动移动位置。 //从其他状态切换到NormalState时,触发该Trigger