iOS中的混合编程

最新推荐文章于 2024-10-07 09:24:46 发布

chidu8866

最新推荐文章于 2024-10-07 09:24:46 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/KeepDoing/blog/994112

版权

WebView混编介绍

Hybrid编程：基于UIWebView的混合编程，它是指同时使用原生的控件和UIWebView加载HTML来展现应用界面, 既可以保证应用既有界面的流畅交互效果，又有Web界面良好的动态修改和多平台复用的优势（每个平台都有一个WebView）

例子：微信公众号的内容界面，网易新闻的内容界面、支付宝客户端的彩票界面、很多应用中的活动页

使用场景： 1、排版复杂。一般是图文混排，或有链接需要点击等（使用Native实现较为复杂） 2、界面的变化需求频繁。如淘宝的彩票界面，可能需要常常推出各种活动，采用webView可以不用向AppStore提交新版本

Tips：界面对用户的交互需求不复杂。因为UIWebView实现的交互效果与原生效果相比还是会大打折扣

如何混编 WebView和Native

一、WebView协议方法

在 iOS7之前主要使用这种方案

// 加载一段JS代码或执行某个JS函数
- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
 
 // 与 web 端定好协议，拦截参数 request ，根据参数来执行不同的 OC 代码，例如gap://
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

1、OC 调用 JS 的代码

辅助代码：


import "ViewController.h"

@interface ViewController ()<UIWebViewDelegate>

@property (nonatomic,strong) UIWebView * webView;

@end

@implementation ViewController

* (void)viewDidLoad {
    [super viewDidLoad];
    UIWebView * webView = [[UIWebView alloc] initWithFrame:[UIScreen mainScreen].bounds];
    webView.delegate = self;
    self.webView = webView;
    NSURL * url  = [[NSBundle mainBundle] URLForResource:@"test" withExtension:@"html"];
    NSURLRequest * urlRequest = [NSURLRequest requestWithURL:url];
    [webView loadRequest:urlRequest];
    [self.view addSubview:webView];
  }
  在代理方法中实现 OC 执行 JS 代码：
  // 实现 OC 执行 JS 代码
* (void)webViewDidFinishLoad:(UIWebView *)webView{
    NSString * alertJs = @"alert('test js OC')";
    [webView stringByEvaluatingJavaScriptFromString:alertJs];
  }

2、JS 调用 OC 的代码

test.html代码：

在js 的函数中定好协议，截取协议中的字符串，根据字符串对应的方法执行相应的 OC 代码

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{

  NSString * url = request.URL.absoluteString;

  NSRange range = [url rangeOfString:@“gap://“];

  NSUInteger loc = range.location;

  if (loc != NSNotFound) {

  // 方法名

  NSString * method = [url substringFromIndex:loc + range.length];

  // 转成 SEL

  SEL sel = NSSelectorFromString(method);

  [self performSelector:sel];

  }

  return YES;

}
                   

                   
- (void)openCamera{

  NSLog(@"%s",func);

}