Library

프로젝트

FloatingHUD

드래그·확장이 가능한 SwiftUI HUD 오버레이

2025Open-SourceSwiftUIHUD
GitHub에서 보기
테마
언어

프로젝트

FloatingHUD

2025Open-SourceSwiftUIHUD
GitHub에서 보기

Period.

2025.02 - (진행 중)

  • HUD 오버레이를 Swift Package로 분리해 바로 붙여 쓸 수 있게 정리
  • 드래그/스냅 스프링 값을 조정해 부드러운 카드 이동·확장 구현

Screens

FloatingHUD 드래그 가능한 SwiftUI 오버레이

Used Tools & Skills

Skills

  • SwiftUI 레이아웃 · matchedGeometryEffect
  • 인터랙티브 스프링 · 제스처 처리
  • Swift Package 모듈화

Motivation

메트릭/디버그 정보를 띄우는 재사용 가능한 HUD가 필요했습니다. 기존 HUD는 앱에 종속되거나 UIKit 기반이 많아서, 순수 SwiftUI + 스냅-투-엣지 로직을 갖춘 가벼운 오버레이가 필요했고 Compact/Expanded 상태가 깔끔히 동기화되도록 만들었습니다.

Learned

  • Compact/Expanded SwiftUI 뷰 사이의 상태·레이아웃을 matched geometry로 공유
  • 드래그·앵커 스냅·dramatic collapse를 위한 스프링 튜닝
  • 사용자가 상수를 덮어쓸 수 있는 구조와 카드 스타일 확장 설계
FloatingHUDFloatingHUD
드래그·확장이 가능한 SwiftUI HUD 오버레이드래그·확장이 가능한 SwiftUI HUD 오버레이