Sencha Architect 2.2.2 图解教程:可视化构建ExtJS和Touch应用
需积分: 10 41 浏览量
更新于2024-07-16
收藏 1.76MB DOCX 举报
"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应用的人来说是非常有价值的资源。
168 浏览量
190 浏览量
106 浏览量
106 浏览量

青帝青玄天
- 粉丝: 44
最新资源
- 企业管理财务分析系统2012V10.6免费试用版
- 掌握Android自定义Snackbar的KSnack使用技巧
- R4DS高级R Bookclub:每周阅读与实践指南
- 建筑物抗倒塌加固系统创新技术解析
- HTML编码引导:Ncoderbootstrap网站简介
- Unity3D官方高级手册深度解读
- 创新建筑给水管道施工技术的介绍与应用
- 使用ExoPlayer和RxJava2开发Android音乐播放器
- 适配器模式详解与Python/C++代码示例
- STM32智能水产养殖系统电路设计与应用
- DirectX Repair V3.5 - 适用于多版本Windows系统的修复工具
- CodeSignal练习题解仓库:Python解决方案汇总
- HTML5音乐播放器:漂亮的视觉效果和JS控制
- 建筑物节能率计算新方法研究
- Android RangeSeekBar库使用指南及代码实现
- C# winform开发,创造理想伴侣头像匹配程序