[原]sencha touch之carousel

carousel组件是个非常不错的东东，自带可滑动的效果，效果如下图

上面部分可以左右滑动，下面部分可以上下滑动，效果还是不错的，app程序中很有用的布局

代码如下：

Ext.application({name:'itKingApp',/***    Carousel 组件*/launch:function(){var carousel1=Ext.create('Ext.Carousel',{ui:'dark',flex:1,direction:'horizontal',items:[{html:'left',style:'background-color:pink'},{html:'center',style:'background-color:green'},{html:'right',style:'background-color:blue'}       ]});var carousel2=Ext.create('Ext.Carousel',{ui:'dark',flex:1,direction:'vertical',items:[{html:'left',style:'background-color:yellow'},{html:'center',style:'background-color:gray'},{html:'right',style:'background-color:blue'}       ]})     var panel=Ext.create('Ext.Panel',{layout:{type:'vbox'},items:[carousel1,carousel2]});Ext.Viewport.add(panel)}
})

作者：jjx0224 发表于2013-9-30 10:42:16 原文链接

阅读：192 评论：0 查看评论

转载于:https://www.cnblogs.com/80hou/p/3570012.html

[原]sencha touch之carousel相关推荐

[原]sencha touch之表单(login demo)
现在来说说sencha touch中的表单,举个简单的login的例子,相关的说明我都放在了注释中,看下面代码 Ext.application({id:'itKingApp',launch:funct ...
Sencha touch Panel之间的跳转(如不使用TabPanel或者Carousel控件而产生跳转的动画效果)...
常规的Sencha touch 应用都是"header content footer"结构,这样的结构无疑将使用TabPanel来实现,而且TabPanel肯定是card布局,这样 ...
第二步（仅供参考） sencha touch + PhoneGap(cordova 2.9 及其以下版本) 使用 adt eclipse进行打包...
首先你得安装一个adt-eclipse 参考资料 http://www.crifan.com/android_eclipse_offline_install_adt/ 然后就可以运行adt-eclip ...
【翻译】在Ext JS和Sencha Touch中创建自己定义布局
原文:Creating Custom Layouts in Ext JS and Sencha Touch 布局系统是Sencha框架中最强大和最独特的一部分.布局会处理应用程序中每个组件的大小和位置 ...
sencha touch 入门系列（一）sencha touch 简介
参考链接:http://mobile.51cto.com/others-278381.htm Sencha touch 是基于JavaScript编写的Ajax框架ExtJS,将现有的ExtJS整合J ...
[Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容...
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cord ...
【翻译】Sencha Touch 2入门：创建一个实用的天气应用程序之二
原文地址:http://www.sencha.com/blog/getting-started-with-sencha-touch-2-build-a-weather-utility-app-part ...
Sencha Touch（Extjs）
Sencha官方学习文档:http://docs.sencha.com/touch/2.3.1/ Sencha2.3正式版下载:http://www.sencha.com/products/touch ...
Sencha Touch
Sencha Touch 是第一款基于 HTML5 的手机开发框架,提供五花八门的界面UI组件用以开发丰富特效的手机应用程序. 而 Sencha 这是刚刚由 ExtJS.jQtouch 和 Rapha ...

[原]sencha touch之carousel

[原]sencha touch之carousel相关推荐

最新文章

热门文章