【iPhone】メモ帳アプリを制作してみる Part.7【swift】
一覧の”タイトル”をメモの内容にあわせる
現在の一覧画面には「タイトル」という文字がずらーっと並んでいる状態。
この「タイトル」という部分をメモの内容にそって変更してみる。
ListViewController
1 |
cell.textLabel!.text = saves.stringForKey("myText"+String(indexPath.row)) |
「cell.textLabel!.text = “タイトル”」となっている部分を上記に変更。これでOK。
でもこれだけだと、メモ画面を更新し「戻る」ボタンで戻った際に、一覧画面の内容が更新前の状態で表示されてしまう。
それを防ぐために、こいつをどっかに書いておく。
1 2 3 4 |
override func viewWillAppear(animated: Bool){ super.viewDidDisappear(animated) tableView.reloadData() } |
「viewWillAppear」は画面が表示される前に呼び出されるメソット。
「tableView.reloadData()」はテーブルデータを更新するメソッド。
「super.viewDidDisappear」はよくわからない。
まとめると「一覧画面が表示される前に、テーブルデータ更新するよ!」ていうメソッド。
これを書いておけば一覧画面に戻るたびにテーブルデータを更新してくれる。
★本当はメモとは別に「タイトル」というテキストフィールドを設けたかった。けど面倒だったので今回はやめた。また今度追加で作ります。
ナビゲーションバーのカラーを変えてみる
今の画面はモノクロでとにかく地味。ということで、ナビゲーションバーの色を変えてみる。
ListViewController
viewDidLoadをこんな感じに。
1 2 3 4 5 6 7 8 9 |
override func viewDidLoad() { super.viewDidLoad() //背景 self.navigationController?.navigationBar.barTintColor = UIColor(red: 0.5373, green: 0.949, blue: 0.4627, alpha: 1.0) //アイテム self.navigationController?.navigationBar.tintColor = UIColor.whiteColor() } |
UIColorの設定は、こちらのジェネレーターを使うのがオススメ。
https://www.ralfebert.de/snippets/ios/swift-uicolor-picker/
背景を緑、文字を白にしてみた。
するとこんな感じ。
いい感じに安っぽいカラーになった!!
セルのフォントサイズを変更してみる
今度はセルのフォントサイズを変更してみるよ。
ListViewController
1 2 3 4 5 6 7 |
//セルの値を設定するメソッド override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{ var cell = tableView.dequeueReusableCellWithIdentifier("MemoListCell")! as UITableViewCell cell.textLabel!.font = UIFont(name: "Arial", size: 12) cell.textLabel!.text = saves.stringForKey("myText"+String(indexPath.row)) return cell } |
cell.textLabel!.font = UIFont(name: “Arial”, size: 12)
この部分を追加したよ。
こんな感じ。
あとついでにNavigationの境界線が邪魔なので消してみた。