ViewController 作为 Swift 中 MapView 的叠加层（如 Google 地图应用程序用户界面）

Posted 2023-03-10

【中文标题】ViewController 作为 Swift 中 MapView 的叠加层（如 Google 地图应用程序用户界面）

【英文标题】：ViewController as Overlay on MapView in Swift (like Google Maps Application User Interface)

【发布时间】：2015-04-14 17:26:52

【问题描述】：

我正在使用 Swift 构建一个小应用程序，我想在其中实现以下目标： - 带有多个注释的 MapView - 单击其中一个注释会在覆盖层中显示一些详细信息，该覆盖层从底部移动并填充大约。屏幕的一半 - 显示屏的上半部分仍显示 MapView。点击地图关闭详情

现在我已经阅读了很多关于不同可能性的信息。首先，我尝试使用具有以下内容的 ContainerView：

@IBOutlet weak var detailsContainerYPosition: NSLayoutConstraint!

func mapView(mapView: MKMapView!, didSelectAnnotationView view: MKAnnotationView!) 
    UIView.animateWithDuration(0.3, delay: 0.0, options: UIViewAnimationOptions.CurveEaseOut, animations: 
        self. detailsContainerYPosition.constant = 0
        self.view.layoutIfNeeded()

        , completion: nil)

问题在于，viewDidLoad() 方法只触发了一次，我想在将一些数据传递给控制器​​类之后使用它来构建详细信息页面。

所以接下来我玩了一个自定义的 segue 并想出了这个：

class DetailsSegue: UIStoryboardSegue 
    override func perform() 
        // Assign the source and destination views to local variables.
        var mapView = self.sourceViewController.view as UIView!
        var detailsView = self.destinationViewController.view as UIView!

        // Get the screen width and height.
        let screenWidth = UIScreen.mainScreen().bounds.size.width
        let screenHeight = UIScreen.mainScreen().bounds.size.height

        // Specify the initial position of the destination view.
        detailsView.frame = CGRectMake(0.0, screenHeight, screenWidth, 140)

        // Access the app's key window and insert the destination view above the current (source) one.
        let window = UIApplication.sharedApplication().keyWindow
        window?.insertSubview(detailsView, aboveSubview: mapView)

        // Animate the transition.
        UIView.animateWithDuration(0.4, animations:  () -> Void in
            detailsView.frame = CGRectOffset(detailsView.frame, 0.0, -140)
        , completion: nil)
    

这似乎是更好的解决方案，因为我可以在 prepareForSegue() 函数中向新控制器发送一些数据，并且每次启动此 segue 时都会触发 viewDidLoad() 方法，但现在我正在努力： - 每次单击注释并调用 segue 时，都会插入一个新视图。但是如果一个细节视图已经可见，我只想更新这个 - 当从 MapView 调用 didDeselectAnnotationView 时，我找不到任何方法来展开这个 segue。

但也许这里的任何人都有更好的方法来实现这样的 UI。

【问题讨论】：

见***.com/questions/37967555/…

【参考方案1】：

我终于设法通过手动添加 ViewController 和这样的视图来获得我想要的：

let detailsWidth: CGFloat = view.bounds.width
let detailsHeight: CGFloat = 150
let detailsViewFrame: CGRect = CGRectMake(0, view.bounds.height, detailsWidth, detailsHeight)

detailsController = storyboard?.instantiateViewControllerWithIdentifier("details") as! DetailsViewController
detailsController.descriptionText = "I'm a text that was passed from the MainViewController"

self.addChildViewController(detailsController)
detailsController.view.frame = detailsViewFrame
view.addSubview(detailsController.view)
detailsController.didMoveToParentViewController(self)

当关闭详细信息时，我会像这样删除控制器：

self.detailsController.removeFromParentViewController()

我创建了一个小示例来演示我的解决方案： https://github.com/flavordaaave/ios-Container-View-Overlay

【讨论】：

谢谢，但您的 GitHub 项目似乎是空的 ;)

哦，对不起。我刚刚更新了项目，所以它现在包含实际代码。