`
thierry.xing
  • 浏览: 665266 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
580fa9c1-4a0c-3f40-a55a-c9256ce73302
Sencha Touch中...
浏览量:0
社区版块
存档分类
最新评论

Sencha Touch与PhoneGap,响应android返回按钮

 
阅读更多

使用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();
			}

		}
 
分享到:
评论

相关推荐

    senchaTouch+PhoneGap

    将Sencha Touch与PhoneGap结合,开发者可以利用Sencha Touch的强大多平台UI库来创建美观且功能丰富的用户界面,然后通过PhoneGap将这些Web应用打包成原生应用。这种结合的优势在于: 1. **一次编写,多处运行**:...

    sencha tocuh利用phonegap开发android的文件浏览器

    在本项目中,“sencha touch利用phonegap开发android的文件浏览器”,我们看到了这两个技术的结合。首先,PhoneGap的File类接口是关键,它遵循W3C的File API标准,提供了访问和操作本地文件系统的能力。开发者可以...

    移动端混合开发,sencha_touch+phonegap+android简单架构代码案例

    本文将详细解析"移动端混合开发,sencha_touch+phonegap+android简单架构代码案例",帮助你理解和掌握如何使用Sencha Touch、PhoneGap与Android构建混合应用。 **Sencha Touch** 是一款基于JavaScript的UI框架,...

    PhoneGap+Sencha-touch2.0实现的android程序

    PhoneGap和Sencha Touch是两种在移动应用开发中广泛使用的框架,它们的结合可以让你创建跨平台的原生感观的Android应用程序。本教程将深入探讨如何利用PhoneGap和Sencha Touch 2.0来构建Android应用。 PhoneGap,现...

    sencha-touch + cordova(PhoneGap)使用adt-eclipse打包实例

    Sencha Touch 和 Cordova(PhoneGap)是两个在移动应用开发中广泛使用的框架。Sencha Touch 是一个专门用于创建触屏设备上的富交互应用的JavaScript库,提供了丰富的UI组件和强大的数据管理功能。Cordova(PhoneGap...

    Sencha Touch in Action

    9. 与Phonegap的整合:介绍如何将Sencha Touch应用与Phonegap结合,生成可以在各个移动平台原生运行的应用程序。 10. 实战案例:通过具体的开发案例,让读者能更深刻理解Sencha Touch的实际应用。 由于书籍的内容...

    touch-docs-2.2.1.zip(senchaTouch 离线API参考文档)

    1. **响应式设计**:Sencha Touch 提供了适应各种屏幕尺寸和设备的布局系统,确保应用在手机、平板和桌面设备上都能呈现良好的用户体验。 2. **丰富的UI组件**:包括列表(Lists)、表格(Grids)、按钮(Buttons)、面板...

    《SenchaTouch权威指南》源代码及phonegap开发实例

    内含《SenchaTouch权威指南》源代码 及多个senchatouch + phonegap实例代码

    phonegap与sencha touch2的js库

    PhoneGap与Sencha Touch 2是两个非常重要的框架,它们在构建移动终端Web应用程序中扮演着关键角色。本文将深入探讨这两个技术,并介绍如何利用它们共同开发高效的移动Web应用。 PhoneGap,现已被Adobe公司收购并...

    sencha touch 登陆界面

    控制器是Sencha Touch应用的核心部分,它监听视图中的事件(如按钮点击),然后执行相应的动作(Action)。在登录场景中,控制器会监听登录按钮的点击事件,获取输入框的值,然后调用模型的同步方法,将数据发送到...

    test-phonegap:Sencha Touch 和 PhoneGap 集成示例

    将Sencha Touch与PhoneGap集成,开发者可以利用Sencha Touch的强大界面功能,同时利用PhoneGap的跨平台能力。首先,你需要安装PhoneGap和Cordova命令行工具,然后创建一个新的PhoneGap项目。接着,在项目的www目录下...

    Sencha 和 Sencha Touch 简介

    Sencha Touch 是第一个专门设计为移动设备开发 web 应用的 JavaScript 框架,它基于 HTML5 和 CSS3 的 web 标准,全面兼容 Android 和 Apple iOS,通过 Sencha Touch 框架用户可以创建非常像移动设备本地应用的 web ...

    Sencha Touch开发的项目《般若人生》源码

    1. **跨平台兼容性**:Sencha Touch支持iOS、Android、BlackBerry等主流移动操作系统,通过HTML5、CSS3和JavaScript实现原生般的用户体验。 2. **丰富的组件库**:提供多种UI组件,如表格、网格、下拉菜单、按钮、...

    一个完整的sencha touch 应用案例

    5. **config.xml**:在Sencha Touch中,这个文件可能用于配置应用程序的元数据,比如应用的名称、版本、图标、启动画面等,通常是针对PhoneGap或Cordova这样的混合应用开发环境。 6. **resource**:这个文件夹可能...

    touch phonegap

    结合Sencha Touch和PhoneGap,你可以创建出功能丰富的移动应用,并将其发布到Android平台。以下是使用这两种技术进行开发的基本步骤: 1. **设置开发环境**:首先,你需要安装Node.js,然后使用npm(Node包管理器)...

    sencha touch 2.4.0最新版

    Sencha Touch 2.4.0 是一个专为移动设备设计的前端JavaScript框架,它使得开发者能够构建功能丰富的、响应式的Web应用程序,这些应用在智能手机、平板电脑等移动设备上表现得如同原生应用一样流畅。这个框架由Sencha...

    sencha touch项目源码

    Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件和API,用于构建交互式的、响应式的Web应用程序。这个项目源码是基于Sencha Touch开发的一个实例,通过研究这个项目,我们可以深入理解Sencha ...

    sencha touch list demo

    它支持多平台,包括iOS、Android、Blackberry等,并且包含了大量可复用的UI组件,如按钮、表单、面板、列表等。 2. **List组件** List组件是Sencha Touch中用于展示数据的视图,常用于创建诸如联系人列表、新闻...

    senchaTouch和fusioncharts结合的实例

    - Sencha Touch 支持多种设备和浏览器,包括iOS、Android、Blackberry等。 - 它基于MVC(Model-View-Controller)架构,便于代码组织和维护。 2. **FusionCharts**: - FusionCharts 是一款纯JavaScript图表库,...

Global site tag (gtag.js) - Google Analytics