Layout Modifiers

Tell a view how to arrange itself within a view hierarchy by adjusting its size, position, alignment, padding, and so on. ビューにどのようにそれ自身をビュー階層内で整えるか伝えます、それの大きさ、位置、整列、詰め、その他を調整することによって。

Overview 概要

Use layout modifiers to fine tune the placement of views in a view hierarchy. You can adjust or constrain the size, position, and alignment of a view. You can also add padding around a view, and indicate how the view interacts with system-defined safe areas.

Before using these modifiers, be sure establish the basic arrangement of views using layout containers, like stacks and grids, described in Layout Containers.

Topics 話題

Essentials 要点

Inspecting View Layout
Determine the position and extent of a view using Xcode previews or by adding temporary borders.

Size

Laying Out a Simple View
Create a view layout by adjusting the size of views.
func frame(width: CGFloat?, height: CGFloat?, alignment: Alignment) -> some View
Positions this view within an invisible frame with the specified size. ある不可視フレーム内のこのビューの位置、この指定されたサイズでの。
func frame(minWidth: CGFloat?, idealWidth: CGFloat?, maxWidth: CGFloat?, minHeight: CGFloat?, idealHeight: CGFloat?, maxHeight: CGFloat?, alignment: Alignment) -> some View
Positions this view within an invisible frame having the specified size constraints. ある目に見えないフレーム内でのこのビューの位置、この指定されたサイズ制約を持っています。
func fixedSize() -> some View
Fixes this view at its ideal size. このビューをそれの理想的なサイズに固定します。
func fixedSize(horizontal: Bool, vertical: Bool) -> some View
Fixes this view at its ideal size in the specified dimensions. このビューをこの指定された次元それらにおいてそれの理想的なサイズに固定します。
func layoutPriority(Double) -> some View
Sets the priority by which a parent layout should apportion space to this child. それによって親レイアウトがこの子に対して空間を割り当てるべき優先度を設定します。

Position

Making Fine Adjustments to a View’s Position
Shift the position of a view by applying the offset or position modifier.
func position(CGPoint) -> some View
Positions the center of this view at the specified point in its parent’s coordinate space. このビューの中心を、それの親のもつ座標空間におけるこの指定された点に置きます。
func position(x: CGFloat, y: CGFloat) -> some View
Positions the center of this view at the specified coordinates in its parent’s coordinate space. このビューの中心を、それの親のもつ座標空間におけるこの指定された座標に置きます。
func offset(CGSize) -> some View
Offset this view by the horizontal and vertical amount specified in the offset parameter. このビューを、このオフセットパラメータにおいて指定された水平および垂直量だけオフセットします。
func offset(x: CGFloat, y: CGFloat) -> some View
Offset this view by the specified horizontal and vertical distances. このビューをこの指定された水平および垂直間隔だけオフセットします。
func coordinateSpace<T>(name: T) -> some View
Assigns a name to the view’s coordinate space, so other code can operate on dimensions like points and sizes relative to the named space. ある名前をビューのもつ座標空間に対して割り当てます、それで他のコードは、その名前空間に関連する点と大きさのような次元それらで演算できます

Alignment

Aligning Views Within a Stack
Position views inside a stack using alignment guides.
Aligning Views Across Stacks
Create a custom alignment and use it to align views across multiple stacks.
func alignmentGuide(HorizontalAlignment, computeValue: (ViewDimensions) -> CGFloat) -> some View
Sets the view’s horizontal alignment. ビューのもつ水平整列を設定します。
func alignmentGuide(VerticalAlignment, computeValue: (ViewDimensions) -> CGFloat) -> some View
Sets the view’s vertical alignment. ビューのもつ垂直整列を設定します。

Padding

func padding(CGFloat) -> some View
Adds a specific padding amount to each edge of this view.
func padding(Edge.Set, CGFloat?) -> some View
Adds an equal padding amount to specific edges of this view.
func padding(EdgeInsets) -> some View
Adds a different padding amount to each edge of this view.
func listRowInsets(EdgeInsets?) -> some View
Applies an inset to the rows in a list. あるインセット（差込）をあるリストの中の行それらに適用します。
func scenePadding(Edge.Set) -> some View
Adds padding to the specified edges of this view using an amount that’s appropriate for the current scene.

Safe Area

func ignoresSafeArea(SafeAreaRegions, edges: Edge.Set) -> some View
Expands the view out of its safe area. ビューをそれの安全領域の外に拡張します。
func safeAreaInset<V>(edge: VerticalEdge, alignment: HorizontalAlignment, spacing: CGFloat?, content: () -> V) -> some View
Shows the specified content above or below the modified view.
func safeAreaInset<V>(edge: HorizontalEdge, alignment: VerticalAlignment, spacing: CGFloat?, content: () -> V) -> some View
Shows the specified content beside the modified view.

Layer Order

func zIndex(Double) -> some View
Controls the display order of overlapping views. ビューの重なりの表示順を制御します。

See Also 参照

Drawing Views

Style Modifiers
Apply built-in styles to different types of views.
Graphics and Rendering Modifiers
Affect the way the system draws a view, for example by scaling or masking a view, or by applying graphical effects. システムがビューを描画する方法に影響を与えます、例えばあるビューを拡大縮小またはマスクすることによって、またはグラフィカル効果を適用することによって。