当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Swift Optional background(_:in:fillStyle:)用法及代码示例


用法一

实例方法

background(_:in:fillStyle:)

将视图的背景设置为填充样式的形状。

声明

func background<S, T>(
    _ style: S,
    in shape: T,
    fillStyle: FillStyle = FillStyle()
) -> some View where S : ShapeStyle, T : Shape

返回值

在其后面绘制指定形状的视图。

参数

style

SwiftUI 用于填充您指定的形状的 ShapeStyle

shape

符合 Shape 的类型的实例,SwiftUI 在视图后面绘制。

fillStyle

绘制形状时使用的FillStyle。默认样式使用非零绕组数规则和抗锯齿。

详述

使用此修饰符将符合 Shape 协议的类型分层放在视图后面。指定用于填充形状的ShapeStyle。例如,您可以创建一个勾勒出梯形的Path


let trapezoid = Path { path in
    path.move(to: .zero)
    path.addLine(to: CGPoint(x: 90, y: 0))
    path.addLine(to: CGPoint(x: 80, y: 50))
    path.addLine(to: CGPoint(x: 10, y: 50))
}

然后您可以将该形状用作 Label 的背景:


Label("Flag", systemImage: "flag.fill")
    .padding()
    .background(.teal, in: trapezoid)

ShapeStyle/teal 颜色填充形状:

此修饰符和View/background(_:in:fillStyle:)-20tq5 是在视图后面放置单个形状的便捷方法。要使用其他 View 类型或一堆视图创建背景,请改用 View/background(alignment:content:)。要添加 ShapeStyle 作为背景,请使用 View/background(_:ignoresSafeAreaEdges:)

可用版本

iOS 15.0+, iPadOS 15.0+, macOS 12.0+, Mac Catalyst 15.0+, tvOS 15.0+, watchOS 8.0+

用法二

实例方法

background(_:in:fillStyle:)

将视图的背景设置为填充样式的可插入形状。

声明

func background<S, T>(
    _ style: S,
    in shape: T,
    fillStyle: FillStyle = FillStyle()
) -> some View where S : ShapeStyle, T : InsettableShape

返回值

在其后面绘制具有指定可插入形状的视图。

参数

style

SwiftUI 用于填充您指定的形状的 ShapeStyle

shape

符合 InsettableShape 的类型的实例,SwiftUI 在视图后面绘制。

fillStyle

绘制形状时使用的FillStyle。默认样式使用非零绕组数规则和抗锯齿。

详述

使用此修饰符将符合 InsettableShape 协议的类型(如 RectangleCircleCapsule )分层到视图后面。指定用于填充形状的ShapeStyle。例如,您可以将 RoundedRectangle 放在 Label 后面:


Label("Flag", systemImage: "flag.fill")
    .padding()
    .background(.teal, in: RoundedRectangle(cornerRadius: 8))

ShapeStyle/teal 颜色填充形状:

此修饰符和View/background(_:in:fillStyle:)-89n7j 是在视图后面放置单个形状的便捷方法。要使用其他 View 类型或一堆视图创建背景,请改用 View/background(alignment:content:)。要添加 ShapeStyle 作为背景,请使用 View/background(_:ignoresSafeAreaEdges:)

可用版本

iOS 15.0+, iPadOS 15.0+, macOS 12.0+, Mac Catalyst 15.0+, tvOS 15.0+, watchOS 8.0+

相关用法


注:本文由纯净天空筛选整理自apple.com大神的英文原创作品 Optional background(_:in:fillStyle:)。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。