Storyboardから始めるiPhoneアプリ開発

Twitterボタン
Twitterブログパーツ

Xcodeやobjective-c、Storyboardについて得た知識などiPhoneアプリ開発の体験記を配信

カテゴリ:HelloWorldの作り方 の記事一覧

| |


草刈りパニック 海軍王アカデミー シンプルゆめ日記 シンプル表計算CelLion 魔球スラッガー 地頭を鍛えるでんしゃ算数 Don't 100
2012/03/08(木)

iPhoneアプリでHelloWorldを表示する(3)〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜

カテゴリ:HelloWorldの作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

前回はStoryboardでインターフェースを作成しました。

↓前回の記事
iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜

今回はついにアプリを動かします。

ますコード上でLabelとRound Rect Buttonを定義します。

左のサイドバーからViewController.mを選択します。
コードファイルが表示されるはずです。

スクリーンショット 2012-03-07 14.24.37

以下のように追記してください。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

IBOutlet UILabel *lbl_HelloWorld;
IBOutlet UIButton *btn_HelloWorld;
}

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}



ボタンのアクションを追記します。
今回はボタンを押すとラベルにHelloWorld!!と表示されるアクションを追記します。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

IBOutlet UILabel *lbl_HelloWorld;
IBOutlet UIButton *btn_HelloWorld;
}

-(IBAction)CallHelloWprld{

lbl_HelloWorld.text = @"HelloWorld!!";
}

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}



コード上で定義できたら、ビルドしておきましょう。
command+Bです。ビルドすることで定義がアプリに反映されます。

次に画面上のLabel,Round Rect Buttonとコード上のLabel,Round Rect Buttonを紐付けます。

左のサイドバーからMainStoryboard.Storyboardを選択してください。
そして、iPhone画面の下にあるバーをクリックし、右のサイドバー上の矢印をクリックします。
下記のキャブチャを見ると分かりやすいと思います。赤い丸が付いている2カ所です。

スクリーンショット 2012-03-07 18.47.04

コードとインターフェースを紐付けます。
下記キャブチャの右サイドバー上の赤丸の部分をドラッグし、該当のオブジェクトにドロップしましょう。
そうです。画像のイメージです。

スクリーンショット 2012-03-07 18.53.25

アクションを紐付けましょう。画像の青線でつながっている部分を上記の要領で紐付けていきます。
ドロップをするとボタンの動作方法の選択ポップアップが表示されます。
Touch up insideを選択しましょう。

スクリーンショット 2012-03-07 19.02.37スクリーンショット 2012-03-07 19.03.43

これで完成です!!
RUNボタンをおしてみてください。

スクリーンショット 2012-03-07 19.14.56

どうでしょうか?
やってみたら簡単ですね。

今後も簡単な操作のチュートリアルをアップしていきますので、応援を宜しくお願いします。
  1. 2012/03/08(木)|
  2. HelloWorldの作り方
  3. | トラックバック:0
  4. | コメント:0
2012/03/07(水)

iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜

カテゴリ:HelloWorldの作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

前回はXcodeの環境を整えました。

↓前回の記事
iPhoneアプリでHelloWorldを表示する(1)〜Xcodeを立ち上げて環境を整える〜

今回は掲題の通りStoryboardでインターフェースを作成します。

初心者向けに記事を作っているので、最低限の機能のみを作っていきます。
機能はボタンを押したらHelloWorldと表示されるだけに限定して記事を書きます。

まずは左のサイドバーからMainStoryboard.storyboardを選択します。

スクリーンショット 2012-03-07 14.01.14

次に右のサイドバー 下からLabelを選択します。ドラッグ&ドロップでstoryboardのiPhone画面上に持ってきてしまいましょう。
またLabelの下にあるRound Rect Buttonも同様にiPhone画面上に持ってきてしまいます。

スクリーンショット 2012-02-29 22.36.13

こんな感じでインタフェースはできたでしょうか?
これでインターフェースは完成です。

スクリーンショット 2012-03-07 18.43.45


今回は以上です。
次回はラストです。ついにコードを作って動かします。

↓パート3へのリンクです。
iPhoneアプリでHelloWorldを表示する(3)〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜
  1. 2012/03/07(水)|
  2. HelloWorldの作り方
  3. | トラックバック:0
  4. | コメント:0
2012/03/03(土)

iPhoneアプリでHelloWorldを表示する(1)〜Xcodeを立ち上げて環境を整える〜

カテゴリ:HelloWorldの作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

XcodeでiPhoneアプリを作成する第一歩を踏み出しましょう。
今回は定番中の定番であるHelloWorldを表示するプログラムを作ります。

まずXcodeを起動し、新しいプロジェクトを作成します。
タブから「File>New>Project」を選択しましょう。

選択したら下記画面が表示されるので、「Single View Application」を選択しましょう。

HelloWorld_img1


次に表示されるウィンドウではアプリ名を入力します。
「HelloWorld」と入力しておきます。

スクリーンショット 2012-02-29 22.33.27

ファイルを作成するディレクトリを選択します。
どこでもいいでしょう。自分の好みで選択してください。

ファイルが作成され、ついにコーディングの画面です。
まずは利便性を確保します。下記の操作をしてください。

  ・タブから「View>Navigators>Show Project Navigator」を選択する。
  ・タブから「View>Utilities>Show File Inspectpr」選択する。

こんな感じの画面になりましたか?

スクリーンショット 2012-03-02 20.50.46

今回は以上です。

次回はStoryboardを使用してインターフェースを作成します。

↓パート2へのリンクです。
iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜
  1. 2012/03/03(土)|
  2. HelloWorldの作り方
  3. | トラックバック:0
  4. | コメント:0

検索フォーム

アプリ紹介記事

おすすめ書籍

入門者向けおすすめサービス

iPhoneアプリ開発やリリースに必須と思われるサービスです。開発と並行してリリースの環境を整える必要があります。

    シティバンク
    アプリから得られる収入やアプリ製作関連の支出を管理する口座が必要です。アプリから得られる収入は日本円だけではなく米ドル等の外貨の場合がありますので、グローバルで貨幣の両替が簡易な銀行口座を選択します。一旦はここで無難です。

    FC2ブログ
    アプリをリリースする際、サポートサイトが必須です。無料で使い勝手の良いFC2ブログがおすすめです。

    リンクシェア
    アプリの下によくある広告のあれです。ここと提携してアプリ内に広告を設置することで、広告収入を得ることができます。少しでも下心があるなら必須です。

    三井住友VISAカード
    デベロッパー登録やその他経費をクレジット払いにしておけば支払いの履歴も残りますし、一々振り込む手間が省けます。三井住友VISAカードならcitiバンクを支払い口座に指定できますし、なにかと便利です。

中級者向けおすすめサービス

iPhoneアプリをリリースしても、ダウンロードされなければ意味がありません。さらに集客力・発信力を向上させましょう。

    お名前.com
    格安で独自ドメインを取得することができます。自社サイト・個人サイトを作成する際にご利用ください。

    さくらのレンタルサーバ
    レンタルサーバーです。webサイト用もしくはアプリのデーターサーバー用にどうぞ。

    ロリポップ!レンタルサーバー
    レンタルサーバーです。webサイト用もしくはアプリのデーターサーバー用にどうぞ。

その他のおすすめサービス

私のオススメのサービスです。
参考なれば幸いです。


1位   リクナビNEXT

iPhoneアプリエンジニアは求人市場で需要があります。一般企業はアプリを広告として使うケースがありますから。私自身もリクナビNEXTを利用しています。


2位   随時更新していきます。

QRコード

QR

全記事表示リンク

全ての記事を表示する

カテゴリ

最新記事

月別アーカイブ

プロフィール

CasualAppTeam

Author:CasualAppTeam
初めまして。
iPhoneアプリ開発についてブログを綴っていきます。
xcodeやobjective-c,storyboardなどについて詳しく書いていきます。

最新コメント

最新トラックバック

RSSリンクの表示

自分のための外部リンク