UIScrollVIew無論如何都不會以編程方式垂直滾動

昨天我一直試圖滾動視圖一整天，但我無法弄清楚為什么它不會滾動。我不確定我做錯了什么！

我查看了stackoverflow上的解決方案：

更新:: 現在文本滾動，但是當我在 UIView 中添加 UITableView 時，滾動作業但在 UiView 中看不到 tableView。

是不是又被約束了？？？

這是相同的代碼::

class RecipeUIView: UIView, UITableViewDelegate, UITableViewDataSource{

    
    var currentRecipe: Receipe?
    
    private let tableView: UITableView = {
        let tableView = UITableView()

        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "MyCell")
        
        tableView.backgroundColor = .green

        
        return tableView
    }()
    
    
    private var recipeTitle: UILabel! = {
        
        let label = UILabel()
        label.numberOfLines = 0
        label.font = .systemFont(ofSize: 24, weight: .bold)
        label.textColor = .gray
        label.textAlignment = .center
        label.translatesAutoresizingMaskIntoConstraints = false
        label.adjustsFontForContentSizeCategory = true
        
        return label
    }()
    

    override init(frame: CGRect) {
        super.init(frame: frame)
            }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        
        
        print("     IngrediantsTableViewCell tableview count: \(currentRecipe?.ingredients.count ?? 0)")
        
        return currentRecipe?.ingredients.count ?? 0
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
            
        print("     IngrediantsTableViewCell tableview cellForRow ")

        
        let cell = tableView.dequeueReusableCell(withIdentifier: "MyCell", for: indexPath as IndexPath)
            cell.textLabel!.text = "\(currentRecipe?.ingredients[indexPath.row].ingredient ?? "")"
            return cell

    }
    
    

    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

        //return UITableView.automaticDimension
        
        return 30

    }
    
    
    func setupView(currentRecipe: Receipe?){
        
        let margin = readableContentGuide
        
        
        self.currentRecipe = currentRecipe

        recipeTitle.text = currentRecipe?.dynamicTitle


        addSubview(recipeTitle)


        // Constraints

        recipeTitle.topAnchor.constraint(equalTo: margin.topAnchor, constant: 4).isActive = true
        recipeTitle.leadingAnchor.constraint(equalTo: margin.leadingAnchor, constant: 20).isActive = true
        recipeTitle.trailingAnchor.constraint(equalTo: margin.trailingAnchor, constant: -20).isActive = true

        addSubview(tableView)
        tableView.delegate = self
        tableView.dataSource = self
        
        tableView.translatesAutoresizingMaskIntoConstraints = false
        tableView.topAnchor.constraint(equalTo: recipeTitle.bottomAnchor, constant: 10).isActive = true
        tableView.leadingAnchor.constraint(equalTo: margin.leadingAnchor, constant: 20).isActive = true
        tableView.trailingAnchor.constraint(equalTo: margin.trailingAnchor, constant: -20).isActive = true

        tableView.bottomAnchor.constraint(equalTo: margin.bottomAnchor, constant: -20).isActive = true

        tableView.reloadData()
                
    }
    
    
}

uj5u.com熱心網友回復：

您缺少約束...

在你的RecipeUIView課堂上，你有這個：

func setupView(currentRecipe: Receipe?){
    
    recipeTitle.text = currentRecipe?.dynamicTitle

    addSubview(recipeTitle)

    let margin = readableContentGuide
    
    // Constraints
    
    recipeTitle.topAnchor.constraint(equalTo: margin.topAnchor, constant: 4).isActive = true
    recipeTitle.leadingAnchor.constraint(equalTo: margin.leadingAnchor, constant: 20).isActive = true
    recipeTitle.trailingAnchor.constraint(equalTo: margin.trailingAnchor, constant: -20).isActive = true

}

因此，您沒有控制視圖高度的約束。

添加這一行：

    recipeTitle.bottomAnchor.constraint(equalTo: margin.bottomAnchor, constant: -20).isActive = true

你會得到垂直滾動。

兩個旁注...

首先，在“RecipeViewController”中，像這樣改變你的約束：

NSLayoutConstraint.activate([
            
    scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    scrollView.topAnchor.constraint(equalTo: view.topAnchor),
    scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            
    recipeView.leadingAnchor.constraint(equalTo: contentGuide.leadingAnchor),
    recipeView.topAnchor.constraint(equalTo: contentGuide.topAnchor),
    recipeView.trailingAnchor.constraint(equalTo: contentGuide.trailingAnchor),
    recipeView.bottomAnchor.constraint(equalTo: contentGuide.bottomAnchor),
            
    recipeView.widthAnchor.constraint(equalTo: frameGuide.widthAnchor),
            
])

沒有真正的功能差異，但從以下方面思考更合乎邏輯且更具可讀性：

• 我將其限制scrollView為view
• 我將其限制recipeView為滾動視圖.contentLayoutGuide（它決定了“可滾動”大小）
• 我正在限制滾動視圖的recipeView 寬度.frameLayoutGuide

其次，在嘗試除錯布局時，為視圖提供對比背景顏色非常有幫助。

例如，如果我這樣設定背景顏色：

• recipeTitle標簽 ：cyan
• recipeView：yellow
• scrollView：orange

運行時看起來像這樣（使用您的原始約束）：

由于青色標簽是黃色視圖的子視圖，很明顯黃色視圖高度不正確。

添加缺少的bottom約束后，它看起來像這樣：

標籤：IOS 迅速 苹果手机 代码

上一篇：添加DeviceSupport后Xcode出錯：無法為開發準備設備

下一篇：是否可以在沒有Mac的情況下將Angular專案轉換為IOS應用程式？