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

2022-05-07 15:16:44 浏览数 (2)

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

图1-1

  1. 然后创建homework1.js文件,加注释,代码分析: 先写ShenCha Touch需要的引用,然后再在lunch:function()里面创建需要的组件和事件

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

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

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

(3)创建homework1.html:

效果如图

0 人点赞