LoginSignup
1
2

More than 5 years have passed since last update.

[Swift] NavigationController+TableViewControllerにContainerView入りのViewControllerを追加して固定フッター(Toolbar)を追加する

Last updated at Posted at 2018-10-10

標準で以下のように追加されるNavigationController+TableViewControllerの間にContainerViewを追加することで固定されたfooter(toolbar)を追加します。

スクリーンショット 0030-10-10 17.21.11.png
↓↓↓
スクリーンショット 0030-10-10 17.18.04.png

完成

画面収録 0030-10-10 18.02.13.gif

固定されたまま、しっかり最下部のLまで表示されています。

環境

Mojave
swift4.12
iOS12
Xcode10

実装

1. NavigationController追加

ストーリーボードに、UIライブラリからNavigationControllerを追加し、初期設定のtableViweを削除します。

1.gif

2. ViewControllerとNavigationControllerをセグウェ

削除後、ストーリーボードに、UIライブラリからViewControllerを追加し、[ctrl]+ドロップで「Manuel segue」でNavigationControllerと繋げます。

2 (1).gif

3. Navigetion追加

(不要なら飛ばす) ストーリーボード上のViewControllerに、UIライブラリからNavigetionToolBarを追加してautolayoutでいい感じの位置に配置します。

3.gif

4. ContainerViewの追加

ストーリーボード上のViewControllerに、UIライブラリからContainerViewを追加してautolayoutで0指定します。
ContainerView は追加すると、表示先のViewControllerが自動で作成されます。

4.gif

5. TableViewの追加

自動で新しく追加されたViewControllerの初期設定のView(白い部分)を削除し、UIライブラリからTableViewTableViewCellを追加します。
5.gif

6. 完成

中身を追加する Swiftコードを書けば完成です。

画面収録 0030-10-10 17.28.36.gif

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2