[原]sencha touch之carousel
2024-09-04 13:04:09
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 查看评论
最新文章
- Salesforce 使用Js 调用Webservice实例
- C#邮箱发送验证码
- IOS 公共类-数字处理
- 从Sql server 2008获取表字段属性信息,注释信息
- BZOJ3569 : DZY Loves Chinese II
- windows下使用VS2010编译jpeglib
- 10 个强大的开源 Web 流量分析工具(转帖)
- ytu 1041: 迭代法求平方根(水题)
- rpm命令使用说明
- (从终端看linux-1)linux tty pty pts 概念 区别
- [一]java环境变量的配置
- Android客户端调用Asp.net的WebService
- poj2141---字符串转换
- java 静态内部类特点
- [转]JavaScript Namespaces and Modules
- Django-3-Template模板
- Can We Make Operating Systems Reliable and Secure?
- 3、PHP中常用的数据库操作函数解析
- Qt532.【转】Qt创建鼠标右键菜单
- 关于kafka的新的group无法订阅到topic中历史消息的问题