Erstellen und Hinzufügen von Schaltflächen zum Scrollen dynamisch

Question

Ich habe den folgenden Code, der basierend auf den abgerufenen Daten Schaltflächen erstellt. Nachdem Schaltflächen erstellt wurden, werden sie zu einem Bildlauf hinzugefügt. Und sie sollten horizontal angezeigt werden.

Ich kann bestätigen, dass es Daten gibt, aber es zeigt seltsame Dinge im Simulator (siehe beigefügten Screenshot). Was ist falsch in meiner Implementierung?

override func viewDidLoad() { 
    super.viewDidLoad() 

    fetchRecipeCategory() 

    for var i = 0; i < self.category.count; i++ { 
     let frame1 = CGRect(x: 20, y: 20 + (index * 45), width: 45, height: 45) 
     let button = UIButton(frame: frame1) 
     button.setTitle("\(category[i].name)", forState: .Normal) 
     button.backgroundColor = UIColor.blackColor() 
     self.categoryScrollView.addSubview(button) 

    } 
    print(category[0].name) 
} 

Answer 1

Sie müssen für jede Taste unterschiedlichen y frame Wert verwenden. Die Erstellung Ihrer Schaltfläche verwendet index für ihren y-Rahmen und Sie haben ihn nicht erhöht.

Da Sie For-Schleife verwenden, könnten Sie i Wert dafür verwenden.

let frame1 = CGRect(x: 20, y: 20 + (i * 45), width: 45, height: 45) 

Dieser Code wird vertikale Liste der Schaltfläche erstellen. Wenn Sie Ihre Taste horizontal auflisten mögen, für jede Taste x frame Wert ändern

let frame1 = CGRect(x: 20 + (i * 45), y: 20, width: 45, height: 45) 

Wie für den Screenshot sieht es so aus, dass der Schaltfläche Titel Optional("data") gesetzt. Wenn Sie wirklich sicher sind, dass Ihre Datenquelle Daten enthält, können Sie sie einfach für Ihren Schaltflächentitel auspacken. Besser, wenn Sie optionale Bindung dafür verwenden.