マガジンのカバー画像

SwiftUIでいこう!

229
SwiftUIで簡単、プログラミング! 少しずつ理解していきます。
運営しているクリエイター

#TODO

SwiftUIでToDoリストを作ろー! 7

SwiftUIでToDoリストを作ろー! 7

データの永続化、保存する方法を実装していきます。ListViewModel)にコードを追加していきます。UserDefaultsを使います。

keyとなる変数を設定します。

配列wordsを保存します。UserDefaults.standard.setで保存

変数wordsを読み込み時にdidsetで関数 saveItems()を実行させ保存していきます。

@Published var

もっとみる
SwiftUIでToDoリストを作ろー! 6

SwiftUIでToDoリストを作ろー! 6

次に動画を参考にデータを追加する部分の仕組みを作っていきます。

AddView()のButtonに機能をつけていきます。

とボタンの関数を作っておいて

Buttonのactionの関数を指定します。

saveButtonAction()の中身ですが、ListViewModel()に作っていきます。

func addItem(name:String){  let newItem = Mod

もっとみる
SwiftUIでToDoリストを作ろー! 5

SwiftUIでToDoリストを作ろー! 5

行の削除、追加の機能をつけます。モディファイアを使います。

List{     ForEach(words){ word in    ListRowView(greet: word) } .onDelete(perform: deleteItem) .onMove(perform: moveItem)

もっとみる
SwiftUIでToDoリストを作ろー! 4

SwiftUIでToDoリストを作ろー! 4

引き続き動画を参考に作っていきます。
現状、リストデータは

@State var words = ["Hello","Good by"]

となっていて、配列のデータを取り出す形にしています。

ToDoリストのデータとして管理するためにデータの雛形、構造体Modelを作っていきます。

struct Model:Identifiable{ let id = UUID() let

もっとみる
Swiftでアプリ。- Todoリスト! 4

Swiftでアプリ。- Todoリスト! 4

リストに追加していくことができるようになり再起動してもデータが残るようにもできました。次はいらないものを削除できるようししていきます。

今のリストは

List( todoList,id:\.self){todoData in Text(todoData)}

で表示させていますが、削除の機能をつけるには削除のメソッドを持つ"forEarch"を使います。

ForEach

もっとみる
Swiftでアプリ。- Todoリスト! 3

Swiftでアプリ。- Todoリスト! 3

入力してリスト表示させることができたのですがアプリを終了させるとデータは消えてしまいます。

これを保存する仕組みを作っていきます。保存する方法としてはAppleのフレームワークとして

UserDefaultsCore Data後は

Realmがよく使われているのではないでしょうか。

保存するデータが少ない場合はお手軽な"UserDefaults"を使うことができます。

Todoアプリを保

もっとみる
Swiftでアプリ。- Todoリスト!  1

Swiftでアプリ。- Todoリスト! 1

リスト表示

Todoリストといえばリストなのでリストを表示する方法をまず確認しておきます。

まず基本的なことから。SwiftUIであれば簡単に表示させることができます。

import SwiftUIstruct ContentView: View { var body: some View { List { Text("A List Item

もっとみる