原创|对比评测|编辑:我只采一朵|2014-05-14 10:21:54.000|阅读 5902 次
概述:本文汇总了Kendo UI的四个开发案例,并注明了每个案例运用到的组件和框架,你还可以点击在线示例实时体验。相信这些示例能帮助你更全面的了 解Kendo UI。
相关链接:
Kendo UI 是一个非常强大的HTML5界面开发框架,基于最新的HTML5、CSS3和JavaScript标准,既可以开发Web应用,又可以开发跨平台的移动应用。Kendo UI的界面风格清新大气,组件功能完善,性能可靠,程序员只需要少量编码就可以实现相应的效果,能节省大量的时间成本。那么Kendo UI到底能实现一些什么样的效果呢?下面我汇总了Kendo UI的四个开发案例,并注明了每个案例运用到的组件和框架,你还可以点击在线示例实时体验。相信这些示例能帮助你更全面的了 解Kendo UI。
Bootstrap
经常有人问到Kendo UI是否可以和Bootstrap 结合使用,答案当然是肯定的。这个应用是Kendo UI Web和Bootstrap完美结合的经典例子,布局采用的是Bootstrap框架和CSS,而组件全部来自于Kendo UI Web:
应用到的组件和框架:
|
AeroViewr
AeroViewr是一个界面非常时尚的在线摄影图片浏览工具,所有图片均以500px大小进行显示。右侧附有照片描述、拍摄信息、作者描述等内容,下方以滑块的形式展示所有照片的缩略图,点击左右滑块可以翻阅照片。更棒的是,点击照片的区域可以隐藏右侧栏,点击照片以外的主页面可以隐藏上方页头和下方的滑块。
应用到的组件和框架:
|
|
Web Sushi
一款让你垂涎欲滴的网页应用,一款在线购买美味寿司、沙拉、乌冬面等日式料理的应用。用户可以以滑块的形式浏览菜式、查看营养成分、提交订单、删除订单等。
应用到的组件和框架:
|
|
Mobile Sushi
移动版由 Kendo UI Mobile 开发,支持iOS, Android, BlackBerry 和 WP8平台。Kendo UI Mobile的神奇之处在于,不管是开发iOS还是Android应用,它都能让组件看起来像这些移动平台的原生应用。
应用到的组件和框架:
|
|
【Kendo UI在线Demo】 |
好文不易,鼓励一下吧!
登录 慧都网发表评论
好呀
niu
赞一个!
赞一个
mark