상세 컨텐츠

본문 제목

SwiftUI 튜토리얼 [챕터1-기초2-섹션8: 다양한 애플기기로 미리보기 ]

본문

728x90

섹션8

다양한 애플기기로 미리 보기

 

다음은

LandmarkList_Previews 프리뷰 프로바이더에 코드를 추가해서 리스트뷰를 다른 디바이스 사이즈로 렌더링 한다.

기본값으로, 미리 보기는 다른 디바이스 사이즈에 맞추어 리스트 뷰를 렌더링 한다.

'previewDevice(_: ) 모디파이어' 메써드로 미리 보기 디바이스를 바꿀 수 있다.

 

[필수 영어 단어]
1)device 디바이스: 기기
2)instance 인스턴스: 사례, 예
3)string 스트링: 줄, 끈, 조건
4)identifier 아이덴티파이어: 식별자
5)method 메써드: 방법

스텝1

현재 리스트의 미리 보기를 바꾸어서 아이폰 SE 사이즈로 렌더링 한다.

 

*엑스코드의 스킴 메뉴에 있는 다른 기종 이름을 넣어 봐도 된다.

 


스텝2

리스트 미리 보기 안에, 데이터로써 각 기종 이름을 LandmarkList를 'ForEach 인스턴스'안에 배열해서 넣어준다.

 

*ForEach는 컬렉션에서 리스트와 같은 방식으로 운영한다. 이 말은, 스택, 리스트, 그룹 등, 차일드뷰를 사용하는 어디든지 사용할 수 있다. 데이터 요소가 심플 밸류 타입(simple value type-간단한 값 타입) 이라면 -여기서 사용하는 string 같은- identifier(아이덴티파이어) key path (핵심연결통로)로써 \.self 를 사용 할 수 있다.

 


스텝3

'previewDisplayname(_: ) 모디파이어'를 사용해서, preview의 라벨로써 기기 이름을 추가한다.

 


스텝4

캔버스에서 다른 기계로 뷰의 렌더링을 비교하기 위해서 실험해 볼 수 있다. 

 

챕터1 기초2 섹션 모두 8/8완료~

다음은 챕터1 기초3 섹션1 

 

https://ingodwelove.tistory.com/20

 

SwiftUI 튜토리얼 [챕터1-기초3-섹션1: 유저가 즐겨찾는 랜드마크 표시]

스위프트 유아이 튜토리얼- 애플 공식 자료 번역 챕터1:기초 기초3:유저 인풋(입력) 다루기 (총 6섹션) 랜드마크앱에서, 유저는 즐겨 찾는 장소에 깃발을 꽂을 수 있으며, 리스트를 필터링하여 즐

ingodwelove.tistory.com

 

728x90

관련글 더보기