動的にスクロールビューにボタンを追加して追加する

Question

フェッチされたデータに基づいてボタンを作成する次のコードがあります。ボタンが作成された後、スクロールビューに追加されます。 そして、それらは水平に表示する必要があります。

データがあることを確認できますが、シミュレータには奇妙なことが表示されます（添付のスクリーンショットを参照）。私の実装で何が間違っていますか？

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

あなたはボタンごとに異なるy frame値を使用する必要があります。あなたのボタンの作成は、そのyフレームにindexを使用していて、それを増分していません。

あなたのループはforループを使用しているので、i値を使用できます。

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

このコードはボタンの垂直リストを作成します。あなたは各ボタンあなたのスクリーンショットについては

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

ためx frame値を変更し、水平にあなたのボタンを一覧表示したい場合は、ボタンのタイトルがOptional("data")に設定されていることのように見えます。データソースにデータが含まれていることが本当にわかっている場合は、単純にボタンのタイトルのラップを解除することができます。オプションのバインディングを使用する方がよいでしょう。