250x250
반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Archives
Today
Total
관리 메뉴

수니의 개발새발

[iOS/Swift] 현재 디바이스 SafeArea의 top/bottom 영역 값 구하기 본문

iOS - Swift

[iOS/Swift] 현재 디바이스 SafeArea의 top/bottom 영역 값 구하기

개발자 수니 2021. 12. 29. 15:46
728x90
반응형

화면을 그리다 보면 노치 영역으로 인해 레이아웃이 깨져 골치 아플 때가 많죠.
그래서 SafeArea Inset값이 디바이스마다 변동되어 자주 필요로 합니다.

 

📌  이번 글은

현재 디바이스의 SafeArea의 top.bottom 영역 값을 구하는 방법입니다.

 

SafeArea Top Inset

func safeAreaTopInset() -> CGFloat {
    let statusHeight = UIApplication.shared.statusBarFrame.size.height   // 상태바 높이
    
    if #available(iOS 11.0, *) {
        let window = UIApplication.shared.keyWindow
        let topPadding = window?.safeAreaInsets.top
        return topPadding ?? statusHeight
    } else {
        return statusHeight
    }
}

Safe Area Top 영역 값을 리턴하는 함수입니다.

노치가 없는 디바이스는 상태바 높이가 top 영역 값입니다.



SafeArea Bottom Inset

func safeAreaBottomInset() -> CGFloat {
    if #available(iOS 11.0, *) {
        let window = UIApplication.shared.keyWindow
        let bottomPadding = window?.safeAreaInsets.bottom
        return bottomPadding ??  0.0
    } else {
        return 0.0
    }
}

Safe Area Bottom 영역 값을 리턴하는 함수입니다.

 

👩🏻‍💻 사용 예제

import UIKit

class Utils {
    public static let STATUS_HEIGHT = UIApplication.shared.statusBarFrame.size.height   // 상태바 높이
    
    /**
     # safeAreaTopInset
     - Note: 현재 디바이스의 safeAreaTopInset값 반환
     */
    static func safeAreaTopInset() -> CGFloat {
        if #available(iOS 11.0, *) {
            let window = UIApplication.shared.keyWindow
            let topPadding = window?.safeAreaInsets.top
            return topPadding ?? Utils.STATUS_HEIGHT
        } else {
            return Utils.STATUS_HEIGHT
        }
    }
    
    /**
     # safeAreaBottomInset
     - Note: 현재 디바이스의 safeAreaBottomInset값 반환
     */
    static func safeAreaBottomInset() -> CGFloat {
        if #available(iOS 11.0, *) {
            let window = UIApplication.shared.keyWindow
            let bottomPadding = window?.safeAreaInsets.bottom
            return bottomPadding ??  0.0
        } else {
            return 0.0
        }
    }
}

공통적으로 사용하는 변수 및 함수들을 Utils라는 공통 클래스를 생성하여 관리하는 예시입니다.

 

Utils.safeAreaTopInset()        
Utils.safeAreaBottomInset()

필요한 곳 어디서든 생성한 함수를 호출하여 사용할 수 있습니다.

728x90
반응형
Comments