Swift UIScrollView - korrekte Implementierung nur für vertikales Scrollen

Wenn Sie einer UIScrollView nur in eine Richtung einen Bildlauf zulassen möchten, müssen Sie die Inhaltsgröße der UIScrollView für die eingeschränkte Dimension mit der Größe des UIScrollView-Frames in derselben Dimension gleichsetzen. In diesem Fall sollte scrollview.contentSize.width gleich scrollview.frame.size.width sein.

Probieren Sie dazu Folgendes aus:

1. Stellen Sie sicher, dass die Constraints auf die gleiche Weise eingerichtet sind wie in diese Antwort

2. Fügen Sie Ihrem View-Controller den folgenden Code hinzu:

   override func viewWillLayoutSubviews()
   {
       super.viewWillLayoutSubviews();
       self.scrollView.contentSize.height = 3000; // Or whatever you want it to be.
   }
   

Ich persönlich bin kein Fan von Auto Layout. Wenn Sie daran interessiert sind, dies ohne Auto-Layout zu versuchen - d. Nur mit Code statt mit Einschränkungen - Sie könnten das automatische Layout für die Ansicht des Ansichtscontrollers deaktivieren und Ihre viewWillLayoutSubviews-Methode folgendermaßen ändern:

override func viewWillLayoutSubviews()
{
    super.viewWillLayoutSubviews();

    self.scrollView.frame = self.view.bounds; // Instead of using auto layout
    self.scrollView.contentSize.height = 3000; // Or whatever you want it to be.
}

So mache ich es immer, um mit Einschränkungen vom Storyboard aus vertikal zu scrollen: 

1 Ziehen Sie einen Viewcontroller 

2 Ziehen Sie eine Bildlaufansicht in der Hauptansicht des Controllers mit den Einschränkungen L = 0, T = 0, T = 0 und B = 0 in die Hauptansicht (Controller-Hauptansicht). 

Ziehen Sie ein UIVIew mit der Maus in die Bildlaufansicht, um als Inhaltsansicht mit den Einschränkungen L-0, T = 0, T = 0, B = 0 in die Übersichtsansicht (Scrollansicht) zu gelangen.

• nun, es ist Zeit für die Einstellung der Inhaltsgröße der Bildlaufansicht, die den Bildlauf horizontal und vertikal wie folgt steuert.

4 - um den horizontalen Bildlauf zu stoppen, stellen Sie die Inhaltsansicht der Bildlaufansicht mit Einschränkung gleich breit ein.

5-machen Höhe der Inhaltsansicht gleich Höhe der Controller-Ansicht. Dies ist temporär , bis wir sie mit scrollbaren Inhalten füllen.

6-add Steuerelemente in der Inhaltsansicht bis zum Ende.

7 - und die wichtigste löschen Sie die Einschränkung, die Sie in Punkt 5 der Höhe der Inhaltsansicht vorgenommen haben, und machen Sie stattdessen eine Einschränkung im Steuerelement unten in der Inhaltsansicht, um eine Ausrichtung nach unten zu haben. Dies hilft beim Erstellen der Inhaltsansicht von der ersten bis zur letzten Kontrolle (alles hängt von diesem Schritt ab). 

8-Run und Ergebnisse sollten wie erwartet sein, ansonsten lass es mich wissen.

Hoffe das hilft!

Sie können ScrollView normal definieren und die Eigenschaften von ScrollView normal einschränken

        let scrollView = UIScrollView()
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    scrollView.backgroundColor = .white
    self.view.addSubview(scrollView)

    scrollView.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 0.0).isActive = true
    scrollView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 0.0).isActive = true
    scrollView.rightAnchor.constraint(equalTo: view.rightAnchor, constant: 0.0).isActive = true
    scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 0.0).isActive = true

Der Trick besteht jedoch darin, wie Sie Ihre Beschriftung (oder eine andere Ansicht) definieren, die möglicherweise breiter als der Bildschirm ist. Anstatt zu benutzen

myLabel.rightAnchor.constraint(equalTo: scrollView.rightAnchor, constant: -10.0).isActive = true

Du solltest benutzen

myLabel.rightAnchor.constraint(equalTo: self.view.rightAnchor, constant: -10.0).isActive = true

Diese zweite Zeile verhindert, dass diese Ansicht ein horizontales Scrollen verursacht. Machen Sie das mit all Ihren Unteransichten und Sie werden nicht horizontal scrollen. (Es wird weiterhin wie geplant vertikal gescrollt.)

Vergessen Sie auch nicht, die unterste Einschränkung für Ihre letzte Unteransicht festzulegen, um sicherzustellen, dass Ihre UIScroll-Ansicht einen vertikalen Bildlauf durchführt.

labelX.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor, constant: -10.0).isActive = true

Dank @NadtheVlad sah ich endlich das Licht. Einige weitere Fiedelei haben mich gelehrt, dass contentView nur an scrollView's Top, Bottom und Width fixiert werden muss. Keine Notwendigkeit, auf self.view zu verweisen. 

Mit EasyPeasy ist das einfach:

scrollView <- Edges()
contentView <- [Top(), Bottom(), Width().like(scrollView)]

Ich verwende diese Implementierung nur für horizontale/vertikale Scrollansichten, obwohl es in Objective-C ist. Ich werde versuchen, die Logik zu erklären, wenn Ihnen etwas unklar ist. 

//Getting iDevice's screen width
CGRect screenRect = [[UIScreen mainScreen] bounds];
CGFloat screenWidth = screenRect.size.width;

//Setting the right content size - only height is being calculated depenging on content.
CGSize contentSize = CGSizeMake(screenWidth, HEIGHT_OF_YOUR_CONTENT);
self.scrollView.contentSize = contentSize;

Jetzt wird die Breite der contentSize-Eigenschaft der Bildlaufansicht an die tatsächliche Breite des Bildschirms des Geräts angehängt, sodass die Bildlaufansicht nur in vertikaler Richtung gescrollt wird.