一.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>