HTML5 实现Android app样例

最新推荐文章于 2024-05-14 08:42:11 发布

牵手生活

最新推荐文章于 2024-05-14 08:42:11 发布

阅读量1.6k

点赞数

分类专栏： Android开发知识体系文章标签： Html5编写android app

本文链接：https://blog.csdn.net/caizhigui/article/details/50420597

版权

Android开发知识体系专栏收录该内容

100 篇文章 1 订阅

订阅专栏

第一次听说android app其实也可以用HTML5编写，到android官网看到一个样例，发现其实还需要javaScript的语言知识，实现后分享给大家。

新建LearnHelloWebApp

activity_main.xml中添加

<WebView

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:id="@+id/webView"

    />

在assets目录中创建www目录并在其下放置两个index.HTML和index.js的文件

Index.html

<!DOCTYPE html>

<html>

<head>

<script src="index.js"></script>

</head>

<body>

  输入你的名字?

<input id="name" value="" />

<button οnclick="sayhello()">say hello</button>

  这是一个用HTML5编写的index.html网页，javascript编写事件。文件在android工程的assets\www目录中，文件名分别是index.html及index.js

</body>

</html>

Index.js

function sayhello() {

   alert('hi,' + document.getElementById('name').value + '!');

}

MainActivity.java代码

public class MainActivity extends AppCompatActivity {

  

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

  

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

        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebChromeClient(new WebChromeClient());

        webView.loadUrl("file:///android_asset/www/index.html");

  

    }

}

牵手生活

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5 实现Android app样例

第一次听说android app其实也可以用HTML5编写，到android官网看到一个样例，发现其实还需要javaScript的语言知识，实现后分享给大家。新建LearnHelloWebAppactivity_main.xml中添加
复制链接

扫一扫