今回は、永続的にデータを保持することができる『UserDefaults』についてです。
Udemyのオススメの講座
Contents
『UserDefaults』って何？？
UserDefaultsとは、iosアプリ内にデータを保存する方法の一つです。
iPhone内の容量を使用するので、あまりたくさんのデータは保存しません。
シンプルなメモ帳アプリなどに使われるものです。
前にご紹介した『Realm』に近いですね。ご参考までに。
swift3：超簡単データベース！Realmを使った超簡単お手軽Todoアプリ！！
データの取り扱い方に関してはweb上に落とす方法がありますね。
それは『Firebase』『NiftyCloud』などなどMbaasと呼ばれる種類のものです。
前にFirebaseをご紹介しました。
swift3：超簡単！リアルタイムチャットができるFirebaseを試してみた。（超簡単編）
それらを利用すれば、iPhoneの容量を使わずにできます。
SNSアプリなどの他人とやりとりをしたりするアプリはweb上にデータベースを持っています。
じゃあweb上にデータベースを持てば、UserDefaultsいらなくない！？
必要です！
そんな単純なものではないのです。
実は多くのアプリがiPhoneアプリ内にデータを持つUserDefaultsや
web上にデータを持つことの両方をしているのです。
みんな大好きLINEのアプリを想像してください。
テキストや画像がiPhone内に保存されているのがわかると思います。
あれがUserDefaultsを使用しているのかわかりませんが、
どんなアプリでもiPhone内にデータを保存することが多いことがわかると思います。
さて、UserDefaultsの必要性を説明したところで、初めて行きます。
今回は超絶簡単なTodoアプリもどきを作って行きます。
まずは新しいプロジェクトを立ち上げましょう！
プロジェクト名は『TestTodoApp』にしましょう。
作成完了したら、Main.storyboardを開きましょう。
そして、デフォルトで置いてあるUIViewControllerにUITableViewを配置しましょう。
大きさもいい感じ調節してください。
次にUITableViewCellも配置しましょう。
配置ができるとこのようにUITableViewの見た目がやや変化します。
identifierは『cell』にしてください。
cellって何？？という方は、
前に書いたUITableViewの使い方についての記事をご参照ください。
swift3：初心者向け！UITableViewの使い方：delegate・datasourceについて
次に,
todoを入力するUITextFieldを配置してください。
大きさを整えて、
backgroundもおしゃれな色に変更しましょう。こっちの方が見やすいです。
さて、これで見た目は完璧です！
コードとの紐付けをします！
TableViewは『tableView』という名前で、
TextFieldは『textField』という名前にします。
現在のコードはこのようになっていると思います。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
import UIKit class ViewController: UIViewController{ @IBOutlet weak var tableView: UITableView! @IBOutlet weak var textField: UITextField! override func viewDidLoad() { super.viewDidLoad() } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } } |
今回はreturnキーを押した時に、
UITextFieldに入力した文字列がUITableViewに反映されるようにしたいので、
このように編集します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
import UIKit class ViewController: UIViewController, UITextFieldDelegate, UITableViewDataSource{ @IBOutlet weak var tableView: UITableView! @IBOutlet weak var textField: UITextField! override func viewDidLoad() { super.viewDidLoad() tableView.dataSource = self textField.delegate = self } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { // セルの数 return 10 } func numberOfSections(in tableView: UITableView) -> Int {// セクションの数 return 1 } func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {// セルの内容を決める。 let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) return cell } func textFieldShouldReturn(_ textField: UITextField) -> Bool {// returnキーを押した時の処理 self.textField.text = "" return true } } |
UITextFieldDelegate
これは、returnキーを押した時の処理がデリゲートメソッドのため必要。
textFieldShouldReturn
|
1 2 3 4 5 |
func textFieldShouldReturn(_ textField: UITextField) -> Bool {// returnキーを押した時の処理 self.textField.text = "" // textFIeldが空になる。 return true } |
UITableViewDatasource
これは、TableViewの内容を決めるために必要です。
TableViewの内容とは、
- セクションの数
- セルの数
- セルの内容 etc
です。
numberOfSections
これはセクションの数を決めることができるメソッドです。
戻り値に数字を指定します。今回は１にしました。
|
1 2 3 |
func numberOfSections(in tableView: UITableView) -> Int {// セクションの数 return 1 } |
numberOfRowsInSection
これはセルの数を決めることができるメソッドです。
これも戻り値に数字を指定します。今はとりあえず１０にしました。あとで変更します。
|
1 2 3 |
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { // セルの数 return 10 } |
cellForRowAt
ここはかなり難しいところです。
まだ何もしていませんが、ここでセルの内容を決めます。
|
1 2 3 4 5 |
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {// セルの内容を決める。 let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) return cell } |
ではここでRUN!
実行して見ましょう。
まっさらさらな画面に色のついたtextFieldがあれば成功です！
こんな感じです。
textFieldに入力して、returnを押したらtextFieldの中が空になったら完璧です！
UserDefaults
ようやく、Userfaultsについてついてです。
ここで入力されたデータがtableViewに反映されるまでの流れを確認します。
配列todosを用意（まだ空）
↓
textFieldに入力
↓
textFieldに入力したデータを配列todosに格納
↓
配列todosをUserDefaultsに保存
↓
UserDefaultsから配列todosを取り出す。
↓
取り出した配列todosを配列todosに上書き。
↓
tableViewのセル番号と配列todosの番号があっているものが表示されるようにする。
ざっくりいうとこんな感じです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 |
import UIKit class ViewController: UIViewController, UITextFieldDelegate, UITableViewDataSource{ @IBOutlet weak var tableView: UITableView! @IBOutlet weak var textField: UITextField! var todos: Array<String> = [] let userDefaults = UserDefaults.standard override func viewDidLoad() { super.viewDidLoad() tableView.dataSource = self textField.delegate = self if let aaa = userDefaults.object(forKey: "todos") { todos = aaa as! Array<String> } } override func didReceiveMemoryWarning() { super.didReceiveMemoryWarning() } func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { // セルの数 return todos.count } func numberOfSections(in tableView: UITableView) -> Int {// セクションの数 return 1 } func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {// セルの内容を決める。 let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) let todo = todos[indexPath.row] cell.textLabel?.text = todo return cell } func textFieldShouldReturn(_ textField: UITextField) -> Bool {// returnキーを押した時の処理 if let text = self.textField.text { todos.append(text) userDefaults.set(todos, forKey: "todos") userDefaults.synchronize() todos = userDefaults.object(forKey: "todos") as! Array<String> } self.textField.text = "" self.tableView.reloadData() //データをリロードする return true } } |
UserDefaults.standard
UserDefaultsを参照している。
データを保存する時や
データを取り出す時などなど
様々な場面で登場する。
userDefaults.set(todos, forKey: “todos”)
データをセットするメソッド。
第一引数に保存したいデータを入れて、
第二引数に取り出す時に必要な合言葉を設定。
userDefaults.object(forKey: “todos”)
データを取り出すメソッド。
引数にsetメソッドで設定した合言葉を設定して、データを取り出す。
userDefaults.synchronize()
データを保存し、永続化するメソッド。
データを保存した際に登場する。
よく忘れてしますので注意が必要。
だいたいこんな感じです！
ささお
どの書籍よりも説明わかりやすかったです！
疑問点が理解できました！
ありがとうございます！
もっともっとわかりやすく説明できるように頑張ります！！