安卓论坛

标题: 手把手教你用android studio创建第一个安卓程序加载html5页面 [打印本页]

作者: admin    时间: 2015-11-5 11:48
标题: 手把手教你用android studio创建第一个安卓程序加载html5页面

前言

软件版本:android studio v1.0正式版,由于v0.x以来软件变化一直比较大,很多问题搜索的解决方案也都是v0.x版本时代的,故首先声明一下版本。

动机:由于工作中需要对移动端软件开发的几种方式进行一下对比研究,故有了此文章的产生,估计后续还会有其他技术方案的文章发布。

目标:为了适应跨平台的要求,所以用html5编写页面,利用webview装载html5页面就成为了一个备选的技术路线。本篇文章就是利用android studio创建一个apk程序,装载编写好的html5页面,以此达到快速生成跨平台的程序。

正文

指定工程名称和路径

[attach]25[/attach]

指定最小支持的sdk版本和创建的app运行设备类型

[attach]26[/attach]

选择一个activity

[attach]27[/attach]

finish

[attach]28[/attach]

现在看到的工程结构

[attach]29[/attach]

预览看一下效果

[attach]30[/attach]

到此,helloword已经编写好了,只要把android需要的sdk和相关的驱动配置好,还是很好上手的。

此处以打开一个百度页面为例进行演示

打开MainActivity.java页面,修改oncreate函数

[attach]31[/attach]

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


[attach]32[/attach]

预览看一下效果

[attach]33[/attach]

提示wabpage not available错误,那么我们在AndroidManifest.xml文件中添加权限


[attach]34[/attach]

现在预览看一下效果,百度页面可以正常打开了

[attach]35[/attach]

这一步演示如何打开本地的html页面,该示例同样已百度为例,只不过改为先另存一份百度的html页面,然后加载本地的html页面,此处百度页面另存为index.htm

新建assets目录,用来存放html页面。右键app->new->folder->assetsfolder

[attach]36[/attach]

[attach]37[/attach]

html页面放入assets目录

[attach]38[/attach]

打开页面的地址改为本地页面地址

webview.loadUrl(file:///android_asset/index.html);

看一下预览的效果

[attach]39[/attach]


app-release.apk就是生成的安装包了。

下班了,今天就写到这里了,到目前为止,基本的功能已经完成了,但是很多细节部分的内容还有待调整,明天待续下一篇。

最后附源码下载

以上就介绍了手把手教你用android studio创建第一个安卓程序加载html5页面(一),包括了方面的内容,希望对Android开发有兴趣的朋友有所帮助。







欢迎光临 安卓论坛 (http://android.hh85.com/) Powered by Discuz! X3.2