1、下载sencha-touch-2-pr3和phonegap-1.3.0;
2、在assets(Java EE IDE)下面创建www, 然后在www下面创建js文件夹。
3、把sencha-touch-all.js和phonegap-1.3.0.js复制到js文件夹下面。
4、在工程目录下创建libs,把phonegap-1.3.0.jar复制到/libs下面。
5、把phonegap-1.3.0/Android下面的xml复制到/res下面。
6、下面修改代码,修改后的代码如下:
package test.namespace;
/*import android.app.Activity*/;
import android.os.Bundle;
import com.phonegap.*;
public class FirstAppActivity extends DroidGap{
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
super.loadUrl("file:///android_asset/www/index.html");
}
}
1)继承Activity改成继承DroidGap;
2)注释掉setContentView(R.layout.main);
添加一行:super.loadUrl("file:///android_asset/www/index.html");
3)注释掉import android.app.Activity
4)添加一行:import com.phonegap.*;
5)在AndroidManifest.xml中添加xml代码:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<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.READ_PHONE_STATE"/>
<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.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" />
6)在js文件夹下面再创建一个LocatCam.js,结果如下图所示:
Ext.application({
name:'LocatCam',
launch:function(){
Ext.create('Ext.Container',{
fullscreen: true,
padding: 4,
width:'50%',
items: [
{
xtype:'button',
ui: 'normal',
text: 'photo',
width:80,
handler:function(){
//等待加载PhoneGap
document.addEventListener("deviceready",onDeviceReady, false);
// PhoneGap加载完毕
function onDeviceReady() {
}
//警告对话框被忽视
function alertDismissed() {
//进行处理
}
navigator.notification.alert(
'You are the winner!',//显示信息
alertDismissed,//警告被忽视的回调函数
'Game Over',//标题
'Done' //按钮名称
);
}
}
]
});
}
});
7)在www下面再创建index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>sencha touch 2插件</title>
<!--import touch css and js -->
<link rel="stylesheet" href="resources/css/android.css" type="text/css" />
<script type="text/javascript" src="js/sencha-touch-all.js"></script>
<script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
<script type="text/javascript" src="js/LocatCam.js"></script>
</head>
<body>
</body>
</html>
8)把sencha touch 2下面的resources复制到www下面;
9)最后运行,可以看到结果。
KeyMob移动广告平台是目前国内专业的移动广告优化平台,致力于为国内外广告主提供精准的无线营销和品牌推广服务,为站长及应用开发者提供海量优质广告展现并创造广告收入。
2、在assets(Java EE IDE)下面创建www, 然后在www下面创建js文件夹。
3、把sencha-touch-all.js和phonegap-1.3.0.js复制到js文件夹下面。
4、在工程目录下创建libs,把phonegap-1.3.0.jar复制到/libs下面。
5、把phonegap-1.3.0/Android下面的xml复制到/res下面。
6、下面修改代码,修改后的代码如下:
package test.namespace;
/*import android.app.Activity*/;
import android.os.Bundle;
import com.phonegap.*;
public class FirstAppActivity extends DroidGap{
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
super.loadUrl("file:///android_asset/www/index.html");
}
}
1)继承Activity改成继承DroidGap;
2)注释掉setContentView(R.layout.main);
添加一行:super.loadUrl("file:///android_asset/www/index.html");
3)注释掉import android.app.Activity
4)添加一行:import com.phonegap.*;
5)在AndroidManifest.xml中添加xml代码:
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<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.READ_PHONE_STATE"/>
<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.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" />
6)在js文件夹下面再创建一个LocatCam.js,结果如下图所示:
Ext.application({
name:'LocatCam',
launch:function(){
Ext.create('Ext.Container',{
fullscreen: true,
padding: 4,
width:'50%',
items: [
{
xtype:'button',
ui: 'normal',
text: 'photo',
width:80,
handler:function(){
//等待加载PhoneGap
document.addEventListener("deviceready",onDeviceReady, false);
// PhoneGap加载完毕
function onDeviceReady() {
}
//警告对话框被忽视
function alertDismissed() {
//进行处理
}
navigator.notification.alert(
'You are the winner!',//显示信息
alertDismissed,//警告被忽视的回调函数
'Game Over',//标题
'Done' //按钮名称
);
}
}
]
});
}
});
7)在www下面再创建index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>sencha touch 2插件</title>
<!--import touch css and js -->
<link rel="stylesheet" href="resources/css/android.css" type="text/css" />
<script type="text/javascript" src="js/sencha-touch-all.js"></script>
<script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
<script type="text/javascript" src="js/LocatCam.js"></script>
</head>
<body>
</body>
</html>
8)把sencha touch 2下面的resources复制到www下面;
9)最后运行,可以看到结果。
KeyMob移动广告平台是目前国内专业的移动广告优化平台,致力于为国内外广告主提供精准的无线营销和品牌推广服务,为站长及应用开发者提供海量优质广告展现并创造广告收入。