2016-05-06 3 views
2

Ich habe Probleme bei der Erstellung eines nur vertikalen Scrollview in Xcode 7.3. Ich habe ein paar Tutorials über SO und andere Orte verfolgt, aber aus irgendeinem Grund scheint es, dass die Breite meiner obersten Ansicht über den Bildschirm hinausgeht oder nach links verschoben ist. Die Bildlaufansicht ist auf das vertikale Blättern beschränkt. Dies ist meine Absicht, aber der Inhalt erscheint teilweise außerhalb des Bildschirms.Xcode 7 Vertical Scroll View Probleme

Ich versuche, Schaltflächen horizontal zu zentrieren und an den oberen und unteren Rand der Inhaltsansicht anheften. Im Simulator erscheinen sie zur Hälfte links vom Bildschirm, aber im Storyboard sehen sie ohne Einschränkungen aus. Ich sehe mir sogar die 3,5, 4 und 4,7-Zoll-Bildschirme im Assistant-Editor an und es sieht so aus, wie ich es erwarte. Aber wenn ich es auf dem Simulator laufen lasse, ist es durcheinander. Auch der Hintergrund der Inhaltsansicht soll weiß sein (zu Testzwecken), aber es zeigt die graue Farbe der obersten Ansicht.

Dies ist, was ich mit Bildern von meinen Einschränkungen

  • hinzufügen Scroll-Ansicht und Stift zu der Super Ansichten oben, unten, links, rechts (0,0,0,0)

      tue entlang
    1. hinzufügen Seiten und Stift Ansicht von oben nach Blättern, unten, links, rechts (0,0,0,0) und auch eine konstante Höhe von 1000

    2. I ctrl + ziehen von Inhalt anzeigen zu Ansicht hinzufügen (Parent der Scroll-Ansicht) und gleiche Breitenbeschränkungen festlegen.

    3. Platzieren Sie 2 Schaltflächen im Inneren Inhalt Zeigen Sie Stift 1 nach oben und den anderen nach unten an. Beide sind auch horizontal zentriert.

    So sieht es im Simulator aus.

    Simulator-Actual

    Und das ist, was seine ich wie auf dem iPhone-Bildschirme aussehen soll.

    Storyboard-Expected

  • +0

    Welche Ansicht Einstellung ist nicht richtig Scroll oder Inhaltsansicht –

    +0

    Ich denke, es ist der Inhalt Ansicht. Es ist so eingerichtet, dass es die gleiche Breite wie die Bildschirmansicht hat, aber es scheint nicht zur Laufzeit zu sein. – galenom

    +0

    Gib es horizontale Mitte Einschränkung und dann überprüfen –

    Antwort

    0

    es Constraint horizontalen Mitte Geben und als überprüfen

    0

    Ich glaube, Sie haben alles richtig beschränken gesetzt. Aber überprüfe das noch einmal.

    Schritt 1: - Entfernen tick Scroll Einsätze einstellen

    enter image description here

    Schritt 2: - Wie Sie führen Geben Sie sagte, trialing, Oben, Unten = 0.

    enter image description here

    Schritt 3: - gleiche wie Schritt, setzen führende, trialing, Oben, Unten = 0 von Superview

    enter image description here

    Warnung: - Sie müssen sowohl die constrain Inspektor überprüfen, weil manchmal dauert es Leading Space von -20.

    Schritt 4: - Stellen Sie beschränken auf 1. Taste nach oben, führen, trialing

    enter image description here

    Schritt 5: - Set führt, trialing, Vertikal Raum Taste 1 und Bottom (unten von UIView)

    Wenn Sie Button1 einen vertikalen Abstand geben und den unteren Bereich anzeigen lassen, müssen Sie keine Inhaltsgröße festlegen, sonst wird automatisch geblättert.

    enter image description here

    Ich hoffe, dass dies für Sie hilfreich sein.

    +0

    Danke. Es scheint, dass deine Antwort mir geholfen hat, die zusätzliche Polsterung oben aus der Navigationsleiste zu entfernen. Letztendlich musste ich der Inhaltsansicht eine horizontale Einschränkung hinzufügen. – galenom

    +0

    Ich denke, wenn Sie Center cinstrain dann geben, dann kann Ihre Ansicht nicht scroll.so sein, müssen Sie Konstante dafür ändern. So ist das Zentrum in horizontaler Richtung für mich der richtige Weg. –