彩信SMIL文件学习

不知何时,我订上都市快报的彩信,从每天一条,后来每天早晚各一条。这条彩信在上厕所,做公交时能打发点时间,看看社会,国内外的新闻。有时一个增值产品,不是每天都用,而是当你需要时,有它帮你打发时间,你也就觉得有点用了,不去取消掉。

近段时间自己也接解到了彩信业务,进入公司后觉得一桢一图,一桢一文的排版形式太不友好,一直想改良一下,于是开始百度SMIL文件了。具体的我不说了,只是说一下我的改良之路。

SMIL文件样例:
 <smil>
<head>
<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>
</head>
<body>
<par dur="45s">
<img region="Image" src="1.jpg"/>
</par>
<par dur="45s">
<text region="Text" src=2.txt"/>
</par>
<par dur="60s">
<img region="Image" src="column_1.jpg"/>
<text region="Text" src="column_1.txt"/>
</par>
</body>
</smil>

这个SMIL文件就是有单桢图,单桢文还有图文混排的。大家可以下载,用realpalyer播放一下效果。
真正效果还需要用手机进行测试,realpalyer感觉不大出来,关键在于:

<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  RegionFit属性取值范围一般限于:hiddenmeet

l  <body>区域中不能包含<seq>元素;

l  Region区域中,包括lefttopwidthheight等几个大小和位置的参数均用百分比(相对于底板root-layout)标识;

l  混合格式需支持带SMIL文件和不带SMIL文件两种格式。

你可能感兴趣的:(文件)