ios - 描画された円を自動レイアウトするSwift Stack View

Question

私は新しい Swift プログラマーとして多くの本を読んでいて、自動レイアウトに依存するのではなく、スタック ビューが要素を動的に配置する方法であることを学びました。私がやろうとしているのは、描画された円を動的に配置できるスタック ビュー/フレームを設定することです。

値 5 を入力すると、5 つの円が描画され、フレーム内に自動的に配置されます。同様に、3 を入力すると、3 つの円が描画され、それらが動的に配置されます。

テスト目的のためだけに配列から始めました。

// Function to Draw the Circle
func colorCircle(withColor color:UIColor, title:String) -> UIBezierPath{
    let ovalPath = UIBezierPath(ovalInRect: CGRectMake(0, 0, 300, 300))
        UIColor.whiteColor().setFill()
        ovalPath.fill()

    return ovalPath
}

// Dictionary Collection of colors (Basically an end result of 3 circles with these colors)
var colorDictionary = [
    "Red":UIColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0),
    "Green":UIColor(red: 0.0, green: 1.0, blue: 0.0, alpha: 1.0),
    "Blue":UIColor(red: 0.0, green: 0.0, blue: 1.0, alpha: 1.0),
]

// My Array of Circles
var circleArray = [UIBezierPath]()

// Add X Amount of Circles (colors) in Array in Regard to the Amount of Colors in the colorDictionary collection
for (myKey,myValue) in colorDictionary{
    circleArray += [colorCircle(withColor: myValue, title: myKey)]
}

何時間も経ちましたが、希望を失い始めています。このスタックビューに円を追加して足を濡らそうとしているだけなので、より深刻な実装に取り​​掛かります。

多くの助けをいただければ幸いです！