<layout>
<root-layout height="480px" width="320px"/>
<region id="Image" top="0" left="0" height="40%" width="100%" fit="meet"/>
<region id="Text" top="40%" left="0" height="60%" width="100%" fit="meet"/>
</layout>
这里定义了,原始尺寸,而文与图都是在这个尺寸上的百分比进行显示的。
出现了问题:
1.文字叠上图片情况(夏普手机);(诺基亚和索爱的支持彩信很友好,基本怎么改都不会出现格式问题)如图中 1
2.图在上面,文字显示很窄,只可显示两行左右。(HTC G7)如图中 2
经过不断的测试,终于发现了问题。
3.<region id="Image" id首字一定要大写,而且使用Regimg和Image是区别的。前者格式很死板,不管单桢只有图还是文,都是在绝对的位置如图中 3和 4。而后者则是相对位置显示,就是说,如没有文字时,图片是占整屏的,没有图时,文字是从左上角顶屏显示的(这个才是我想要的效果)。
4. <region height="40%"是相对于<root-layout定义的大小来计算的。如例子中的,图片显示最大尺寸就是480 * 40% =192px *320px宽
5.fit属性,推荐使用meet 或默认。meet属性就是会进行等比例缩放。
6.同一桢,不可同时存在两个图或文字。
摘选的注意事项:
l Region只能定义两个,不能同时定义三个!
l Region的Fit属性取值范围一般限于:hidden、meet;
l 在<body>区域中不能包含<seq>元素;
l Region区域中,包括left、top、width、height等几个大小和位置的参数均用百分比(相对于底板root-layout)标识;
l 混合格式需支持带SMIL文件和不带SMIL文件两种格式。