- 先去Sencha Touch的官网下载需要的库文件,文件目录如图所示:
图1-1
- 然后创建homework1.js文件,加注释,代码分析: 先写ShenCha Touch需要的引用,然后再在lunch:function()里面创建需要的组件和事件
在lunch:function()里面创建一个标题栏和四个Panel组件
创建TabPanel,并将四个带有图片的Panel添加到里面
再创建一个Panel,将所有的都添加到里面,调用Ext.Viewport.add()添加Panel进来就可以
(3)创建homework1.html:
效果如图