SVG 覆盖在 UIImagePickerController 之上，UIImagePickerController 响应手势（iPhone/iOS）

Question

我需要在 UIImagePickerController 上放置一个矢量，最好是 SVG 覆盖。我需要底层的UIImagePickerController 来响应手势，而叠加层应该只是一个非活动图像。

我尝试了 UIImagePickerController 的 cameraOverlayView 来显示带有加载的 SVG 和透明背景的 UIWebView。它确实按预期显示了覆盖，但它响应手势而底层UIImagePickerController 没有。我需要它反过来。

1. 这可以用 UIWebView 作为覆盖来实现吗？如果是，如何？
2. 如果UIWebView 不是正确的解决方案，我如何从文件（SVG、EPS...）中绘制矢量作为叠加层并实现所需的行为？
3. 即使在快门关闭时，cameraOverlayView 也会在相机上绘制叠加层（快门叶显示在 UI 中） - 我只需要在相机运行时叠加 - 显示实时图像。有没有办法做到这一点？

Answer 1

我正在使用 UIWebView 将 SVG 图像叠加到一些标准的 iOS UI 上。在我的 我正在使用 SVG 提供底层 UI 的“游览”。我仍然 正在处理这个问题，所以我有一些未解决的问题。

1. SVG 动画似乎没有 工作，虽然我可能会成为 错在这。
2. 我只使用了简单的 SVG，没有 链接到 .CSS 样式表或其他 文件。
3. 我正在使用一个派生自 UIWebView，并让它覆盖 整个表面。你可以 可能有一个较小的 UIWebView， 但我没有尝试过。
4. 这是一个简单的 SVG 示例

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"

  id="tutorialLayout" width="480px" height="320px">
  <desc>UI Feature</desc>
  <defs>
    <rect id="cover" width="480px" height="320px" opacity="0.3" fill="black"/>
  </defs>
  <g>
    <rect id="top"    x="000px" y="000px" width="480px" height="290px" opacity="0.3" fill="black"/>
    <rect id="bottom" x="000px" y="310px" width="480px" height="010px" opacity="0.3" fill="black"/>
    <rect id="left"   x="000px" y="290px" width="010px" height="020px" opacity="0.3" fill="black"/>
    <rect id="right"  x="200px" y="290px" width="280px" height="020px" opacity="0.3" fill="black"/>   
    <text x="10" y="280" alignment-baseline="bottom"
      style="font-size:32; font-family:Arial fill:black;"
      >The totals are reported here</text>
  </g>
</svg>

5) 这是加载 SVG 的代码片段

NSBundle *bundle  = [NSBundle mainBundle];
NSString *svg     = @"svg";
[svgView_ addRequest: [NSURL URLWithString: [bundle pathForResource: @"Arrow"    ofType: svg ]] seconds:  5];
[svgView_ addRequest: [NSURL URLWithString: [bundle pathForResource: @"t_help"   ofType: svg ]] seconds: 15];
[svgView_ addRequest: [NSURL URLWithString: [bundle pathForResource: @"t_layout" ofType: svg ]] seconds:  5];

实现类

@implementation RAWebView
//! Internal - process next request
- (void)        nextRequest {
    RAWebRequest  *next = [[urlStack_ pop] retain];
    if ( next == nil ) {
        [self setHidden: TRUE];
    } else {
        [super loadRequest: [NSURLRequest requestWithURL: [next url]]];
        [super setHidden: FALSE];
        [super setUserInteractionEnabled: TRUE];
        if ( 0 < [next periodSecs] ) {
            int64_t delta = 1000000000;
            delta *= [next periodSecs];
            dispatch_after( dispatch_time( DISPATCH_TIME_NOW, delta),
                           dispatch_get_main_queue(),
                           ^{ [self nextRequest]; } );
        }
        [next release];
    }    
}
//! Add RAWebRequest to queue
- (void)        addRequest: (RAWebRequest*) web_request {
    if ( urlStack_ == nil ) {
        urlStack_ = [[D4iStack alloc] init];
        [self setBackgroundColor: [UIColor clearColor]];
        [self setOpaque: NO];        
    }
    if ( 0 == [urlStack_ count] ) {
        dispatch_after( dispatch_time( DISPATCH_TIME_NOW, 10000 ),
                         dispatch_get_main_queue(),
                         ^{ [self nextRequest]; } );
    }
    [urlStack_ push: web_request];
}
//! Add RAWebRequest to queue 
- (void)        addRequest: (NSURL*) display_url seconds: (NSUInteger) period_secs {
    RAWebRequest *request = [[RAWebRequest alloc] initWithUrl: display_url seconds: period_secs];
    [self addRequest: request];
    [request release];
}
//! On user touch, hide self and empty urlStack
- (UIView*)     hitTest: (CGPoint)point withEvent:(UIEvent *)event {
    [urlStack_ clear];
    [self setHidden: TRUE];
    return nil;
}
//! NSObject dealloc
- (void)        dealloc {
    [urlStack_ clear];
    [urlStack_ release];
    [super dealloc];
}
@end

@implementation RAWebRequest
@synthesize url = url_, periodSecs = periodSecs_;

//! Init with set values
- (id)          initWithUrl: (NSURL*) display_url seconds: (NSUInteger) period_secs {
    if (( self = [super init] )) {
        url_        = [display_url retain];
        periodSecs_ = period_secs;        
    }
    return self;
}
//! NSObject dealloc 
- (void)        dealloc {
    [url_   release];
    [super dealloc];
}
@end

Answer 2

您可能还想查看使用 iOS 渲染 SVG 文件的开源 SVGView 项目： https://github.com/mattrajca/SVGKit

我碰巧正在使用这个 fork，它改进了解析器支持，除其他外： https://github.com/reklis/SVGKit

在许多情况下，显示 SVG 应该很简单：

SVGView *svgView = [[SVGView alloc] initWithDocument:
                                    [SVGDocument documentNamed:@"overlay.svg"]];
[self.view addSubview:svgView];