[iOS][Swift] 네비게이션바&탭바 적용하기

Mary·2022년 9월 27일
1
post-thumbnail

네비게이션바와 탭바는 앱에서 항상 쓰이는 기능이다.

먼저 뷰컨트롤러를 생성해준다.
뷰컨트롤러를 먼저 생성하는 이유는 다음 화면으로 넘어가기 위한 것이다.

button을 생성하여 높이, 넓이를 설정하고, X, Y축을 설정하였다.

control을 누르고 view Controller에 내려놓고, Show를 선택한다. (네비바를 위해)

뷰를 선택하고 Navigation Controller를 클릭한다.

Navigation Controller가 왼쪽에 생겼다.

상단 메뉴가 생긴 것을 확인할 수 있다.

Navigation Item을 선택하고, Title명을 메뉴로 수정하였다.

Navigation Bar 클릭 후, Scroll Edge로 설정하여 네비게이션 바의 색깔을 설정할 수 있다.

Navigation Controller 선택하고, Tap Bar Controller를 클릭한다.

왼쪽 끝에 Tap Bar Controller가 생성된 것을 볼 수 있다.

View Controller를 하나 더 추가해준다.

control을 끌어 Relationship Segue의 view controllers를 클릭한다.

탭바가 하나 더 생긴 것을 볼 수 있다.

Tab Bar Item을 선택한 상태에서 title과 image를 수정할 수 있다.

Storyboard로 탭바와 네비게이션바를 제작하는 것은 간편하게 만들 수 있다.

(+) 자판기 메뉴 선택처럼 각 메뉴 버튼을 누르면 상세 페이지로 이동하게 된다.

다음에 해야할 것

  • 코드로 네비게이션바/탭바 만들기
  • 테이블뷰 적용하기
profile
iOS

0개의 댓글