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

温馨提示：本教程需要开发人员熟悉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文件夹下config.xml文件的配置对应的，要删除配置，两个文件都要对应删除）：

Xml代码  

1. <uses-permission android:name="android.permission.CAMERA" />  
2.     <uses-permission android:name="android.permission.VIBRATE" />  
3.     <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />  
4.     <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />  
5.     <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />  
6.     <uses-permission android:name="android.permission.INTERNET" />  
7.     <uses-permission android:name="android.permission.RECEIVE_SMS" />  
8.     <uses-permission android:name="android.permission.RECORD_AUDIO" />  
9.     <uses-permission android:name="android.permission.RECORD_VIDEO"/>  
10.     <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />  
11.     <uses-permission android:name="android.permission.READ_CONTACTS" />  
12.     <uses-permission android:name="android.permission.WRITE_CONTACTS" />     
13.     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />     
14.     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />  
15.     <uses-permission android:name="android.permission.GET_ACCOUNTS" />  
16.     <uses-permission android:name="android.permission.BROADCAST_STICKY" />  

 

d，改写MainActivity代码如下：

Java代码  

1. public class MainActivity extends DroidGap {  
2.   
3.     @Override  
4.     public void onCreate(Bundle savedInstanceState) {  
5.         super.setIntegerProperty("loadUrlTimeoutValue", 300000);  
6.         super.onCreate(savedInstanceState);  
7.         super.loadUrl(Config.getStartUrl());  
8.     }  
9. }  

 

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

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

三，编码：见附件。

 

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

Java代码  

1. public class Login extends HttpServlet {  
2.   
3.     public Login() {  
4.         super();  
5.     }  
6.   
7.     public void destroy() {  
8.         super.destroy();  
9.     }  
10.   
11.     public void doGet(HttpServletRequest request, HttpServletResponse response)  
12.             throws ServletException, IOException {  
13.         doPost(request,response);  
14.     }  
15.   
16.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
17.             throws ServletException, IOException {  
18.         response.setContentType("text/javascript");  
19.         PrintWriter out = response.getWriter();  
20.         out.println(request.getParameter("callback")+"({userName:\""+request.getParameter("userName")+"\",success:true})");  
21.         out.flush();  
22.         out.close();  
23.     }  
24.   
25.     public void init() throws ServletException {  
26.         // Put your code here  
27.     }  
28.   
29. }  

 

四，运行项目效果如下：

 

 

 

下节见！
 

• BookMarket.zip (6 MB)
• 下载次数: 515