Interaction

사용자 상호작용 상태를 시각적으로 표현하는 장식 컴포넌트입니다.

@MainActor struct Interaction

Overview

이 컴포넌트는 버튼, 카드 등의 UI 요소에 호버, 포커스, 누름 등의 상호작용 상태를 시각적으로 표현할 때 사용합니다. 상태와 변형에 따라 다양한 불투명도를 적용하여 사용자에게 시각적 피드백을 제공합니다.

// 기본 상호작용 장식
Interaction()

// 눌림 상태의 강조된 상호작용 장식
Interaction(
    state: .pressed,
    variant: .strong,
    color: .primaryNormal
)

Topics

Initializers

init(state: State, variant: Variant, color: Color.Semantic)

상호작용 장식 컴포넌트를 초기화합니다.

  • Parameters
    ParameterDescription
    state상호작용 상태, 생략하면 기본값으로 .normal 적용
    variant상호작용 효과 강도, 생략하면 기본값으로 .normal 적용
    color적용할 색상, 생략하면 기본값으로 .labelNormal 적용

Instance Properties

var body: some View

뷰의 내용과 동작을 정의합니다.

Enumerations

enum State

상호작용의 상태를 정의합니다.

Enumeration Cases

case focused

포커스 상태 (키보드 포커스)

case hovered

호버 상태 (마우스 오버)

case normal

기본 상태 (아무 상호작용 없음)

case pressed

누름 상태 (클릭/터치)

enum Variant

상호작용 효과의 강도를 정의합니다.

Enumeration Cases

case light

약한 강도

case normal

기본 강도

case strong

강한 강도

Relationships

Conforms To

Swift.Sendable

SwiftUICore.View

© 2026 Wanted Lab, Inc.