Questions[swift]

My goal is to draw controls dynamically from an array of metadata that comes from the backend for example this

"MetadataServicio": [
    {
      "DATA_TYPE": "Varchar", 
      "ERROR_DESC": "", 
      "FIELD_LENGTH": "25", 
      "FIELD_TYPE": "Textbox", 
      "FK_ID_SERVICIO": "009", 
      "IS_QUERY": "0", 
      "LABEL": "Dato", 
      "ORDEN": "2", 
      "VALIDATION": "null", 
      "VALUE": ""
    }, 
    {
      "DATA_TYPE": "", 
      "ERROR_DESC": "", 
      "FIELD_LENGTH": "", 
      "FIELD_TYPE": "Combo", 
      "FK_ID_SERVICIO": "009", 
      "IS_QUERY": "0", 
      "LABEL": "Identificador", 
      "ORDEN": "1", 
      "VALIDATION": "", 
      "VALUE": "[{\"Valor\":\"C\u00e9dula\"},{\"Valor\":\"Cuenta\"}]"
    }
  ]

This here means that I have a combo that will have 2 values ​​ID and Account, but there could be n combos that I had to create dynamically

For this create a class containing

class ArrayComboBoxDatas {
    var selectedObject : String
    var pickerObject   : UIPickerView
    var destinationEntities : [String]
    var orden : String
    var textField:TextField
}

And in my class where I add the controls I have an array of said class

var arrayCombosBoxsOn = [ArrayComboBoxDatas]()

Then to add the combo I do:

 func agregarComboBox(metaDato:ServiceMetaData){

    var txtAux = TextField.init(frame: CGRect(x: 0, y: 0, width: 200, height: 21))
    txtAux.backgroundColor = UIColor.white
    txtAux.textColor = UIColor.black
    txtAux.tag = Int(metaDato.ORDEN)!

    var comboBoxOnAux = ArrayComboBoxDatas.init()

    comboBoxOnAux.selectedObject = ""
    let pickewViewAux = UIPickerView()
    pickewViewAux.tag = Int(metaDato.ORDEN)!
    comboBoxOnAux.pickerObject = pickewViewAux
    comboBoxOnAux.orden = metaDato.ORDEN

    var arrayStringStringAux = [String]()

    let keysValues = metaDato.VALUE
    let data = keysValues.data(using: .utf8)!

    do {
        if let jsonArray = try JSONSerialization.jsonObject(with: data, options : .allowFragments) as? [Dictionary<String,Any>]
        {
            for valores in jsonArray {
                var valor = valores["Valor"] as! String
                arrayStringStringAux.append(valor)
            }

        } else {
            print("bad json")
        }
    } catch let error as NSError {
        print(error)
    }

    comboBoxOnAux.destinationEntities = arrayStringStringAux

    self.arrayCombosBoxsOn.append(comboBoxOnAux)



}

What this does is fill my Array of combos which contains reference to the box created to the picker of it and its data, to then go through this entire array and create the connections of the pickers

func createPickers(){

    for info  in arrayCombosBoxsOn{


        let toolbar = UIToolbar()
        toolbar.sizeToFit()
        let done = UIBarButtonItem(barButtonSystemItem: .done, target: nil, action: #selector(donePressedGeneric))
        toolbar.setItems([done], animated: false)

        info.textField.inputAccessoryView = toolbar
        info.textField.inputView = info.pickerObject
        info.pickerObject.delegate = self
        info.pickerObject.dataSource = self
        info.pickerObject.tag = 4

        self.viewStack.addArrangedSubview(info.textField)
    }
}

The theme comes from the delegate

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        switch pickerView.tag {
        case 0:
            return CommonViewController.OrigenesCuentas.count
        case 1:
            return servicesTypesArray.count
        case 2:
            return servicesArray.count
        default:


        }

How could I, based on what I have, dynamically place the amount and other data? How could I resolve showing combos dynamically easier than a uipickersview? , I am open to achieving it in the way I thought or looking for more efficient alternatives, thanks

I have the following extension

private var rightViews = NSMapTable<UITextField, UIView>(keyOptions: NSPointerFunctions.Options.weakMemory, valueOptions: NSPointerFunctions.Options.strongMemory)
private var errorViews = NSMapTable<UITextField, UIView>(keyOptions: NSPointerFunctions.Options.weakMemory, valueOptions: NSPointerFunctions.Options.strongMemory)

        extension UITextField {
        // Add/remove error message
        func setError(_ string: String? = nil, show: Bool = true) {
            if let rightView = rightView, rightView.tag != 999 {
                rightViews.setObject(rightView, forKey: self)
            }



            // Remove message
            guard string != nil else {
                if let rightView = rightViews.object(forKey: self) {
                    self.rightView = rightView
                    rightViews.removeObject(forKey: self)
                } else {
                    self.rightView = nil
                }

                if let errorView = errorViews.object(forKey: self) {
                    errorView.isHidden = true
                    errorViews.removeObject(forKey: self)
                }

                return
            }

            // Create container
            let container = UIView()
            container.translatesAutoresizingMaskIntoConstraints = false

            // Create triangle
            let triagle = TriangleTop()
            triagle.backgroundColor = .clear
            triagle.translatesAutoresizingMaskIntoConstraints = false
            container.addSubview(triagle)

            // Create red line
            let line = UIView()
            line.backgroundColor = .red
            line.translatesAutoresizingMaskIntoConstraints = false
            container.addSubview(line)

            // Create message
            let label = UILabel()
            label.text = string
            label.textColor = .white
            label.numberOfLines = 0
            label.font = UIFont.systemFont(ofSize: 15)
            label.backgroundColor = .black
            label.setContentCompressionResistancePriority(UILayoutPriority(rawValue: 250), for: .horizontal)
            label.translatesAutoresizingMaskIntoConstraints = false
            container.addSubview(label)

            // Set constraints for triangle
            triagle.heightAnchor.constraint(equalToConstant: 10).isActive = true
            triagle.widthAnchor.constraint(equalToConstant: 15).isActive = true
            triagle.topAnchor.constraint(equalTo: container.topAnchor, constant: -10).isActive = true
            triagle.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: -15).isActive = true

            // Set constraints for line
            line.heightAnchor.constraint(equalToConstant: 3).isActive = true
            line.topAnchor.constraint(equalTo: triagle.bottomAnchor, constant: 0).isActive = true
            line.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: 0).isActive = true
            line.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: 0).isActive = true

            // Set constraints for label
            label.topAnchor.constraint(equalTo: line.bottomAnchor, constant: 0).isActive = true
            label.bottomAnchor.constraint(equalTo: container.bottomAnchor, constant: 0).isActive = true
            label.leadingAnchor.constraint(equalTo: container.leadingAnchor, constant: 0).isActive = true
            label.trailingAnchor.constraint(equalTo: container.trailingAnchor, constant: 0).isActive = true

            if !show {
                container.isHidden = true
            }
            // superview!.superview!.addSubview(container)
    //        UIApplication.shared.keyWindow!.addSubview(container)

            self.addSubview(container)

            // Set constraints for container
            container.widthAnchor.constraint(lessThanOrEqualTo: superview!.widthAnchor, multiplier: 1).isActive = true
            container.trailingAnchor.constraint(equalTo: superview!.trailingAnchor, constant: 0).isActive = true
            container.topAnchor.constraint(equalTo: superview!.bottomAnchor, constant: 0).isActive = true

            // Hide other error messages
            let enumerator = errorViews.objectEnumerator()
            while let view = enumerator!.nextObject() as! UIView? {
                view.isHidden = true
            }

            // Add right button to textField
            let errorButton = UIButton(type: .custom)
            errorButton.tag = 999
            errorButton.setImage(UIImage(named: "ic_error"), for: .normal)
            errorButton.frame = CGRect(x: 0, y: 0, width: frame.size.height, height: frame.size.height)
            errorButton.addTarget(self, action: #selector(errorAction), for: .touchUpInside)
            rightView = errorButton
            rightViewMode = .always

            // Save view with error message
            errorViews.setObject(container, forKey: self)
        }

which generates me

Which places it at the end of the view as you can see

what I want is to be able to leave each error below each box instead of putting it at the bottom of the view

I know this problem is here

 self.addSubview(container)

How could I modify this extension so that it is placed below each box instead of being placed below the view, thanks in advance

I currently have a TextField ( MaterialComponents.MaterialTextFields) with a background like the following image:

When writing it looks like this

What I need is to put a padding or filling so that it is not so stuck to the left,

My box is of type textField Materials

@IBOutlet weak var txtPassword: TextField!



func setupStyles(){
    self.txtPassword.textColor =  Utils.Color.COLOR_A0856A
    self.txtPassword.dividerNormalColor =  Utils.Color.COLOR_A0856A
    self.txtPassword.dividerActiveColor =  Utils.Color.COLOR_A0856A
    self.txtPassword.attributedPlaceholder =
        NSAttributedString(string: NSLocalizedString("strTxtPassword",comment:""), attributes: [NSAttributedStringKey.foregroundColor : UIColor(red:0.74, green:0.78, blue:0.83, alpha:1.0)])
    }

I use Swift 4

With TextField and material I mean this

using Shadros solution

 self.strPhoneTxt.setLeftPaddingPoints(5)

generates me:

If I change to self.strPhoneTxt.setLeftPaddingPoints(2)

Unsuccessfully

I have been following a tutorial on how to implement a login with parse with the function of logging in with Facebook and Twitter, however, I find a detail.

In principle, the elements of the main view are hidden by means of the function viewDidLayoutSubviews, that is, they are sent to the bottom of the screen and then move up in the form of animation, this animation is executed in the function viewDidAppear.

So far everything is perfect, however when I select one of those textFieldsthat are part of the view to enter a text, obviously the keyboard appears and in theory I should move the elements up so as not to hide them when writing, here I suppose that it is activates the function again viewDidLayoutSubviewsand executes the code snippet that hides me all the elements at the bottom as it is done when the application loads to make the animation possible.

How can I prevent the elements from disappearing every time I try to write to any of the textFields?

override func viewDidLoad() {
        super.viewDidLoad()

 // create an array of all the views we want to animate in when we launch the screen

        viewsToAnimate = [self.logInView?.usernameField, self.logInView?.passwordField, self.logInView?.logInButton, self.logInView?.passwordForgottenButton, self.logInView?.facebookButton, self.logInView?.signUpButton, self.logInView?.logo]
}

override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()


        // We to position all the views off the bottom of the screen
        // and then make them rise back to where they should be
        // so we track their final position in an array
        // but change their frame so they are shifted downwards off the screen


        viewsFinalYPosition = [CGFloat]();
        for viewToAnimate in viewsToAnimate {
            //print(viewToAnimate.frame)
            let currentFrame = viewToAnimate.frame
            print(viewsFinalYPosition.count)
            viewsFinalYPosition.append(currentFrame.origin.y)
            viewToAnimate.frame = CGRectMake(currentFrame.origin.x, self.view.frame.height + currentFrame.origin.y, currentFrame.width, currentFrame.height)
        }
    }

override func viewDidAppear(animated: Bool) {


        super.viewDidAppear(animated)


        // Now we'll animate all our views back into view
        // and, using the final position we stored, we'll
        // reset them to where they should be
        if viewsFinalYPosition.count == self.viewsToAnimate.count {
            UIView.animateWithDuration(1, delay: 0.0, options: .CurveEaseInOut,  animations: { () -> Void in
                for viewToAnimate in self.viewsToAnimate {
                    print(viewToAnimate.frame)
                    let currentFrame = viewToAnimate.frame
                     print(self.viewsFinalYPosition.count)
                    viewToAnimate.frame = CGRectMake(currentFrame.origin.x, self.viewsFinalYPosition.removeAtIndex(0), currentFrame.width, currentFrame.height)
                }
                }, completion: nil)
        }
    }

Views Dissapear

https://dl.dropboxusercontent.com/u/4915071/viewsDissapear.mov

Can you do something like the following:

nombre = raw_input("cual es tu nombre?")

so that it takes the user's response from a textfieldor from the console?