您的位置：首页 > 移动开发 > Android开发

HTML5 实现Android app样例

2015-12-28 18:22 501 查看


第一次听说androidapp其实也可以用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

<!DOCTYPEhtml>

<html>

<head>

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

</head>

<body>

输入你的名字?

<inputid="name"value=""/>

<buttononclick="sayhello()">sayhello</button>

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

</body>

</html>


Index.js

functionsayhello(){

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

}


MainActivity.java代码

publicclassMainActivityextendsAppCompatActivity{

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

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

webView.getSettings().setJavaScriptEnabled(true);

webView.setWebChromeClient(newWebChromeClient());

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

}

}



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航