利用web实现android的界面,利用WebView加载手机端网页实现APP封装

**思路 : **

安卓端只使用一个Activity

此Activity中只包含WebView这个控件

并且隐藏此Activity的标题栏

这样只要我们前端对手机浏览器的适配做的很好

我们这个WebView做成的APP完全就可以当成一个具有完整功能的APP

**代码 : **

manifest.xml

package="cn.edu.hit.webview">

android:allowBackup="true"

android:icon="@mipmap/ic_launcher"

android:label="@string/app_name"

android:supportsRtl="true"

android:theme="@style/Theme.AppCompat.NoActionBar">

* **activity_main.xml**

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="0dp"

android:paddingLeft="0dp"

android:paddingRight="0dp"

android:paddingTop="0dp"

tools:context="cn.edu.hit.webview.MainActivity">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/webView"

android:layout_alignParentStart="true"/>

* **MainActivity.java**

package cn.edu.hit.webview;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.KeyEvent;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

//声明控件

WebView webView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

loadWebView();//开始加载页面

}

//加载页面

public void loadWebView(){

//初始化webview

webView = (WebView) findViewById(R.id.webView);

//加载网页

webView.loadUrl("http://www.jianshu.com/users/bf30f18c872c/latest_articles");

//覆盖webView默认通过系统浏览器打开网页的方式

webView.setWebViewClient(new WebViewClient());

//获取WebView类设置对象

WebSettings settings = webView.getSettings();

//使webView支持js

settings.setJavaScriptEnabled(true);

//设置webView缓存模式

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//(优先使用缓存)

//webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);//(不使用缓存)

}

//重写物理按键的返回逻辑(实现返回键跳转到上一页)

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

//用户触摸返回键

if(keyCode == KeyEvent.KEYCODE_BACK){

//判断webView能否返回上一页(是否存在历史记录)

if(webView.canGoBack()){

webView.goBack();

return true;//直接返回,不执行父类点击事件

}else{

System.exit(0);

}

}

return super.onKeyDown(keyCode, event);

}

}