Utilisez le titre accru de la barre de navigation dans iOS 11

Question

La version bêta 1 d'iOS 11 utilise le titre accru de la barre de navigation pour presque toutes les applications système (elle a commencé à le faire dans iOS 10 et l'application Musique). Je me demande si Apple a prévu une API publique pour cela dans iOS 11, ou si elle restera privée pour le moment.

Le comportement est le suivant : le titre a une taille de police plus grande, est aligné à gauche et se déplace vers la barre de navigation lorsque l'utilisateur fait défiler la page. J'ai joint quelques écrans montrant ce comportement dans l'application Messages ici :

Bien que je n'aie pas trouvé de référence dans le UINavigationController y UINavigationBar jusqu'à présent, peut-être que quelqu'un connaît d'autres détails !

Answer 1

La seule modification apportée à UINavigationBar L'API pour iOS 11 est prefersLargeTitles .

Documentation ici : https://developer.apple.com/documentation/uikit/uinavigationbar/

Vous pouvez le faire pour vos propres applications avec un petit changement : cochez "Prefers Large Titles" pour votre barre de navigation dans IB, ou si vous préférez le faire en code en utilisant :

navigationController?.navigationBar.prefersLargeTitles = true

Si vous devez modifier les attributs de texte du grand titre, vous devez utiliser le nouvel élément suivant largeTitleTextAttributes la propriété sur UINavigationBar :

UINavigationBar.appearance().largeTitleTextAttributes = [
    NSAttributedString.Key.foregroundColor: UIColor.black
]

Answer 2

UINavigationBar a un prefersLargeTitles: Bool propriété. Docs ici .

class UINavigationBar {
   var prefersLargeTitles: Bool
}

UINavigationItem a un largeTitleDisplayMode: UINavigationItem.LargeTitleDisplayMode propriété. Docs ici .

class UINavigationItem {
   var largeTitleDisplayMode: LargeTitleDisplayMode
}

Ces deux éléments peuvent être modifiés dans l'Interface Builder.

Pour activer ce comportement, définissez navigationController.navigationBar.prefersLargeTitles a true . Vous pouvez ensuite contrôler chaque contrôleur de vue individuel dans la pile de contrôleurs de navigation en définissant les paramètres suivants navigationItem.largeTitleDisplayMode .

Selon les directives générales d'Apple en matière de conception, les grands titres ne doivent pas être utilisés partout (par exemple, l'application Horloge ne les utilise pas), et il est généralement préférable que seul le premier niveau du contrôleur de navigation utilise les grands titres. Il ne s'agit toutefois que de directives générales.

Les grands titres sont introduits dans Quoi de neuf dans la vidéo Cocoa Touch (7:37).

Answer 3

Il suffit de cocher "Préfère les grands titres" dans l'inspecteur d'attributs de la barre de navigation dans Storyboard / Interface Builder :

Answer 4

if #available(iOS 11.0, *) {
    navigationController?.navigationBar.prefersLargeTitles = true
    navigationController?.navigationBar.topItem?.title = "Hello"
    navigationController?.navigationItem.largeTitleDisplayMode = .automatic

    let attributes = [
        NSAttributedStringKey.foregroundColor : UIColor.red,
        ]

    navigationController?.navigationBar.largeTitleTextAttributes = attributes
} else {
    // Fallback on earlier versions
}

Answer 5

if #available(iOS 11.0, *) {
    self.navigationController?.navigationBar.prefersLargeTitles = true
    self.navigationItem.largeTitleDisplayMode = .always
} else {
    // Fallback on earlier versions
}

Notez qu'il y a quelques bogues dans la version bêta 1 qui font que le grand titre n'apparaît que lorsque vous faites défiler manuellement vers le haut.