今回はこのStackについてみていきましょう^ ^
Stackには三種あり、VStack.HStack.ZStackです^ ^上の図のようにVStackは、縦並び
HStackは、横並び。ZStackは重ねるですね
まずプログラムで見てみましょう^ ^
VStackを使いTextに文字を書いて3種用意して、プログラミングを動かしてみると^ ^横にあるように縦に書いた文字が並びます、
今度はVStackをHStackに変えてみましょうすると今度は横並びに文字が出力されてますね
Zstackにするとどうなるか重なるので文字が重なり表示されてますねこのようにプログラム一つでいろいろ違う意味になることがあるという事ですね^ ^
VStackを使いプログラミングをやってみましょう
今回箱を使って見ましょう
Rectangleを使いやってみましょう。まずは3つ用意してみましょう
Rectangleに色を入れてみましょう^ ^
色はforegroundcolorを使います^ ^カッコの中に色を指定していきます上から赤、青、緑にしましょう^ ^
次にサイズを変えてみましょう。サイズは
frameを使います高さと幅を決める事で変わっていきますwidth.heightに数字を入力して変えることができます^ ^
VStackをHStackに変えてみると縦だったのが横向きになりましたね^ ^
今回はこのVStack.HStack.Zstackにいて話をしました
何か気になる事ありましたらメッセージください^ ^
