添加自定义WebViewClient代码后Android WebView应用底部按钮消失的解决方法

嘿，我帮你排查了下问题，其实按钮消失和你添加的自定义WebViewClient没有直接关系，问题出在你的布局文件里的属性冲突上！

问题根源分析 #

你用的是ConstraintLayout作为根布局，但给两个底部按钮加了android:layout_x和android:layout_y这两个绝对布局属性，这会干扰ConstraintLayout的约束逻辑，导致按钮的位置计算混乱。再加上第一个按钮同时设置了layout_marginStart和layout_marginLeft两个冲突的边距值，最终让按钮被挤出屏幕或者被WebView覆盖，看起来就像消失了。

具体解决方案 #

1. 修复布局文件（activity_main.xml）

移除按钮的绝对位置属性，调整约束让两个按钮平分底部宽度：

<!-- 修改后的Chiudi按钮 -->
<Button
    android:id="@+id/button"
    android:layout_width="0dp" <!-- 设置为0dp让ConstraintLayout自动分配宽度 -->
    android:layout_height="41dp"
    android:background="#0000ff"
    android:onClick="clickexit"
    android:text="Chiudi"
    android:textColor="@color/white"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toEndOf="@+id/button2" />

<!-- 修改后的Home按钮 -->
<Button
    android:id="@+id/button2"
    android:layout_width="0dp"
    android:layout_height="41dp"
    android:background="#0000ff"
    android:onClick="gohome"
    android:text="Home"
    android:textColor="@color/white"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/button"
    app:layout_constraintStart_toStartOf="parent" />

2. 修正自定义WebViewClient的上下文引用

在你的自定义WebViewClient里，context.getPackageName()会报错，因为你没有在内部类里正确引用Activity上下文，改成MainActivity.this.getPackageName()即可：

webView = findViewById(R.id.webView);
// 替换原来的默认WebViewClient为自定义版本
webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView wView, String url) {
        if (url.startsWith("mailto:") || url.startsWith("tel:") || url.startsWith("geo:") || url.startsWith("http:") || url.startsWith("https:")) {
            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
            startActivity(intent);
            return true;
        } else if (url.startsWith("whatsapp:")) {
            Intent sendIntent = new Intent();
            sendIntent.setAction(Intent.ACTION_SEND);
            sendIntent.putExtra(Intent.EXTRA_TEXT, "This is my text to send.");
            sendIntent.setType("text/plain");
            sendIntent.setPackage("com.whatsapp");
            startActivity(sendIntent);
            return true;
        } else if (url.startsWith("spotify:")) {
            Intent intent = new Intent(Intent.ACTION_VIEW);
            intent.setData(Uri.parse( "spotify:album:0sNOF9WDwhWunNAHPD3Baj"));
            // 修正上下文引用
            intent.putExtra(Intent.EXTRA_REFERRER, Uri.parse("android-app://" + MainActivity.this.getPackageName()));
            startActivity(intent);
            return true;
        }
        return false;
    }
});
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("https://d...app");

最后说明 #

你之前的默认WebViewClient可能刚好没触发布局的异常重绘，而替换成自定义版本后触发了布局刷新，才让按钮消失的问题显现出来。只要修复布局的属性冲突，按钮就能正常显示，同时你的自定义URL拦截逻辑也能正常工作。

内容的提问来源于stack exchange，提问作者Roberto