Skip to content

Conversation

@yurim830
Copy link
Collaborator

@yurim830 yurim830 commented Jun 4, 2025

🐿️ Pull Requests

🪵 작업 브랜치

🥔 작업 내용

  • 홈화면 - 셀 아래의 컬러그림자를 구현했습니다.
  • 피그마상에서는 블러 이미지로 정의되어있지만, 가장자리로 갈수록 투명해지는 것을 glassmorphism으로 구현하기가 어려워서 그림자로 구현했습니다.
  • 장소 이미지 가장자리에서 가장 많이 사용되는 색상을 추출하는 메소드 구현
  • 메모리 절약을 위해 [이미지URL : 색상] 캐시 구현

🚨 참고 사항

  • 그림자를 bgImage 프로퍼티에 적용하지 않고 bgImageShadowView를 별도로 생성한 이유
    bgImage는 cornerRadius 때문에 clipsToBounds = true여야 하기 때문에 여기에 그림자를 넣으면 그림자가 clip되는 문제가 있었습니다. 이에 shadowView를 별도로 분리했습니다.

📸 스크린샷

기능 스크린샷
아이폰 16 Pro

💥 To be sure

  • 모든 뷰가 잘 실행되는지 다시 한 번 체크해주세요 !

🌰 Resolve issue

@yurim830 yurim830 added this to the Sprint - 3 milestone Jun 4, 2025
@yurim830 yurim830 requested a review from cirtuare June 4, 2025 18:15
@yurim830 yurim830 self-assigned this Jun 4, 2025
@yurim830 yurim830 added 🌀 feature 새로운 기능 개발 🥑 유림 유림 labels Jun 4, 2025
Copy link
Contributor

@cirtuare cirtuare left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😽🍀 복잡하다 복잡해.. 고생했숨당 ~~~

Comment on lines 18 to 44
switch self {
case .buttonGlassDefault, .buttonGlassPressed, .buttonGlassSelected, .buttonGlassDisabled, .toastGlass, .gradientGlass, .noImageErrorGlass:
return 0.2
case .bottomSheetGlass, .alertGlass, .actionSheetGlass, .needLoginErrorGlass:
case .alertGlass, .actionSheetGlass, .needLoginErrorGlass:
return 0.4
case .bottomSheetGlass:
return 0.6
case .backgroundGlass:
return 1
}
}

var blurEffectStyle: UIBlurEffect.Style {
switch self {
case .buttonGlassDisabled:
return .systemUltraThinMaterialLight
case .buttonGlassDefault, .actionSheetGlass, .noImageErrorGlass:
return .systemThinMaterialLight
case .buttonGlassPressed:
return .systemThickMaterialLight
case .buttonGlassSelected:
return .systemMaterialLight
case .buttonGlassDisabled:
return .systemUltraThinMaterialLight
case .toastGlass, .needLoginErrorGlass, .alertGlass:
return .systemThinMaterialDark
case .buttonGlassPressed:
return .systemThickMaterialLight
case .gradientGlass:
return .systemUltraThinMaterialDark
case .backgroundGlass, .bottomSheetGlass:
case .toastGlass, .needLoginErrorGlass, .alertGlass, .backgroundGlass, .bottomSheetGlass:
return .systemThinMaterialDark
}
Copy link
Contributor

@cirtuare cirtuare Jun 5, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🐿️
전부 디자인이랑 합의된 사항들 맞을까요!!

Copy link
Collaborator Author

@yurim830 yurim830 Jun 5, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

네 맞습니다! 특별히 변경한 건 없고,
blurIntensity 부분에서 bottomSheetGlass만 0.4 -> 0.6으로 변경했습니다.
blurEffectStyle 부분은 light -> dark, thin -> think 순으로 정렬만 했어요!

Merge branch 'develop' into feature/#158
@yurim830 yurim830 merged commit ef5b2d6 into develop Jun 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

🌀 feature 새로운 기능 개발 🥑 유림 유림

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEAT] 홈 - 장소 이미지 색상 추출 및 그림자 추가

3 participants