Как правильно добавить ограничения в мой UITextField, который содержит UILabel с использованием SWIFT? - PullRequest
Новая
       3

Как правильно добавить ограничения в мой UITextField, который содержит UILabel с использованием SWIFT?

0 голосов
/ 08 января 2020

Я относительно новичок в программировании в целом, и я только начинаю изучать ограничения и автоматическую компоновку и как правильно их настраивать. В настоящее время я пытаюсь выяснить, как сделать самое верхнее UITextfield с UILabel внутри него (то, что говорит Вес (фунты): 70,0), в соответствии со спецификациями, которые я настроил для него (см. Код ниже) ...).

Когда я указываю размер якорей ширины и длины, я всегда получаю вид, который игнорирует мои спецификации размера и якоря на весь экран (см. Изображение ниже).

Любая помощь будет принята с благодарностью.

enter image description here

enter image description here

import UIKit
import RealmSwift

class ThirdViewController: UIViewController {

    let realm = try! Realm()

    var stats : Results<WeightSetsReps>?

    var weightTextField = UITextField()
    var weightLabel = UILabel()

    var repsTextField = UITextField()
    var repsLabel = UILabel()

    var timerImage = UIImageView()


    var selectedExercise : Exercises? {
        didSet{
            loadWsr()
        }
    }


    //MARK: - ViewDidLoad()
    override func viewDidLoad() {
        super.viewDidLoad()

//        timeClock()
        navConAcc()
        labelConfig()
        setTextFieldConstraints()
//        setImageViewConstraints()
    }


    //MARK: - UILabel
    func labelConfig(){
        weightTextField.placeholder = "Total weight..."
        weightTextField.layer.borderWidth = 1
        weightTextField.backgroundColor = .white
        weightTextField.layer.cornerRadius = 25
        weightTextField.layer.borderColor = UIColor.lightGray.cgColor

        weightLabel.text = "  Weight (lbs): "
        weightLabel.textColor = .black

        weightTextField.leftView = weightLabel
        weightTextField.leftViewMode = .always


        repsTextField.placeholder = "Number of Reps..."
        repsTextField.layer.borderWidth = 1
        repsTextField.backgroundColor = .white
        repsTextField.layer.cornerRadius = 25
        repsTextField.layer.borderColor = UIColor.lightGray.cgColor


        repsLabel.text = "  Repetitions: "
        repsLabel.textColor = .black

        repsTextField.leftView = repsLabel
        repsTextField.leftViewMode = .always

        [weightTextField, repsTextField].forEach{view.addSubview($0)}

    }

    //MARK: - TextField Constrainst
    func setTextFieldConstraints(){

        weightTextField.anchor(top: view.safeAreaLayoutGuide.topAnchor, leading: view.leadingAnchor, bottom: view.safeAreaLayoutGuide.bottomAnchor, trailing: view.trailingAnchor, size: .init(width: 20, height: 20))

        repsTextField.anchor(top: view.safeAreaLayoutGuide.topAnchor, leading: view.leadingAnchor, bottom: view.safeAreaLayoutGuide.bottomAnchor, trailing: view.trailingAnchor, size: .init(width: 20, height: 20))
    }

    //MARK: - ImageView Constraints
//    func setImageViewConstraints(){
//
//        timerImage.anchor(top: view.safeAreaLayoutGuide.topAnchor, leading: view.leadingAnchor, bottom: view.safeAreaLayoutGuide.bottomAnchor, trailing: view.trailingAnchor, padding: .init(top: 40, left: 40, bottom: 450, right: 50))
//
//    }





    //MARK: - Navigation Bar Setup
    func navConAcc(){
        navigationItem.title = selectedExercise?.exerciseName
        navigationController?.navigationBar.prefersLargeTitles = true
    }

    //MARK: - Stopwatch
//    func timeClock(){
//        let image1 = UIImage(named: "stopwatch")
//        timerImage = UIImageView(image: image1)
//        timerImage.contentMode = .scaleAspectFit
//        self.view.addSubview(timerImage)
//    }

    //MARK: - Load Data
    func loadWsr() {
        stats = selectedExercise?.wsr.sorted(byKeyPath: "sets", ascending: true)
    }

    //MARK: - Save Data
    func save(wsr : WeightSetsReps){
        do {
            try realm.write {
                realm.add(wsr)
            }
        } catch {
            print("Error saving wsr data \(error)")
        }
    }

}

extension UIView {
    func anchor(top: NSLayoutYAxisAnchor?, leading: NSLayoutXAxisAnchor?, bottom: NSLayoutYAxisAnchor?, trailing: NSLayoutXAxisAnchor?, padding: UIEdgeInsets = .zero, size: CGSize = .zero){

        translatesAutoresizingMaskIntoConstraints = false

        if let top = top {
            topAnchor.constraint(equalTo: top, constant: padding.top).isActive = true
        }

        if let leading = leading {
            leadingAnchor.constraint(equalTo: leading, constant: padding.left).isActive = true
        }

        if let bottom = bottom {
            bottomAnchor.constraint(equalTo: bottom, constant: padding.bottom).isActive = true
        }

        if let trailing = trailing {
            trailingAnchor.constraint(equalTo: trailing, constant: padding.right).isActive = true
        }

        if size.width != 0 {
            widthAnchor.constraint(equalToConstant: size.width).isActive = true
        }

        if size.height != 0 {
            heightAnchor.constraint(equalToConstant: size.height).isActive = true
        }
    }
}

1 Ответ

0 голосов
/ 08 января 2020

Вам необходимо снять нижний якорь 

repsTextField.anchor(top: view.safeAreaLayoutGuide.topAnchor, leading: view.leadingAnchor, bottom:nil, trailing: view.trailingAnchor, size: .init(width: 20, height: 20))
...