ビューのタッチ位置をWebViewのHTML画面位置に変換する

Question

WebViewにはassetsフォルダ内にローカルHTMLページが表示されています。 WebViewはActivityの大きなレイアウトの一部です。私はEditTextウィジェットのテキストをWebViewの入力要素にドラッグできるようにしようとしています。ドラッグリスナーが受け取った画面座標をdocument.elementFromPointが使用する画面座標に変換する以外はすべて正常に機能します。彼らは一致しません。それは入力ボックスにテキストを落とし続けるでしょう。入力ボックスはユーザーの指の下にあります。どんな助けもありがとう。警告：私のjavascriptの知識はかなり哀れです。

基本フロー：

1. のWebViewのonDragイベントはACTION_DROPイベントをキャッチ。
2. イベントのX、Y位置はJavaScript関数に渡される
3. Javascript機能要素点に基づいて、私の活動に

値を更新発見：

private class OnWebViewDragListener implements OnDragListener { 
    public boolean onDrag(View v, DragEvent event) { 
     switch (event.getAction()) { 
      case DragEvent.ACTION_DROP: 
       String dropText = event.getClipData().getItemAt(0).getText().toString(); 
       mJavaScript._dropText(mWebView, dropText, event.getX(), event.getY()); 
       return true; 

      default: 
       break; 
     } 

     return false; 
    } 
} 

Javascriptのラッパー。

public void _dropText(WebView wv, String text, float x, float y) { 
    wv.loadUrl("javascript:dropText('" + text + "', " + x + ", " + y + ")"); 
} 

javascript関数：

<script type="text/javascript"> 
function dropText(text, x, y) { 
    var elem = document.elementFromPoint(x, y); 

    if (elem.tagName == "INPUT") { 
     elem.value = text; 
    } 
} 
</script> 

Answer 1

コンバージョンをもっと複雑にしてから、必要なものにしていました。 AndroidのWebViewとWebPageの両方は、表示可能なビューポートのサイズに基づいて独自の座標系を持っています。はい、両方とも異なるサイズのビューポートを報告します。両方のビューポートをスクロールすることはできますが、スクロールした変更を含める必要はありません。単純な式：

DE =いるDragEvent
WV = WebViewの

X = DE.getX（）*（window.innerWidth/WV.getWidth（））。
y = DE.getY（）*（window.innerHeight/WV.getHeight（））;

は私のコードは、今どのように見えるか：活動の

：

private class OnWebViewDragListener implements OnDragListener { 
    public boolean onDrag(View v, DragEvent event) { 
     switch (event.getAction()) { 
      case DragEvent.ACTION_DROP: 
       String dropText = event.getClipData().getItemAt(0).getText().toString(); 
       mJavaScript._dropText(mWebView, dropText, event.getX(), event.getY()); 
       return true; 

      default: 
       break; 
     } 

     return false; 
    } 
} 

JavaScriptラッパー：

public void _dropText(WebView wv, String text, float x, float y) { 
    wv.loadUrl("javascript:dropText('" + text + "', " + x + ", " + y + ", " + wv.getHeight() 
      + ", " + wv.getWidth() + ")"); 
} 

のJavascript機能：

<script type="text/javascript"> 
function dropText(text, x, y, height, width) { 
    x *= (window.innerWidth/width); 
    y *= (window.innerHeight/height); 

    var elem = document.elementFromPoint(x, y); 

    if (elem.tagName == "INPUT") { 
     elem.value = text; 
    } 
} 
</script>