XCode 12.4 日本語化計画：Swift Tutorials

セクション 4

編集の伝播を遅らせる




ユーザが編集モードを終了するまで編集が有効にならないようにするには、編集中にプロファイルのドラフトコピーを使用し、そしてユーザが編集を確認したときにのみドラフトコピーを実際のコピーに割り当てます。












ステップ 1

ProfileHost にキャンセルボタンを追加します。




---




EditButton が提供する [Done(完了)] ボタンとは異なり、[Cancel(キャンセル)] ボタンは、クロージャ内の実際のプロファイルデータに編集を適用しません。





























ステップ 2

onAppear(perform:) および onDisappear(perform:) 修飾子を適用して、エディタに正しいプロファイルデータを入力し、ユーザが [Done(完了)] ボタンをタップしたときに永続するプロファイルを更新します。




---




それ以外の場合は、次に編集モードがアクティブになったときに古い値が表示されます。

    ProfileHost.swift

1. import SwiftUI
3. struct ProfileHost: View {
4. @Environment(\.editMode) var editMode
5. @EnvironmentObject var modelData: ModelData
6. @State private var draftProfile = Profile.default
8. var body: some View {
9. VStack(alignment: .leading, spacing: 20) {
10. HStack {
if editMode?.wrappedValue == .active {
Button("Cancel") {
draftProfile = modelData.profile
editMode?.animation().wrappedValue = .inactive
}
}
11. Spacer()
12. EditButton()
13. }
15. if editMode?.wrappedValue == .inactive {
16. ProfileSummary(profile: modelData.profile)
17. } else {
18. ProfileEditor(profile: $draftProfile)
19. }
20. }
21. .padding()
22. }
23. }
25. struct ProfileHost_Previews: PreviewProvider {
26. static var previews: some View {
27. ProfileHost()
28. .environmentObject(ModelData())
29. }
30. }

プレビュー その 1

    ProfileHost.swift

23. } else {
24. ProfileEditor(profile: $draftProfile)
.onAppear {
draftProfile = modelData.profile
}
.onDisappear {
modelData.profile = draftProfile
}
25. }
26. }
27. .padding()

次




UIKit とのインターフェース




SwiftUI は、すべての Apple プラットフォーム上の既存の UI フレームワークとシームレスに連携します。たとえば、UIKit ビューとビューコントローラを SwiftUI ビュー内に配置したり、その逆を行うことができます。




さあ始めましょう