Skip to content

[JL-5] 로딩뷰 구성 및 gif 재생 기능 구현#12

Open
iveriie wants to merge 8 commits intorefactor/mainfrom
feature/JL-5_loadingview
Open

[JL-5] 로딩뷰 구성 및 gif 재생 기능 구현#12
iveriie wants to merge 8 commits intorefactor/mainfrom
feature/JL-5_loadingview

Conversation

@iveriie
Copy link
Copy Markdown
Owner

@iveriie iveriie commented Jul 20, 2025

💛 앱 실행시 처음 노출될 로딩 화면을 구성하고, 로고 gif 1회 재생 후 메인 화면으로 전환하는 흐름을 구현했습니다.

🩶주요변경사항

  • JLifeLogo.gif 파일 추가
  • LoadingView 로딩 화면 구성
    • center정렬, leading/trailing 30 제약, 1:1비율
    • 배경색 white 설정 (다크모드 대응)
  • LoadingViewController 로딩뷰를 보여주는 컨트롤러
    • NotificationCenter를 통해 isGifDone 알림 전송
    • 알림 수신 시 popToRootView 실행
  • LaunchScreen 스토리보드
    • 로고 이미지의 위치와 비율을 로딩뷰와 동일하게 조정

🤍 RootView 에서 로딩뷰를 띄우는 연결 작업은 추후에 별도 이슈로 진행하겠습니다.

PS. gif이미지의 배경이 흰색이라 시스템배경 다크모드시 이질감이 발생하여 배경색을 white로 고정했습니다.

iveriie added 8 commits July 16, 2025 21:21
- Resource 폴더에 JLifeLogo.gif 추가
- LoadingView, LoadingViewController 파일 생성
- 로딩뷰 내 구성 요소 배치
- 로딩뷰컨트롤러 내 SwiftUI 프리뷰로 확인 가능
- 로딩뷰에서 Gifu를 사용해 gif 1회 재생 설정
- loop 완료 시 NotificationCenter로 isGifDone 알림 전송
- 로딩뷰와 동일한 위치 및 비율 제약 적용
- 이미지 비율 유지를 위해 height = width 제약 설정
- LoadingViewController에서 isGifDone 알림 수신 시 popToRootViewController 실행
- systemBackground 대신 white 색상 사용
- 다크 모드 시 gif 배경이 드러나는 문제 개선
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant