배경이 투명한 ViewController 만들기

개발하다보면 전체 화면 중 일부만 투명하게 처리해야 경우가 종종 있습니다.

대부분의 경우 UIAlertView를 사용하면 되지만 간혹 투명한 부분을 dim 처리해야 하는 등 UIAlertView로 처리하기 곤란한 경우가 있는데 이런 경우 ViewController에서 일부 영역을 dim 처리하는 방법으로 문제를 해결 할 수 있습니다.

 

우선 storyboard에 ViewController를 만들고 dim 처리할 부분과 아닌 부분을 구분해서 화면을 구성합니다.

저는 아래 2/5 정도의 영역에만 컨텐츠가 보이고 나머지 부분은 dim 처리되도록 화면을 구성해 보았습니다.

아래 그림의 흰색 부분이 아무것도 없는 부분으로 투명처리되는 부분 입니다.

 

 

투명 처리를 위해 해당 ViewController가 load되는 viewDidLoad() 함수에 아래 코드를 추가해줍니다.

아래와 같이 backgroundColor를 alpha을 조정해 투명도를 설정해 준 후,

view.backgroundColor = UIColor.init(_colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.5)

isOpaque값을 true로 설정해 투명 처리가 되도록 합니다.

view.isOpaque = false

 

isOpaque는 기본 값이 true로 해당 값이 true이면 iOS는 해당 view를 불투명하게 처리합니다.

즉 아무리 backgroundColor를 변경해도 isOpaque 값을 false로 변경하지 않으면 투명 처리가 되지 않습니다.

전체 코드를 아래와 같습니다.

// 호출하고
self.present(vc, animated: true, completion: nil)

// view가 로드 될 때 투명값을 설정해줍니다.
override func viewDidLoad() {
    super.viewDidLoad()
        
    view.backgroundColor = UIColor.init(_colorLiteralRed: 0, green: 0, blue: 0, alpha: 0.5)
    view.isOpaque = false
        
    ...
}