読者です 読者をやめる 読者になる 読者になる

髪も切れるiOSエンジニアのブログ

元美容師エンジニアの成長と奮闘の記録

自作家計簿アプリ製作の軌跡① 〜UITabBarControllerの実装〜

まずは家計簿アプリのベースとなるTabBarを導入します。
正直な話、xcodeのNew Projectでテンプレートの「Tabbed Application」を選択すれば
タブバーベースの状態でプロジェクトをスタートできますが
今回はあえて「Single View Application」でスタートします。

環境

xcode 8
swift 3.0

実装

はじめに言っておきますが、基本的なタブバーのページ達を用意するだけなら
StoryBoard内だけで完結させられます。

UIViewControllerをUITabBarControllerに入れ替え

デフォルトで用意されているUIViewControllerを削除を削除します。
f:id:Tansok:20161112194201p:plain
これですね。
次にUITabBarControllerをドラッグアンドドロップします。
f:id:Tansok:20161112194647p:plain
するとご丁寧に2画面分のTabBarControllerが設置されました。

初期表示画面の設定

ただしこのままでは画面に表示されません。
起動時の最初に表示させる画面が設定されていないからです。
TabBarControllerを初期画面に設定します。
Show the attributes inspecter内の「Is initial View Controller」にチェックを入れます。
f:id:Tansok:20161112195123p:plain
これでTabBarControllerが初期画面に表示されました。

画面追加

今回の家計簿アプリは3画面必要なので一画面足します。
新たにViewControllerをStoryBoard上に足します。
そしてTabBarControllerからcontrol + ドラッグで新たに足したViewControllerに紐づけます。
f:id:Tansok:20161112195644p:plain
すると上のようなウィンドウが表示されるので、「view controllers」を選択します。
このview controllersはTabBarが管理する複数の画面が格納されるarray型のプロパティです。
f:id:Tansok:20161112195913p:plain
はい完成!
これで3画面分のタブバーをベースにした基本画面が完成しました。

つづく

自作家計簿アプリ製作の軌跡 〜 Prologue 〜

はじめに

そもそものこのプロジェクトの発端を説明します。
エンジニアになって半年。実際開発の現場に出始めたのはいいんだけど、ふと思ってしまった。
「アプリってどうやって世に出回るんだろう。」
そりゃAppStoreからだろうけど、それまでの申請は?それに必要な登録は?
プログラムについて勉強してきたけど、根本的なこと知らないじゃん!
じゃあ自分で一からアプリ作って申請からリリースまでを経験しちゃえばいいじゃん!
そんな感じ。

環境

xcode8
swift 3.0

製作アプリ概要

家計簿アプリ
カレンダー形式で、1日1日の支出を記録
収入、基本的な支出(家賃とか光熱費)を登録
自動計算で月末に黒字分、もしくは赤字分を算出

アプリのテンプレートは
TabBarControllerを基本としたタブでページを切り替えるアプリ。
Tab1 ⇨ カレンダーページ
Tab2 ⇨ 今日の支出入力画面
Tab3 ⇨ 設定画面
計3タブページ構成


以後、製作の軌跡をブログに残していきますよ