目次
概要
データベースに登録したデータを削除する方法を実装。
併せて、Listで左スワイプしたら削除ボタンが表示されるように実装を行う。
ソースコード
import SwiftUI
@main
struct TestApp: App {
@UIApplicationDelegateAdaptor(AppDelegate.self) var appDelegate
var body: some Scene {
WindowGroup {
DatabaseListView()
}
}
}
View関連
import SwiftUI
struct DatabaseListView: View {
@ObservedObject var viewModel: DatabaseListViewModel = DatabaseListViewModel()
@State var inputText: String = ""
var body: some View {
VStack {
Spacer()
HStack {
Spacer()
TextField("", text: self.$inputText)
.textFieldStyle(.roundedBorder)
Spacer()
Button {
self.viewModel.registerData(inputText: self.inputText)
self.inputText = ""
} label: {
Text("登録")
}
Spacer()
}
Spacer()
List {
ForEach(self.viewModel.data, id: \.self) { data in
VStack(alignment: .leading) {
Text("ID: \(data.id)")
Text("入力文字: \(data.title)")
Text("登録日: \(data.registerDate.transeJapaneseDateString())")
Text("更新日: \(data.updateDate.transeJapaneseDateString())")
}
.swipeActions(edge: .trailing) {
Button {
self.viewModel.deleteData(data: data)
} label: {
ZStack {
Color.red
Text("削除")
.foregroundColor(Color.white)
}
}
}
}
}
}
.alert(isPresented: self.$viewModel.isShownDialog) {
Alert(title: Text("Error"),
message: Text("登録に失敗しました"),
dismissButton: .default(Text("閉じる")))
}
}
}
処理部分
import Foundation
import RealmSwift
class DatabaseListViewModel: ObservableObject {
@Published var isShownDialog: Bool = false
@Published var data: [DatabaseTableData]
init() {
self.data = DatabaseManager.shared.getInstance()
}
func registerData(inputText: String) {
let data = DatabaseTableData(id: self.data.count + 1,
title: inputText,
registerDate: Date(),
updateDate: Date())
DatabaseManager.shared.registerData(data: data)
self.data = DatabaseManager.shared.getInstance()
}
func deleteData(data: DatabaseTableData) {
DatabaseManager.shared.deleteData(data: data)
self.data = DatabaseManager.shared.getInstance()
}
}
日付表示部分のExtension
import Foundation
extension Date {
func transeJapaneseDateString() -> String {
let format = Date.FormatStyle().locale(Locale(identifier: "ja_JP"))
.year()
.month(.twoDigits)
.day(.twoDigits)
.weekday(.abbreviated)
.hour(.twoDigits(amPM: .wide))
.minute(.twoDigits)
.second(.twoDigits)
return format.format(self)
}
}
DB処理部分
データベースの項目クラス(テーブルのカラム設定のようなもの)
import Foundation
import RealmSwift
class DatabaseTableData: Object {
@objc dynamic var id: Int
@objc dynamic var title: String
@objc dynamic var registerDate: Date
@objc dynamic var updateDate: Date
override init() {
self.id = 0
self.title = ""
self.registerDate = Date()
self.updateDate = Date()
}
init(id: Int, title: String, registerDate: Date, updateDate: Date) {
self.id = id
self.title = title
self.registerDate = registerDate
self.updateDate = updateDate
}
}
DBのデータ取得や削除処理
import Foundation
import RealmSwift
class DatabaseManager {
static let shared = DatabaseManager()
var realm: Realm? = nil
private init() {
}
func getInstance() -> [DatabaseTableData] {
do {
self.realm = try? Realm()
}
guard let objects = self.realm?.objects(DatabaseTableData.self) else {
return []
}
return Array(objects)
}
func registerData(data: DatabaseTableData) {
do {
self.realm = try? Realm()
try? self.realm?.write {
self.realm?.add(data)
}
}
}
func deleteData(data: DatabaseTableData) {
do {
self.realm = try? Realm()
try? self.realm?.write {
self.realm?.delete(data)
}
}
}
}
デモ動画
詳細
まず、Listの左スワイプは以下のように実装する。
ちなみに、edgeの値を「.leading」にすると右スワイプで表示されるUIを実装できる。
.swipeActions(edge: .trailing) {
// 実装したいUI
}
データベースに登録しているデータを削除するにはRealmのwriteメソッド内でRealmのdeleteメソッドを呼ぶ。
do {
self.realm = try? Realm()
try? self.realm?.write {
self.realm?.delete(data)
}
}
こう見るととても簡単に実装できる。
参考ページ:
.NET ゆる〜りワーク
【SwiftUI】List にスワイプアクション(.swipeActions)を実装する【iOS15&Xcode13】