论坛首页 移动开发技术论坛

Phonegap+Android+Sencha touch开发应用(一)

浏览 8908 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-06-08  

温馨提示:本教程需要开发人员熟悉android开发环境配置、Sencha touch的使用。

 

本节将做一个登录和注册模块。

 

具体代码见附件!!!!

 

一,开发环境:

1,安装android开发环境(这里省略,可直接到android官方网下载adt-bundle-windows-x86)。

2,下载Phonegap。

3,下载Sencha touch。

 

二,搭建项目:

1,创建Android项目:



 

2,引入相应Phonegap文件,Sencha touch文件:

 

下载Phonegap解压后,里面有一个android例子。

 

a,拷贝里面cordova-2.8.0.jar到项目libs目录下。

 

b,拷贝里面的xml文件夹到项目res目录下。

 

c,将以下配置拷贝到AndroidManifest.xml文件中(这些配置与xml文件夹下面的配置对应的,不要对应可以删除):

<uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.VIBRATE" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECEIVE_SMS" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.RECORD_VIDEO"/>
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.WRITE_CONTACTS" />   
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />   
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

 

d,改写MainActivity代码如下:

public class MainActivity extends DroidGap {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.setIntegerProperty("loadUrlTimeoutValue", 300000);
		super.onCreate(savedInstanceState);
		super.loadUrl(Config.getStartUrl());
	}
}

 

e,在项目文件夹assets中创建web文件,引入相应sencha touch核心文件,目录如下:



 这里采用的是Sencha touch MVC模式。

 

登录调用的服务端是一个servlet,代码如下

public class Login extends HttpServlet {

	public Login() {
		super();
	}

	public void destroy() {
		super.destroy();
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doPost(request,response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		response.setContentType("text/javascript");
		PrintWriter out = response.getWriter();
		out.println(request.getParameter("callback")+"({userName:\""+request.getParameter("userName")+"\",success:true})");
		out.flush();
		out.close();
	}

	public void init() throws ServletException {
		// Put your code here
	}

}

 

运行项目效果如下:



 

 

 

下节见!
 

  • 大小: 7.8 KB
  • 大小: 3.7 KB
  • 大小: 36.5 KB
  • 大小: 40.6 KB
  • 大小: 40.3 KB
   发表时间:2013-06-13  
请放弃Sencha touch。。。 前车之鉴,现在的可替代方案太多了。sencha touch太慢了
0 请登录后投票
   发表时间:2013-06-13  
houyujiangjun 写道
请放弃Sencha touch。。。 前车之鉴,现在的可替代方案太多了。sencha touch太慢了


项目表现不慢.
0 请登录后投票
   发表时间:2013-06-14  
phonegap 都2.8了  升得挺快呀!
0 请登录后投票
   发表时间:2013-06-18   最后修改:2013-06-18
czpae86 写道
houyujiangjun 写道
请放弃Sencha touch。。。 前车之鉴,现在的可替代方案太多了。sencha touch太慢了


项目表现不慢.

你们两个分别可否详细一点说明啊,我们项目类似外卖app应用可是刚刚决定用sencha touch2来做啊
0 请登录后投票
   发表时间:2013-06-21  
请问用的是Sencha touch 还是Sencha touch2啊?
0 请登录后投票
   发表时间:2013-08-06  
sencha touch2 也慢,特别是在android上面,ios上速度基本没问题。另外,在android上面兼容性不够,4.0以下的系统基本不能用,4.0以上的至少70%不能用,我做的一个应用在htc one上面也不能用!所以我已经放弃了。
0 请登录后投票
   发表时间:2013-09-30  
期待作者下节,希望继续学习Phonegap+Android+Sencha touch开发应用(二)
0 请登录后投票
   发表时间:2013-12-25   最后修改:2013-12-25
虚拟机太慢  明天弄个2.3的SDK试试
0 请登录后投票
论坛首页 移动开发技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics