2016-07-20 8 views
2

Ich entwickle eine universelle iOS App. Ich suche das untenstehende Raster Layout mit 8 Bildern (einschließlich des Textes) zu erreichen.Xcode - Swift ordnen Bilder in einem Raster 2x4

Meine Fähigkeiten von Auto-Layout sind schlecht, vor allem für universelle Anwendungen. Ich möchte, dass das Layout für iPad und kleinere Bildschirmgeräte erhalten bleibt, und skaliere die Bilder entsprechend.

Ich bin mir nicht sicher, wie dies zu erreichen ist. Können Sie mir eine Methode vorschlagen und vielleicht in die richtige Richtung weisen, indem Sie Vorschläge zu Methoden machen, wie UICollectionView oder Rasterlayout mit Autolayout?

enter image description here

+0

Was verwenden Sie dafür? Zeigen Sie ein wenig von Ihrem Code –

+0

Dies ist ein Modell mit Sketch. Die Navigationsleiste ist vollständig sortiert. – ryryan

+1

Komm hier nicht mit Code, den du ausprobiert hast (oder vielleicht nicht einmal Code, sondern etwas, das du in _Xcode_ ausprobiert hast). Wir können Ihnen nicht helfen, wenn Sie etwas nicht versucht haben. – tktsubota

Antwort

4

Sammlung Ansicht! Es ist eine großartige Möglichkeit, Dinge in einer Ansicht wie dieser anzuordnen, die sich automatisch an die Bildschirmgröße anpasst.

Apple-docs - https://developer.apple.com/library/ios/documentation/UIKit/Reference/UICollectionView_class/

Einfaches Beispiel können Sie folgen - How to make a simple collection view with Swift

UICollectionView ist ein mächtiges Werkzeug, kann schwierig sein, auf den ersten festzunageln, aber auf dem Tutorial folgen zusammen und Sie sollten zu der Lage sein Ihr Design in kürzester Zeit!

+1

Danke Ethan. Das hat enorm geholfen. – ryryan

+0

Freut mich zu hören! Die Sammlungsansicht ist ab iOS 6 verfügbar. Dies sollte bei neuen Anwendungen, die Sie erstellen, kein Problem darstellen. Ein Grund, iOS 9 als Basisversion für neue Projekte zu verwenden, ist UIStackView - ein erstaunliches Tool, das eine Menge automatischer Abstände von UIView-Elementen und ähnlichem bietet. –