Edgesforextendedlayout Navigation Bar Styles

À partir d'iOS7, les contrôleurs de vue utilisent la mise en page plein écran par défaut. Dans le même temps, vous avez plus de contrôle sur la façon dont il expose ses vues, et thats fait avec ces propriétés: Fondamentalement, avec cette propriété, vous définissez les côtés de votre vue peut être étendu pour couvrir l'écran entier. Imaginez que vous poussez un UIViewController dans un UINavigationController. Quand la vue de ce contrôleur de vue est disposée, elle commencera là où la barre de navigation se termine, mais cette propriété définira les côtés de la vue (en haut, à gauche, en bas, à droite) qui peuvent être étendus pour remplir l'écran entier. Laissez le voir avec un exemple: Ici, vous ne définissez pas la valeur de edgesForAxtendedLayout. Par conséquent la valeur par défaut est prise (UIRectEdgeAll), de sorte que la vue étend sa mise en page pour remplir l'écran entier. Ceci est le résultat: Comme vous pouvez le voir, le fond rouge s'étend derrière la barre de navigation et la barre d'état. Maintenant, vous allez définir cette valeur sur UIRectEdgeNone. Vous indiquez au contrôleur de vue de ne pas étendre la vue pour couvrir l'écran: Cette propriété est utilisée lorsque votre vue est un UIScrollView ou similaire, comme un UITableView. Vous voulez que votre table commence où la barre de navigation se termine, parce que vous ne verrez pas le contenu entier sinon, mais en même temps, vous voulez que votre table couvre l'ensemble de l'écran lors du défilement. Dans ce cas, l'ajustement de edgesForAxtendedLayout à Aucun ne fonctionnera pas car votre table commencera à défiler où la barre de navigation se termine et elle ne va pas derrière elle. Voici où cette propriété est pratique, si vous laissez le contrôleur de vue automatiquement ajuster les inserts (en définissant cette propriété sur OUI, également la valeur par défaut), il ajoutera inséré au haut de la table, de sorte que la table commencera où la navigation Bar, mais le défilement couvrira l'écran entier. C'est alors qu'est réglé sur NON: Et OUI (par défaut): Dans les deux cas, la table défile derrière la barre de navigation, mais dans le second cas (OUI), elle commencera sous la barre de navigation. Cette valeur est juste un ajout aux précédentes. Si la barre d'état est opaque, les vues ne seront pas étendues pour inclure la barre d'état trop, à moins que ce paramètre soit OUI. Donc, si vous étendez votre vue pour couvrir la barre de navigation (edgeForExtendedLayout à UIRectEdgeAll) et le paramètre est NON (par défaut), il ne couvrira pas la barre d'état si son opaque. Si quelque chose n'est pas clair, écrire un commentaire et réponse mal à elle. Comment iOS sait ce que UIScrollView à utiliser iOS saisit la première sous vue dans votre vue viewcontrollers, donc celui de l'index 0, et si c'est une sous classe de UIScrollView applique alors les propriétés expliquées à elle. Bien sûr, cela signifie que UITableViewController fonctionne par défaut (puisque l'UITableView est la première vue) .10 Barre de menus exceptionnelle Designs de navigation Ici, nous allons de nouveau avec un autre rond de modèles de menu pour vous donner l'inspiration pour votre site Web ou votre portefeuille. Cette fois, nous mettons en vedette certains grands menus de bar à niveau unique. Si votre site n'a pas beaucoup de pages, un menu de bar comme celui ci fonctionnera parfaitement et garder vos utilisateurs concentrés sur le contenu de la page. La plupart des navigations de la barre de menus ont un niveau et une taille de police plus grande. Depuis ce type de navigations sont optimisés pour les sites Web plus petits, les dessins peuvent être beaucoup plus grand et plus extravagant. Jetez un coup d'œil au menu Bar navigation que nous avons trouvé et faites nous savoir ce que vous pensez. Si vous avez des suggestions ou avez une conception de menu que vous pensez que nous devrions inclure, laissez nous savoir dans les commentaires. Réglable Flat Menu Bar Cette barre de menu n'est pas seulement simple et fonctionnelle, mais aussi un punch réactif. Prêt pour toute situation, ce menu fonctionnera sur tous les appareils, depuis votre bureau jusqu'à votre iPhone. Barre de menu texturé sensible Cette barre de menu utilise un motif texturé très cool qui donne un peu de profondeur à la conception. Le menu est également entièrement réactif, ce qui signifie qu'il a besoin d'un peu de magie jQuery pour travailler sur tous les appareils. Barre de menus bleue en retrait Cette barre de menus simple utilise un dégradé linéaire sur l'arrière plan pour donner la profondeur du menu. Les éléments actifs sont mis en surbrillance par une ombre de boîte intérieure qui donne l'élément de menu et l'aspect indenté. Tabbed Graphite Blue Ce menu bleu, à onglets est un excellent ajout à tout site Web qui a besoin d'une barre d'onglet de navigation. Si vous avez un site simplement conçu, utilisez cette barre de navigation plus large pour vous donner un style de site. Graphite Green Bar Menu Un peu d'un avis biaisé sur ce menu de bar car il se trouve être l'un des nôtres. De toute façon tête sur plus et saisir le code source pour ce menu et intégrer dans votre site. Barre de menus enveloppée de bulles