如何以编程方式将浮动标题栏添加到UIScrollView

编程问答 2022-11-12

问题描述

好的，请有人在这里阐明一些信息。我还是编码新手。我已经学习了大约一个月的时间，并采取了设计我的第一个超级简单应用程序作为学习途径的途径。这给我的目的是缺少其他应用程序构建，但其本身就是一个不同的学习曲线。

在这种情况下，我已经使用自动布局和图形在Xcode Interface Builder中创建了几乎整个UI。这会导致UI根本没有代码的情况。快速学习既好又简单，现在我需要以编程方式做一些事情（看来），而且我什至不知道从哪里开始。

我有一个滚动视图，它在9列中进行了大约100行计算。该视图更大，并且可以垂直和水平滚动。我还具有描述每个列的标签标题。当用户向下滚动（向上滚动数据）时，由于标签标题消失，因此无法跟踪哪个列是哪个列。我试图弄清楚如何向我的滚动视图添加浮动标题，就像您要“冻结”电子表格中的标题一样。

到目前为止，我已经尽我所能在Interface Builder中进行了所有尝试，我完成的所有搜索仅显示了编程解决方案，这很好，除了我没有要附加的UI代码...

所以我真的有一个问题：

在没有初始代码的情况下，如何在UI Builder中或以编程方式添加浮动标头？我希望标签水平stackview像浮动标题一样静止不动。

非常感谢您的帮助，在我完成我的应用程序前，这三天一直是我的头，这是我的最后一次更改：（

编辑：这是我的代码和一些初始视图的屏幕快照，向右滚动和向下滚动。如您所见，实际上没有UI代码。我想做这样的事情，但不使用tableView：https://mariusschulz.com/blog/adding-a-fixed-header-to-a-uiscrollview 更理想的是像这样，但不包含表或collectionView ... https://imgur.com/a/vwLzy2v

calculate button pressed

enter image description here

enter image description here

 

import UIKit

class MetricVerticalViewController: UIViewController,UITextFieldDelegate {

@IBOutlet weak var shelfheight: UITextField!

@IBOutlet weak var squeezefour: UILabel!
@IBOutlet weak var squeezeThree: UILabel!
@IBOutlet weak var squeezeTwo: UILabel!
@IBOutlet weak var squeezeOne: UILabel!
@IBOutlet weak var normalGauge: UILabel!
@IBOutlet weak var gainOne: UILabel!
@IBOutlet weak var gainTwo: UILabel!
@IBOutlet weak var gainThree: UILabel!
@IBOutlet weak var gainFour: UILabel!

override func viewDidLoad() {
    shelfheight.delegate = self
    super.viewDidLoad()
}

// Calculate button tapped will cause math to occur and the text field to show the values
@IBAction func calculateSpacing(_ sender: UIButton) {
    squeezefour.text = ""
    squeezeThree.text = ""
    squeezeTwo.text = ""
    squeezeOne.text = ""
    normalGauge.text = ""
    gainOne.text = ""
    gainTwo.text = ""
    gainThree.text = ""
    gainFour.text = ""
    // Resigns the keyboard when the button is pressed
    self.view.endEditing(true)
    calculateSpacing()
    
}
// Acts to dismiss number keyboard when user taps outside
override func touchesBegan(_ touches: Set<UITouch>,with event: UIEvent?) {
    brickHeight.resignFirstResponder()
}

func calculateSpacing() {
    let shelfheight = Int(shelfheight.text!) ?? 1
    let squeezefourGauge = shelfheight + 6
    let squeezeThreeGauge = shelfheight + 7
    let squeezeTwoGauge = shelfheight + 8
    let squeezeOneGauge = shelfheight + 9
    let normalJoint = shelfheight + 10
    let gainOneGauge = shelfheight + 11
    let gainTwoGauge = shelfheight + 12
    let gainThreeGauge = shelfheight + 13
    let gainFourGauge = shelfheight + 14
    for index in 1...100 {
        squeezefour.text! += "Shelf \(index) = \(index * squeezefourGauge)\n"
        squeezeThree.text! += "Shelf \(index) = \(index * squeezeThreeGauge)\n"
        squeezeTwo.text! += "Shelf \(index) = \(index * squeezeTwoGauge)\n"
        squeezeOne.text! += "Shelf \(index) = \(index * squeezeOneGauge)\n"
        normalGauge.text! += "Shelf \(index) = \(index * normalJoint)\n"
        gainOne.text! += "Shelf \(index) = \(index * gainOneGauge)\n"
        gainTwo.text! += "Shelf \(index) = \(index * gainTwoGauge)\n"
        gainThree.text! += "Shelf \(index) = \(index * gainThreeGauge)\n"
        gainFour.text! += "Shelf \(index) = \(index * gainFourGauge)\n"
    }
}


extension ViewController : UITextFieldDelegate {

// Acts to dismiss keyboard once user presses return (possibly unnecessary as this was used for text keyboard input in original code)
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        textField.resignFirstResponder()
        return true
    }
}

解决方法

从代码访问Interface Builder项的一种方法是通过插座连接。您必须在Interface Builder旁边打开代码，然后将其拖动到视图控制器代码中，并确保选择“插座”作为连接类型。有关更多信息，请参见Apple's tutorial。

,

因此，我做了一些工作，实际上可以通过在滚动视图中添加第二个视图并疯狂地对其进行约束，从而在上述屏幕截图中创建一个具有大小的浮动标头。它在iPhone 11 Pro Max尺寸中效果很好，因为使用该尺寸受限制，但随后其他所有设备都被拧紧。我将尝试为其他大小设置“因特征而异”约束，并查看其是否是稳定的解决方法。

如果它再次起作用，我会发表一些文章。

显然，在scrollView中拥有多个视图是很不好的……对我来说还行。

还有其他人对此有更好的解决方案吗？

iosiosswiftswiftswiftuikituikituser-interface