如何使用 ViewController 在 iOS swift 应用程序中的屏幕上有多个视图

Question

所以我有一个我在 swift 中为 iPhone 制作的应用程序，我相当新。 它使用谷歌 map，我想要做的是当用户单击标记时，它会在底部的单独框中显示有关标记的一些信息。 上半部分是谷歌 map，下半部分是信息框。 我正在将视图 controller 用于谷歌 map 视图，我试图弄清楚如何在下半部分显示一个单独的视图，但我只能一次控制一个视图，并且没有任何在线指向我似乎朝着正确的方向前进，或者告诉我这是否可能。 我可以有一个视图 controller 一次显示多个视图/如何使用 ViewController 在多个视图之间分割我的屏幕？

作为参考，这是我的 ViewController.swift 文件的代码：

import UIKit
import GoogleMaps
import SwiftUI

class ViewController: UIViewController, GMSMapViewDelegate {
            
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        GMSServices.provideAPIKey("My API Key)
        
        let camera = GMSCameraPosition.camera(withLatitude: 37.0902, longitude: -95.7129, zoom: 3.2)
        
        let mapView = GMSMapView.map(withFrame: view.bounds, camera: camera)
        mapView.delegate = self
        self.view.addSubview(mapView)
        
        let marker = GMSMarker()
        marker.position = CLLocationCoordinate2D(latitude: 37.0902, longitude: -95.7129)
        marker.title = "Title"
        marker.snippet = "snippet"
        marker.map = mapView
    }
    
    
    func mapView(_ mapView: GMSMapView, didTap marker: GMSMarker) -> Bool {
        // show info from the marker in a seperate view on bottom half
        return true
    }

}

Answer 1

您需要学习如何使用 AutoLayout 约束。

您当前正在添加 GMSMapView.map 框架，该框架填充您的视图控制器的整个子视图，但未设置任何自动布局约束。

你应该：

1. 设置您的 map 视图的translatesAutoresizingMaskIntoConstraints=false
2. 添加布局锚点以将地图的前导、尾随和顶部边缘设置为视图控制器的内容视图的前导/尾部/顶部边缘，并将底部约束设置为内容视图的垂直中心。
3. 将您的其他视图添加为内容视图的子视图，在从视图的垂直中心开始的矩形内，进入内容视图的底部，并固定到前缘和后缘

布局将如下所示：

|--------------|
|              |
|   map view   |
|              |
|--------------|
|              |
| other views  |
|              |
|--------------|

您还可以将垂直堆栈视图添加到您的视图 controller，然后将您的 map 视图和您的其他视图添加到堆栈视图。 然后堆栈视图将管理两个子视图。

请注意，您可能会发现在 Storyboard 中进行布局和设置自动布局约束更容易，然后将 IBOutlets 从 storyboard 连接到视图 controller。