【iPhoneアプリ作り】Twitterアプリを参考に、Aパートの上のバー

ゴール　：　Twitterアプリの上のバーを作ってみる

---

2013.05.28

真似てみたい所は）



の　「 A 」の所


よく見ると）

• 「アカウント」というタイトル
• 　検索
• 　新規作成

などがあります。


進め方は）
出来る所までやってみて、分からなくなったら調べながら、進んで行きたいと思います。


xcodeで試す001　上のバーを作る）

新規プロジェクトで作成し



の初期の状態から

メニューバーから

Editor > embed in > Navigation controller　

を行うと



上のバーの所のナビゲーションが出来ました。
そこにタイトルの「アカウント」を入力


よくみる002　ナビゲーションのボタン）
ナビゲーションにあるボタンは２つ「検索」と「新規作成」があります。 凹凸の無いか感じで平面的にバーに馴染んだ感じです。


xcodeで試してみる002 ナビゲーションのボタン）
ともにxcodeで知っているボタンは
「Round Rect Button」と「Bar Button Item」

「Bar Button Item」のオブジェクトを置いてみると



色々試してみました。

• styleの設定をflatにしてみる
→　凹凸は消えず


• ボタンを２つ並べてみる
→　１つになってしまう。２つ並べられない


• imageの設定にアイコンとしてpngの画像入れてみる
→　ボタンが横に広がりすぎてしまう



• show the inspectorのタブ内のwidthやimage insetなどのsizeを変更してみる
→　アイコンのサイズは変更するもボタンのサイズがでかいままに

次に進もう！！


次）
□　「新規作成ボタンを押したらテキスト入力画面が出てくる」を調べる
□　本屋でBar Button Itemの設定がどんなあるか見てこよ