Sencha Touch实现点击Panel,切换带图片的Panel

来源:互联网 发布:蛇皮是什么意思网络 编辑:程序博客网 时间:2024/05/18 00:06


 

  1. 先去Sencha Touch的官网下载需要的库文件,文件目录如图所示:

                                 1-1

  2. 然后创建homework1.js文件,加注释,代码分析:

    先写ShenCha Touch需要的引用,然后再在lunch:function()里面创建需要的组件和事件

    lunch:function()里面创建一个标题栏和四个Panel组件

    创建TabPanel,并将四个带有图片的Panel添加到里面

     

     

    再创建一个Panel,将所有的都添加到里面,调用Ext.Viewport.add()添加Panel进来就可以

    (3)创建homework1.html


效果如图

1 0
原创粉丝点击