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