2017-10-01 4 views
1

Ich möchte ein Steuerelement für iOS 8 erstellen, wo wir 3 Bilder haben. Im mittleren Bild sind große und linke/rechte Bilder klein.Layout für 3 uiImageView nebeneinander mit swift

Ich muss einige Code in Swift, mit Stack-Layout erstellen, aber es wird nicht in iOS 8 arbeiten, wie es von iOS 9 verfügbar ist. So müssen Sie dies ändern. Was soll ich verwenden, um Bilder zusammenzuhalten (links und rechts unten)?

Auch ein anderes Problem, das ich habe, ist, ich brauche Schwenkgeste auf nur großes Mittelbild nicht auf dem kleinen linken und rechten Bild. Wenn ich also das große Bild berühre, kann ich alle drei um den Bildschirm bewegen. Momentan ist es, wenn ich eines der 3 Züge anfasse.

Funktionen:

  • klein links/rechts Bild: Act als Taste für eine schnelle Funktion

  • mittleres Bild ausgeführt wird: auf pan Geste zieht alle drei um Bildschirm

enter image description here

Antwort

1

Sie haben 3 Möglichkeiten, um einen Bildschieber nach Ihren Anforderungen zu erstellen.

  1. Mit Scroll-Ansicht (UIScrollView)
  2. Mit Sammlung Ansicht (UICollectionView)
  3. Verwendung Seite Steuerungs

Hier sind simple/grundlegende Logik, wie und was sollten Sie erreichen verwenden Bild Schiebe .

Mit Scroll-Ansicht (UIScrollView)

  1. Fügen Sie drei Bilder in Scroll-Ansicht mit gleicher Breite
  2. Set Höhe Zwischen Bild, entsprechend Ihrer Anforderung (größer als andere)
  3. Set Breite eines beliebigen Bildes (wahrscheinlich Mitte) gleich oder um den äquivalenten Prozentsatz (80% gleich) dem Gerätebildschirm unter Verwendung der AutoLayout-Einschränkung.
  4. Scroll-Ansicht scrollt automatisch horizontal entsprechend der horizontalen Inhaltsgröße. Sie müssen keine Pan-Geste hinzufügen.
  5. Sie können auch das Blättern in der Bildlaufansicht aktivieren.


Mit Sammlung Ansicht (UICollectionView)

  1. hinzufügen Sammlung Ansicht mit drei (statisch) Zellen oder einzelne dynamische (Sie müssen wählen, wie wollen Sie diese Funktion in Zukunft aktualisieren möchten. Wenn Sie eine einzelne dynamische Zelle auswählen, können Sie problemlos weitere Bilder im Schieberegler hinzufügen, indem Sie in Zukunft ihre Daten in die Datenquellenvariable einfügen.)
  2. Aktivieren Sie den horizontalen Bildlauf nur in der Sammlungsansicht.
  3. Aktualisieren (vergrößern) Bildhöhe in der Datenquellenmethode, die den Indexpfad für Element verwendet (indexPath.item == 1).
  4. Sammlungsansicht haben Pan Geste auch. Sie müssen es nicht implementieren.
  5. Sie können auch die Paginierung aktivieren.
  6. Hinweis: Stellen Sie die Bild-/Zellenbreite auf den Bildschirm des Geräts oder gleichwertig ein.


Verwendung Seite Steuerungs Hier schöne Referenz-Tutorials sind,


ich nicht empfehlen "Wie Page View-Controller verwenden" diese Option (Steuerung der Seitenansicht) r) aber Sie haben vollständige Details über den Umfang Ihrer Anforderung zur Verfügung gestellt (View-Controller-Ebene oder es ist einfach Kind View-Slider), so ist dies eine Option auf Bild-Slider auch.

+0

Ich habe einen anderen Weg, dies zu tun. Ich werde Ihren Ansatz für eine andere Aufgabe verwenden. Für den Moment, als ich nur 3 Bilder nebeneinander benötigte, habe ich sie programmatisch hinzugefügt. Wie im Post unten gezeigt: https://stackoverflow.com/questions/46524174/programmatic-place-partial-image-over-another-in-uiview-using-swift-3 – Rahul