用android studio创建第一个安卓程序加载html5 页面

千磨万击还坚劲,任尔东西南北风。这篇文章主要讲述用android studio创建第一个安卓程序加载html5 页面相关的知识,希望能为你提供帮助。
前言软件版本:android studio v1.0正式版,由于v0.x以来软件变化一直比较大,很多问题搜索的解决方案也都是v0.x版本时代的,故首先声明一下版本。
动机:由于工作中需要对移动端软件开发的几种方式进行一下对比研究,故有了此文章的产生,估计后续还会有其他技术方案的文章发布。
目标:为了适应跨平台的要求,所以用html5编写页面,利用webview装载html5页面就成为了一个备选的技术路线。本篇文章就是利用android studio创建一个apk程序,装载编写好的html5页面,以此达到快速生成跨平台的程序。
正文

  • 1.创建一个android工程
指定工程名称和路径
用android studio创建第一个安卓程序加载html5 页面

文章图片

指定最小支持的sdk版本和创建的app运行设备类型
用android studio创建第一个安卓程序加载html5 页面

文章图片

选择一个activity
用android studio创建第一个安卓程序加载html5 页面

文章图片

finish
用android studio创建第一个安卓程序加载html5 页面

文章图片

现在看到的工程结构
用android studio创建第一个安卓程序加载html5 页面

文章图片

预览看一下效果
用android studio创建第一个安卓程序加载html5 页面

文章图片

到此,helloword已经编写好了,只要把android需要的sdk和相关的驱动配置好,还是很好上手的。
  • 2.载入一个远程的页面
此处以打开一个百度页面为例进行演示
打开MainActivity.java页面,修改oncreate函数
用android studio创建第一个安卓程序加载html5 页面

文章图片

private WebView webview;
      @Override
      protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              //setContentView(R.layout.activity_main);
              //实例化WebView对象
              webview = new WebView(this);
              //设置WebView属性,能够执行javascript脚本
              webview.getSettings().setJavaScriptEnabled(true);
              try {
                      //设置打开的页面地址
                      webview.loadUrl("http://www.baidu.com");
              }
              catch(Exception ex)
              {
                      ex.printStackTrace();
              }
              setContentView(webview);
      }
 
用android studio创建第一个安卓程序加载html5 页面

文章图片

预览看一下效果
【用android studio创建第一个安卓程序加载html5 页面】
用android studio创建第一个安卓程序加载html5 页面

文章图片

提示wabpage not available错误,那么我们在AndroidManifest.xml文件中添加权限
< uses-permission android:name="android.permission.INTERNET"/>
用android studio创建第一个安卓程序加载html5 页面

文章图片

现在预览看一下效果,百度页面可以正常打开了
用android studio创建第一个安卓程序加载html5 页面

文章图片

  • 3.打开本地页面
这一步演示如何打开本地的html页面,该示例同样已百度为例,只不过改为先另存一份百度的html页面,然后加载本地的html页面,此处百度页面另存为index.htm
新建assets目录,用来存放html页面。右键app-> new-> folder-> assetsfolder
用android studio创建第一个安卓程序加载html5 页面

文章图片

用android studio创建第一个安卓程序加载html5 页面

文章图片

html页面放入assets目录
用android studio创建第一个安卓程序加载html5 页面

文章图片

打开页面的地址改为本地页面地址
webview.loadUrl(file:///android_asset/index.html);
看一下预览的效果
用android studio创建第一个安卓程序加载html5 页面

文章图片

  • 4.发布apk
  • 按照图示的步骤一步步进行操作就可以了
  • 用android studio创建第一个安卓程序加载html5 页面

    文章图片
  • 用android studio创建第一个安卓程序加载html5 页面

    文章图片
  • 用android studio创建第一个安卓程序加载html5 页面

    文章图片
  •  
    用android studio创建第一个安卓程序加载html5 页面

    文章图片
  •  
    用android studio创建第一个安卓程序加载html5 页面

    文章图片
 
app-release.apk就是生成的安装包了。

    推荐阅读