Apple devloper, Introducing SwiftUI
app 정보
swiftUI inspector
preview에서 cmd누르고 UI 클릭하면, swiftUI inspector로 설정 가능.
code editor에서 text declaration을 cmd+click으로 swiftUI inspector 열 수 있음.
Combine VIews Using Stacks
body property에서는 single view만 return하므로
stack를 통해 multiple views를 combine, embeded해야한다.
얘를 통해 view들을 horizontally, vertically, back-to-front로 group할 수 있다.
1. cmd+click, Vstack으로 embed
2. 상단에 +버튼 누르고, text검색한다음, drag & drop으로 text 추가 할 수있음.
3. Vstack Alignment....
4. canvas에서도 stack추가....
5. Spacer.
parent view의 공간에서 view들을 expand해서 배치함. 내가 view각각의 size를 정해주지 않아도 됨.
6. Vstack에 padding주기.
Create a Custom Image View
1. asset에 파일 드래그&드랍으로 갖다넣고, 이름 수정하고,
2. 새로운 파일 추가해서 image initializer로 image생성.
[
내 image로 하면 아무 화면 안 뜨던데 왜 그런지 모르겠음. => 애플에서 제공하는 resource 파일로 다시 넣음.
]
3. clipShape로 둥근틀에 넣고, overlay로 stroke주고, shadow로 그림자 줌.
Use SwiftUI Views From Other Frameworks.
@state
$region
Compose the Detail View
1. Vstack을 Vstack으로 묶고, 그 안에 mapview, logo, spacer 넣어줌.
2. MapView: frame크기, safeArea없애주기 설정. 크기를 정해주지 않으면 layout에 따라 알아서 정해짐.
3. logo: offset으로 map과 logo가 겹치도록. padding으로 Vstack이랑 logo의 위치 조절.
4. Spacer로 전체적으로 위로 가도록.
5. 기존의 Vstack에서 divider를 통해 구분선 해주고, 세부내용 text로 적어줌.
6. Hstack의 font type, text color설정.
