SwiftUI에서 스와이프 액션을 추가하는 방법은 무엇인가요?

Q1: SwiftUI에서 스와이프 액션(Swipe Action)이란 무엇인가요?
A1: 스와이프 액션은 리스트 항목(또는 뷰)을 왼쪽 또는 오른쪽으로 스와이프했을 때 나타나는 버튼이나 동작을 말합니다. iOS 15 이상부터 SwiftUI에서 쉽게 구현할 수 있습니다.

---

Q2: 스와이프 액션은 어떤 뷰에 적용할 수 있나요?
A2: 주로 `List`나 `ForEach`로 표시되는 항목에 적용하며, `View` 프로토콜을 따르는 다른 뷰에도 `.swipeActions` 수정자를 사용할 수 있습니다.

---

Q3: 스와이프 액션을 기본적으로 어떻게 추가하나요?
A3: 항목 뷰에 `.swipeActions` 수정자를 붙이고, 그 안에 하나 이상의 `Button`을 추가하면 됩니다. 예를 들어:

```swift
List {
Text("Item 1")
.swipeActions {
Button(role: .destructive) {
// 삭제 동작
} label: {
Label("Delete", systemImage: "trash")
}
}
}
```

---

Q4: 스와이프 방향을 지정할 수 있나요?
A4: 네. `.swipeActions(edge: .leading)` 또는 `.swipeActions(edge: .trailing)`를 사용해 스와이프 가능한 방향을 설정할 수 있습니다. 기본값은 `.trailing` (오른쪽에서 왼쪽 스와이프)입니다.

```swift
.swipeActions(edge: .leading) {
// 왼쪽 스와이프 액션
}
```

---

Q5: 스와이프 액션 버튼에 역할(Role)은 무엇이고 어떻게 사용하나요?
A5: 버튼의 `role`은 `nil`, `.destructive`, `.cancel` 중 하나이며, 버튼의 스타일이나 동작을 정의합니다. 예를 들어 삭제 버튼은 `.destructive`로 지정해 빨간색으로 표시됩니다.

```swift
Button(role: .destructive) {
// 삭제 코드
} label: {
Label("Delete", systemImage: "trash")
}
```

---

Q6: 여러 개의 스와이프 액션 버튼을 추가하려면 어떻게 하나요?
A6: `.swipeActions` 클로저 내에 여러 `Button`을 배치하면 됩니다.

```swift
.swipeActions {
Button {
// 즐겨찾기
} label: { Label("Favorite", systemImage: "star")
}
Button(role: .destructive) {
// 삭제
} label: {
Label("Delete", systemImage: "trash")
}
}
```

---

Q7: 스와이프 액션이 자동으로 전체 영역을 덮나요?
A7: 기본적으로 스와이프 시 버튼들이 겹쳐 나오지만, `.tint(Color)` 수정자를 사용하면 버튼들의 배경색을 지정할 수 있고, `.swipeActions(allowsFullSwipe: Bool)`로 전체 스와이프 가능 여부를 제어할 수 있습니다.

```swift
.swipeActions(allowsFullSwipe: false) {
// 버튼들
}
```

---

Q8: 커스텀 아이콘이나 텍스트를 가진 버튼은 어떻게 만들죠?
A8: `Button` 레이블에 `Label` 대신 `Text` 또는 커스텀 뷰를 사용할 수 있습니다.

```swift
Button {
// 동작
} label: {
Text("Custom")
}
// 또는
Button {
// 동작
} label: {
Image(systemName: "heart.fill")
}
```

---

Q9: 이전 버전(iOS 14 이하)에서는 스와이프 액션을 어떻게 구현해야 하나요?
A9: SwiftUI에서 공식 지원이 없으므로 UIKit의 `UITableView` 와 `UIContextualAction` 을 사용하거나, 사용자 정의 제스처 및 뷰 조합으로 직접 구현해야 했습니다. iOS 15 이상에서 `.swipeActions` 사용을 권장합니다.

---

Q10: 스와이프 액션 내부에서 상태 변경이나 데이터 삭제는 어떻게 처리하나요?
A10: 액션 버튼에서 바인딩된 상태 변수를 변경하거나, 뷰 모델의 메서드를 호출하여 데이터 소스를 갱신하면 됩니다. 예:

```swift
Button(role: .destructive) {
viewModel.delete(item)
} label: {
Label("Delete", systemImage: "trash")
}
```

---

요약: SwiftUI에서 스와이프 액션은 iOS 15 이상에서 `.swipeActions` 수정자를 사용해 간단히 구현하며, 방향, 역할, 다중 버튼, 전체 스와이프 허용 여부 등을 설정할 수 있다.

SwiftUI에서 스와이프 액션을 추가하는 것은 사용자 인터페이스를 더욱 직관적이고 상호작용적으로 만드는 좋은 방법입니다.

스와이프 액션은 리스트 항목을 스와이프하여 삭제, 수정, 또는 다른 작업을 수행할 수 있게 해줍니다.

SwiftUI에서는 `swipeActions` modifier를 사용하여 이러한 기능을 쉽게 구현할 수 있습니다.

기본적인 스와이프 액션 구현 1. 리스트 생성 : 먼저, 스와이프 액션을 추가할 리스트를 생성합니다.

예를 들어, 간단한 문자열 배열을 사용하여 리스트를 만들어 보겠습니다.



2. 스와이프 액션 추가 : `swipeActions` modifier를 사용하여 각 리스트 항목에 스와이프 액션을 추가합니다.

다음은 SwiftUI에서 스와이프 액션을 구현하는 기본적인 예제입니다.

```swift import SwiftUI struct ContentView: View { @State private var items = ["Item 1", "Item 2", "Item 3"] var body: some View { List { ForEach(items, id: \.self) { item in Text(item) .swipeActions { Button(role: .destructive) { // 삭제 작업 if let index = items.firstIndex(of: item) { items.remove(at: index) } } label: { Label("Delete", systemImage: "trash") } Button { // 수정 작업 print("Edit \(item)") } label: { Label("Edit", systemImage: "pencil") } } } } } } ``` 코드 설명 - `@State` 변수를 사용하여 리스트 항목을 저장합니다.

- `List`와 `ForEach`를 사용하여 항목들을 나열합니다.

- 각 항목에 대해 `swipeActions` modifier를 추가하여 스와이프 시 나타날 버튼을 정의합니다.

- `Button`의 `role`을 `.destructive`로 설정하면 해당 버튼이 삭제 버튼으로 표시됩니다.

- 각 버튼에는 `Label`을 사용하여 아이콘과 텍스트를 함께 표시합니다.

스와이프 액션 커스터마이징 스와이프 액션은 기본적인 삭제 및 수정 외에도 다양한 작업을 추가할 수 있습니다.

예를 들어, 완료 표시, 즐겨찾기 추가 등의 작업을 추가할 수 있습니다.

```swift Button { // 완료 작업 print("Mark \(item) as done") } label: { Label("Done", systemImage: "checkmark") } ``` 스와이프 액션의 조건부 표시 스와이프 액션은 특정 조건에 따라 다르게 표시할 수 있습니다.

예를 들어, 사용자가 로그인했는지 여부에 따라 다른 스와이프 액션을 제공할 수 있습니다.

```swift ForEach(items, id: \.self) { item in Text(item) .swipeActions { if userIsLoggedIn { Button(role: .destructive) { // 삭제 작업 } label: { Label("Delete", systemImage: "trash") } } else { Button { // 로그인 유도 작업 } label: { Label("Login to Delete", systemImage: "lock") } } } } ``` 마무리 SwiftUI에서 스와이프 액션을 추가하는 것은 매우 간단하고 직관적입니다.

`swipeActions` modifier를 사용하면 다양한 작업을 쉽게 구현할 수 있으며, 사용자 경험을 향상시킬 수 있습니다.

스와이프 액션은 리스트 항목에 대한 빠른 액세스를 제공하므로, 사용자에게 더 나은 인터페이스를 제공하는 데 큰 도움이 됩니다.

다양한 조건과 상황에 맞게 스와이프 액션을 커스터마이즈하여 더욱 풍부한 사용자 경험을 제공할 수 있습니다.