로그인 화면UI_텍스트 위치변경/팝업

로그인을 하는 화면을 만들어보았다 !!  이번엔 코드로만 ! 

 

[화면UI]

A. 구성 : 텍스트필드/버튼/팝업

B. 기능 

• 텍스트필드 비활성화/활성화에 따른 라벨, 텍스트필드 값 이동 및 위치변경
• '비밀번호 재설정' 버튼 선택시, 팝업 노출
• '로그인' 버튼 선택시, 다음 액션

---

[화면 분석]

큰 덩어리를 나눠서 설명하자면, 일단 뷰디드로드의 (1)위/(2)아래로 2가지 큰 덩어리로 나뉜다고 생각하면 된다. 

(1)위
: 현재 화면UI내 있는 구성들을 모두 선언한다. 코드를 선언하는 이유는 해당 구성요소마다 고유값을 선언하여, 어디에서든 필요시 호출하여 쓸 수 있도록 하기 위해서.

(2)아래 
: 위에 있는 파란색 함수들은 시스템자체내에 있는 함수로 선택적으로 사용가능하다. 처음엔 이 함수들은 그냥 내가 생성해서 만들어야하는 기능인가 했는 데, 그건 아닌걸로 ㅎㅎㅎ 

처음엔 기능을 가진 이 함수들을 어떻게 쓰는 건지 궁금했는 데, 그때 바로 위에 선언한 코드를 호출해서 사용용도에 맞게끔 사용할 수 있다. 

 

여기서 신기했던 건 확장! 

확장할 때, 화면타입을 베이스로 화면타입에 맞는 구성요소들 매칭시켜서 각각에 맞는 기능을 짜더라 !! (아 화면타입이 아니라 화면유형이라고 해야하나. 텍스트필드, 뷰, 버튼 이런 것들을 생각하고 말한건데) 

먼저 델리게이트 패턴을 사용해서, 뷰컨트롤러를 대리자로 채택하고, 

화면유형에서 맞는 구성요소를 매칭해서 

기능 구현하기 ! 

오늘은 끗!

--
이해를 위해 의식적 흐름으로 쓴 글입니다. 혹여나 틀린점이 있다면, 코멘트 남겨주세요. 다시 공부해서 수정하겠습니다 : )