2016-12-20 5 views
0

Ich arbeite an einer E-Commerce-basierten App, und der Designer hat mir das Modell weitergegeben. !Storyboard eines Modells

This is the mockup the designer has passed.

Ich arbeite an Drehbuch dieses Mockup und ich habe schon jetzt auf dieses Niveau erhalten verwaltet.

My storyboard as of now

Es gibt verschiedene Ansichten und Funktionen, die können jetzt nicht wegen des begrenzten Raumes in diesem Storyboard enthalten sein. Ich weiß, dass der Designer mir die gerenderte Ansicht weitergegeben hat, die beim Scrollen der App zu sehen ist.

Ich frage mich, welcher der beste Ansatz sein könnte, all diese Ansichten in einem einzigen Storyboard zu integrieren oder sie in einer einzigen Ansicht darzustellen. Ich habe über die Verwendung von Xib-Dateien und den Aufruf von ihnen aus meiner viewcontroller Klasse, die eine mögliche Lösung sein könnte. Aber ich möchte wissen, was könnte die beste Lösung sein?

+2

Wählen Sie Ihren 'ViewController' ->' Size Insector' -> 'Simulated Size = Freeform' und ändern Sie' width' und 'height' nach Ihren Anforderungen. –

+0

Sie sollten TableView verwenden. Erstellen Sie benutzerdefinierte Zellen und alles wird gut. Hier ist ein Beispiel http://stackoverflow.com/questions/40275727/is-it-possible-to-create-one-tableviewcell-that-can-be-used-in-multiple-table-co/40277758#40277758 –

+0

Danke Bhavin Ramani! Es könnte helfen :) – amagain

Antwort

0

Beste Lösung ist Storyboard verwenden, so dass Sie alle Bildschirme an einem Ort haben. Bedenken Sie jedoch, dass Sie mit dem gesamten Projekt im XCODE 8-Storyboard beginnen (da XCODE 7- und 8-Storyboards nicht vollständig miteinander kompatibel sind). Damit Sie die Kompatibilität mit früheren iOS-Versionen auch erhalten (< iOS 10)

Nun, soweit das Design betroffen ist, möchte ich vorschlagen, dass Sie Autolayouts und proportionales Layout verwenden.

Ihr View-Controller wird immer über self.view verfügen. Beginnen Sie auf dieser Ansicht. Fügen Sie zuerst den Navigations-Controller hinzu (mit Root-View-Controller als ersten bevorzugten View-Controller beim Start der App) oder fügen Sie einfach eine Symbolleiste hinzu. Fügen Sie dann einen UIScrollView zum gesamten verbleibenden Speicherplatz hinzu. Beginnen Sie dann mit Ihrem Entwurf in UIScrollView. Vergessen Sie nicht, contentSize von UIScrollView zur Verfügung zu stellen.

Für jede Hilfe, zögern Sie nicht zu fragen.

+0

Noch eine Frage, jetzt funktioniert das UIScrollView nicht in dieser bestimmten Ansicht, wie arbeite ich daran, so dass die Bildlaufansicht wie im Mockup sichtbar ist? – amagain

0

Die beste Lösung wäre die Verwendung eines tableView mit mehreren Prototyp-Zellen für diese Art von Problem. Nun, wenn ich das Konzept wie erwähnt durchlaufe, könnte ich einfach in der storyboard blättern und mein Design gemäß dem Mockup beibehalten.

Verwandte Themen