iphone - uiwebview(iphone)上的自定义按钮

Question

我想在 webView 上添加自定义按钮。当我尝试 url 中的任何内容时，它们也应该在那里。

这怎么可能？？

基本上我想在 uiwebView 上放置按钮，它们是自定义按钮

//编辑代码...

我正在这样做...此处出现链接但未调用方法...并且您的代码中没有任何错误..:)

NSString *imagePath = [[NSBundle mainBundle] resourcePath];
imagePath = [imagePath stringByReplacingOccurrencesOfString:@"/" withString:@"//"];
imagePath = [imagePath stringByReplacingOccurrencesOfString:@" " withString:@"%20"];

NSString *HTMLData = @"<html<a href=\"button://dosomething\" class=\"buttonStyle\">Click me!</a>--></style><br><br>";

[webView loadHTMLString:HTMLData baseURL:[NSURL URLWithString: [NSString stringWithFormat:@"file:/%@//",imagePath]]];

然后

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request   navigationType:(UIWebViewNavigationType)navigationType 
{
    // only do something if a link has been clicked...
    if (navigationType == UIWebViewNavigationTypeLinkClicked) {     

        // check if the url requests starts with our custom protocol:
        if ([[[request URL] absoluteString] hasPrefix:@"button://"]) {
            // Do custom code
            return NO;
        } 
    }
    return YES;
}

Answer 1

您只需使用链接并为其设置样式。

类似于:

<a href="#" class="buttonStyle">Click me!</a>

看看http://www.cssbuttongenerator.com/ ，很容易创建自己的按钮并让它为您生成 css 代码。实际上，您必须单击“自行创建”按钮才能生成代码。

通过点击 html 中的链接(按钮)执行自定义代码

首先，您必须遵守 UIWebViewDelegate 协议(protocol)，并相应地设置委托(delegate)。

然后实现shouldStartLoadWithRequest。

你的按钮链接应该是这样的:

<a href="button://dosomething" class="buttonStyle">Click me!</a>

我们正在使用我们编写的自定义协议(protocol):button://。

现在像这样实现 shouldStartLoadWithRequest:

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType 
{
    // only do something if a link has been clicked...
    if (navigationType == UIWebViewNavigationTypeLinkClicked) {     

            // check if the url requests starts with our custom protocol:
        if ([[[request URL] absoluteString] hasPrefix:@"button://"]) {
            // Do custom code
            return NO;
        } 
    }

    return YES;
}

就是这样。