Sencha Touch系列之实现图片切换效果



 

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：

   

 

效果如图