[SwiftUI] matchedGeometryEffect

#SwiftUI #matchedGeometryEffect #Namespace 오늘은 matchedGeometryEffect 를 써보려고 합니다. 소문자로 시작하는거 보니 메소드의 냄새가 마구나죠?

여느때처럼 예제하나 만들면서 시각적으로 이해해보고 애플 공식문서를 살펴보면서 구현원리를 정확하게 이해하는 식으로 진행해볼게요. 먼저 예제보면서 어떤 역할을 하는 친군지 대강 이해해봅시다.

저희 집 엘지티비에서 웨이브앱을 켰을때 나오는 로딩뷰인데요. 나름 흉내내서 예제 만들어봤습니다.

예제를 보시면 파란공이 나오는데 쟤한테 정체성을 부여한거라고 보시면 됩니다. 코드를 보시면 공을 5개 만들어 주는데 이놈이 그놈이다 라고 표시를 해주고 이놈이 그놈이니 한놈이 움직인 것처럼 이펙트를 부여해줘 이런 느낌입니다.

코드로 보는게 이해가 빠르겠죠? HStack { VStack(spacing: 0) { Text("W") if loadingIndex == 0 { Circle() .foregroundColo...