在 Android 中，WebView 本质上是一个用于显示网页内容的视图组件。要在 WebView 中绘制 UI 元素，你需要编写 HTML、CSS 和 JavaScript 代码，然后将这些代码加载到 WebView 中。以下是一个简单的示例：
首先，在 Android 项目的 assets 文件夹中创建一个 HTML 文件，例如 my_webview_content.html，并添加一些 UI 元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, sans-serif;
padding: 16px;
}
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Hello WebView!</h1>
<button id="myButton">Click me</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
alert("Button clicked!");
});
</script>
</body>
</html>在 Android 项目中，找到你的布局文件（例如 activity_main.xml），并添加一个 WebView 组件：
<WebView
android:id="@+id/webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />在你的 Activity（例如 MainActivity.java）中，加载这个 HTML 文件到 WebView：
import android.webkit.WebView;
// ...
@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); // 如果需要使用 JavaScript，请启用它
webView.loadUrl("file:///android_asset/my_webview_content.html");
}这样，当你运行你的 Android 应用时，WebView 将显示 my_webview_content.html 中的 UI 元素。你可以根据需要修改 HTML、CSS 和 JavaScript 代码来创建更复杂的 UI。
安卓可以自己直接把内置元素绘制在webview上面吗？
不可以。WebView 是一个 Android 组件，用于显示网页内容，它不能直接绘制 Android 的内置 UI 元素。你不能直接将 Android 的 Button、TextView 等组件添加到 WebView 中。
如果你想在 WebView 上显示一些 UI 元素，你需要使用 HTML、CSS 和 JavaScript 来创建这些元素，然后将这些代码加载到 WebView 中。
然而，你可以在布局文件中将 WebView 和其他 Android UI 组件放在同一个布局中，这样它们就可以在同一个屏幕上显示。例如，你可以创建一个包含 WebView 和 Button 的 LinearLayout，这样 Button 就会显示在 WebView 上方或下方。
如果你需要在 WebView 中的网页和 Android 应用之间进行交互（例如，点击网页中的按钮触发 Android 应用中的操作），你可以使用 WebView 提供的 JavaScript 接口。
Android 和 WebView 之间的通信主要通过两种方式实现：JavaScriptInterface 和 WebViewClient。
JavaScriptInterface：这是 Android 提供的一种方式，可以让 JavaScript 调用 Android 的本地方法。首先，你需要在 Android 代码中创建一个类，然后在这个类中定义一些供 JavaScript 调用的方法。然后，你可以使用 addJavascriptInterface 方法将这个类的一个实例添加到 WebView 中。在 JavaScript 代码中，你可以使用 window 对象上的这个实例来调用这些方法。
例如：
public class WebAppInterface {
Context mContext;
/** Instantiate the interface and set the context */
WebAppInterface(Context c) {
mContext = c;
}
/** Show a toast from the web page */
@JavascriptInterface
public void showToast(String toast) {
Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
}
}
WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");在 JavaScript 中：
Android.showToast("Hello Android!");WebViewClient：这是另一种方式，可以让 Android 捕获 WebView 中的 URL 加载请求。你可以重写 shouldOverrideUrlLoading 方法，然后在这个方法中检查 URL，如果 URL 匹配某种模式，你可以拦截这个请求，然后执行相应的 Android 代码。
例如：
webView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.startsWith("myapp://")) {
// Handle the URL
return;
}
return;
}
});在 JavaScript 中：
window.location.href = "myapp://dosomething";这两种方式都有各自的优缺点，你可以根据实际需求选择使用。
扫一扫
968
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
