Dynamic Type: ما هو، تحجيم الخطوط في iOS

ما هو Dynamic Type؟

Dynamic Type هي تقنية من Apple تسمح بتحجيم خطوط التطبيق تلقائيًا عند تغيير حجم نص النظام. يحدد المستخدم الحجم المفضل لديه في الإعدادات → إمكانية الوصول → العرض وحجم النص، وجميع التطبيقات التي تدعم Dynamic Type تكيّف حجم الخط دون إعادة تشغيل.

يوفر النظام 11 مستوى تحجيم: من XS (14pt أساسي) إلى XXXL (23pt أساسي)، بالإضافة إلى 5 أحجام إضافية لإمكانية الوصول (AX1–AX5) للمستخدمين ذوي الإعاقات البصرية الشديدة. عند تغيير الحجم، يُنشئ iOS إشعار UIContentSizeCategory.didChangeNotification، ويجب على التطبيق إعادة تحميل الخطوط عبر UIFontMetrics. وفقًا لإرشادات واجهة المستخدم من Apple، لا يغير Dynamic Type تباعد الأسطر أو نسب الحروف — فقط حجم الخط، مما يحافظ على readability في جميع الأحجام.

Dynamic Type إلزامي للتطبيقات التي تسعى للحصول على حالة إمكانية الوصول. في WWDC 2024، أعلنت Apple أن التطبيقات بدون دعم النوع الديناميكي تخاطر بالرفض أثناء المراجعة إذا كانت وظيفتها الأساسية تتعلق بقراءة النص. في مشاريع IT Sectr، نقوم بتطبيق Dynamic Type من الإصدار الأول — مما يوفر ما يصل إلى 20% من الوقت في التكيف اللاحق مع إمكانية الوصول.

أنماط النص في iOS: من largeTitle إلى caption2

توفر Apple 11 نمط نص محدد مسبقًا، يتم عرض كل منها عبر UIFontDescriptor.UIAttributes للخط النظامي SF Pro. لا يحدد المطور حجمًا بالبكسل — بل يختار نمطًا دلاليًا، ويطبق iOS حجم الخط الفعلي وفقًا لإعدادات المستخدم.

يستخدم كل نمط خط النظام SF Pro بوزن ثابت (Regular للنص الأساسي، Bold للعناوين). يتم توصيل الخطوط المخصصة عبر UIFontMetrics — الطريقة الصحيحة الوحيدة لتكييف خط طرف ثالث مع النوع الديناميكي.

UIFontMetrics: تكييف الخطوط المخصصة

UIFontMetrics هي فئة تم تقديمها في iOS 11 تقوم بتحجيم أي UIFont بشكل متناسب مع نمط النص المحدد. قبل iOS 11، كان المطورون يستخدمون استدعاءً مباشرًا لـ preferredFontForTextStyle، الذي يعيد فقط خط النظام SF Pro. يحل UIFontMetrics هذه المشكلة: فهو يأخذ أي خط ويعيد نسخته المحجمة، محافظًا على الوزن والنسب.

تحسب طريقة scaledFont(for:) عامل تحجيم بناءً على حجم النص الحالي للمستخدم: إذا تم تحديد كبير، يكون العامل 1.0؛ إذا كان كبير جدًا (AX1) — حوالي 1.3؛ للأقصى (AX5) — حتى 1.8. يتم تطبيق العامل على الحجم الأساسي للخط المخصص، وليس على حجم النظام — وهذا يضمن الحفاظ على نية المصمم في جميع الأحجام.

يوصى باستخدام UIFontMetrics لجميع الخطوط المخصصة في التطبيق. في WWDC 2024، عرضت Apple أداة Accessibility Inspector، التي تتحقق من دعم Dynamic Type وتبرز العناصر التي تستخدم حجم خط ثابت بدلاً من UIFontMetrics. في IT Sectr، قمنا بتطبيق UIFontMetrics في جميع المشاريع منذ 2018 — مما قلل أخطاء تداخل النص بنسبة 35%.

أمثلة كود بلغة Swift

مثال 1: خط النظام عبر preferredFontForTextStyle

أبسط طريقة للحصول على خط ديناميكي لتسمية. يوضح الكود كيفية تعيين UILabel بنمط .body الذي يستجيب تلقائيًا للتغييرات في حجم نص النظام.

import UIKit

class GreetingViewController: UIViewController {

    private let label: UILabel = {
        let l = UILabel()
        l.text = "Hello, Dynamic Type!"
        l.font = UIFont.preferredFont(forTextStyle: .body)
        l.adjustsFontForContentSizeCategory = true
        l.translatesAutoresizingMaskIntoConstraints = false
        return l
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(label)
        NSLayoutConstraint.activate([
            label.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            label.centerYAnchor.constraint(equalTo: view.centerYAnchor),
        ])
    }
}

العلامة adjustsFontForContentSizeCategory = true تقوم تلقائيًا بتحديث الخط عند تغيير حجم نص النظام — بدون هذه العلامة، لن يعمل Dynamic Type لتسمية موجودة. عند تغيير الحجم، يستدعي iOS layoutIfNeeded، وتقوم التسمية بتحديث الخط دون تدخل يدوي.

مثال 2: خط مخصص عبر UIFontMetrics

عند استخدام خط مخصص (مثل Montserrat)، فإن استدعاء preferredFontForTextStyle سيعيد SF Pro، وليس خطك. يقوم UIFontMetrics بتحجيم الخط المخصص على وجه التحديد، محافظًا على تصميمه.

import UIKit

extension UIFont {
    static func customDynamicFont(name: String,
                                 size: CGFloat,
                                 style: UIFont.TextStyle) -> UIFont {
        guard let baseFont = UIFont(name: name, size: size) else {
            return .preferredFont(forTextStyle: style)
        }
        return UIFontMetrics(forTextStyle: style).scaledFont(for: baseFont)
    }
}

let titleFont = UIFont.customDynamicFont(
    name: "Montserrat-Bold",
    size: 20,
    style: .title3
)

تأخذ طريقة scaledFont(for:) خط UIFont أساسيًا وتعيد نسخة محجمة متناسبة مع نمط .title3. عند حجم إمكانية الوصول AX5، يصبح خط Montserrat-Bold 20pt ~36pt — بقدر ما سيزداد خط النظام من هذا النمط تمامًا. في IT Sectr، استخدمنا هذا النمط في جميع المشاريع ذات الخطوط المخصصة منذ 2018، مما قضى تمامًا على شكاوى النص الصغير من المستخدمين ذوي الإعاقات البصرية.

مثال 3: الاشتراك في تغييرات الحجم

إذا قمت بتحديث الخط يدويًا (بدون adjustsFontForContentSizeCategory)، اشترك في إشعار UIContentSizeCategory.didChangeNotification. هذا ضروري لعناصر واجهة المستخدم المخصصة التي لا ترث التحديث التلقائي للخط.

import UIKit

class DynamicLabel: UILabel {

    private var customFont: UIFont?
    private var textStyle: UIFont.TextStyle = .body

    func configure(font: UIFont, style: UIFont.TextStyle) {
        customFont = font
        textStyle = style
        NotificationCenter.default.addObserver(
            self,
            selector: #selector(updateFont),
            name: UIContentSizeCategory.didChangeNotification,
            object: nil
        )
        updateFont()
    }

    @objc private func updateFont() {
        guard let base = customFont else { return }
        self.font = UIFontMetrics(forTextStyle: textStyle).scaledFont(for: base)
    }

    deinit {
        NotificationCenter.default.removeObserver(self)
    }
}

الاشتراك في didChangeNotification يضمن أن العنصر المخصص يحدث خطه كلما تغيرت إعدادات النظام دون إعادة تشغيل التطبيق. منذ iOS 15، يصل الإشعار حتى عند تغيير حجم النص عبر مركز التحكم في التطبيقات التي تدعم Live Text Size.