Presentation is loading. Please wait.

Presentation is loading. Please wait.

清水彰一 写真の表示. はじめに 画像を Photo Albums から選択し表示するアプリ 手順 1. Xcode でプロジェクトの作成 2. Interface Builder で UI 部品を配置 3. Xcode で必要なクラスを定義 4. 各 UI 部品の結びつきのための変数を IBOutlet.

Similar presentations


Presentation on theme: "清水彰一 写真の表示. はじめに 画像を Photo Albums から選択し表示するアプリ 手順 1. Xcode でプロジェクトの作成 2. Interface Builder で UI 部品を配置 3. Xcode で必要なクラスを定義 4. 各 UI 部品の結びつきのための変数を IBOutlet."— Presentation transcript:

1 清水彰一 写真の表示

2 はじめに 画像を Photo Albums から選択し表示するアプリ

3 手順 1. Xcode でプロジェクトの作成 2. Interface Builder で UI 部品を配置 3. Xcode で必要なクラスを定義 4. 各 UI 部品の結びつきのための変数を IBOutlet 付きの Property として定義 5. UI 部品を操作したときの独自処理を IBAction 付きで定 義 6. Interface Builder で各 UI 部品を結びつける 7. UI 部品を操作したときの独自処理と UI 部品を結び付 ける

4 Xcode でプロジェクトの作成 1. Xcode の「ファイル」メニュー、「新規プロジェク ト」を選択 2. Window-Based Application を選択 3. プロジェクト名を入力

5 Interface Builder で UI 部品を配置 1. ライブラリウインドウから「 View 」をドラッグし、 「 Window 」上でドロップ 2. インスペクターウインドウをサイズ・インスペク ターに 切り替え、サイズを確認 - X:0 Y:20 W:320 H460 3. ドキュメントウインドウの表示形式を切り替え、 Window の下に View が登録されていることを確認 4. 「 Image View 」を配置 - X:20 Y:20 W:280 H:280 5. 「 Round Rect Button 」を配置 - ダブルクリックし、ラベルに「 Pick 」と入力

6 ソースコードの編集


Download ppt "清水彰一 写真の表示. はじめに 画像を Photo Albums から選択し表示するアプリ 手順 1. Xcode でプロジェクトの作成 2. Interface Builder で UI 部品を配置 3. Xcode で必要なクラスを定義 4. 各 UI 部品の結びつきのための変数を IBOutlet."

Similar presentations


Ads by Google