*

[Swift]TableViewControllerにナビゲーションバーを追加する方法

公開日: : 最終更新日:2015/02/24 Swift

画面遷移するのに大切なナビゲーションバーのお話。

Swift入門まとめページはこちら→Swiftまとめページ

ナビゲーションバーを追加

今作っている画面がこんな感じ。

swift

ここに新規作成ボタンをつけたいんです。
そこで登場するのがナビゲーションバーになりますが、TableViewControllerでナビゲーションバーを追加する場合、storyboard上でドラッグ&ドロップするのでなく、ちょっとしたコツが要ります。

具体的には以下の方法になります。

やり方

まずはstoryboard上でナビゲーションバーを追加したいTableViewControllerを選択します。
swift
(※開発中なので一部マスクしています。電車の中なのでマスクの線が綺麗じゃない……)

次にXCodeのツールバーでEditorから”Embed In” -> “Navigation Controller”を選択します。
swift navigationbar

するとstoryboard上にNavigation Controllerが出現します。
swift navigationbar

この状態で実行してみましょう。

swift navigation controller with tableview

見事テーブルビューにナビゲーションバーをつけることが出来ました。
こうしてみるとナビゲーションバーってViewが重なり合ってるようなものなんですかね。

ad

関連記事

swift

[Swift]Swiftチュートリアル。SwiftDataで取得したデータをTableViewにデータを出力する。

いよいよSwiftDataからデータを取得してTableDataViewに出力してみます。 S

記事を読む

swift

[Swift]Swiftチュートリアル。コントローラを複数綺麗に並べる。その2。

前回、Swiftで真ん中にコントロールを配置した続き。 Swift入門まとめページはこちら→S

記事を読む

wannabenote

[Swift]Swiftチュートリアル。ボタンを真ん中に配置して処理を記述する方法。

前回(SwiftData設定)の続き。 Swift入門まとめページはこちら→Swiftまとめペ

記事を読む

swift

[Swift]Swiftチュートリアル。UITableViewControllerを設定する。

データが取得できるようになったので、今度はデータを複数表示してみます。 Swift入門まとめペ

記事を読む

swift

[Swift]TableViewControllerにナビゲーションバーを追加する方法 その2

前回のTableViewControllerにナビゲーションバーを追加する方法の続きです。 S

記事を読む

swift

[Swift]Swiftチュートリアル。コントロールを複数綺麗に並べる。

ちょっと趣向を変えて、コントロールの並べ方です。 綺麗にコントロールを並べるにはコツがいります

記事を読む

wannabenote

[swift]Swiftでデータを扱うアプリを作りたい。sqliteのラッパーSwiftDataを初期設定。

Swift入門まとめページはこちら→Swiftまとめページ 息抜きに 基本飽き性なので、ある

記事を読む

swift

[Swift]Swiftチュートリアル。SwiftDataでデータをselectする方法。

データの挿入が出来たので、データを取得してみましょう。 Swift入門まとめページはこちら→S

記事を読む

swift

[Swift]Swiftチュートリアル。SwiftDataでInsertを発行する方法。

CreateTableを前回出来るようになったので、今度はデータを挿入してみましょう。 Swi

記事を読む

swift

[Swift]Swiftチュートリアル。SwiftDataでCreate Tableする方法。

前回、ボタンを配置できたので、いよいよデータベースを扱いましょう。 Swift入門まとめページ

記事を読む

ad

Message

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

ad

  •  Auther;わなび

     「オープン系得意だよね? 俺のPCの調子悪いんだけど」という無茶振りから解き放たれゲームエンジニアに。
    C#とかUnityを扱います。
    Twitterフォロー大歓迎です。
    githubアカウント→wannabenote
  • follow us in feedly
PAGE TOP ↑