WrappingHStack Download - Download WrappingHStack Quellcodes

WrappingHStack

Anderer Quellcode

2.2.11

Herunterladen

WrappingHStack

WrappingHStack ist ein UI-Element, das sehr ähnlich wie HStack funktioniert, überlaufende Elemente jedoch automatisch in den nächsten Zeilen positioniert.

Beispiel

 WrappingHStack {
    Text ( " WrappingHStack " )
        . padding ( )
        . font ( . title )
        . border ( Color . black )
    
    Text ( " can handle different element types " )
    
    Image ( systemName : " scribble " )
        . font ( . title )
        . frame ( width : 200 , height : 20 )
        . background ( Color . purple )
    
    Text ( " and loop " )
        . bold ( )
    
    WrappingHStack ( 1 ... 20 , id :  . self ) {
        Text ( " Item: ( $0 ) " )
            . padding ( 3 )
            . background ( Rectangle ( ) . stroke ( ) )
    } . frame ( minWidth : 250 )
}
. padding ( )
. border ( Color . black )

Installation

Voraussetzungen iOS 13+

Swift-Paketmanager

Öffnen Sie in Xcode Ihr Projekt und navigieren Sie zu Datei → Swift-Pakete → Paketabhängigkeit hinzufügen.
Fügen Sie die Repository-URL (https://github.com/dkk/WrappingHStack) ein und klicken Sie auf Weiter.
Wählen Sie für Regeln die Version aus.
Klicken Sie auf Fertig stellen.

Swift-Paket

 . package ( url : " https://github.com/dkk/WrappingHStack " , . upToNextMajor ( from : " 2.0.0 " ) )

Kakaokapseln

Fügen Sie einfach die folgende Zeile zu Ihrem Podfile hinzu:

 pod 'WrappingHStack'

Verwendung

Importieren Sie das WrappingHStack-Paket in Ihre Ansicht:

import WrappingHStack

Verwenden Sie es so, wie Sie HStack für einzelne Elemente verwenden würden:

 WrappingHStack {
    /* some views */
    NewLine ( ) // Optional: Use NewLine to force the next element to be placed in a next line
    /* some more views */
}

oder wie ein ForEach, um Elemente zu durchlaufen:

 WrappingHStack ( 1 ... 30 , id :  . self ) {
    Text ( " Item: ( $0 ) " )
}

Artikelpositionierung

Sie steuern die Position der Elemente, indem Sie den Parameter „ alignment verwenden, der die HorizontalAlignment der Elemente festlegt. Dh vorangehend, nachlaufend oder zentriert.

Für noch mehr Komfort und Flexibilität bietet WrappingHSTack den Parameter spacing , der definiert, wie der Abstand berechnet wird. Es kann einer der folgenden Typen sein:

.constant : Bei festem Abstand beginnt jede Zeile mit einem Element und der horizontale Abstand zwischen zwei beliebigen Elementen ist der angegebene Wert.
.dynamic : Damit die Elemente die Breite des WrappingHSTack ausfüllen. Sie können einen minimalen Abstand übergeben.
.dynamicIncludingBorders , um die gesamte Breite mit gleichem Abstand zwischen den Elementen und zwischen den Elementen und dem Rand auszufüllen. Sie können einen Mindestabstand übergeben.

Bekannte Probleme

Problem Nr. 15: Elementgrößen werden falsch berechnet, wenn WrappingHStack über Modifikatoren verfügt, die die Größe seiner Elemente ändern.
Problem Nr. 16: Problemumgehung erforderlich, wenn WrappingHStack in einem NavigationLink verwendet wird (nur iOS16).
Problem Nr. 10: SPM kann die Abhängigkeit nicht auflösen (nur Xcode 11.3.1).

Beitragen

Sie können zu diesem Projekt beitragen, indem Sie mir bei der Lösung gemeldeter Probleme oder Funktionsanfragen helfen und eine Pull-Anfrage erstellen.