코딩스토리

[Android/안드로이드] BlurView를 사용해 블러효과 주기 본문

Android/유용한 기술

[Android/안드로이드] BlurView를 사용해 블러효과 주기

라크라꾸 2020. 7. 9. 23:42

 

 

이번 포스팅에서는 레이아웃을 블러처리하는 라이브러리를 소개해드리겠습니다.

 

https://github.com/mmin18/RealtimeBlurView

 

mmin18/RealtimeBlurView

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

github.com

이 라이브러리는 blruview에 겹쳐있는 레이아웃에 블러처리를 해주는 라이브러리입니다.

 

사용법은 위 깃허브에도 자세히 나와있지만, 다시한번 정리해드리겠습니다.

 

우선 gradle에 라이브러리를 추가해줍니다.

 

    
    dependencies {
    	...
        implementation 'com.github.mmin18:realtimeblurview:1.2.1'
    }
    

 

xml파일에 

    
    <com.github.mmin18.widget.RealtimeBlurView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:realtimeBlurRadius="10dp"
                app:realtimeOverlayColor="#8000"/>
                

블러뷰를 추가해주면 뒤에 겹치는부분이 블러처리가됩니다.

realtimeBlurRadius 속성을 통해 블러의 강도를 설정해주고,

realtimeOverlayColor속성을 통해 겉에 덮어질 색을 선택합니다.

 

위 예제에 대한 소스코드는 다음 github를 참조해주세요~

 

https://github.com/lakue119/BlurLayoutSample

 

lakue119/BlurLayoutSample

Contribute to lakue119/BlurLayoutSample development by creating an account on GitHub.

github.com

 

Comments