从零开始学习Sencha Touch MVC应用之六

在目前实现的应用中,你将看到上图所示的效果,我们已经添加了一些html标签在内容中,但效果看起来还是普通的文本文字效果,为了达到预期的目标我需要设置视图的styleHtmlContent属性为true。正如你看到的,内容被切割掉不能向下滑动,为了能够达滚动效果,需要设置纵向的滚动翻屏属性,下面就是相关代码:

scroll: 'vertical',
styleHtmlContent: true,
style: 'background: #d8e2ef',

 

我们也加入了风格属性在CSS标尺中,使视图的滑动动画效果更好些,现在你的文本内容在蓝色的背景看上去效果好多了,当你在视图上上下拖动鼠标或者按上下滚动健时能看到滚动效果。

迄今为止这是完成的第二部分。

你可以下载现阶段实现的工程文件的源码( here.)

你可能感兴趣的:(Sencha Touch)