UIStackview Links ausrichten

Ich versuche, richten Sie die Elemente in UIStackview horizontal nach Links.

Gibt es trotzdem, um dies programmatisch tun? Ich habe versucht, dies zu tun, über storyboard, war aber nicht erfolgreich. Für einige Grund, die Gegenstände in der UIStackView Zentren selbst.

  • Ich hoffe, dass die Antwort nützlich für Sie. Sie müssen den gleichen Ansatz, aber horizontal statt vertikal.
InformationsquelleAutor Yong Jia Pao | 2016-12-28
  1. 13

    Wenn Sie StackView Einstellung der Achsen-Eigenschaft auf "Horizontal",
    Ich denke, dass können Sie nicht, richten Sie es an der linken Seite.

    Aber es gibt einen Weg, um es Links visuell.

    1. set StackView führende Einschränkung mit "gleicher" Beziehung
    2. set StackView nachfolgende Einschränkung mit "größer oder gleich"

    wie diese

    stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
stackView.trailingAnchor.constraint(greaterThanOrEqualTo: view.trailingAnchor).isActive = true
    • Dieser arbeitete für mich, um Elemente Linksbündig mit gewünschten Abstand zwischen den Punkten.
    • Tolle Lösung! Wenn Sie die Arbeit mit storyboard und Einschränkungen, werden Sie einige Probleme haben. Einfach nur ein Platzhalter, den Sie entfernen zur Laufzeit zu verstecken dieses Problem.
    • Sehr nett, danke
    InformationsquelleAutor shtnkgm
  2. 4

    Swift 4.2 + iOS 12.1 getestet:

        let stackView: UIStackView = UIStackView(frame: .zero)
    stackView.translatesAutoresizingMaskIntoConstraints = false
    stackView.axis = .vertical
    stackView.alignment = .leading //<- aligns each of your items to the left. 

    //further setup + setup constraints
    // ...
    • stackView.translatesAutoresizingMaskIntoConstraints = false das einem geholfen zu haben sauberes log ohne uisv-Abstand Warnungen über gebrochene Einschränkungen
    InformationsquelleAutor Baran Emre
  3. 1

    Verwenden Sie die UIStackView.alignment Eigenschaft.

    Referenz: https://developer.apple.com/reference/uikit/uistackview/1616243-alignment

    InformationsquelleAutor crizzis
  4. 1

    Versuchen, das Hinzufügen Einer Raum-Ansicht in das Stack-Ansicht , Wie diese 

     //To Make Our Buttons aligned to left We have added one spacer view
    UIButton *spacerButton = [[UIButton alloc] init];
    [spacerButton setContentHuggingPriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];
    [spacerButton setContentCompressionResistancePriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];
    [self.buttonsStackView addArrangedSubview:spacerButton];

    Machen Und 

    self.buttonsStackView.distribution = UIStackViewDistributionFill;
    InformationsquelleAutor Ankit Maurya
  5. 0

    Storyboard

    1. Klicken Sie auf Attributes Inspector
    2. Wählen Sie Trailing aus der Drop-Down-Menü, wenn Alignment ausgewählt ist.

    Programmgesteuert

    1. Ändern Sie die UIStackView.alignment Eigenschaft bei der Initialisierung.
    InformationsquelleAutor Will Boland
  6. 0

    Danke für die Beratung Jungs. Ich habe versucht, das Spiel mit den Optionen auf UIStackView.Ausrichtung, aber es nie wirklich funktioniert hat, wie gewünscht. Am Ende habe ich ein Durcheinander mit der Breite des UIStackView, um die gewünschten Ergebnisse zu erreichen.

    if(prdDTO.getShellIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Shellfish")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    if(prdDTO.getVegeIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Vege")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    if(prdDTO.getSpicyIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Spicy")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    prdIngredients.widthAnchor.constraint(equalToConstant: CGFloat(stackviewWidth))
    InformationsquelleAutor Yong Jia Pao
Schreibe einen Kommentar