frame(width:height:alignment:)

Return Value 戻り値

A view with fixed dimensions of width and height, for the parameters that are non-nil. widthとheightの固定された次元それらを、非nilであるパラメータに対してもつビュー。

Discussion 議論

Use this method to specify a fixed size for a view’s width, height, or both. If you only specify one of the dimensions, the resulting view assumes this view’s sizing behavior in the other dimension. このメソッドを使ってある固定された大きさをビューの幅、高さ、または両方に対して指定してください。あなたが次元の１つを指定するだけならば、結果ビューは、他の次元においてはこのビューのもつ大きさ決定挙動を仮定します。

For example, the following code lays out an ellipse in a fixed 200 by 100 frame. Because a shape always occupies the space offered to it by the layout system, the first ellipse is 200x100 points. The second ellipse is laid out in a frame with only a fixed height, so it occupies that height, and whatever width the layout system offers to its parent. 例えば、以下のコードはある楕円をある固定された200と100のフレームの中に配置します。ある形状はレイアウトシステムによってそれに提供される空間を常に占有することから、最初の楕円は 200x100 ポイントです。２番目の楕円は、ある固定された高さだけをもつフレームの中に配置されます、それでそれはその高さ、そして何であれレイアウトシステムがそれの親に提供する幅を占有します。

VStack {
    Ellipse()
        .fill(Color.purple)
        .frame(width: 200, height: 100)
    Ellipse()
        .fill(Color.blue)
        .frame(height: 100)
}

The alignment parameter specifies this view’s alignment within the frame. alignmentパラメータは、このフレーム内でのこのビューのもつ整列を指定します。

Text("Hello world!")
    .frame(width: 200, height: 30, alignment: .topLeading)
    .border(Color.gray)

In the example above, the text is positioned at the top, leading corner of the frame. If the text is taller than the frame, its bounds may extend beyond the bottom of the frame’s bounds. 上の例では、テキストは上部での、フレームの先頭の隅に位置を定められます。テキストがフレームより背が高いならば、それの境界はフレームの持つ境界の下部を越えて拡大するかもしれません。