使用Sencha Touch开发Html5应用时,在iPhone上还好,因为没有物理返回按钮,所以可以使用NavigationView的Back Button来实现Pop页面,
但是在Android手机上,用户习惯使用Android自带的物理Back Button,但是按下去之后,却是直接退出应用了,因为目前在系统中只有一个Webview Activity。这种情况该如何处理呢:
答案是:使用PhoneGap。
闲话少叙,看例子:
// 处理一下android返回按钮
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
document.addEventListener("backbutton", onBackKeyDown, false);
}
function onBackKeyDown() {
var canPop = false;
var id = Ext.Viewport.getActiveItem().id;
if (id.indexOf("login") != -1) {
} else if (id.indexOf("mainview") != -1) {
var mainview = Ext.Viewport.getActiveItem();
var length = mainview.getItems().length;
if (length > 2) {
canPop = true;
}
}
if (canPop) {
console.log("canPop");
AppName.app.getController("MainController").pop(1);
} else {
navigator.app.exitApp();
}
}
分享到:
相关推荐
将Sencha Touch与PhoneGap结合,开发者可以利用Sencha Touch的强大多平台UI库来创建美观且功能丰富的用户界面,然后通过PhoneGap将这些Web应用打包成原生应用。这种结合的优势在于: 1. **一次编写,多处运行**:...
在本项目中,“sencha touch利用phonegap开发android的文件浏览器”,我们看到了这两个技术的结合。首先,PhoneGap的File类接口是关键,它遵循W3C的File API标准,提供了访问和操作本地文件系统的能力。开发者可以...
本文将详细解析"移动端混合开发,sencha_touch+phonegap+android简单架构代码案例",帮助你理解和掌握如何使用Sencha Touch、PhoneGap与Android构建混合应用。 **Sencha Touch** 是一款基于JavaScript的UI框架,...
PhoneGap和Sencha Touch是两种在移动应用开发中广泛使用的框架,它们的结合可以让你创建跨平台的原生感观的Android应用程序。本教程将深入探讨如何利用PhoneGap和Sencha Touch 2.0来构建Android应用。 PhoneGap,现...
Sencha Touch 和 Cordova(PhoneGap)是两个在移动应用开发中广泛使用的框架。Sencha Touch 是一个专门用于创建触屏设备上的富交互应用的JavaScript库,提供了丰富的UI组件和强大的数据管理功能。Cordova(PhoneGap...
9. 与Phonegap的整合:介绍如何将Sencha Touch应用与Phonegap结合,生成可以在各个移动平台原生运行的应用程序。 10. 实战案例:通过具体的开发案例,让读者能更深刻理解Sencha Touch的实际应用。 由于书籍的内容...
1. **响应式设计**:Sencha Touch 提供了适应各种屏幕尺寸和设备的布局系统,确保应用在手机、平板和桌面设备上都能呈现良好的用户体验。 2. **丰富的UI组件**:包括列表(Lists)、表格(Grids)、按钮(Buttons)、面板...
内含《SenchaTouch权威指南》源代码 及多个senchatouch + phonegap实例代码
PhoneGap与Sencha Touch 2是两个非常重要的框架,它们在构建移动终端Web应用程序中扮演着关键角色。本文将深入探讨这两个技术,并介绍如何利用它们共同开发高效的移动Web应用。 PhoneGap,现已被Adobe公司收购并...
控制器是Sencha Touch应用的核心部分,它监听视图中的事件(如按钮点击),然后执行相应的动作(Action)。在登录场景中,控制器会监听登录按钮的点击事件,获取输入框的值,然后调用模型的同步方法,将数据发送到...
将Sencha Touch与PhoneGap集成,开发者可以利用Sencha Touch的强大界面功能,同时利用PhoneGap的跨平台能力。首先,你需要安装PhoneGap和Cordova命令行工具,然后创建一个新的PhoneGap项目。接着,在项目的www目录下...
Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...
1. **跨平台兼容性**:Sencha Touch支持iOS、Android、BlackBerry等主流移动操作系统,通过HTML5、CSS3和JavaScript实现原生般的用户体验。 2. **丰富的组件库**:提供多种UI组件,如表格、网格、下拉菜单、按钮、...
5. **config.xml**:在Sencha Touch中,这个文件可能用于配置应用程序的元数据,比如应用的名称、版本、图标、启动画面等,通常是针对PhoneGap或Cordova这样的混合应用开发环境。 6. **resource**:这个文件夹可能...
结合Sencha Touch和PhoneGap,你可以创建出功能丰富的移动应用,并将其发布到Android平台。以下是使用这两种技术进行开发的基本步骤: 1. **设置开发环境**:首先,你需要安装Node.js,然后使用npm(Node包管理器)...
Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...
它支持多平台,包括iOS、Android、Blackberry等,并且包含了大量可复用的UI组件,如按钮、表单、面板、列表等。 2. **List组件** List组件是Sencha Touch中用于展示数据的视图,常用于创建诸如联系人列表、新闻...
- Sencha Touch 支持多种设备和浏览器,包括iOS、Android、Blackberry等。 - 它基于MVC(Model-View-Controller)架构,便于代码组织和维护。 2. **FusionCharts**: - FusionCharts 是一款纯JavaScript图表库,...