[iOS] 이미지 블러 효과 적용하기

Han's·2023년 9월 10일
1

코드

import UIKit
import SnapKit

final class BackgroundView: UIView {
    lazy var backgroundView: UIImageView = {
        let view = UIImageView()
        view.contentMode = .scaleAspectFill
        return view
    }()
    
    private lazy var blurView: UIVisualEffectView = {
        let blurEffect = UIBlurEffect(style: .extraLight) // 블러 스타일 선택
        let view = UIVisualEffectView(effect: blurEffect)
        return view
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setLayout()
    }
    
    private func setLayout() {
        [backgroundView, blurView].forEach {
            self.addSubview($0)
        }
        
        backgroundView.snp.makeConstraints {
            $0.edges.equalToSuperview()
        }
        
        blurView.snp.makeConstraints {
            $0.edges.equalToSuperview()
        }
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}
  • style
    다양한 스타일을 보려면 공식 문서를 확인해 보세요~

https://developer.apple.com/documentation/uikit/uiblureffect/style

  1. regular

  1. light

  1. dark

  1. extraLight

profile
🍎 iOS Developer

1개의 댓글

comment-user-thumbnail
2023년 9월 12일

이미지 자세히 보기 기능 추가할 때 사용해보고 싶네요😆

답글 달기