Điều chỉnh giao diện ứng dụng cho iphone X

Iphone X mới ra có dải đen trên đầu màn hình.

Nếu cứ để bình thường thì phần trên ứng dụng sẽ bị che mất, có thể ảnh hưởng đến tương tác của người dùng. Ta sẽ lùi phần đầu xuống một khoảng để tránh khoảng đen đi. Để làm điều này ta cần biết chiều cao dải đen là bao nhiêu. Đây là thông số kỹ thuật của nó.

Vậy dải đen có chiều cao là 30pt, ta cũng biết kích thước màn hình của iphone X là 375x812 nên ta có thể đặt một biến tên là xle và dùng lệnh if như sau.

let c = UIScreen.mainScreen().bounds.size.height

Hoặc

let c = view.frame.size.height

        if c==812{

            xle = 30

        }

Sau đó khi set vị trí y của view như label chẳng hạn, ta dùng.

label = UILabel(frame: CGRect(x: 0, y: 15+xle, width: 320, height: 40))

Khi đó lúc chạy trên iphone X thì label sẽ tự dịch xuống một khoảng 30pt.

Vì thiết bị có chiều cao lớn hơn 800 ngoài iphone X chỉ còn các ipad màn hình lớn nên ta cũng có thể đặt trong lệnh if là c>800, lúc đó khoảng 30pt không là gì so với màn hình lớn nên không ảnh hưởng tới giao diện tổng thể.