📖TextField

인터페이스에 편집 가능한 텍스트 영역을 표시하는 개체

📖TextField의 다양한 속성들

📎키보드 종류

textField.keyboardType = .default
textField.keyboardType = .URL
textField.keyboardType = .numberPad
textField.keyboardType = .phonePad
textField.keyboardType = .emailAddress
textField.keyboardType = .webSearch

📎return Key 종류

textField.returnKeyType = .default
textField.returnKeyType = .done
textField.returnKeyType = .go
textField.returnKeyType = .join
textField.returnKeyType = .next

📎기타 소소 정보

textField.placeholder = "이메일 입력" // 다른 텍스트가 없을 때 표시되는 문자열(희미한 안내 문구)
 
textField.autocapitalizationType = .none // 자동으로 앞문자를 대문자로 변경
 
textField.autocorrectionType = .no // 자동 수정 활성화
 
textField.spellCheckingType = .no // 맞춤법 검사 활성화
 
textField.clearsOnBeginEditing = false // 텍스트필드 클릭 시 이미 적혀있는 내용 삭제
 
textField.isSecureTextEntry.toggle() // 텍스트를 비밀번호 형식으로 텍스트가 보이지 않도록 함
 
textField.clearButtonMode = .always // 전체 내용 삭제할 "x 버튼" 표시

📖TextField의 델리게이트 패턴

method의 return값이 Bool이 아닌 경우는 보통 어떠한 시점을 의미

📎입력을 시작할지말지 여부를 허락하는 func

// textField의 입력을 시작할 때 호출됨
func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
    
    return true
}

📎텍스트필드에 입력이 시작된 시점을 알려주는 func

// 유저가 입력을 시작한 시점에 호출됨
func textFieldDidBeginEditing(_ textField: UITextField) {
 
}

📎텍스트필드에 글자의 입력/삭제를 허락하는 func

문자 입력에 제한을 두는 상황에 자주 사용

// 텍스트필드의 글자가 입력되거나 지워질 때 호출됨
func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
    
    return true
}

📎텍스트필드에서 return key가 눌러진 후 다음 동작을 허락하는 func

func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    // 텍스트가 있을 경우 키보드 내려감
    if textField.text != "" {
        textField.resignFirstResponder()
				 return true
    }
    
    return false
}

📎텍스트필드의 입력을 끝낼지 말지를 허락하는 func

// textField의 입력이 끝날 때 호출
func textFieldShouldEndEditing(_ textField: UITextField) -> Bool {
    
    return true
}

📎텍스트필드에 입력이 끝난 시점을 알려주는 func

func textFieldDidEndEditing(_ textField: UITextField, reason: UITextField.DidEndEditingReason) {
    print("유저가 입력 끝냄")
    textField.text = ""
}

📖TextField와 First Responder

📎텍스트필드를 FirstResponder로 설정/해지

textField.becomeFirstResponder() // 설정
textField.resignFirstResponder() // 해지

First Responder로 지정되는 동작과정

1. TextField 클릭
2. TextField Delegate가 textFieldShouldBeginEditing() 호출
3. textFieldShouldBeginEditing()가 true 리턴 (텍스트 필드에 입력 허용)
4. TextField가 First Responder로 지정됨
5. UIKit이 TextField의 Input View를 화면에 표시하려고 시도(Input View : 입력을 받는 뷰. 즉, 키보드)
6. 키보드 표시

First Responder로서의 자격 포기한다면?

Input View이 화면에서 사라지게 됨 키보드야 화면에서 안녕~!!

화면에 들어가자마자 텍스트필드의 키보드 올라가도록 구현

override func viewDidLoad() {
    textField.becomeFirstResponder()
}

텍스트필드 영역 외의 영역 터치 시 텍스트필드의 키보드 내려가도록 구현

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
    // 1번 방법
    self.view.endEditing(true)
    // 2번 방법
    textField.resignFirstResponder()
}

📖TextField Snippets