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

本文介绍了如何通过设置styleHtmlContent属性和scroll属性来改善HTML内容的显示效果,并使用CSS进行美化,使得文本内容能够在视图中顺畅滚动并拥有更好的视觉体验。

在目前实现的应用中,你将看到上图所示的效果,我们已经添加了一些html标签在内容中,但效果看起来还是普通的文本文字效果,为了达到预期的目标我需要设置视图的styleHtmlContent属性为true。正如你看到的,内容被切割掉不能向下滑动,为了能够达滚动效果,需要设置纵向的滚动翻屏属性,下面就是相关代码:
scroll: 'vertical',
styleHtmlContent: true,
style: 'background: #d8e2ef',
我们也加入了风格属性在CSS标尺中,使视图的滑动动画效果更好些,现在你的文本内容在蓝色的背景看上去效果好多了,当你在视图上上下拖动鼠标或者按上下滚动健时能看到滚动效果。
迄今为止这是完成的第二部分。
你可以下载现阶段实现的工程文件的源码( here.)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值