iOS
Tipo dinámico
Buscar..
Observaciones
// Content size category constants
UIContentSizeCategoryExtraSmall
UIContentSizeCategorySmall
UIContentSizeCategoryMedium
UIContentSizeCategoryLarge
UIContentSizeCategoryExtraLarge
UIContentSizeCategoryExtraExtraLarge
UIContentSizeCategoryExtraExtraExtraLarge
// Accessibility sizes
UIContentSizeCategoryAccessibilityMedium
UIContentSizeCategoryAccessibilityLarge
UIContentSizeCategoryAccessibilityExtraLarge
UIContentSizeCategoryAccessibilityExtraExtraLarge
UIContentSizeCategoryAccessibilityExtraExtraExtraLarge
Obtener el tamaño del contenido actual
Rápido
UIApplication.sharedApplication().preferredContentSizeCategory
C objetivo
[UIApplication sharedApplication].preferredContentSizeCategory;
Esto devuelve una constante de categoría de tamaño de contenido, o una constante de categoría de tamaño de contenido de accesibilidad.
Notificación de cambio de tamaño de texto
Puede registrarse para recibir notificaciones de cuándo se modifica el tamaño del texto del dispositivo.
Rápido
NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(updateFont), name: name:UIContentSizeCategoryDidChangeNotification, object: nil)
C objetivo
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(updateFont) name:UIContentSizeCategoryDidChangeNotification object:nil];
El objeto de notificación userInfo
contiene el nuevo tamaño bajo UIContentSizeCategoryNewValueKey
.
Coincidencia de tamaño de fuente de tipo dinámico en WKWebView
WKWebView cambia el tamaño de las fuentes en el contenido web para que una página web de tamaño completo se ajuste al factor de forma del dispositivo. Si desea que el texto web tanto en vertical como en horizontal sea similar en tamaño al tamaño de lectura preferido por el usuario, debe configurarlo explícitamente.
Rápido
// build HTML header for dynamic type and responsive design
func buildHTMLHeader() -> String {
// Get preferred dynamic type font sizes for html styles
let bodySize = UIFont.preferredFont(forTextStyle: UIFontTextStyle.body).pointSize
let h1Size = UIFont.preferredFont(forTextStyle: UIFontTextStyle.title1).pointSize
let h2Size = UIFont.preferredFont(forTextStyle: UIFontTextStyle.title2).pointSize
let h3Size = UIFont.preferredFont(forTextStyle: UIFontTextStyle.title3).pointSize
// On iPad, landscape text is larger than preferred font size
var portraitMultiplier = CGFloat(1.0)
var landscapeMultiplier = CGFloat(0.5)
// iPhone text is shrunken
if UIDevice.current.model.range(of: "iPhone") != nil {
portraitMultiplier = CGFloat(3.0)
landscapeMultiplier = CGFloat(1.5)
}
// Start HTML header text
let patternText = "<html> <head> <style> "
// Match Dynamic Type for this page.
+ "body { background-color: \(backgroundColor);} "
+ "@media all and (orientation:portrait) {img {max-width: 90%; height: auto;} "
+ "p, li { font: -apple-system-body; font-family: Georgia, serif; font-size:calc(\(bodySize * portraitMultiplier)px + 1.0vw); font-weight: normal; color: \(fontColor) } "
+ "h1 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h1Size * portraitMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } "
+ "h2 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h2Size * portraitMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } "
+ "h3, h4 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h3Size * portraitMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } } "
+ "@media all and (orientation:landscape) {img {max-width: 65%; height: auto;}"
+ "p, li { font: -apple-system-body; font-family: Georgia, serif; font-size:calc(\(bodySize * landscapeMultiplier)px + 1.0vw); font-weight: normal; color: \(fontColor) }"
+ "h1 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h1Size * landscapeMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } "
+ "h2 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h2Size * landscapeMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } "
+ "h3, h4 { font: -apple-system-headine; font-family: Verdana, sans-serif; font-size:calc(\(h3Size * landscapeMultiplier)px + 1.0vw); font-weight: bold; color: \(headFontColor) } } </style>"
+ "</head><body>"
+ "<meta name=\"viewport\" content=\"width: device-width\">"
return patternText
}
Manejo del cambio de tamaño de texto preferido sin notificaciones en iOS 10
UILabel
, UITextField
, y UITextView
tienen una nueva propiedad a partir de iOS 10 para cambiar automáticamente el tamaño de su fuente cuando un usuario cambia su tamaño de lectura preferido llamado adjustsFontForContentSizeCategory
.
Rápido
@IBOutlet var label:UILabel!
if #available(iOS 10.0, *) {
label.adjustsFontForContentSizeCategory = true
} else {
// Observe for UIContentSizeCategoryDidChangeNotification and handle it manually
// since the adjustsFontForContentSizeCategory property isn't available.
}