Edgesforextendedlayout Navigationsleiste Beispiele

Ab iOS7 verwenden die View-Controller standardmäßig das Vollbild-Layout. Gleichzeitig haben Sie mehr Kontrolle darüber, wie es seine Ansichten ausgibt, und das ist mit diesen Eigenschaften getan: Grundsätzlich legen Sie mit dieser Eigenschaft fest, welche Seiten Ihrer Ansicht erweitert werden können, um den gesamten Bildschirm zu decken. Stellen Sie sich vor, Sie schieben einen UIViewController in einen UINavigationController. Wenn die Ansicht des View-Controllers angelegt ist, wird es gestartet, wo die Navigationsleiste endet, aber diese Eigenschaft stellt fest, welche Seiten der Ansicht (oben, links, unten, rechts) erweitert werden können, um den gesamten Bildschirm zu füllen. Lassen Sie es mit einem Beispiel sehen: Hier legen Sie den Wert von edgesForExtendedLayout nicht fest. Daher wird der Vorgabewert (UIRectEdgeAll) übernommen, so dass die Ansicht ihr Layout erweitert, um den gesamten Bildschirm zu füllen. Dies ist das Ergebnis: Wie Sie sehen können, erstreckt sich der rote Hintergrund hinter der Navigationsleiste und der Statusleiste. Jetzt werden Sie diesen Wert auf UIRectEdgeNone setzen. So dass Sie sagen, die Ansicht-Controller nicht erweitern Sie die Ansicht auf den Bildschirm zu decken: Diese Eigenschaft wird verwendet, wenn Ihre Ansicht ein UIScrollView oder ähnliches ist, wie ein UITableView. Sie möchten, dass Ihre Tabelle anfängt, wo die Navigationsleiste endet, weil Sie den gesamten Inhalt nicht sehen, wenn nicht, aber gleichzeitig möchten Sie, dass Ihr Tisch den gesamten Bildschirm beim Scrollen abdeckt. In diesem Fall wird das Setzen von KantenForExtendedLayout auf None nicht funktionieren, da Ihre Tabelle beginnt zu scrollen, wo die Navigationsleiste endet und es wird nicht dahinter gehen. Hier ist, wo diese Eigenschaft ist praktisch, wenn Sie lassen Sie die View-Controller automatisch die Einfügungen (Einstellung dieser Eigenschaft auf YES, auch der Standardwert) wird es Insert an der Spitze der Tabelle hinzufügen, so dass die Tabelle beginnt, wo die Navigation Bar-Enden, aber die Schriftrolle wird den gesamten Bildschirm zu decken. Das ist, wenn auf NEIN gesetzt ist: und JA (standardmäßig): In beiden Fällen blättert die Tabelle hinter der Navigationsleiste, aber im zweiten Fall (JA) wird sie unterhalb der Navigationsleiste gestartet. Dieser Wert ist nur eine Ergänzung zu den vorherigen. Wenn die Statusleiste undurchsichtig ist, werden die Ansichten nicht um die Statusleiste erweitert, es sei denn, dieser Parameter ist JA. Wenn Sie also Ihre Ansicht auf die Navigationsleiste (edgesForExtendedLayout auf UIRectEdgeAll) erweitern und der Parameter NO (Standard) ist, wird sie die Statusleiste nicht überdecken, wenn sie opak ist. Wenn etwas nicht klar ist, schreiben Sie einen Kommentar und krank Antwort darauf. Wie iOS weiß, was UIScrollView verwenden, um iOS greift die erste Unteransicht in Ihrer viewcontroller-Ansicht, so dass die eine bei Index 0, und wenn seine eine Unterklasse von UIScrollView dann die erklärten Eigenschaften an sie anwendet. Natürlich bedeutet dies, dass UITableViewController standardmäßig arbeitet. Horizontal Navigationsleiste Beispiel W3C Web-Ressourcen LTH2 classoffscreengtW3C Web Resourceslth2gt ltdiv idhmenugt ltulgt 160160ltligtlta hrefw3.orgConsortiumactivitiesgtW3C Activitiesltagtltligt 160160ltligtlta hrefw3.orgTRgtW3C Technische Reportsltagtltligt 160160ltligtlta hrefw3.orgConsortiumsiteindexgtW3C Website (da die UITableView der erste Blick ist) Indexltagtltligt 160160ltligtlta hrefw3.orgConsortiumnew-to-w3cgtNew Visitorsltagtltligt 160160ltligtlta hrefw3.orgConsortiumgtAbout W3Cltagtltligt 160160ltligtlta hrefw3.orgConsortiumjoingtJoin W3Cltagtltligt 160160ltligtlta hrefw3.orgConsortiumcontactgtContact W3Cltagtltligt ltulgt160160 ltdivgt offscreen 160160position: absolute 160160top: -30em 160160left: -300em divhmenu 160160 margin: 0 160160 Polsterung. 3em 0 .3em 0 160160 Hintergrund: ddeebb 160160 Breite: 100 160160 Text-align: center divischenu ul 160160 Listen-Stil: keine 160160 Rand: 0 160160 Auffüllen: 0 divischenu ul li 160160 Rand: 0 160160 Auffüllen: 0 160160 Anzeige: Inline Divischenu ul a: link 160160 margin: 0 160160 padding. 3em .4em .3em .4em 160160 Text-Dekoration: keine 160160 Schriftgröße: fett 160160 Schriftgröße: mittel 160160 Farbe: 004415 divischenu ul a: besucht 160160 Rand: 0 160160 Polsterung. 3em .4em .3em .4em 160160 Text-Dekoration: keine 160160 Schriftgröße: fett 160160 Schriftgröße: mittel 160160 Farbe: 227755 divischenu ul a: aktiv 160160 Rand: 0 160160 Polsterung. 3em .4em .3em .4em 160160 Text-Dekoration: keine 160160 Schriftgröße: fett 160160 Schriftgröße: mittel 160160 Farbe: 227755 divischenu ul a: hover 160160 Rand: 0 160160 Polsterung. 3em .4em .3em .4em 160160 Text-Dekoration: keine 160160 Schriftgröße: fett 160160 Schriftgröße: mittel 160160 Farbe: f6f0cc 160160 Hintergrundfarbe: 227755 Navigation Navigation Übersicht