许多类在使用配置对象创建(实例化)类时都有快捷名称。快捷名称被称为 alias
(别名)(如果类扩展了 Ext.Component,则为 xtype
)。别名/xtype 列在适用类的类名旁边,以供快速参考。
框架类或其成员可以指定为 private
(私有的)或 protected
(受保护的)。否则,类/成员是 public
(公共的)。Public
、protected
和 private
是访问描述符,用于传达应如何以及何时使用类或类成员。
Public(公共的)类和类成员可供任何其他类或应用程序代码使用,并且在主要产品版本中可以作为稳定且持久的内容依赖。公共类和成员可以通过子类安全地扩展。
Protected(受保护的)类成员是稳定的 public
(公共的)成员,旨在由所有者类或其子类使用。受保护的成员可以通过子类安全地扩展。
Private(私有的)类和类成员在框架内部使用,不供应用程序开发人员使用。私有类和成员可能会随时更改或从框架中省略,恕不另行通知,并且不应在应用程序逻辑中依赖。
static
(静态的)标签。*请参阅下面的静态。下面是一个示例类成员,我们可以对其进行剖析以显示类成员的语法(在本例中是从 Ext.button.Button 类查看的 lookupComponent 方法)。
让我们看一下成员行的每个部分
lookupComponent
)( item )
)Ext.Component
)。对于不返回除 undefined
之外的任何内容的方法,可以省略此项,或者可以显示为由正斜杠 /
分隔的多个可能值,表示返回的内容可能取决于方法调用的结果(即,如果 get 方法调用成功,则方法可能返回 Component,如果失败,则返回 false
,这将显示为 Ext.Component/Boolean
)。PROTECTED
- 请参阅下面的标志部分)Ext.container.Container
)。如果成员源自当前类,则源类将显示为蓝色链接;如果成员从祖先类或混入类继承,则显示为灰色。view source
(查看源代码))item : Object
)。undefined
之外的值,则“Returns”(返回值)部分将注明返回的类或对象类型以及描述(示例中的 Ext.Component
)Available since 3.4.0
(始于 3.4.0 版本) - 示例中未显示),紧随成员描述之后Defaults to: false
(默认为:false))API 文档使用许多标志来进一步传达类成员的功能和意图。标签可以用文本标签、缩写或图标表示。
classInstance.method1().method2().etc();
false
,则标记为可阻止的事件将不会触发- 表示框架类
- 单例框架类。*有关更多信息,请参阅单例标志
- 组件类型框架类(Ext JS 框架中扩展 Ext.Component 的任何类)
- 表示类、成员或指南在当前查看的版本中是新的
- 表示 config
类型的类成员
- 表示 property
类型的类成员
- 表示 method
类型的类成员
- 表示 event
类型的类成员
- 表示 theme variable
类型的类成员
- 表示 theme mixin
类型的类成员
- 表示类、成员或指南在当前查看的版本中是新的
在 API 文档页面的类名正下方,有一行按钮,对应于当前类拥有的成员类型。每个按钮显示按类型划分的成员计数(此计数会随着应用过滤器而更新)。单击按钮将导航到该成员部分。将鼠标悬停在成员类型按钮上将显示一个弹出菜单,其中包含该类型的所有成员,以便快速导航。
与类配置选项相关的 Getter 和 Setter 方法将显示在方法部分,以及 API 文档和成员类型菜单的配置部分中,紧挨着它们所作用的配置下方。Getter 和 Setter 方法的文档将在配置行中找到,以便于参考。
您的页面历史记录保存在 localstorage 中,并显示在顶部标题栏正下方(使用可用空间)。默认情况下,仅显示与您当前查看的产品/版本匹配的搜索结果。您可以通过单击历史记录栏右侧的 按钮并选择“全部”单选按钮来展开显示的内容。这将显示历史记录栏中所有产品/版本的最近页面。
在历史记录配置菜单中,您还将看到您最近访问页面的列表。结果按“当前产品/版本”和“全部”单选按钮进行过滤。单击 按钮将清除历史记录栏以及保存在 local storage 中的历史记录。
如果在历史记录配置菜单中选择“全部”,则将启用“在历史记录栏中显示产品详细信息”复选框选项。选中后,每个历史页面的产品/版本将与页面名称一起显示在历史记录栏中。将光标悬停在历史记录栏中的页面名称上也会显示产品/版本作为工具提示。
可以使用页面顶部的搜索字段搜索 API 文档和指南。
在 API 文档页面上,还有一个过滤器输入字段,用于使用过滤器字符串过滤成员行。除了按字符串过滤外,您还可以按访问级别、继承和只读过滤类成员。这是通过页面顶部的复选框完成的。
API 类导航树底部的复选框过滤类列表,以包含或排除私有类。
单击空白搜索字段将显示您最近 10 次搜索,以便快速导航。
每个 API 文档页面(JavaScript 原始类型页面除外)都有一个菜单视图,显示与该类相关的元数据。此元数据视图将包含以下一项或多项
Ext.button.Button
类具有 Ext.Button
的备用类名称)。备用类名称通常是为了向后兼容性而维护的。可运行的示例 (Fiddles) 默认在页面上展开。您可以使用代码块左上角的箭头单独折叠和展开示例代码块。您还可以使用页面右上角的切换按钮切换所有示例的折叠状态。切换所有状态将在页面加载之间记住。
类成员默认在页面上折叠。您可以使用成员行左侧的箭头图标展开和折叠成员,或者使用右上角的展开/折叠所有切换按钮全局展开和折叠成员。
在较窄的屏幕或浏览器上查看文档将产生针对较小外形尺寸优化的视图。桌面和“移动”视图之间的主要区别在于
可以通过单击 API 文档页面顶部的类名来查看类源代码。可以通过单击成员行右侧的“view source”(查看源代码)链接来查看类成员的源代码。
Apache Cordova 提供 API 和打包工具,用于创建 Android、iOS、BlackBerry 和 Windows Phone 设备的应用程序。Sencha Cmd 5+ 提供了一个支持多个构建配置文件的构建系统。这对于原生打包非常理想。Cordova 原生打包器组件已更新,以充分利用此功能。
PhoneGap 构建于 Cordova 之上,两者都可以访问 Cordova API。PhoneGap 和 Cordova 的区别在于它们的打包工具的实现方式。PhoneGap 在 Adobe PhoneGap Build 提供了一个远程构建界面,允许您在云中为单个平台打包和模拟应用程序。PhoneGap 原生打包器组件已更新,以充分利用此功能。
在 Cordova 和 PhoneGap 之间进行选择时,重要的是要注意以下几点
使用 Sencha Cmd 生成的每个应用程序都能够通过这些服务开启原生构建。Sencha Cmd 将处理所有重复性任务,例如构建您的应用程序、将其放置在 Cordova 或 PhoneGap 的正确位置,以及运行正确的命令来构建、模拟或运行您的应用程序。
有关开始原生开发的更多信息,请参阅 Apache Cordova 平台指南。这些指南提供了入门信息以及使您的系统启动并运行所需的先决条件。
packager.json
已完全移除。如果您的项目仍然包含此文件,您可以安全地将其删除。此文件仅由 Sencha 的旧版原生打包器使用。
对于 Cordova 和 PhoneGap,Sencha Cmd 只能创建应用程序的 DEBUG 版本,而不是 Release(用于应用商店)版本。要创建发布版本,您必须使用打包器,例如用于 Android 的 Eclipse 或 IntelliJ,以及用于 iOS 的 Xcode。
您必须拥有 Java JRE 1.7 才能使 Sencha Cmd Cordova 命令正常工作。虽然 Windows 和 Mac OS X 上的 Sencha Cmd 6 在其默认安装程序中附带了当前的 JRE,但 Cordova 工具将找不到并使用 Sencha Cmd 的内部 JRE。
在开发 Cordova 或 PhoneGap 应用程序之前,您需要使用以下软件设置您的环境
如果您想使用 Cordova 进行打包和模拟,请使用以下命令安装它
npm install -g cordova
如果您使用的是 Mac,则可能需要包含“sudo”才能完成安装。
命令将是
sudo npm install -g cordova
注意: 无论您是否安装 Cordova 来打包和模拟您的应用程序,Cordova API 都可用于您的应用程序。Cordova 打包和模拟不影响在 Cordova 或 PhoneGap 应用程序中使用 Cordova API。
如果您想使用 PhoneGap 进行打包和模拟,请使用以下命令安装它
npm install -g phonegap
如果您使用的是 Mac,则可能需要包含“sudo”才能完成安装。
命令将是
sudo npm install -g phonegap
注意: 您必须在 Adobe PhoneGap Build 免费站点注册并获取用户名和密码才能访问 PhoneGap 远程构建站点。
下载并安装 Sencha Cmd。
有关此过程的更多信息,请查看 Cmd 入门指南。
检查并满足目标设备平台特定要求
Android:下载并安装 Android SDK 管理器。
Blackberry:查看 BlackBerry Native SDK 并注册以使用 BlackBerry Keys Order Form 签署您的应用。
iOS:完成 Apple iOS provisioning profiles portal 上的 iOS 预配置的所有步骤(需要 Apple ID、密码和购买的开发者许可证)。使用此站点获取证书、识别设备并获取 AppID。
此外,下载并安装免费的 Xcode 软件。您可以使用 Xcode 模拟器在将 iOS 应用程序安装到设备之前对其进行调试。Xcode 仅在运行 Lion、Mountain Lion 或 Mavericks OS X 的 Mac 上工作。
当您创建 PhoneGap 或 Cordova 应用程序时,它们都会为您的项目创建一个 config.xml
文件。
Cordova 将 config.xml
存储在您的“app_root/cordova”文件夹中,而 PhoneGap 将 config.xml
文件存储在您的“app_root/cordova/www”文件夹中。这是一个问题,因为 www
文件夹是编译构建的目标位置。
很可能这个 www
文件夹会被删除并擦除 config.xml
文件。为了在 Sencha Cmd 中解决这个问题,当创建 PhoneGap 应用程序时,我们将 config.xml
文件复制到 PhoneGap 项目的根目录。每次您执行构建时,我们都会将其与编译后的应用程序一起复制回 www
文件夹中。这意味着用户可以期望 config.xml
文件位于 Cordova 或 PhoneGap 文件夹的根目录中,无论您使用哪个框架。
有关配置 PhoneGap 和 Cordova 的更多信息,请查看以下资源
使用 Cmd generate 命令创建您的应用程序,如下所示
sencha -sdk /path/to/Framework generate app MyApp /path/to/MyApp
当开发 Ext 6+ 通用应用程序时,生成的应用程序将已在 app.json 中包含一个 builds 块。当您的应用程序已经包含一个 builds 块时,sencha phonegap/cordova init
命令将无法添加修改您的 app.json
。要添加 Cordova 支持,请按如下方式修改您的应用程序 builds 块
"builds": {
"classic": {
"toolkit": "classic",
"theme": "theme-triton"
},
"modern": {
"toolkit": "modern",
"theme": "theme-cupertino",
"packager": "cordova",
"cordova": {
"config": {
"platforms": "ios",
"id": "com.mydomain.MyApp"
}
}
}
}
导航到您新生成的项目文件夹并运行以下命令之一(APP_ID 和 APP_NAME 参数可选)。
sencha phonegap init com.mycompany.MyApp MyApp
或
sencha cordova init com.mycompany.MyApp MyApp
在上述命令完成后,您现在应该在项目文件夹中看到一个 phonegap 或 cordova 目录。
您还应该在项目的 app.json
文件中看到一个 PhoneGap 或 Cordova 的块。app.json
位于您的项目根目录中。您可以在此处设置您正在构建的平台。
类似于以下内容的构建对象现在应该存在于您的 app.json
文件中。
"builds": {
"native": {
"packager": "cordova",
"cordova" : {
"config": {
"platforms": "ios"
"id": "com.mydomain.MyApp"
}
}
}
}
让我们稍微谈谈上面的代码片段。
值得注意的是,“native”一词只是您的构建名称,可以是您喜欢的任何名称。构建名称必须是单个字符串,仅包含字母数字字符,且不包含空格。例如,您可以拥有一个构建名称,如“ios”、“android”、“iphone”、“ipad”等。
注意: 虽然您可以为构建名称选择任何名称,但名称“production”、“testing”和“development”由 Sencha Cmd 保留,不应在此上下文中使用。
然后,您可以将 platforms 对象设置为任何平台或平台组合。对于 Cordova,您可以指定一个空格分隔的列表,例如“ios android”。
“id”属性将在首次生成 Cordova 应用程序时使用。这将是您应用程序的标识符。也就是说,您需要确保您已正确选择此项。如果您需要更改它,您需要从项目中删除 Cordova 文件夹,并在更改 ID 属性后让 Cmd 重新生成它。这对于 iOS 应用程序尤其重要,因为这必须与您的 Bundle Identifier 匹配。
从终端或命令行运行以下命令
sencha app build {build-name}
其中 {build-name} 是在您的 app.json
文件的构建对象中定义的名称之一。例如,如果您将构建命名为“android”,则命令将是
sencha app build android
就是这样!Sencha Cmd 现在将创建一个 Cordova 应用程序,并构建您通过 app.json
中的 platforms 属性指定的平台。
您可以使用 Cordova 和这个新的构建对象使用 4 个命令。
sencha app build {build-name}
“build”将构建您的 Sencha 应用程序,然后构建一个原生应用程序。
sencha app run {build-name}
“run”将构建您的 Sencha 应用程序和您的原生应用程序。然后它将尝试在连接的设备上运行它。
sencha app emulate {build-name}
“emulate”将构建您的 Sencha 应用程序和您的原生应用程序。然后它将尝试在模拟器中运行它。
sencha app prepare {build-name}
“prepare”将构建您的 Sencha 应用程序,然后将构建的应用程序准备到原生应用程序中。但是,它不会构建原生部分。如果您需要在 sencha 编译之后和原生构建之前将内容注入到您的应用程序中,这将非常有用。
PhoneGap 与 Cordova 非常相似。事实上,如果您不是通过 PhoneGap 云服务进行构建,则该过程几乎相同。
这是 app.json
的一个代码片段,它将为您提供一个与上面 Cordova 项目相同的 PhoneGap 项目。
"builds": {
"native": {
"packager": "phonegap",
"phonegap" : {
"config": {
"platform": "ios",
"id": "com.mydomain.MyApp"
}
}
}
}
只有一些微小的,但重要的差异。
名称从 “cordova” 更改为 “phonegap”。
“platform” 是单数,而不是 “platforms”。PhoneGap 一次只允许您构建一个本地平台,而 Cordova 允许多个同时构建。
一旦您认识到这些细微的差异,命令就和上面的一样了。您可以简单地运行 sencha app build native
或 sencha app run native
,您将和使用 Cordova 的路径相同。
您可以使用 PhoneGap 和这个新的构建对象来使用 3 个命令。PhoneGap 不支持 Cordova 中的 prepare
命令。如果您正在使用 PhoneGap,sencha app prepare native
将会抛出一个错误。其他三个命令与上面的 Cordova 命令相同。
sencha app build {build-name}
“build” 将构建您的 Sencha 应用程序,然后构建一个原生应用程序。
sencha app run {build-name}
“run” 将构建您的 Sencha 应用程序和您的原生应用程序。然后它将尝试在一个连接的设备上运行它。
sencha app emulate {build-name}
“emulate” 将构建您的 Sencha 应用程序和您的原生应用程序。然后它将尝试在模拟器中运行它。
在云端构建您的 PhoneGap 应用程序有许多优点。您无需经历下载机器上所有 SDK 和工具的通常麻烦。您可以简单地将您的 Web 应用程序发送到 PhoneGap 服务器,Adobe 将为您生成一个原生应用程序。
在您开始使用 Sencha Cmd 和远程构建之前,您需要访问 http://build.phonegap.com 并注册一个免费帐户。
您可以通过简单地上传一个包含 index.html
文件的 zip 文件来测试构建过程。PhoneGap Remote Build 将会为您打包它。
如果您正在为 iOS 构建,您将需要按照网站上的说明添加正确的凭据来构建您的应用程序。
一旦您确信您的帐户已设置好,并且您已将所有正确的文件上传到 Adobe,您就可以快速地将远程构建添加到您的 Sencha 工作流程中。
让我们看一下用于远程部署的构建对象。
"builds": {
"native": {
"packager": "phonegap",
"phonegap" : {
"config": {
"platform": "ios",
"remote": true,
"id": "com.mydomain.MyApp"
}
}
}
}
正如您所见,从本地构建切换到远程构建非常简单。您只需要将 remote 标志添加到您的 app.json
构建块中。
下一步是提供您的用户名和密码,以便 Sencha Cmd 可以自动登录到 PhoneGap 远程服务器并上传您的项目。
为此,我们建议在您的应用程序根目录中添加一个 local.properties
文件。出于安全目的,此属性文件应被所有形式的版本控制忽略。
将以下行添加到该文件
[email protected]
phonegap.password=s3nch@isgr3@t
一旦您配置了您的用户名和密码,发送构建就非常简单了。只需运行 sencha app build native
,您的应用程序将被编译并发送到云端,供 Adobe 生成您的原生应用程序。
构建完成后,您可以通过 PhoneGap 门户访问最终的软件包文件,以便在设备上进行测试,或上传到适用的应用商店。