元のドキュメント:developer.apple.com/documentation/swiftui/shapestyle/selection


型プロパティ


selection


プラットフォームの慣習的な色や動作に従って、選択状態を視覚的に示すために使用されるスタイル。


iOS 15.0+ iPadOS 15.0+ Mac Catalyst 15.0 macOS 12.0+

VisionOS 1.0+

static var selection: SelectionShapeStyle { get }


SelfSelectionShapeStyle である時利用可能です。





議論


例えば:


ForEach(items) {
   ItemView(value: item, isSelected: item.id == selectedID)
}

struct ItemView {
    var value: item
    var isSelected: Bool

    var body: some View {
        // construct the actual cell content
            .background(isSelected
                ? AnyShapeStyle(.selection)
                    : AnyShapeStyle(.fill.quaternary),
                in: .rect(cornerRadius: 6))
    }
}

macOS と iPadOS では、ウィンドウのキー状態とフォーカス状態が自動的に反映され、強調表示はウィンドウがキー状態であり、かつ最も近いフォーカス可能な要素が実際にフォーカスされている場合にのみ適用されます。iPhone では、常に環境のアクセントカラーで塗りつぶされます。


別のビューの背景として適用された場合、そのビューの環境の EnvironmentValues.backgroundProminence が、選択範囲の現在の強調度に合わせて自動的に設定されます。


形状スタイルの使用方法については、ShapeStyle を参照してください。





以下も見よ


セマンティック(意味)スタイル


static var foreground: ForegroundStyle

現在の文脈における前景のスタイル。


static var background: BackgroundStyle

現在の文脈における背景のスタイル。


static var separator: SeparatorShapeStyle

前景の区切り線や境界線に適したスタイル。


static var tint: TintShapeStyle

現在の tint 色を反映したスタイル。


static var placeholder: PlaceholderTextShapeStyle

プレースホルダーテキストに適したスタイル。


static var link: LinkShapeStyle

リンクに適したスタイル。


static var fill: FillShapeStyle

図形を塗りつぶすためのオーバーレイ塗りつぶしスタイル。


static var windowBackground: WindowBackgroundShapeStyle

要素が属するウィンドウの背景色に合わせるべき要素に適したスタイル。














トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ