Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Properly Subclassing UITextField in swift

So i have these textfields that i realised that they all have same properties, so i created new class called "UserInputs" and extended from UITextField, everything works properly except one thing, UITextFieldDelegate functions doesn't work, i mean when i focus on them it doesn't work, i want to add it in code because when you focus on my input fields they change border, how do i properly subclass from UITextField

the only problems that i have are that functions:

textFieldDidBeginEditing
textFieldDidEndEditing

and so doesn't work.

this is my class where everything happens:

import Foundation

import UIKit

class RegistrationViewController: UIViewController, UITextFieldDelegate {

@IBOutlet weak var firstName: UserInputs!
@IBOutlet weak var test: UserInputs!

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

}

This is my subclass:

class UserInputs: UITextField{

required init(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)!
    createBorder()
}
func createBorder(){
    let border = CALayer()
    let width = CGFloat(2.0)
    border.borderColor = UIColor(red: 55/255, green: 78/255, blue: 95/255, alpha: 1.0).CGColor
    border.frame = CGRect(x: 0, y: self.frame.size.height-width, width: self.frame.size.width, height: self.frame.size.height)
    border.borderWidth = width
    self.layer.addSublayer(border)
    self.layer.masksToBounds = true
    //print("border created")
}
func textFieldDidBeginEditing() {
    print("focused")
    self.pulseBorderColor()
}
func textFieldDidEndEditing() {
    print("lost focus")
    self.reversePulseBorderColor()
}
func pulseBorderColor(){
    let pulseAnimation = CABasicAnimation(keyPath: "borderColor")
    pulseAnimation.duration = 0.35
    pulseAnimation.fromValue = UIColor(red: 55/255, green: 78/255, blue: 95/255, alpha: 1.0).CGColor
    pulseAnimation.toValue = UIColor(red: 252/255, green: 180/255, blue: 29/255, alpha: 1.0).CGColor
    pulseAnimation.fillMode = kCAFillModeForwards
    pulseAnimation.removedOnCompletion = false
    pulseAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
    self.layer.sublayers![0].addAnimation(pulseAnimation,forKey: nil)
    }
func reversePulseBorderColor(){
    let pulseAnimation = CABasicAnimation(keyPath: "borderColor")
    pulseAnimation.duration = 0.35
    pulseAnimation.fromValue = UIColor(red: 252/255, green: 180/255, blue: 29/255, alpha: 1.0).CGColor
    pulseAnimation.toValue = UIColor(red: 55/255, green: 78/255, blue: 95/255, alpha: 1.0).CGColor
    pulseAnimation.fillMode = kCAFillModeForwards
    pulseAnimation.removedOnCompletion = false
    pulseAnimation.timingFunction = CAMediaTimingFunction(name:  kCAMediaTimingFunctionEaseInEaseOut)
    self.layer.sublayers![0].addAnimation(pulseAnimation,forKey: nil)
    }
}

this code worked when i had no subclass and was doing it inside my main class, but after creating subclass focus functions stopped working, everything else works

main problem is that i want to implement

func textFieldDidBeginEditing() {
    print("focused")
}

func textFieldDidEndEditing() {
    print("lost focus")
}

these in my textfields so i don't write it over and over again

like image 369
nikagar4 Avatar asked Jan 14 '16 06:01

nikagar4


2 Answers

It looks like the UITextFieldDelegate functions you have in your code are a little off. They should be:

func textFieldDidBeginEditing(textField: UITextField) {
    print("focused")
}
 func textFieldDidEndEditing(textField: UITextField) {
    print("lost focus")
}

And since you want the UserInputs objects to be their own delegates, I've added that code, too. To demonstrate this, I have the following two files:

ViewController.swift

import UIKit

class ViewController: UIViewController, UITextFieldDelegate {

    var textField: UserInputs!

    override func viewDidLoad() {
        super.viewDidLoad()
        textField = UserInputs(frame: CGRectMake(100, 100, 200, 40))
        view.addSubview(textField!)
    }
}

UserInputs.swift

import UIKit

class UserInputs: UITextField, UITextFieldDelegate {

    required init(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)!
        delegate = self
        createBorder()
    }
    required override init(frame: CGRect) {
        super.init(frame: frame)
        delegate = self
        createBorder()
    }
    func createBorder(){
        let border = CALayer()
        let width = CGFloat(2.0)
        border.borderColor = UIColor(red: 55/255, green: 78/255, blue: 95/255, alpha: 1.0).CGColor
        border.frame = CGRect(x: 0, y: self.frame.size.height-width, width: self.frame.size.width, height: self.frame.size.height)
        border.borderWidth = width
        self.layer.addSublayer(border)
        self.layer.masksToBounds = true
        //print("border created")
    }
    func textFieldDidBeginEditing(textField: UITextField) {
        print("focused")
    }
    func textFieldDidEndEditing(textField: UITextField) {
        print("lost focus")
    }
}
like image 132
Jason Barker Avatar answered Oct 21 '22 11:10

Jason Barker


Your UITextFieldDelegate should probably stay in your RegistrationViewController.

Instead of overriding the delegate you can do this. In your init method, add a target to self with the appropriate function.

class UserInputs: UITextField {
  override init(frame: CGRect) {
      super.init(frame: frame)
      self.addTarget(self, action: "formatText", for: .editingChanged)
  }

  required init?(coder aDecoder: NSCoder) {
      super.init(coder: aDecoder)
      self.addTarget(self, action: "formatText", for: .editingChanged)
  }

  func formatText() {
     // Edit self.text here
  }
//.......//
}
like image 17
Gaston Gonzalez Avatar answered Oct 21 '22 12:10

Gaston Gonzalez