pt — шта је то, тачке и скалирање у iOS-у

Шта је pt у iOS-у?

pt (point) — логичка јединица мере у iOS-у која омогућава програмеру да опише интерфејс у апстрактним координатама, независним од физичке резолуције екрана. Apple је увео појам point-а са изласком iPhone 4 и Retina екрана 2010. године. Пре Retina, програмери су користили пикселе директно — један UI пиксел је био једнак једном физичком пикселу.

Координатни систем iOS-а је изграђен на тачкама: тачка (0,0) налази се у горњем левом углу екрана, оса X је усмерена удесно, оса Y — надоле. Величина екрана у тачкама остаје константна за сваку класу уређаја: iPhone SE — 375×667 pt, iPhone 15 Pro — 393×852 pt, iPad — 768×1024 pt (портрет), 1024×768 pt (пејзаж). Физичка резолуција притом може бити 1179×2556 px (iPhone 15 Pro) — али програмер ради са тачкама.

Према Apple Human Interface Guidelines, тачке су фундаментална апстракција UIKit-а. Сви оквири — UIKit, SwiftUI, Core Graphics, SpriteKit — раде са тачкама. Конверзија у пикселе се дешава аутоматски у фази рендеровања преко UIScreen.nativeScale.

Коефицијенти размера: @1x, @2x, @3x

Коефицијент размера (scale factor) одређује колико физичких пиксела одговара једној логичкој тачки. Apple користи три нивоа: @1x — 1 pt = 1 px (iPad mini без Retina, стари модели), @2x — 1 pt = 2 px (већина iPhone-а до 2020. године, iPad Retina), @3x — 1 pt = 3 px (iPhone X и новији, укључујући iPhone 15 Pro).

Вредност scale factor је доступна преко UIScreen.main.scale (за UIKit) и @Environment(\.displayScale) (за SwiftUI). Користи се при учитавању асета: систем аутоматски бира слику са суфиксом @2x или @3x из Assets.xcassets. Програмер не учитава @1x слике на уређајима са Retina — то смањује перформансе и квалитет.

CGPoint и координате у тачкама

Структура CGPoint — основни тип за представљање координата у iOS и macOS. Садржи два поља: x (CGFloat) и y (CGFloat), вредности се задају у тачкама. CGPoint се користи у свим Apple оквирима: UIKit (frame.origin), Core Graphics (CGContext), SpriteKit (SKNode.position), Core Animation (CALayer.position).

// CGPoint — рад са координатама у тачкама
import UIKit

// Креирање тачке
let point = CGPoint(x: 100.0, y: 200.0)
print("Координате: \(point.x), \(point.y)")

// Математичке операције
let offset = CGPoint(x: 16.0, y: 8.0)
let translated = CGPoint(
    x: point.x + offset.x,
    y: point.y + offset.y
)

// Растојање између тачака
func distance(from a: CGPoint, to b: CGPoint) -> CGFloat {
    let dx = b.x - a.x
    let dy = b.y - a.y
    return sqrt(dx * dx + dy * dy)
}

// Претварање тачке у пикселе
extension CGPoint {
    func toPixels(scale: CGFloat) -> CGPoint {
        CGPoint(x: x * scale, y: y * scale)
    }
}

Метод toPixels у примеру демонстрира конверзију тачака у физичке пикселе преко UIScreen.main.scale. У UIKit-у ова конверзија се дешава аутоматски при рендеровању, али у Core Graphics и при раду са Metal-ом програмеру може бити потребна експлицитна конверзија у пикселе. Сва израчунавања анимација, детекција колизија и layout се извршавају у тачкама.

UIFont.pointSize и типографија

Својство UIFont.pointSize враћа величину фонта у тачкама — ово је стандардна јединица типографије у iOS-у, наслеђена из полиграфије (1 pt = 1/72 инча). Apple користи pt за фонтове од првих верзија Mac OS-а. У iOS-у величина фонта се задаје у тачкама преко UIFont.systemFont(ofSize:) или преко SwiftUI Font.system(size:).

// Рад са UIFont.pointSize у Swift-у
import UIKit

// Креирање фонта са величином у pt
let titleFont = UIFont.systemFont(ofSize: 28.0, weight: .bold)
let bodyFont = UIFont.systemFont(ofSize: 17.0)
let captionFont = UIFont.systemFont(ofSize: 12.0)

// Читање pointSize
print("Величина наслова: \(titleFont.pointSize) pt")

// Динамички тип — аутоматско скалирање
let scaledFont = UIFontMetrics.default.scaledFont(for: bodyFont)
print("Скалиран: \(scaledFont.pointSize) pt")

// Поређење величина фонтова
func font(from size: CGFloat, weight: UIFont.Weight) -> UIFont {
    UIFont.systemFont(ofSize: size, weight: weight)
}

UIFontMetrics — механизам динамичког скалирања фонтова, додат у iOS 11. Аутоматски коригује pointSize у зависности од подешавања приступачности корисника (Settings > Display & Brightness > Text Size). Без употребе UIFontMetrics фонтови се не скалирају, што крши захтеве WCAG за приступачност.

pt vs px: разлике

Разлика између pt и px је критична за разумевање iOS развоја. pt — логичка јединица, px — физичка. Једна тачка може одговарати 1, 2 или 3 пиксела у зависности од scale factor-а. Програмер ради са тачкама, систем их претвара у пикселе у фази растерозације.

Кључна последица: величина интерфејса у тачкама је иста на свим уређајима исте класе. Екран ширине 375 pt — то су и iPhone SE и iPhone 14 (основни модел). Разлика је само у томе колико физичких пиксела стаје у ових 375 pt. Ово обезбеђује једнообразан UI без ручне адаптације за сваки уређај.

pt у SwiftUI

У SwiftUI програмер не ради експлицитно са тачкама — све величине се задају преко Dp (device-independent points, еквивалент pt). SwiftUI аутоматски примењује scale factor при рендеровању, али обезбеђује приступ кроз environment value displayScale.

// SwiftUI — рад са тачкама и scale factor
import SwiftUI

struct ContentView: View {
    @Environment(\.displayScale) private var displayScale

    var body: some View {
        VStack(spacing: 16) {
            Text("Наслов")
                .font(.system(size: 28, weight: .bold))

            Text("Основни текст примера")
                .font(.body)

            HStack {
                Text("Scale factor:")
                    .font(.caption)
                Text("\(displayScale, specifier: "%.1f")")
                    .font(.caption.weight(.bold))
            }
        }
        .padding(20)
        .frame(width: 300)
    }
}

SwiftUI апстрахује pt на нивоу оквира. .font(.body) аутоматски користи Dynamic Type — величина фонта се прилагођава подешавањима корисника. SwiftUI не дозвољава задавање величине фонта у пикселима — само преко Font и система типографије. Ово гарантује приступачност интерфејса без додатног напора програмера.