[UIView] 정말 예쁜 blur Effect

 

 

iOS7 에서였나?? 어느순간부터 애플에서 뒷 배경을 흐리게 하면서 그 위에 다른 view를 띄워서 계층감을 주는 UI를 주력으로 밀었죠..ㅎㅎ

 

저는 그때 대학입시를 준비하고 있었는데, 학원에 설치되어있는 아이패드를 보면서 갑자기 UI디자인이 너무 바뀌어서 며칠동안을 아이패드 앞에서 이것저것 만져봤던 기억이 있습니다ㅎㅎ

뭔가 밋밋한 미완성의 느낌이 나면서도 예뻤던 느낌... 

 

아니 어떻게 이렇게 확 바뀐 UI를 출시할 수 있지?? 시장반응이 무섭지 않나? 라는 생각도 해봤었습니다.

 

하지만 정말 예쁘다고 생각했고, 그때만큼은 아니지만, 지금도 이 효과를 쓰면 정말 예뻐질 것 같은 순간들을 만납니다.

 

이번에 작업했던 앱에서는 이렇게 도형을 클릭하면 도형의 상세정보가 나오는데, 뒤에 블러처리를 하니 정말 예쁜 것 같습니다.

 

 

 

 

이런 blur effect는 애플에서 UIBlurEffect라는 클래스를 통해서 지원 합니다.

그리고 이 Effect를 이용해서 UIVisualEffectView를 생성하고,

 

이 UIVisualEffectView를 원하는 View의 subView에 추가해줍니다.

 

간단하죠??

let blurEffect = UIBlurEffect(style: .regular)

let visualEffectView = UIVisualEffectView(effect: blurEffect)

        
self.addSubview(visualEffectView)