[Swift4]PagingMenuControllerを使って、スマートニュース風のタブを表示する

2018年9月6日ITSwift

UIライブラリ PagingMenuControllerを使って、スマートニュース風のタブのサンプルを作成したのですが、その簡単な導入手順です
参考:kitasuke/PagingMenuController

こちらの記事を主に参考にさせていただき、、
参考:Swift4 PagingMenuControllerでタブを実装する

下記手順を追加しております
・Main.storyboard で idを振り付け
・ステータスバーと PagingMenuController の高さ調整

[完成動画]

[環境]
Xcode 9.2
Swift 4.0.3
PagingMenuController 2.2.0 (CocoaPodsで導入)
参考:初心者向け CocoaPods の使い方 [導入編]

Main.storyboardにViewControllerを置く

(サンプルはPagingMenuViewController1, 2, 3 と3つ置きました)

swift4-pagingmenu1

Main.storyboard と それぞれのViewController を紐付ける

(StroryBoard ID は それぞれ PagingMenuVC1, 2, 3 としました)

swift4-pagingmenu2

ビルドエラーを、補正機能で Fix する

(Swift 4 でビルドエラーになる件はまだ対応されてないようです)

参考:Swift 4 Version?

swift4-pagingmenu3

PagingMenuController と PagingMenu のオプションを作成する

ViewController.swift

ステータスバーと PagingMenuController がかぶっているので、高さを調節

swift4-pagingmenu4

完成

以上になります。

ひとこと

Swift 2 から 3 で大幅に変わって、3 から 4 へも後方互換性がないようで、、、Xcode の補正機能がなかったらと思うとぞっとします。

スポンサーリンク

Posted by nobuhiro harada