본문 바로가기

ANDROID/UI - UX

[안드로이드] 레이아웃에 실시간 Blur 효과 주기 (가우시안 블러)

배경 레이아웃에 Blur 효과를 주기 위한 몇몇 방법들을 조금 살펴보았는데, 

 

적용할 정도에 비해 작업이 투머치가 들어가는 것 같아 적용하다 롤백을 반복했는데 

 

그 와중에 좋은 라이브러리를 찾아 적용까지 마칠 수 있었다.

 

https://github.com/mmin18/RealtimeBlurView

 

mmin18/RealtimeBlurView

A realtime blurring overlay for Android (like iOS UIVisualEffectView) - mmin18/RealtimeBlurView

github.com

우선 일반적인 라이브러리 적용하는 대로 gradle에 implementation을 마치고 나면

 

Blur를 적용하고자 하는 영역 위에 전체 혹은 원하는 크기만큼 BlurView를

 

레이아웃에 추가해주면 완료된다.

 

 

주의할 점은 realTimeOverlayColor에는 라이브러리에서 설명하고 있는 색상 속성대로

 

적용해야만 원하는 색상을 기반으로 Blur 효과를 줄 수가 있다. 

 

(예 : 같은 흰색 색상이라도 #FFFFFF로 적용하지 않고, #00FFFFFF로 적용을 해주어야 함.

안드로이드의 컬러로부터 적용하면 들어가지 않는 것으로 보임. @color/white 라던지. )

 

색상에 대해 설정이 어렵다면, 코드 좌측에 사각형 표시로 나타나는 색상 미리보기를 클릭해

 

설정을 완료하는 것도 좋은 방법이 될 것이다.