[Swift] WWDC22 Complications and widgets: Reloaded

안녕하세요. 미닛메이드 Minnit 입니다😋

 

WWDC2022 요약 첫번째로 올린 Push To Talk에 이어서

이번에는 애플에서 드디어 제공하게 된

잠금화면을 커스텀 할 수 있는..!!

(물론 안드로이드 폰에 비해 커스텀 제약이 많지만 💧)

고론 API와 소개 영상이 공개되었습니다

 

이 부분은 정말 많은 사람들이 기다려 왔을 것 같아요 ~

그럼 이번에도 간단하게 요약해보겠습니다 🕶

 

---

Complications and widgets

잠금 화면의 액세서리 위젯 + WatchOS complication을 만들 수 있게 도와주는

새로운 Api가 WidgetKit 에 추가되었습니다 

현재 제공되는 Watch의 complication이 위젯 형태로 한눈에 알아볼 수 있는 WidgetKit으로 재탄생하였습니다

코드 한 번으로 iOS16과 watchOS 둘 다에 사용될 수 있기 때문에

개발자에게도 좋은 소식인 것 같습니다

( 잠금화면 위젯, 애플 워치 컴플리케이션)

 

여기서 말하는 Complication은

애플워치 페이스에 존재하는 작은 인터페이스 요소들을 말합니다

Complications

새로운 위젯 종류

WidgetKit의 WidgetFamily에서 “accessory”로 시작하는 case들을 추가했습니다

 

accessoryRectangular

accessoryRectangular

 직사각형 모양의 위젯으로,

여러 줄의 Text를 보여주거나 간단한 그래프나 차트 나타내기가 가능한 위젯입니다

( ClockKit에서 graphicRectangular 와 유사 )

 

accessoryCircular

accessoryCircular

원형 모양의 위젯으로,

게이지 및 progress 보기에 알맞은 위젯입니다

( ClockKit에서 graphicCircular 와 유사 )

 

accessoryInline

accessoryInline

시간 위에 표시할 수 있는 Text 전용 위젯으로 다양한 크기로 제공됩니다

 

accessoryCorner

accessoryCorner

WatchOS 에만 해당되고, 시계 모서리에 있는 위젯입니다

 

Colors and Rendering Mode

WidgetRenderingMode 은 위젯이 표시될 수 있는 3가지 렌더링 모드를 제공합니다

첫 번째, fullColor 는 콘텐츠가 지정한 대로 정확하게 표시가 되는 모드로,

날씨 혹은 활동 ring 처럼 색상이 화려한 위젯에 적용하는 것을 추천합니다

 

두 번째, accented 는 보기가 accent group 과 default group으로 나눠져 있습니다

불투명도만 유지하면서 색상은 단조롭게 표시가 되는 모드입니다

 

세 번째, vibrant 는 콘텐츠의 채도가 낮아진 채로 잠금화면의 background에 적용됩니다

가독성을 위해 투명한 색상 사용하지 않는 것을 권장합니다

---

간단하게 새롭게 WidgetKit에 추가되는 accessory case들을 살펴보았습니다

영상 뒤에는 예제를 가지고 실습하는 내용이라 작성하지 않았지만,

실제 코드가 궁금하신 분들은 영상 후반부를 시청해주세요 !

 

애플 워치에서 적용되던 작고 귀여운 위젯을

아이폰 잠금화면에서도 만나볼 수 있다니.. 🥸

다양한 앱에서 얼른 출시해주면 좋겠네요 ㅎㅎ

 

또한 애플 워치, 아이폰 따로 위젯을 만들 필요 없이

한 번에 적용된다는 점이 메리트 있는 것 같습니다 😁

요즘 조금씩 SwiftUI 공부📖를 하고 있는데

열심히 공부해서 위젯도 만들어봐야겠네요 ㅎㅎ

 

혹시 더 궁금하신 부분이 있다면

댓글 남겨주세요 ! 👐🏻

 

애플 WWDC2022 - Complications and widgets: Reloaded의

원본 영상은 여기 있습니다 ! 

 

Complications and widgets: Reloaded - WWDC22 - Videos - Apple Developer