如何禁用放大/缩小 webview 但增加 Pinch 上的字体大小

Question

我正在 andorid studio 上开发一个简单的应用程序，我在其中使用 webview 并加载一个带有一个标题（h1）的简单 html 页面，我已经通过在放大/缩小时调用 javascript 函数来增加字体大小。 现在我想要的是禁用 webview 的缩放，但在捏合时增加字体大小。

function resizeText(p1) {
    document.getElementById("h1test").style.fontSize = p1;}

这是我增加 h1 字体大小的简单 javascript 函数。

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private int scalechange;
   private int scale = 20;
   //private int fontsize;
   private String finalscale="";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webView);
        //fontsize = webView.getSettings().getDefaultFontSize();
        webView.setWebViewClient(new WebViewClient() {



            @Override
            public void onScaleChanged(WebView view, float oldScale, float newScale) {
                super.onScaleChanged(view, oldScale, newScale);

                if(oldScale <= newScale){
                   scale += 1;
                    //float a= scale+1;
                    finalscale = String.valueOf(scale);

                    Log.d("ZoomIn", finalscale);

                }
                else {
                    //float a = scale-1;
                    scale -=1;
                    finalscale = String.valueOf(scale);
                    Log.d("ZoomOut", finalscale);


                }
                //changeFontSize(scale);
                //webView.loadUrl("javascript:testsize('"+scale+"')");
                webView.loadUrl("javascript:resizeText('"+scale+"')");
              // webView.loadUrl("javascript:(document.body.style.fontSize ='"+scale+"');");
                //Toast.makeText(MainActivity.this, "check", Toast.LENGTH_SHORT).show();
                //webView.loadUrl("javascript:js_style('"+scale+"')");


            }
            @Override
            public void onPageFinished(WebView view, String url) {

            }
        });
        webView.getSettings().setSupportZoom(true);
        webView.getSettings().setLoadWithOverviewMode(true);
        webView.getSettings().setUseWideViewPort(true);
        webView.getSettings().setBuiltInZoomControls(true);
        webView.getSettings().setDisplayZoomControls(false);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("file:///android_asset/index.html");
    }


    private void changeFontSize(int value) {
        webView.getSettings().setDefaultFontSize(value);
    }


}

这是我现在正在做的代码，它与 .setSupportZoom(true) 完美配合。但我不想缩放整个 webview，只增加和减少捏合时的字体大小。 请需要一些帮助！ 提前致谢

Answer 1

class MyWebView(context: Context, attributeSet: AttributeSet?) :
 WebView(context, attributeSet) {

    var textZoomF = settings.textZoom.toFloat()

    private val scaleListener = object : ScaleGestureDetector.SimpleOnScaleGestureListener() {
        override fun onScale(detector: ScaleGestureDetector): Boolean {
            textZoomF = (textZoomF * detector.scaleFactor).coerceIn(10f, 1000f)
            settings.textZoom = textZoomF.toInt()
            return true
        }
    }

    private val mScaleDetector = ScaleGestureDetector(context, scaleListener)

    override fun onTouchEvent(ev: MotionEvent): Boolean {
        if (!mScaleDetector.onTouchEvent(ev))
            super.onTouchEvent(ev)
        return true
    }
}