草庐IT

ios - 向下拖动以关闭ViewController

coder 2023-09-08 原文

我正在构建一个以MKMapView为背景的应用程序,并且我希望有一个“向上/向下”视图,就像在Google Maps或Spotify(example.gif)中一样,可以通过向下拖动将其关闭。

“向上/向下滑动”将包含很多信息,包括UITableView,因此我可能希望它具有自己的ViewController,而不仅仅是一个UIView。有什么好的方法呢?

是否可以“添加” childViewController / ContainerView并为其添加UIPanGestureRecognizer?感谢所有帮助!

最佳答案

遗憾的是,这些视图控制器的转换非常复杂,但是在线上有很多很好的教程。将子视图放入其自己的视图控制器中是正确的。还需要其他几个运动部件。充分详细地介绍它们将足以编写有关该主题的书,但是高层概述是这样的:

第一章:容器

将具有地图视图的视图控制器视为视图控制器A。将上/下滑动视图视为视图控制器B。我们想从A无缝过渡到B(从B过渡到A)。 Cocoa提供了用于执行此操作的API,但是首先您需要一个包含A和B的container view controller作为子视图控制器。这可以是导航控制器,也可以是您自己的自定义容器控制器。

第2章:非交互式自定义容器视图控制器转换

有了容器视图控制器后,对其进行编码,以便可以通过按一个按钮从A到B再返回。 (将调试按钮扔到您的应用程序中的某个位置。)因此,您单击一个按钮,然后从A转到B,然后再次单击以将其从B转到A。为此,有noninteractive custom container view controller transition APIs(这是一口)。这将需要实现一个动画控制器和一个过渡委托,如该出色的objc.io教程及其corresponding GitHub repository所述。

第3章:交互式自定义容器视图控制器过渡

但是,当然,您希望用户上下滑动以触发过渡。这将带您进入interactive blah blah blah APIs的世界,您在其中实现一个交互控制器并将其连接到平移手势识别器。 corresponding GitHub repository to that blog post实际上像您一样使用平移手势。这是一项特别挑剔的工作,因为您希望在用户决定中途停止平移时取消过渡,但是代码和文章中对此进行了详细说明。

第4章:视图共享

我实际上不确定这叫什么。这里的问题是,当您在视图控制器A中时,您希望Google Maps / Spotify的外观在视图控制器B的视图的实际可见位置。并且平移手势识别器连接到B的视图,以便在滑动时然后,B的视图会越来越大,直到交互式动画完成并且您已经从A过渡到B。这方面有很好的教程吗?我还没有找到一个,但是它作为一种iOS UX习惯用法正变得越来越普遍。

我自己have a small demo project illustrating how to do this。我要做的是将导航控制器作为容器视图控制器。导航控制器的根视图控制器是我的主视图控制器(视图控制器A)。在视图控制器中,我将视图控制器B作为子级。因此,导航控制器拥有A拥有B。

当用户点击B时,我push B onto the navigation stack, thus reparenting it。那时,my noninteractive animation controller作为自定义导航控制器推送动画加入。因此,看起来B正在从其小范围平滑过渡到其大范围。 (我建议运行xcodeproj来查看效果,因为我已经做了描述很糟糕的工作。)

该技术对于交互式动画同样适用。至于是否是最好的技术,我认为这是有争议的-有很多方法可以处理您在Google Maps和Spotify应用程序中看到的事情。苹果当然可以为复杂的交互式动画的API编写更好的文档。

我提醒您,在调整好动画并准备好它们之前,请避免使用“自动布局”,因为它与动画控制器之间的交互作用并不佳。在这里,最好找到良好的矩形矩形数学,直到找到轴承。自动版式很神奇,而且您可以从这个答案有多精疲力尽地看出来,已经有足够的魔力可以解决了。

也可以看看

  • Session 803 from WWDC 2015: Designing with Animation
  • Session 214 from WWDC 2014: View Controller Advancements
  • Session 218 from WWDC 2013: Custom Transitions Using View Controllers

  • 您可以单击asciiwwdc.com页面右上角的紫色Apple徽标来观看讲座视频或从“资源”选项卡中获取PDF。这些WWDC讨论都锁定了一些iOS最佳文档。

    关于ios - 向下拖动以关闭ViewController,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33597184/

    有关ios - 向下拖动以关闭ViewController的更多相关文章

    1. 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返回它复制的字节数,但是当我还没有下

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

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

    3. ruby - 如何关闭 ruby​​ gem "Spreadsheet?"中的文件 - 2

      下面的代码在我第一次运行它时就可以正常工作:require'rubygems'require'spreadsheet'book=Spreadsheet.open'/Users/me/myruby/Mywks.xls'sheet=book.worksheet0row=sheet.row(1)putsrow[1]book.write'/Users/me/myruby/Mywks.xls'当我再次运行它时,我会收到更多消息,例如:/Library/Ruby/Gems/1.8/gems/spreadsheet-0.6.5.9/lib/spreadsheet/excel/reader.rb:11

    4. 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使用的镜像网址默认为国外,下载容易超时,需要修改成国内镜像地址(首先阿里

    5. ruby-on-rails - Ruby 的 'open_uri' 是否在读取或失败后可靠地关闭套接字? - 2

      一段时间以来,我一直在使用open_uri下拉ftp路径作为数据源,但突然发现我几乎连续不断地收到“530抱歉,允许的最大客户端数(95)已经连接。”我不确定我的代码是否有问题,或者是否是其他人在访问服务器,不幸的是,我无法真正确定谁有问题。本质上,我正在读取FTPURI:defself.read_uri(uri)beginuri=open(uri).readuri=="Error"?nil:urirescueOpenURI::HTTPErrornilendend我猜我需要在这里添加一些额外的错误处理代码...我想确保我采取一切预防措施来关闭所有连接,这样我的连接就不是问题所在,但是我

    6. ruby - 为什么不能使用类IO的实例方法noecho? - 2

      print"Enteryourpassword:"pass=STDIN.noecho(&:gets)puts"Yourpasswordis#{pass}!"输出:Enteryourpassword:input.rb:2:in`':undefinedmethod`noecho'for#>(NoMethodError) 最佳答案 一开始require'io/console'后来的Ruby1.9.3 关于ruby-为什么不能使用类IO的实例方法noecho?,我们在StackOverflow上

    7. ruby - Faye WebSocket,关闭处理程序被触发后重新连接到套接字 - 2

      我有一个super简单的脚本,它几乎包含了FayeWebSocketGitHub页面上用于处理关闭连接的内容:ws=Faye::WebSocket::Client.new(url,nil,:headers=>headers)ws.on:opendo|event|p[:open]#sendpingcommand#sendtestcommand#ws.send({command:'test'}.to_json)endws.on:messagedo|event|#hereistheentrypointfordatacomingfromtheserver.pJSON.parse(event.d

    8. ruby - 如何在 watir 测试套件结束时关闭浏览器? - 2

      使用ruby​​的watir测试网络应用程序时,浏览器最后会保持打开状态。网上的一些建议是,要进行真正的单元测试,您应该在每次测试时(在拆卸调用中)打开和关闭浏览器,但这很慢而且毫无意义。或者他们做这样的事情:defself.suites=superdefs.afterClass#Closebrowserenddefs.run(*args)superafterClassendsend但这会导致摘要输出不再显示(诸如“100次测试、100次断言、0次失败、0次错误”之类的内容仍应显示)。我怎样才能让ruby​​或watir在我的测试结束时关闭浏览器? 最佳答案

    9. ruby-on-rails - 如何在一段时间后关闭 Rails 闪现消息? - 2

      我想设置秒数aflash在自动关闭之前向用户显示通知。 最佳答案 您可以在页面上使用一些简单的JavaScript(在此示例中使用jQuery):$('document').ready(function(){setTimeout(function(){$('#flash').slideUp();},3000);});假设保存您的flash消息的HTML元素的id是#flash,这将向上滑动并在3000毫秒(3秒)后将其隐藏。 关于ruby-on-rails-如何在一段时间后关闭Rails

    10. ruby-on-rails - 如何在关闭 cache_classes 的情况下使用来自中间件的域对象? - 2

      在rails开发环境中,cache_classes是关闭的,所以你可以修改app/下的代码,不用重启服务器就可以看到变化。不过,在所有环境中,中间件只会创建一次。所以如果我有这样的中间件:classMyMiddlewaredefinitialize(app)@app=appenddefcall(env)env['model']=MyModel.firstendend我在config/environments/development.rb中执行此操作:config.cache_classes=false#thedefaultfordevelopmentconfig.middleware.

    随机推荐