iPhoneアプリのプログラミング/iPhoneアプリ開発の基本

Xcodeの基本的な使い方(2ページ目)

Xcodeの基本的な使い方について画面構成をもとに解説をしていきます。

長尾 俊

執筆者:長尾 俊

iPhoneアプリのプログラミングガイド

デザイン作成

design_button2

デザインを作成する際はこの種類のファイルを選択

デザインはインターフェースビルダーやストーリーボードというツールを使います。右図のようなマークのファイルを押すとストーリーボードが開かれます。ここで画面設計や画面遷移を作成していきます。



■インターフェースビルダー(xibファイルの編集)
1つの画面、もしくは画面の1部を設計するためのファイルです。右のプロパティエリアからパーツを貼付けるだけで画面の好きな位置に配置できます。さらに、パーツごとにプロパティを設定することによって色・画像・大きさ・配置など様々な要素を変えることができます。
xib

xibファイル。パーツを貼付けたりプロパティの設定をして画面設計を行う


■ストーリーボード
xibファイルをまとめて編集できるのがストーリーボードで、複数の画面を繋ぎ合わせることで画面遷移を作っていきます。インターフェースビルダーに画面のつなぎ合わせの機能が備わったものと考えれば大丈夫です。ストーリーボード上でもデザイン作りできるので、基本的にはこのストーリーボード上で画面設計と画面遷移を作成すれば良いと思います。

storyboard

ストーリーボードの画面



プログラミング

プログラミングは図のようなマークのファイルを選択して行います。主にiPhoneアプリで使用するのは.hファイルと.mファイルになりますので、こちらを選択します。すると編集画面にプログラムが表示されるので、それを編集していきます。

coding2

プログラミングの画面例

  • 前のページへ
  • 1
  • 2
  • 3
  • 次のページへ

あわせて読みたい

あなたにオススメ

    表示について

    カテゴリー一覧

    All Aboutサービス・メディア

    All About公式SNS
    日々の生活や仕事を楽しむための情報を毎日お届けします。
    公式SNS一覧
    © All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます