5월, 2018의 게시물 표시

Slide SideView 표시하기

이미지
오늘은 좌우 Gesture로 SideView가 나왔다가 들어가는 화면을 구성해 보자. 아래 동영상은 최종 결과 이다. ========================================================= 1. 화면 구성을 위한 각종 ViewController와 View 설정 2. 초기 화면을 MainViewController로 설정 3. SideView와 MainView 동시 표현 4. MainView에서 sideView toggle하기 5. Animation 효과 넣기 및 mainView 그림자 처리하기 6. SideView에서 항목 선택할 경우 MainView의 BackGround Color 변경 7. Gesture로 sideView toggle하기 ========================================================= 1. 화면 구성을 위한 각종 ViewController와 View 설정 우선 화면 구성을 아래 그림과 같이 하자. Main화면을 나타내는 MainViewController, SideView를 나타내는 SideTableViewController, 그리고 이 두 View를 관리하는 ContentViewController 이렇게 세가지를 준비하였다. 다만 MainViewController에는 Navigation Controller를 임베디드 하였다 (Editor▶︎Embed In▶︎Navigation Controller). 이때 ContentViewController에서 따로 segue를 만들지 않는다. 그리고 Navigation Controller의 Identity 속성중 Storyboard ID에는 "mainView", SideTableViewController의 Identity 속성중 Storyboard ID에는 "sideView"라고 설정한다. 추가로 실행했을 때 View를 알아보기 쉽게 하기 위해 MainViewContro