패스트 캠퍼스 챌린지 35일차

Swift에서 직관적인 ui 추가 가능 

◆ 수강 강의명: 

• Swift 실전 앱 제작( CH05_01. 프로젝트 설정 방법)
• CH05_02. 스토리보드와 오토레이아웃을 이용하여 앱 화면 디자인하는 법 알아보기 
• (복습)CH01_05. UI 만들어보기(앱의 타이틀, 화면에 표시되는 텍스트 표현 등)

---

◆ 강의 내용 :

★Swift에서 프로잭트 설정과 만들 UI 소개 

 

★스토리보드를 통해 

Toolbar를 검색하면 하단 버튼들을 추가할 수 있음. 

command +shift +L 눌러서 검색을 눌러 버튼을 추가할 수 있음.

Bar Button item으로 버튼들을 추가할 수 있음.

flexible space로 공간 조절 가능 

Collection view로 사진을 보여줄 수 있음. 

image view를 추가할 수 있음. 

 

 

 

 

============복습============

☆위젯을 통해서 실제 앱처럼 보이는 ui 구성

AppBar

앱 상단에 고정된 위젯

FloatingActionButoon 

페이지에 하단에 떠있는 버튼 위젯

BottonNavigationBar 

다양한 페이지로 전환할 수 있는 하단 고정 위젯

BottomSheet

여러 액션을 사용할 수 있는 하단 고정 위젯 

1. AppBar, 2. FloatingActionButtion 3. BottomNavigationBar

onTap: (index){

setState(() { => 변경된 값을 알려주는 코드 

 

☆UI만들기 Cupertino

IOS 디자인 위젯 

CupertinoActionSheet

IOS 버전 BottomSheet 위젯

CupertinoSegmentedControl

옵션 선택 가능한 위젯 

CupertinoAlerDialog 

iOS디자인 다이얼로그 위엣

CupoertinoSwitch

iOS 디자인 스위치 위젯 

 

 

---

◆ 강의 요약 :

swift에서 전체적인 UI구성 오토 레이아웃에 대해 학습했습니다. Flutter에서 BottomNavigationBar를 작성해 보았습니다.

 

---

---

<후기> 

상대적으로 Swift는 flutter보다 코드 작성이 오토 레이아웃으로 바로 넣고 뺄 수 있어서  flutter보다 앱을 만들기가 훨씬 수월한거 같습니다. 

 

---

#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.