Instance Method インスタンスメソッド

border(_:width:)

Adds a border to this view with the specified style and width. 境界線をこのビューにこの指定されたスタイルと幅で加えます。

Declaration 宣言

func border<S>(_ content: S, width: CGFloat = 1) -> some View where S : ShapeStyle

Return Value 戻り値

A view that adds a border with the specified style and width to this view. あるビュー、それは境界線をこの指定されたスタイルと幅でこのビューに加えたものです。

Parameters パラメータ

content

A value that conforms to the ShapeStyle protocol, like a Color or HierarchicalShapeStyle, that SwiftUI uses to fill the border.

width

The thickness of the border. 境界線の太さ。 The default is 1 pixel.

Discussion 議論

Use this modifier to draw a border of a specified width around the view’s frame. By default, the border appears inside the bounds of this view. 初期状態では、境界線はこのビューの境界の内側に現れます。 For example, you can add a four-point wide border covers the text:


Text("Purple border inside the view bounds.")
    .border(Color.purple, width: 4)

A screenshot showing the text Purple border inside the view bounds.

To place a border around the outside of this view, apply padding of the same width before adding the border: 境界線をこのビューの外側を囲むように置くには、同じ幅の詰め物を、境界線を加える前に適用してください。


Text("Purple border outside the view bounds.")
    .padding(4)
    .border(Color.purple, width: 4)

A screenshot showing the text Purple border outside the view bounds.