美文网首页小技巧Android安卓资源收集
利用WebView加载手机端网页实现APP封装

利用WebView加载手机端网页实现APP封装

作者: 王一航 | 来源:发表于2016-07-03 23:04 被阅读976次

**思路 : **
安卓端只使用一个Activity
此Activity中只包含WebView这个控件
并且隐藏此Activity的标题栏
这样只要我们前端对手机浏览器的适配做的很好
我们这个WebView做成的APP完全就可以当成一个具有完整功能的APP


**代码 : **

  • manifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="cn.edu.hit.webview">

<!-- 网络使用权限 -->
<uses-permission android:name="android.permission.INTERNET" />

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/Theme.AppCompat.NoActionBar">
    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

</manifest>


* **activity_main.xml**

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
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">

<WebView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    android:layout_alignParentStart="true"/>

</RelativeLayout>

* **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);
}

}

相关文章

网友评论

本文标题:利用WebView加载手机端网页实现APP封装

本文链接:https://www.haomeiwen.com/subject/auscjttx.html