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

 

 

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

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

スポンサーリンク

関連記事

xcode_open_001.jpg

Xcode5.1を起動してみた

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

記事を読む

apps01-1.jpg

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

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

記事を読む

IMG_2915.jpg

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

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

記事を読む

xcode_chara0325_001.jpg

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

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

記事を読む

ios_20151112_106.jpg
iPhoneでFirefoxが使えるようになった!iOS版がリリース!

iOS 版の「Firefox」がリリースされました。

51J6Xi2qk6L.jpg
amazonで5TBの外付けHDDが18500円で販売中!激安だけどそのレビューが恐ろしい・・・

某Mac系ブログで紹介されていたAmazonで販売中の外付けHDDが5

paz_20151109_121 .jpg
[パズドラ]「火と影の犬龍」燃忍犬龍 超地獄級に覚醒バステトで行ってきた!

パズドラ新ダンジョン「火と影の犬龍」燃忍犬龍 超地獄級に挑戦してきまし

→もっと見る

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