[WWDC 2023] (2) Widget 확장

안녕하세요🐶

빈지식 채우기의 비니🙋🏻‍♂️입니다.

 

오늘의 포스팅은 WWDC 2023의 두 번째 - Widget 확장에 대해 알아보도록 하겠습니다.

 

1. 개요

1-1. 기존의 Widget

기존의 Widge

• iOS 14 > 홈 화면에서의 Widget
• iOS 16 > 잠금 화면에서의 Widget ( WidgetKit API 사용 )

 

1-2. 새로운 Widget ( 확장 )

확장된 Widget

• Mac > 데스크탑
• iPad > 잠금 화면
• iPhone > StandBy 모드
• Apple Watch > 새로운 Smart Stack

 

2. 새로운 기능

2-1. Content margin

새로 생성된 Content margin

• Content margin
  • 위젯의 본문에 자동으로 적용되는 Padding 이며, 컨텐츠가 위젯 컨테이너에 가까워지는 것을 방지합니다.

 

기존에 사용하던 제거 방법 ( 현재는 무의미 )

새로운 Content Margin 제거 방법

• 기존에 사용하던 ignoreSafeArea() 대신에 contentMarginsDisabled를 사용하여 Safe Area 비활성화 가능합니다.

 

2-2. Container Background

containerBackground 사용

containerBackground 사용 전

containerBackground 사용 후

• containerBackground를 사용하여 배경 색상을 Z Stack 요소와 같도록 할 수 있다.

 

2-3. Standby Night Mode

• 랜더링 모드 시 > 위젯의 채도가 낮아지고, 자동으로 잠금화면 배경과 어울리는 색상으로 지정됩니다.
• 하지만, Night Mode로 전환될 때 맨 우측 이미지와 같이 돌고리가 잘 안보이는 케이스가 존재할 수 있습니다.

• Rendering Mode 를 위과 같이 예외처리를 하여 돌고리가 잘 보이도록 수정합니다.

 

이상으로 [WWDC 2023] (2) Widget 확장 포스팅을 마치겠습니다.
틀린 부분이나 궁금한 사항은 댓글 남겨주세요~

 

---

참고

• https://ios-development.tistory.com/1401
• https://developer.apple.com/videos/play/wwdc2023/10027/