单击另一个 Web 视图上的图像后在 Web 视图中打开图像？

Question

我正在开发一个 iPhone 应用程序，其中有大表格可以在网络视图上显示。我计划在实际表格的位置提供一个小图像，当用户单击它时，实际图像将在另一个 webView 中打开。我正在寻找正确的方向。请帮忙。

Answer 1

为包含小图像的第一个 Web 视图实现 UIWebViewDelegate 协议方法 shouldStartLoadWithRequest。

当用户单击您的图像时，您需要拦截此事件并决定做什么以及如何做。

shouldStartLoadWithRequest 方法。请参阅 UIWebView 文档 了解更多详细信息。 shouldStartLoadWithRequest 必须返回一个 BOOL 来指示 webview 应该继续执行用户执行的操作（返回 YES）或不继续（返回 NO）。

现在您知道已单击链接，您必须确保它是图像。这是通过评估请求参数传回的 url 来完成的。我在示例中编写了一个方法 clickedOnImageWithUrl ，如果单击图像，该方法将返回 YES 。但是，我不知道链接中嵌入的小图像是什么样子，我无法提供有关该方法的更多详细信息。如果返回 YES，您可以显示新的 webView。

然后，代码可能如下所示以拦截单击的链接：

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)aRequest navigationType:(UIWebViewNavigationType)navigationType
{
    if (navigationType == UIWebViewNavigationTypeLinkClicked) {
        // check if user clicked on your image...clickedOnImageWithUrl is made up
        if([self clickedOnImageWithUrl:[aRequest url]]) {

             // push new webview with image ...

             return NO;
        }            
    }

    return YES;
}

Answer 2

@Yogi：当你要在另一个 webView 中显示图像时，为什么要在 UIWebView 之上有一个表格视图。我想只有一个 WebView 就足够了。顺便说一句，您可以通过拥有图像详细信息的字典或者甚至包含图像 url 的数组来实现您想要的功能。在UITableViewDelegate方法中，

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

您可以使用indexpath将图像的url传递给webview，webview可以打开url来查看图像。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
// Get the url for the image here
NSUrlRequest *urlRequest = [NSUrlRequest requestWithURL:urImageUrl];
[urWebView loadRequest:urlRequest];
}