Xcode12.2中如何通过代码在已有TextField下方新增UITextField？

嘿，我看你已经在尝试用代码动态添加UITextField了，不过现有实现还有不少可以优化的地方，我来给你分享更合理的做法：

现有代码的小问题 #

• 用frame硬写坐标和尺寸，在不同屏幕尺寸上适配会出问题
• 每次点击按钮都会调用addSubview，虽然是同一个实例，但重复添加到视图层级的操作不够严谨
• 没有设置TextField的基本样式，可能添加后你看不到它（默认是透明背景无边框）

优化后的实现方案 #

我推荐用AutoLayout替代frame做布局，同时完善创建逻辑，避免重复添加：

@IBOutlet weak var kgTextField1: UITextField! 
@IBOutlet weak var repTextField1: UITextField! 
@IBOutlet weak var repTextField2: UITextField! 
@IBOutlet weak var repTextField3: UITextField! 

// 用可选类型，初始为nil，避免提前创建实例
var addKgTextField: UITextField?

override func viewDidLoad() {
    super.viewDidLoad()
    // 这里不用提前创建TextField，点击按钮时再处理
}

@IBAction func didTapAddSetButton(_ sender: Any) {
    // 先判断是否已经添加过，避免重复操作
    guard addKgTextField == nil else { return }
    
    // 创建并配置TextField
    let newTextField = UITextField()
    newTextField.borderStyle = .roundedRect // 给个边框，能直观看到它
    newTextField.placeholder = "输入KG" // 占位符提示用户输入内容
    newTextField.keyboardType = .decimalPad // 显示数字键盘，适合输入重量类数值
    newTextField.translatesAutoresizingMaskIntoConstraints = false // 禁用自动转换，启用AutoLayout
    
    // 添加到视图
    view.addSubview(newTextField)
    addKgTextField = newTextField // 保存引用，方便后续操作
    
    // 用AutoLayout设置布局：和已有的kgTextField1左对齐，放在repTextField3下方
    NSLayoutConstraint.activate([
        newTextField.topAnchor.constraint(equalTo: repTextField3.bottomAnchor, constant: 16), // 与上方控件保持16pt间距
        newTextField.leadingAnchor.constraint(equalTo: kgTextField1.leadingAnchor),
        newTextField.widthAnchor.constraint(equalTo: kgTextField1.widthAnchor),
        newTextField.heightAnchor.constraint(equalToConstant: 34)
    ])
}

额外实用建议 #

• 如果以后需要添加多个TextField，建议用数组来管理所有动态添加的实例，比如var dynamicTextFields: [UITextField] = []，每次创建后加入数组，方便后续统一获取输入内容、批量移除等操作
• 可以添加键盘遮挡处理：监听键盘弹出/收起的通知，调整视图的contentOffset，避免TextField被键盘挡住
• 给动态添加的TextField设置delegate，处理输入完成后的键盘收起逻辑

内容的提问来源于stack exchange，提问作者uskitm