画面レイアウト作成の基本 | なりっちアプリDiary
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

なりっちアプリDiary

主にiPhoneのアプリについての日記

画面レイアウト作成の基本

肝心の画面レイアウトの作成方法について、記述します。

ナビゲーションバーで、Main.storyboard ファイルを選択します。

StoryBoardを編集する画面、UIを編集する画面が真ん中に開きます。
これを、Interface Builder と呼びます。

こんな感じです。

IB


画面のUIパーツ、または部品を選択できるようなエリアが右サイドに入っています。
下の図がそれです。
部品には、ボタンやラベルなど通常アプリを作る上で必要なものが揃っています。
（ここにないものは、自作かな..）
この部品をドラッグドロップでエディターエリアに移動させて、画面を作っていきます。

IB部品設置


部品を選択すると、幅や高さ、ラベルの文字などを変更することができる箇所が右側に出てきます。
そこを編集して内容を変更していきます。

IB部品属性


これが画面作りの基本です。