草庐IT

ios - 镜像 UIWebView 的最佳方式

coder 2023-07-25 原文

我需要将 UIWebView 的 CALayer 镜像到较小的 CALayer。较小的 CALayer 本质上是较大的 UIWebView 的一个点。我很难做到这一点。唯一接近的是 CAReplicatorLayer,但鉴于原件和副本必须有 CAReplicatorLayer 作为父级,我无法在不同的屏幕上拆分原件和副本。

我正在尝试做的一个说明:



用户需要能够与较小的 CALayer 交互,并且两者都需要同步。

我试过用 renderInContext 和 CADisplayLink 来做这件事。不幸的是,存在一些滞后/卡顿,因为它试图每秒重新绘制 60 次每一帧。我需要一种方法来进行镜像,而不需要在每一帧上重新绘制,除非实际发生了变化。所以我需要一种知道 CALayer(或子 CALayer)何时变脏的方法。

我不能简单地拥有两个 UIWebView,因为两个页面可能不同(时间关闭、背景不同等)。我无法控制正在显示的网页。我也无法显示整个 iPad 屏幕,因为屏幕上还有其他不应显示在外部屏幕上的元素。

较大的 CALayer 和较小的“pip” CALayer 都需要在 iOS 6 中逐帧平滑匹配。我不需要支持早期版本。

该解决方案必须是应用商店可通过的。

最佳答案

如评论中所写,如果主要需要知道何时更新图层(而不是如何更新),我将原始答案移到“旧答案”行之后,并添加评论中讨论的内容:

第一(100% Apple Review Safe ;-)

  • 您可以定期对原始 UIView 进行“截图”并比较生成的 NSData(旧的和新的)--> 如果数据不同,则图层内容会更改。 FULL RESOLUTION 截图没必要比较,但你可以用小一点的,以获得更好的性能

  • 第二:性能友好和“理论上”审查安全......但不确定:-/
  • 在此链接 http://www.lombax.it/documents/DirtyLayer.zip您可以找到一个示例项目,每次 UIWebView 层变脏时都会提醒您;-)

  • 我试图解释我是如何得到这段代码的:

    主要目标是了解 TileLayer(UIWebView 使用的 CALayer 的私有(private)子类)何时变脏。

    问题是您无法直接访问它。但是,您可以使用方法 swizzle 来更改每个 CALayer 和子类中的 layerSetNeedsDisplay: 方法的行为。

    您必须确保避免对原始行为进行根本性更改,并且只在调用方法时添加“通知”。

    当您成功检测到每个 layerSetNeedsDisplay: 调用后,剩下的就是了解“哪个是”所涉及的 CALayer --> 如果是内部 UIWebView TileLayer,我们会触发“isDirty”通知。

    但是我们无法遍历 UIWebView 内容并找到 TileLayer,例如简单地使用“isKindOfClass:[TileLayer class]”肯定会给你一个拒绝(Apple 使用静态分析器来检查私有(private) API 的使用)。你能做什么?

    一些棘手的事情......例如......将涉及的图层大小(调用 layerSetNeedsDisplay:) 与 UIWebView 大小进行比较? ;-)

    此外,有时 UIWebView 会更改子 TileLayer 并使用新的,因此您必须多次执行此检查。

    最后一件事:layerSetNeedsDisplay:当你简单地滚动 UIWebView 时并不总是调用(如果已经构建了层),所以你必须使用 UIWebViewDelegate 来拦截滚动/缩放。

    您会发现该方法 swizzle 是某些应用程序中被拒绝的原因,但它始终以“您更改了对象的行为”为动机。在这种情况下,您不会更改某些东西的行为,而只是在调用方法时进行拦截。
    如果您不确定,我认为您可以尝试一下或联系 Apple 支持以检查它是否合法。

    旧答案

    我不确定这对性能是否足够友好,我仅在同一设备上使用两种 View 进行了尝试,并且效果很好……您应该使用 Airplay 进行尝试。

    解决方案非常简单:您使用 UIGraphicsGetImageFromCurrentImageContext 对 UIWebView/MKMapView 进行“截图”。您每秒执行 30/60 次,并将结果复制到 UIImageView 中(在第二个显示器上可见,您可以将其移动到任何您想要的位置)。

    要检测 View 是否更改并避免在无线链路上进行流量,您可以逐字节比较两个 uiimage(旧帧和新帧),并仅在与前一个不同时设置新的。 (是的,它有效!;-)

    今晚我唯一没有做的就是快速进行比较:如果您查看随附的示例代码,您会发现比较确实是 cpu 密集型的(因为它使用 UIImagePNGRepresentation() 来转换 NSData 中的 UIImage)并使整个应用程序运行缓慢。如果您不使用比较(复制每一帧),则应用程序快速流畅(至少在我的 iPhone 5 上)。
    但我认为解决它的可能性很大……例如每 4-5 帧进行一次比较,或者在后台优化 NSData 创建

    我附上一个示例项目:http://www.lombax.it/documents/ImageMirror.zip

    在项目中,框架比较被禁用(如果评论)
    我在此处附上代码以供将来引用:
    // here you start a timer, 50fps
    // the timer is started on a background thread to avoid blocking it when you scroll the webview
    - (IBAction)enableMirror:(id)sender {
    
        dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0ul); //0ul --> unsigned long
        dispatch_async(queue, ^{
    
            // 0.04f --> 25 fps
            NSTimer __unused *timer = [NSTimer scheduledTimerWithTimeInterval:0.02f target:self selector:@selector(copyImageIfNeeded) userInfo:nil repeats:YES];
    
            // need to start a run loop otherwise the thread stops
            CFRunLoopRun();
        });
    }
    
    // this method create an UIImage with the content of the given view
    - (UIImage *) imageWithView:(UIView *)view
    {
        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.opaque, 0.0);
        [view.layer renderInContext:UIGraphicsGetCurrentContext()];
    
        UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
    
        UIGraphicsEndImageContext();
    
        return img;
    }
    
    // the method called by the timer
    -(void)copyImageIfNeeded
    {
        // this method is called from a background thread, so the code before the dispatch is executed in background
        UIImage *newImage = [self imageWithView:self.webView];
    
        // the copy is made only if the two images are really different (compared byte to byte)
        // this comparison method is cpu intensive
    
        // UNCOMMENT THE IF AND THE {} to enable the frame comparison
    
        //if (!([self image:self.mirrorView.image isEqualTo:newImage]))
        //{
            // this must be called on the main queue because it updates the user interface
            dispatch_queue_t queue = dispatch_get_main_queue();
            dispatch_async(queue, ^{
                self.mirrorView.image = newImage;
            });
        //}
    }
    
    // method to compare the two images - not performance friendly
    // it can be optimized, because you can "store" the old image and avoid
    // converting it more and more...until it's changed
    // you can even try to generate the nsdata in background when the frame
    // is created?
    - (BOOL)image:(UIImage *)image1 isEqualTo:(UIImage *)image2
    {
        NSData *data1 = UIImagePNGRepresentation(image1);
        NSData *data2 = UIImagePNGRepresentation(image2);
    
        return [data1 isEqual:data2];
    }
    

    关于ios - 镜像 UIWebView 的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14928576/

    有关ios - 镜像 UIWebView 的最佳方式的更多相关文章

    1. ruby-on-rails - 使用 Ruby on Rails 进行自动化测试 - 最佳实践 - 2

      很好奇,就使用ruby​​onrails自动化单元测试而言,你们正在做什么?您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您?git中的预提交Hook?只是手动调用?我完全理解测试,但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的,并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您? 最佳答案 不确定您到底想听什么,但是有几个级别的自动代码库控制:在处理某项功能时,您可以使用类似autotest的内容获得关于哪些有效,哪些无效的即时反馈。要确保您的提

    2. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串? - 2

      我试图获取一个长度在1到10之间的字符串,并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符,然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

    3. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

      我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

    4. ruby - 如何验证 IO.copy_stream 是否成功 - 2

      这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

    5. ruby-on-rails - 正确的 Rails 2.1 做事方式 - 2

      question的一些答案关于redirect_to让我想到了其他一些问题。基本上,我正在使用Rails2.1编写博客应用程序。我一直在尝试自己完成大部分工作(因为我对Rails有所了解),但在需要时会引用Internet上的教程和引用资料。我设法让一个简单的博客正常运行,然后我尝试添加评论。靠我自己,我设法让它进入了可以从script/console添加评论的阶段,但我无法让表单正常工作。我遵循的其中一个教程建议在帖子Controller中创建一个“评论”操作,以添加评论。我的问题是:这是“标准”方式吗?我的另一个问题的答案之一似乎暗示应该有一个CommentsController参

    6. Ruby 文件 IO 定界符? - 2

      我正在尝试解析一个文本文件,该文件每行包含可变数量的单词和数字,如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件?有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符? 最佳答案 接受的答案将slurp文件,这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的,将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

    7. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

      在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

    8. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

      1.错误信息:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者:Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因:docker使用的镜像网址默认为国外,下载容易超时,需要修改成国内镜像地址(首先阿里

    9. ruby-on-rails - Rails 中同一个类的多个关联的最佳实践? - 2

      我认为我的问题最好用一个例子来描述。假设我有一个名为“Thing”的简单模型,它有一些简单数据类型的属性。像...Thing-foo:string-goo:string-bar:int这并不难。数据库表将包含具有这三个属性的三列,我可以使用@thing.foo或@thing.bar之类的东西访问它们。但我要解决的问题是当“foo”或“goo”不再包含在简单数据类型中时会发生什么?假设foo和goo代表相同类型的对象。也就是说,它们都是“Whazit”的实例,只是数据不同。所以现在事情可能看起来像这样......Thing-bar:int但是现在有一个新的模型叫做“Whazit”,看起来

    10. ruby - 鸭子输入字符串、符号和数组的优雅方式? - 2

      这是针对我无法破坏的现有公共(public)API,但我确实希望对其进行扩展。目前,该方法采用字符串或符号或任何其他在作为第一个参数传递给send时有意义的内容我想添加发送字符串、符号等列表的功能。我可以只使用is_a吗?数组,但还有其他发送列表的方法,这不是很像ruby​​。我将调用列表中的map,所以第一个倾向是使用respond_to?:map。但是字符串也会响应:map,所以这行不通。 最佳答案 如何将它们全部视为数组?String的行为与仅包含String的Array相同:deffoo(obj,arg)[*arg].eac

    随机推荐