Question

我正在开发一个xamarin.ios应用程序，将文本文件中的内容显示到webview中。我能够显示内容。

现在我需要添加搜索功能，以便所选字符串需要突出显示，并且SCROLL需要定位到搜索文本中。我在Javascript下面使用突出显示搜索到的文本，并突出显示正在按预期工作。

string startSearch = "MyApp_HighlightAllOccurencesOfString('" + searchStr + "')";
this.webView.EvaluateJavascript (startSearch);

如何使用此webview将滚动位置移动到搜索到的字符串？

提前致谢

Roshil K

Answer 1

您可以使用代码段重置WebView的滚动位置，如下所示：

    webView.ScrollView.ContentOffset = new CGPoint(0,50);

但你必须知道相关字符串的（x，y）点。我不熟悉Javascript，也许它可以由你的JS代码返回。

另外，我通过JS找到了一个解决方案，可以在这里帮助你：https://stackoverflow.com/a/38317775/5474400。

Answer 2

我通过将以下javascript添加到我现有的＆＃34; MyApp_HighlightAllOccurencesOfString＆＃34;来解决问题。的JavaScript。

var desiredHeight = span.offsetTop - 140;
window.scrollTo(0,desiredHeight);

我的完整Javascript如下。

this.webView.EvaluateJavascript ("// We're using a global variable to store the 

    number of occurrences
    var MyApp_SearchResultCount = 0;

    // helper function, recursively searches in elements and their child nodes
    function MyApp_HighlightAllOccurencesOfStringForElement(element,keyword) {
      if (element) {
        if (element.nodeType == 3) {        // Text node
          while (true) {
            var value = element.nodeValue;  // Search for keyword in text node
            var idx = value.toLowerCase().indexOf(keyword);

            if (idx < 0) break;             // not found, abort

            var span = document.createElement(\"span\");
            var text = document.createTextNode(value.substr(idx,keyword.length));
            span.appendChild(text);
            span.setAttribute(\"class\",\"MyAppHighlight\");
            span.style.backgroundColor=\"yellow\";
            span.style.color=\"black\";
            text = document.createTextNode(value.substr(idx+keyword.length));
            element.deleteData(idx, value.length - idx);
            var next = element.nextSibling;
            element.parentNode.insertBefore(span, next);
            element.parentNode.insertBefore(text, next);
            element = text;
            var desiredHeight = span.offsetTop - 140;
            window.scrollTo(0,desiredHeight);      MyApp_SearchResultCount++;\t// update the counter
          }
        } else if (element.nodeType == 1) { // Element node
          if (element.style.display != \"none\" && element.nodeName.toLowerCase() != 'select') {
            for (var i=element.childNodes.length-1; i>=0; i--) {
              MyApp_HighlightAllOccurencesOfStringForElement(element.childNodes[i],keyword);
            }
          }
        }
      }
    }

    // the main entry point to start the search
    function MyApp_HighlightAllOccurencesOfString(keyword) {
      MyApp_RemoveAllHighlights();
      MyApp_HighlightAllOccurencesOfStringForElement(document.body, keyword.toLowerCase());
    }

    // helper function, recursively removes the highlights in elements and their childs
    function MyApp_RemoveAllHighlightsForElement(element) {
      if (element) {
        if (element.nodeType == 1) {
          if (element.getAttribute(\"class\") == \"MyAppHighlight\") {
            var text = element.removeChild(element.firstChild);
            element.parentNode.insertBefore(text,element);
            element.parentNode.removeChild(element);
            return true;
          } else {
            var normalize = false;
            for (var i=element.childNodes.length-1; i>=0; i--) {
              if (MyApp_RemoveAllHighlightsForElement(element.childNodes[i])) {
                normalize = true;
              }
            }
            if (normalize) {
              element.normalize();
            }
          }
        }
      }
      return false;
    }

    // the main entry point to remove the highlights
    function MyApp_RemoveAllHighlights() {
      MyApp_SearchResultCount = 0;
      MyApp_RemoveAllHighlightsForElement(document.body);
    }");

在Xamarin.Ios

2 个答案: