Sencha Architect 2.2.2 图解教程：可视化构建ExtJS和Touch应用

"Sencha Architect 2.2.2 是一款可视化应用程序构建工具，用于基于Sencha Touch 2构建移动应用，以及使用ExtJS 4构建桌面应用。本教程通过图解方式指导用户如何入门使用Sencha Architect 2.2.2，包括创建和激活视图、设置布局、添加组件等基本操作。教程涵盖了从安装准备，如安装Apache Tomcat和Sencha Architect 2.2.2，到项目保存位置设定，再到创建Viewport、Panel、TabPanel等步骤，并展示了如何修改组件属性和进行测试。教程强调了在没有网络连接时如何更改引用资源的路径。" 在Sencha Architect 2.2.2中，首先要做的是进行准备工作，包括下载并安装WEB服务器，例如Apache Tomcat 7.0.42，以及安装Sencha Architect 2.2.2，并注册ID。对于非付费用户，可以寻找破解方法以继续使用。一旦环境配置完成，启动Sencha Architect，用户将看到主界面。 在主界面，用户需要设置项目保存的位置，这可以通过“文件”菜单下的“保存项目”完成。接着，教程指导用户创建一个Viewport视图，这是应用程序的主要容器，通常用于设置全屏布局。通过双击蓝色区域或拖拽来添加视图，并将其布局属性改为"border"，以实现边框布局。 然后，教程逐步解释如何创建Panel视图，Panel是Sencha中常用的基础组件，可以包含其他组件。创建好Panel后，用户可以设置其属性，如宽度、高度、标题等。接下来，教程演示了如何创建TabPanel，用于展示多个可切换的面板，每个TabPanel可以有多个标签页，用户可以自定义标签页的属性，如是否允许关闭。 在构建过程中，用户需要进行Build操作以生成项目，这可以通过点击Build图标完成。生成的项目可以在浏览器中预览，但由于依赖于公网资源，因此需要保持网络连接。如果希望使用本地资源，可以创建一个新的HTML文件，并引用本地的Ext库。 这个教程为初学者提供了直观的步骤来理解和掌握Sencha Architect 2.2.2的基本操作，通过实际操作，用户可以学习到如何构建复杂的UI结构，并对Sencha的组件系统有初步了解。这对于想要开发基于ExtJS或Sencha Touch应用的人来说是非常有价值的资源。