1. 用命令创建cordova项目
cordova coreate hello com.example.hello hello
2.打开MainActivity
在onCreate方法中加入
setContentView(R.layout.main_activity);
3. main_activity文件如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<?
xml
version="1.0" encoding="utf-8"?>
<
LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<
RelativeLayout
android:layout_width="fill_parent"
android:layout_height="45dip"
android:background="#25C28B" >
<
ImageButton
android:id="@+id/cordova_back"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:background="#00FFFFFF"
android:paddingLeft="10dp"
android:paddingRight="20dp"
android:src="@drawable/back_all" />
<
TextView
android:id="@+id/cordova_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="原生头部"
android:textColor="#FFFFFF"
android:textSize="20sp" />
<
Button
android:id="@+id/btn_report"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:background="#00FFFFFF"
android:paddingLeft="10dp"
android:paddingRight="20dp"
android:text="报告"
android:textColor="#FFFFFF"
android:textSize="20sp" />
</
RelativeLayout
>
<
org.apache.cordova.engine.SystemWebView
android:id="@+id/cordovaWebView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</
LinearLayout
>
|
SystemWebView是一个扩展的webview
4. 重新makeWebView方法和createViews方法
|
1
2
3
4
5
6
|
@Override
protected
CordovaWebView makeWebView() {
SystemWebView webView = (SystemWebView) findViewById(R.id.cordovaWebView);
CordovaWebView cordovaWebView =
new
CordovaWebViewImpl(
new
SystemWebViewEngine(webView));
return
cordovaWebView;
}
|
cordovaWebView对于xml里的SystemWebView 控件
|
1
2
3
4
5
6
7
8
9
10
|
@Override
protected
void
createViews() {
if
(preferences.contains(
"BackgroundColor"
)) {
int
backgroundColor = preferences.getInteger(
"BackgroundColor"
, Color.BLACK);
// Background of activity:
appView.getView().setBackgroundColor(backgroundColor);
}
appView.getView().requestFocusFromTouch();
}
|
5. 效果图
本文转自Work Hard Work Smart博客园博客，原文链接：http://www.cnblogs.com/linlf03/p/7088821.html，如需转载请自行联系原作者
