초보 Alert

📖초보 Alert View

버튼을 클릭했을 때 Alert View를 띄우고 Alert View에 있는 텍스트필드의 내용으로 레이블의 텍스트를 바꿔주는(choose버튼을 터치했을 때만) 앱

버튼을 터치했을 때 alert 창이 띄어지므로 버튼과 연결되어 버튼의 터치 시 동작하는 @IBAction 함수 안에 구현 🔖Alert 스타일 : alert

🔖버튼 종류 default(choose) : 텍스트필드의 내용으로 레이블의 텍스트를 바꾸는 것을 허용 cancel(cancel) : 텍스트필드의 내용으로 레이블의 텍스트를 바꾸는 것을 취소

0. Alert 만들기

왕초보 Alert

📖왕초보 Alert View

버튼을 터치했을 때 Alert View가 나타나는 앱

🔖Alert 스타일 : alert

1. button 만들기 & @IBAction 연결

이건 쉽지? 할 수 있지? 버튼 터치 시 동작하므로 이후의 코드는 모두 @IBAction 메소드 안에서 작성될거야

2. UIAlertController 생성

let alert = UIAlertController(title: "이건 무슨 창일까용?", message: "Alert 창 입니당", preferredStyle: .alert)

매개변수 없이 인스턴스를 생성한다면?

인스턴스 생성 후 값을 하나씩 넣어주면 됨

but, preferredStyle이 읽기 전용이므로 할당 불가능 → default 값으로 actionSheet 스타일로 적용

• 제목, 메세지, alert 유형을 설정

3. Action Button 만들기

let defaultAction = UIAlertAction(title: "확인", style: .default) { action in
    //action
}

UIAlertAction

넵? 갑자기 클로져 문이용??? UIAlertAction의 원형을 보자 핸들러(handler)가 있다!! Alert View가 화면에 뜨고 사용자가 어떤 버튼을 눌렀을 때 실행해야 할 행동이 있을 것 → 고것을 설정해줘야 함
아무 행동도 하지 않을 것이라면 클로져 안에 아무 것도 작성하지 않으면 됨 (아니면 핸들러 파라미터에 nil 지정)

• Action Button을 여러 개 만들고 싶다면 만들고 싶은 만큼 Action Button을 만듦 ⭐️cancel 버튼은 하나만 만들 수 있음

4. 만들어준 Alert 틀에 Action Button 연결해주기

alert.addAction(defaultAction)

• alert : 위에서 만들어 준 UIAlertController 객체 defaultAction : 위에서 만들어 준 UIAlertAction 객체 → 이 둘을 연결함 ^ㅡ^
• 만든 Action Button 여러 개라면 다 연결해주어야 추가됨 ⭐️이 때, alert에 추가하는 순서대로 화면에 나타나게 됨(alert : 왼쪽부터 actionSheet : 위쪽부터)⭐️

5. Alert 화면에 띄우기

present(alert, animated: true, completion: nil)

Alert도 View인데 dismiss해줘야 하는 거 아닌가요?

자동으로 dismiss가 되어서(alert가 없어져) 따로 alert를 없애주거나 할 필요는 없어용😎

6. Alert 왕초보 탈출

Link to original

요기까지 alert 만들기 성공

1. Alert에 텍스트필드 추가하기

alert.addTextField()

여기서 잠깐 addTextField에 대해 알아보자

addTextField 정의

alert에 텍스트 필드를 추가함 이 메소드를 호출하면 편집 가능한 텍스트필드가 alert에 추가됨 추가적인 텍스트필드를 추가하려면 이 메소드를 두 번 이상 호출할 수 있음 텍스트필드는 alert 창에 스택처럼 쌓임 preferredStyle이 alert인 경우에만 텍스트필드를 추가 가능

addTextField 원형

파라미터로 configurationHandler가 존재함

configurationHandler

alert를 표시하기(display) 전에 텍스트필드를 구성하기 위한 블록 이 블록은 반환 값이 없으며, 텍스트필드 객체에 해당하는 단일 매개변수 사용

🔖예제를 통해 쉽게 알아보자 addTextField를 추가하고 configurationHandler의 파라미터 부분에 엔터를 치게 되면 코드가 아래와 같이 변신 여기서 UITextField가 위에서 말한 매개변수, 이 매개변수를 통해 텍스트필드 속성을 변경할 수 있음 위 코드는 텍스트필드의 텍스트 컬러를 cyan으로 바꿔주는 코드 잘 동작하지용?

요렇코롬 텍스트필드의 속성들을 마구마구 설정해줄 수 있습니당

2. Label 만들기 & @IBOutlet 연결

이건 쉽잖아 안 적어도 할 수 있잖아

3. choose 버튼의 handler에서 Label의 텍스트를 TextField의 텍스트로 바꿔주기

let choose = UIAlertAction(title: "choose", style: .default) { action in
    self.mainLabel.text = alert.textFields?[0].text
}

• UIAlertController(alert)에 textFields라는 프로퍼티 존재해서 텍스트필드에 접근 가능
• textFields라는 프로퍼티는 배열
  • 여러 개의 텍스트필드 추가했을 시 각각의 텍스트필드에 다 접근할 수 있음
  • 아까 텍스트필드는 alert 창에 스택처럼 쌓임이라고 했으니까 위에서부터 첫번째 텍스트필드는 [0], 두번째 텍스트필드는 [1], … 이런 식

4. Alert 초보 탈출