不知何时，我订上都市快报的彩信，从每天一条，后来每天早晚各一条。这条彩信在上厕所，做公交时能打发点时间，看看社会，国内外的新闻。有时一个增值产品，不是每天都用，而是当你需要时，有它帮你打发时间，你也就觉得有点用了，不去取消掉。
近段时间自己也接解到了彩信业务，进入公司后觉得一桢一图，一桢一文的排版形式太不友好，一直想改良一下，于是开始百度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 Region的Fit属性取值范围一般限于：hidden、meet；
l 在<body>区域中不能包含<seq>元素；
l Region区域中，包括left、top、width、height等几个大小和位置的参数均用百分比（相对于底板root-layout）标识；
l 混合格式需支持带SMIL文件和不带SMIL文件两种格式。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。