HTML5 实现Android app样例

第一次听说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 onclick="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");  } }

更多相关文章

随机推荐