webview

zhoujiayin111111

于 2019-09-15 20:21:57 发布

阅读量125

点赞数 1

本文链接：https://blog.csdn.net/weixin_45375472/article/details/100861564

版权

webview

一.html页面
二.Webview显示网页：
三.混合开发：安卓和js做交互：

一.html页面

<!DOCTYPE html>
<html>
	<!--头-->
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//定义方法：修改文字
			function text(){
				//找到text_id控件修改
				document.getElementById("text_id").innerText="哈哈哈哈";
			}
			function text_arg(str){
	
				//找到text_id控件修改
				document.getElementById("text_id").innerText=str;
			}
			
			//定义方法：修改图片
			function image(){
				//找到img_id控件修改
				document.getElementById("img_id").src="img/HBuilder.png";
			}
			function image_arg(img_src){
				//找到img_id控件修改
				document.getElementById("img_id").src=img_src;
			}
			
			//js调用安卓代码
			function tusi(){
				window.android.tusi();
			}
		</script>
	</head>
	<!--身体-->
	<body>
		<p id="text_id">我是文字</p>
		<img id="img_id" width="200" height="200"
			src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1562587162663&di=58b961a5726901f5d3b97f8924ddc189&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201811%2F10%2F20181110102045_jwqny.jpg"/>
		<button id="bt1_id" οnclick="tusi()">调用安卓代码弹出对话框</button>
		<button id="bt2_id" οnclick="text('湖的样真帅')">修改文字</button>
		<button id="bt3_id" οnclick="image_arg('img/HBuilder.png')">修改图片</button>
	</body>
</html>

二.Webview显示网页：

1.加载本地assets下面的HTML

  webview.loadUrl("file:///android_asset/camera.html");

2.加载外部网页

 webView.loadUrl("http://www.baidu.com");
         webView.setWebViewClient(new WebViewClient(){//将网页加载到自己的webview中
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                 view.loadUrl("http://www.baidu.com");
                 return true;
             }
         });

3.加载也免得过程中显示进度

final ProgressDialog progressDialog = new ProgressDialog(this);
        progressDialog.setMessage("正在加载");
        progressDialog.show();
        //TODO 2：设置加载进度，当没有加载完毕 显示进度条对话框
        webView.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                Log.d("ytx", "onProgressChanged: "+newProgress);
                if(newProgress==100){
                    progressDialog.dismiss();
                }
            }
        });

三.混合开发：安卓和js做交互：

1.安卓调JS代码

webview.getSettings().setJavaScriptEnabled(true);//设置允许访问js
 webview.getSettings().setAllowFileAccess(true);//设置允许访问文件

2.JS调Android

public class MainActivity extends AppCompatActivity {
    private WebView webview;


    @SuppressLint("JavascriptInterface")
    @JavascriptInterface
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webview = (WebView) findViewById(R.id.webview);
        if (Build.VERSION.SDK_INT>=Build.VERSION_CODES.M){
            requestPermissions(new String[]{Manifest.permission.WRITE_EXTERNAL_STORAGE,Manifest.permission.READ_EXTERNAL_STORAGE,Manifest.permission.CAMERA},100);
        }

        webview.loadUrl("file:///android_asset/camera.html");
        webview.getSettings().setJavaScriptEnabled(true);//设置允许访问js
        webview.getSettings().setAllowFileAccess(true);//设置允许访问文件
        webview.addJavascriptInterface(this,"zhoujiayin");

    }
    Uri uri;
    @JavascriptInterface
    public void paizhao(){
        Toast.makeText(this,"lalala",Toast.LENGTH_SHORT).show();
        Intent intent = new Intent();
        intent.setAction(MediaStore.ACTION_IMAGE_CAPTURE);
        uri = FileProvider.getUriForFile(this,"com.example.day013",new File("/sdcard/DCIM/html.jpg"));
        intent.putExtra(MediaStore.EXTRA_OUTPUT,uri);
        startActivityForResult(intent,101);
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode==101&& resultCode== Activity.RESULT_OK){
            webview.loadUrl("JavaScript:change_image('/sdcard/DCIM/html.jpg')");
        }
    }
}

3.html

<!DOCTYPE html>
<html>
   <head>
   	<meta charset="UTF-8">
   	<title></title>
   	<script type="text/javascript">
   		function camera(){
   			window.zhoujiayin.paizhao();
   		}
   		function change_image(path){
   			document.getElementById("image").src=path;
   		}
   	</script>
   </head>
   <body>
   	<img id="image" src="" width="200" height="200" />
   	<button οnclick="camera()">拍照</button>
   </body>
</html>

4.清单文件

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.day013">

   <uses-permission android:name="android.permission.INTERNET"></uses-permission>
   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"></uses-permission>
   <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission>
   <uses-permission android:name="android.permission.CAMERA"></uses-permission>
   <application
       android:allowBackup="true"
       android:icon="@mipmap/ic_launcher"
       android:label="@string/app_name"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:supportsRtl="true"
       android:theme="@style/AppTheme">
       <activity android:name=".MainActivity">
           <intent-filter>
               <action android:name="android.intent.action.MAIN" />

               <category android:name="android.intent.category.LAUNCHER" />
           </intent-filter>
       </activity>
       <provider
           android:authorities="com.example.day013"
           android:name="androidx.core.content.FileProvider"
           android:grantUriPermissions="true"
           android:exported="false">
           <meta-data android:name="android.support.FILE_PROVIDER_PATHS"
               android:resource="@xml/paths"></meta-data>
       </provider>
   </application>

</manifest>

5.path文件

<paths xmlns:android="http://schemas.android.com/apk/res/android">
   <external-path
       name="mypath"
       path="DCIM"></external-path>
</paths>

zhoujiayin111111

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webview

webview一.html页面二.Webview显示网页：1.加载本地assets下面的HTML2.加载外部网页3.加载也免得过程中显示进度三.混合开发：安卓和js做交互：1.安卓调JS代码2.JS调Android3.html4.清单文件5.path文件一.html页面<!DOCTYPE html><html>  <head&gt...
复制链接

扫一扫