Android-webview教程一

最近调研webview的东西,先从在android下如何添加一个webview开始。

注:本教程不讨论如何安装android开发环境。

开发平台:Mac
开发工具:Android Studio
版本控制:Git
代码托管:GitHub

下面是新建项目的流程:

Android-webview教程一_第1张图片
Android-webview教程一_第2张图片
Android-webview教程一_第3张图片
Android-webview教程一_第4张图片
Android-webview教程一_第5张图片
Android-webview教程一_第6张图片

稍等一会,就会看到下图:

Android-webview教程一_第7张图片

创建虚拟设备:

Android-webview教程一_第8张图片

运行:

Android-webview教程一_第9张图片

结果:

Android-webview教程一_第10张图片

添加webview:

用到的三个文件:

java/MainActivity.java //控制文件

layout/activity_main.xml //布局文件

manifests/AndroidManifest.xml //配置文件

首先在布局文件里面添加webview:


接着在控制文件里面实例化webview:

public class MainActivity extends AppCompatActivity {

private WebView mWebView;
--------------------------

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mWebView = (WebView) findViewById(R.id.mwebview);
    ----------------------------------------------------
    mWebView.loadUrl("http://cn.bing.com/");
    ----------------------------------------------------
    }
}

虚线上是添加的代码,此时运行会遇到一个错误:

Android-webview教程一_第11张图片

多数是因为:配置文件没有增加,webview访问网络的权限。

参考:http://stackoverflow.com/questions/25664146/android-4-4-giving-err-cache-miss-error-in-onreceivederror-for-webview-back

增加权限:

    //....
    
    

结果:

Android-webview教程一_第12张图片

你可能感兴趣的:(Android-webview教程一)