Xcode5.1 でボタンを配置する方法

こんばんは、くろさるです。

Xcode5.1 でボタンを配置してiOSシミュレーターを実行してみました。

 

Xcodeを起動して、「Create a new Xcode project」をクリックします。

NewImage

スポンサーリンク

 

「Single View Application」を開きます。

Xcode chara0325 002

 

 

プロジェクト名を「push button」にしました。

Xcode button 0329 001

 

 

デスクトップを選択して「Create」をクリック。

Xcode button 0329 002

 

 

サイドバーの「Main.storyboard」をクリック。

Xcode button 0329 003

 

 

ストーリーボードが表示されました。

Xcode button 0329 004

 

 

右下のユーティリティエリアから「Button」を探します。

Xcode button 0329 006

 

 

「Button」を画面中央にドラッグします。

Xcode button 0329 007

 

 

画面右上の「アシスタントエディタ」ボタンをクリックして画面を2分割します。

Xcode button 0329 008

 

 

キーボードのoptionキーを押しながら「ViewController.h」をクリックします。

Xcode button 0329 008b

 

 

「Button」をキーボードのcontrolを押しながら、「@interface」と「@end」の間にドラッグします。

Xcode button 0329 009

 

 

設定ダイアログが表示されるので各項目を設定して「Connect」をクリックします。

Xcode button 0329 012

 

 

スタンダードエディタボタンを押して分割画面を戻します。次に「ViewController.m」をクリックします。

Xcode button 0329 013

 

 

- (IBAction)pushbutton:(UIButton *)sender {

このコードの後ろをクリックして改行します。

Xcode button 0329 013b

 

 

次のコードを追加します。

[sender setTitle:@”OK”forState:(UIControlStateNormal)];

Xcode button 0329 014

 

 

この状態でXcodeのRUNを押して実行すると、エラーが出ました。

コードが間違っていたようです。

Xcode button 0329 015

 

 

間違いを修正してもう一度「RUN」をクリック。

Xcode button 0329 016

 

 

すると今度は、iOSシミュレーターが起動して、「Button」と表示されました。

Xcode button 0329 017

 

 

「Button」をクリックすると、文字が「OK」に変化しました。成功です。

Xcode button 0329 018

 

 

慣れないので、こんなボタンを作るために何時間もかかってしましました。

次は音楽ファイルの再生をしてみたいですね。

スポンサーリンク

関連記事

IMG_2915.jpg

おさるが始めるiPhoneアプリ開発

こんばんは、くろさるです。 前々からず〜〜っと始めたいと思っていた事があります。「iPhone

記事を読む

apps01-1.jpg

iPhoneアプリ開発「XcodeをiMacにインストールする方法」

こんばんは、くろさるです。 昨日からiPhone用のアプリ開発をするための準備をしています。

記事を読む

xcode_chara0325_001.jpg

Xcode5.1で画面に文字を表示する方法

こんばんは、くろさるです。 昨日はXcodeに文字を入力しても画面に表示することが出来なかった

記事を読む

xcode_open_001.jpg

Xcode5.1を起動してみた

こんばんは、くろさるです。 前回はiPhoneアプリを開発するXcodeというアプリをiMac

記事を読む

IMG_0239
amazonからLINEモバイルのエントリーパッケージが届いたよ

こんにちは、くろさるです。 先日amazonで購入したLINEモ

MG_0234
iPhoneのアプリが勝手に削除されるのを防ぐ方法

こんにちは、くろさるです。 今日は、iPhoneのアプリの削除を

IMG_0222
iPhone、iPad、iPod touchで日付と時刻を手動で設定する方法

こんにちは、くろさるです。 今回はiPhone、iPad、iPo

→もっと見る

    • 2017 (28)
    • 2015 (364)
    • 2014 (460)
    • 2013 (126)
PAGE TOP ↑