Question

我正在处理我的第一个应用，它涉及从网站上的大量文本中搜索特定的文本字符串。我希望能够搜索特定字符串并突出显示所有实例，并且当用户输入更多内容时，它将自动更新突出显示的事件。与任何浏览器中的查找功能类似。

我在这里发现了this问题，他们使用UIWebViewSearch.js来实现这一点，但我不确定如何将该文件添加到我的项目中，或者如何使用它。

到目前为止，我已经在我的应用中添加了一个搜索栏，但尚未对其进行任何操作。想要使用此功能以及搜索栏来搜索文本。

这是我的ViewController代码：

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var webView: UIWebView!
@IBOutlet weak var searchBar: UISearchBar!

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    // Place custom HTML onto the screen
    let myURL = Bundle.main.url(forResource: "myHTML", withExtension: "html")
    let requestObj = URLRequest(url: myURL!)
    webView.loadRequest(requestObj)


    // Code that provides a string containing
    // JS code, ready to add to a webview.
    if let path = Bundle.main.path(forResource: "UIWebViewSearch", ofType: "js"),
        let jsString = try? String(contentsOfFile: path, encoding: .utf8) {
        print(jsString)
    } // end if


    func searchBarSearchButtonClicked() {
        let startSearch = "uiWebview_HighlightAllOccurencesOfString('\(str)')"

        self.newsWebView .stringByEvaluatingJavaScript(from: startSearch)
    }


} // end of viewDidLoad


override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
} // end of didReceiveMemoryWarning


} // end of class ViewController

Answer 1

正如@ jon-saw所说：欢迎来到StackOverflow：）

我将回答您如何将JavaScript文件添加到项目中......这应该让事情开始正确：）

添加文件

您可以通过多种方式向Xcode添加文件，但这里只有一个。

在Xcode中，在项目中，在左侧的Project导航器中导航到您要添加文件的位置。

右键单击并选择＆＃34;新文件...＆＃34;

选择＆＃34;清空＆＃34;然后单击＆＃34;下一步＆＃34;

为您的文件UIWebViewSearch.js命名，然后点击＆＃34;创建＆＃34;
您现在在项目中有一个名为UIWebViewSearch.js的空文件，您可以在其中粘贴内容。

使用文件

现在您的项目中有文件，所以现在您只需要参考它。为此，您可以使用Bundle来为您加载项目中的资源。

如果你看一下你提到的the answer，你可以在- (NSInteger)highlightAllOccurencesOfString:(NSString*)str

NSString *path = [[NSBundle mainBundle] pathForResource:@"UIWebViewSearch" ofType:@"js"];
NSString *jsCode = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];

翻译成Swift，看起来像这样：

if let path = Bundle.main.path(forResource: "UIWebViewSearch", ofType: "js"),
   let jsString = try? String(contentsOfFile: path, encoding: .utf8) {
    print(jsString)
}

这应该会给你一个包含所有JS代码的String，准备好添加到WebView中。

希望能给你一些开始。

更新（在您对此帖添加评论后）

好的，所以你说：

我添加了我的ViewController代码，以便更好地沟通我所处的位置。对于如何实现他所指的代码的第二部分感到困惑。还不知道如何从searchBar调用搜索。我需要在＆＃39; searchBarSearchButtonClicked（）＆＃39;中调用一种方法吗？方法？刚刚在apple开发者文档中找到了这个方法，但不知道它是否是正确的。

让我们把它分解成碎片，我将从你的ViewController开始，因为你的viewDidLoad存在一些问题：

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    // Place custom HTML onto the screen
    let myURL = Bundle.main.url(forResource: "myHTML", withExtension: "html")
    let requestObj = URLRequest(url: myURL!)
    webView.loadRequest(requestObj)
    // Code that provides a string containing
    // JS code, ready to add to a webview.
    if let path = Bundle.main.path(forResource: "UIWebViewSearch", ofType: "js"),
        let jsString = try? String(contentsOfFile: path, encoding: .utf8) {
        print(jsString)
    } // end if


    func searchBarSearchButtonClicked() {
        let startSearch = "uiWebview_HighlightAllOccurencesOfString('\(str)')"

        self.newsWebView .stringByEvaluatingJavaScript(from: startSearch)
    }
}

您已将searchBarSearchButtonClicked 添加到 viewDidLoad内，但应将其自身声明为函数（我们稍后会再回复它））。

此外，正如我在下面的评论中所写：

...加载视图时运行的一部分，它从包中加载JavaScript。

因此，请修复您的viewDidLoad：

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.

    // Place custom HTML onto the screen
    let myURL = Bundle.main.url(forResource: "myHTML", withExtension: "html")
    let requestObj = URLRequest(url: myURL!)
    webView.loadRequest(requestObj)
    // Code that provides a string containing
    // JS code, ready to add to a webview.
    if let path = Bundle.main.path(forResource: "UIWebViewSearch", ofType: "js"),
        let jsString = try? String(contentsOfFile: path, encoding: .utf8) {
        print(jsString)
        //Use your jsString on the web view here.
        newsWebView.stringByEvaluatingJavaScript(from: jsString) 
    }
}

如您所见，searchBarSearchButtonClicked功能已被删除，我们现在在jsString上使用newsWebView。

好的，下一部分：

也不确定如何从searchBar调用搜索。我需要在＆＃39; searchBarSearchButtonClicked（）＆＃39;中调用一种方法吗？方法？刚刚在apple开发者文档中找到了这个方法，但不知道它是否是正确的。

您拥有在Apple开发人员文档中找到的searchBarSearchButtonClicked()方法，我猜测您的意思是this one

正如您在文档（顶部栏）中看到的，此功能来自UISearchBarDelete类。

Delegation是许多Apples框架中使用的设计模式。它允许你编写一些通用组件，并让其他人＆＃34; （代表）决定如何处理组件中的信息（我知道的错误解释）。

比如考虑你的UISearchBar。如果您要实现其他开发人员可以用作搜索栏的组件，那么当用户搜索某些内容时您会如何处理？我在想，你的顾客应该如何＆＃34; （使用您的组件的开发人员）处理这个？这样做的一种方法可能是开发人员应该继承UISearchBar并覆盖＆＃34;用户确实搜索方法＆＃34;。您还可以使用NSNotifications并让开发人员注册这些通知。这两种方法都不漂亮或聪明。

输入...代表。

UISearchBar有一个UISearchBarDelegate，UISearchBarDelegate只是一个协议，你可以看到。现在UISearchBar可以向其代表询问某些事情，或者告知代表重要事件。例如，当用户点击＆＃34;搜索＆＃34;按钮UISearchBar可以调用delegate.searchBarSearchButtonClicked(self)，这意味着＆＃34;嘿代表，用户点击了我的搜索按钮...只是认为你应该知道＆＃34;。然后代表可以按照自己的意愿做出回应。

这意味着任何类都可以符合UISearchBarDelegate并处理适合当前情况的各种任务。

好的，长篇大论，希望你明白它的主旨，我认为你应该阅读更多关于委托的内容，因为它是苹果框架中使用的模式：）

所以，在你的情况下，你有一个UISearchBar，你应该像这样给一个代表：

searchBar.delegate = self

您需要告诉编译器您打算实现UISearchBarDelegate协议。 Swift惯例是在extension之后ViewController执行此操作，只是为了保持分离：

extension ViewController: UISearchBarDelegate {

}

然后你还必须实现你有兴趣听的UISearchBarDelegate方法（请注意，某些协议有必要的方法，这意味着你必须实现它们但我不会＃ 39; t认为UISearchBar有（否则你会在第一次运行应用程序时崩溃：）。）。

所以在你的情况下，你提到了searchBarSearchButtonPressed。如您所见，它需要UISearchBar作为参数。所以你的功能看起来像这样：

func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
    guard let currentSearchText = searchBar.text else {
        return
    }
    let startSearch = "uiWebview_HighlightAllOccurencesOfString('\(currentSearchText)')"

    newsWebView.stringByEvaluatingJavaScript(from: startSearch)
}

所以......你从searchBar中获取当前文本，将其作为参数添加到startSearch字符串中，并将startSearch字符串传递给newsWebView。

整个扩展程序看起来像这样。

.... last part of your ViewController class
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    } // end of didReceiveMemoryWarning
} // end of class ViewController

extension ViewController: UISearchBarDelegate {
    func searchBarSearchButtonClicked(_ searchBar: UISearchBar) {
        guard let currentSearchText = searchBar.text else {
            return
        }
        let startSearch = "uiWebview_HighlightAllOccurencesOfString('\(currentSearchText)')"

        newsWebView.stringByEvaluatingJavaScript(from: startSearch)
    }
}

您的viewDidLoad看起来像这样（您必须将自己添加为searchBar的代理人）

override func viewDidLoad() {
    super.viewDidLoad()
    searchBar.delegate = self //delegate set up
    // Do any additional setup after loading the view, typically from a nib.

    // Place custom HTML onto the screen
    let myURL = Bundle.main.url(forResource: "myHTML", withExtension: "html")
    let requestObj = URLRequest(url: myURL!)
    webView.loadRequest(requestObj)
    // Code that provides a string containing
    // JS code, ready to add to a webview.
    if let path = Bundle.main.path(forResource: "UIWebViewSearch", ofType: "js"),
        let jsString = try? String(contentsOfFile: path, encoding: .utf8) {
        print(jsString)
        //Use your jsString on the web view here.
        newsWebView.stringByEvaluatingJavaScript(from: jsString) 
    }
}

如何使用Swift在WebView中查找和突出显示文本

1 个答案:

添加文件

使用文件

更新（在您对此帖添加评论后）