zoukankan      html  css  js  c++  java
  • [iOS Hybrid实践:UIWebView中Html中用JS调用OC方法,OC执行JS代码]

    原理:

    1.JS调用OC

    每次webview执行跳转时都会被iOS给拦截,执行下面函数获得系统允许。

    因此可以根据跳转信息转给系统,执行相应功能,比如打开相册等。

    // 网页中的每一个请求都会被触发
    -(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

    2.OC调用JS:通过webview执行js函数实现

    [webView stringByEvaluatingJavaScriptFromString:@"postStr();"];

    HTML:

    <html>
    <head>
            <meta http-equiv="Content-Type" content="text/html"; charset="UTF-8"/>
            <title>HTML中用JS调用OC方法</title>
            <script>
                function getInfo(name)
                {
                    window.location = "/getInfo/"+name;
                }
    
                function postStr(){
                       return "I am script";
                  }
            </script>
    </head>
    <body>
        <h1 onclick="getInfo('openMyAlbum')">打开相册</h1>
        <br>
        <h1 onclick="getInfo('openMyCamera')">打开相机</h1>
    </body>
    </html>

    OC:

    #import "ViewController.h"
    
    @interface ViewController (){
        UIWebView *webView;
        UIActivityIndicatorView *activityIndicator;
    }
    
    @end
    
    @implementation ViewController
    
    
    - (void)viewDidLoad {
        [super viewDidLoad];
        [self.view  setBackgroundColor:[UIColor lightGrayColor]];
        webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,22, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds)-66)];
        NSURLRequest *request =[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://dong14.sinaapp.com/testhtml.html"]];
        [self.view addSubview: webView];
        [webView loadRequest:request];
        [webView setDelegate:self];
        // Do any additional setup after loading the view, typically from a nib.
        
        UIButton *clkbtn=[[UIButton alloc]initWithFrame:CGRectMake(0, CGRectGetHeight(self.view.bounds)-44, 88, 44)];
        [clkbtn setTitle:@"调用JS" forState:UIControlStateNormal];
        [clkbtn setBackgroundColor:[UIColor redColor]];
        [clkbtn addTarget:self action:@selector(jsclk) forControlEvents:UIControlEventTouchUpInside];
        [self.view addSubview:clkbtn];
    }
    
    - (void)didReceiveMemoryWarning {
        [super didReceiveMemoryWarning];
        // Dispose of any resources that can be recreated.
    }
    
    // 网页中的每一个请求都会被触发
    -(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
    {
        
        // 每次跳转时候判断URL
        if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/openMyAlbum"])
        {
            NSLog(@"openMyAlbum");
            [self openMyAlbum];
            return NO;
        }
        
        // 每次跳转时候判断URL
        if([request.mainDocumentURL.relativePath isEqualToString:@"/getInfo/openMyCamera"])
        {
            NSLog(@"openMyCamera");
            [self openMyCamera];
            return NO;
        }
        
        return YES;
    }
    
    -(void)openMyAlbum
    {
        UIImagePickerController *vc = [[UIImagePickerController alloc]init];
        vc.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
        [self presentViewController:vc animated:YES completion:nil];
    }
    
    -(void)openMyCamera
    {
        UIImagePickerController *vc = [[UIImagePickerController alloc]init];
        vc.sourceType = UIImagePickerControllerSourceTypeCamera;
        [self presentViewController:vc animated:YES completion:nil];
    }
    
    -(void)jsclk{
        NSString *str = [webView stringByEvaluatingJavaScriptFromString:@"postStr();"];
        NSLog(@"JS返回值:%@",str);
    }
    
    - (void) webViewDidStartLoad:(UIWebView *)webView
    {
        //创建UIActivityIndicatorView背底半透明View
        UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 2,  CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds)-66)];
        [view setTag:108];
        [view setBackgroundColor:[UIColor blackColor]];
        [view setAlpha:0.5];
        [self.view addSubview:view];
        
        activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 32.0f, 32.0f)];
        [activityIndicator setCenter:view.center];
        [activityIndicator setActivityIndicatorViewStyle:UIActivityIndicatorViewStyleWhite];
        [view addSubview:activityIndicator];
        
        [activityIndicator startAnimating];
        NSLog(@"webViewDidStartLoad");
    }
    - (void) webViewDidFinishLoad:(UIWebView *)webView
    {
        [activityIndicator stopAnimating];
        UIView *view = (UIView*)[self.view viewWithTag:108];
        [view removeFromSuperview];
        NSLog(@"webViewDidFinishLoad");
        
    }
    - (void) webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
    {
        [activityIndicator stopAnimating];
        UIView *view = (UIView*)[self.view viewWithTag:108];
        [view removeFromSuperview];
        NSLog(@"didFailLoadWithError:%@", error);
    }

    github:https://github.com/rayshen/OChybridTest

  • 相关阅读:
    关于第一次作业表达式求导总结
    北航OO第一单元总结
    OO课程总结
    OO第三次博客
    OO第二次博客
    OO第一次博客
    OO第一单元总结——多项式求导
    [面向对象]电梯作业优化相关
    面向对象的程序设计-模块一课程总结
    OO第二单元总结——电梯
  • 原文地址:https://www.cnblogs.com/rayshen/p/4560728.html
Copyright © 2011-2022 走看看