*

【初心者用ハンズオン】 iPhoneアプリを作ろう! (その2:BMI計算アプリを作ろう)

 

 

前回のハンズオン(その1)では、Hello World を表示させるとこまでやりました。

 

 

今度は、実際にアプリを作ってみましょう。

 

体重と身長から、BMI(ボディマス指数)を計算して、肥満なのか普通なのか判定するというアプリを作ってみます。

 

BMIは 

身長(m) ÷ 体重 ^2 (kg) 

で求めれます。

  

なお、こちらのサイトのObjective-c という言語で作られたBMIアプリを参考にしました。

http://www.atmarkit.co.jp/ait/articles/1007/23/news110.html

 

 

 

さあ、Xcodeをの

Main.storyboardを開いて、 

以下のようにレイアウトします。

2

 

 

 

体重: Label  

体重の右横のボックス:Text

身長: Label

身長の右横のボックス:Text

計算: Button

リセット:Button

BMI: Label

BMIの右横のLabel: Label

BMIの下のLabel: Label

 

背景がないとテキストボックスが見辛いので、

適当に背景に色をつけときます。


右側のViewの

Backgroundを「Light Gray Color」にでもしときます。

 

 

右上にある丸が2つ重なったアイコンをクリック

 3

 

これをクリック

 4

 

こんな感じになります。

 5

 

 

 

「体重」の横にある空欄を Ctrlキーを押しながら、ドラッグ&ドロップ

 6

 

こんなのが出てくる。

 7 1

 

Connection : Outlet

Name: weightText

Type: UITextField

 

Connect をクリック

 

ソースコードにこんなのが自動的に出てくる

 

@IBOutlet weak var weightText: UITextField

 

 

 

同様に

 

身長

 9

 

 10 1

 

 

BMIの右横のLabel

 11

 

 12 1

 

 

その下のラベル

 13

 14 1

 

 

「計算」ボタン

 15

 

16 1

 

今までと違うので、注意。

 

Connection : Action

Type: UIButton

Event: Touch Up Inside

 

 

 

「リセット」ボタン

17

 

 18 1

 

  

これで下準備完了

 

この一連の作業で、プログラミングを全くしてないのですが、

このようなソースコードが自動的に生成されてます。

 

 19

 

 

 

 

さあ今からプログラミングですが、

このままじゃ、狭くて入力しづらいので、

左にあるViewController.swift をダブルクリックします。

20

 

 

ViewController.swiftが、別ウィンドウで現れます。

ここに、以下のコードを打ち込んでください。

 

※なお、私は我流なので、プロから見たらとても汚いコードだと思います。

遠慮なく、ご指導をいただければ嬉しいです。

 

 

で、

 

背景とかデザインをちょっとお化粧して、

ビルドします。

 

完成!

 

 22788844 1513232768725252 2821709309909746979 n

 

 

 

 

 

 

ad

    この記事が気に入りましたら、ぜひTwitter、facebookボタンをお願いします。
    ブログを書くモチベーションになります。よろしくお願いします。

  • このエントリーをはてなブックマークに追加
この記事が良かったらビットコインで寄付をお願いします。
ビットコイン投げ銭ウィジェット



関連記事

no image

iPhoneアプリの登録申請の方法

毎回、アプリを申請する時に、手間取るので、ここに備忘録を残します。 なお、これは、デバイスの登録、証

記事を読む

【特報】 約1年4ヶ月ぶりとなるオリジナルiPhoneアプリ第2弾作成中!

【特報】 約1年4ヶ月ぶりとなるTatsuya'sオリジナルiPhoneアプリ第2弾、 11月の

記事を読む

no image

Object-Cのエラーの解決方法 ”_OBJC_CLASS_$_MFMailComposeViewController”

Object-Cでの iPhoneアプリ開発のエラーの解決方法の備忘録。 アプリからメールを送れる

記事を読む

オリジナルiPhoneアプリ「路面電車でレッツらゴー(広島編)」

週刊アスキーさんが『アプリコンテスト』を開催されます。 アプリ開発者必見!週アス誌面争奪GWアプリ

記事を読む

【iPhoneアプリ開発備忘録】 Xcode6 Validate時のエラー「Your account already has a valid iOS Distribution certificate」

    アプリが完成、あとはアップルに申請するだけ。   しかし、これからがいつも簡単には終

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ad

【平成30年7月豪雨】坂町にボランティアに行ってきました。

        8月14日、広島県の坂町で災害ボランティアをしました。

「Maker Faire Tokyo 2018」に出展しました

8月4日、5日 昨年に続き、今年も東京ビッグサイトで開催された「Ma

【Raspberry Pi 備忘録】ラズベリーパイのSSH接続時のエラー「POSSIBLE DNS SPOOFING DETECTED! 」「REMOTE HOST IDENTIFICATION HAS CHANGED! 」

Mac のターミナルからラズベリーパイにSSH接続をしようとすると、

【平成30年7月豪雨】江田島にボランティアに行ってきました。

      この度の集中豪雨(平成30年7月豪雨)で私の住む広島県は多

「IoT Conference 2018 デジタライゼーションの未来」 備忘録メモ

  6月15日に、このイベントに参加しました。   IoT Confe

→もっと見る

    • 312933総閲覧数:
    • 267今日の閲覧数:
    • 544昨日の閲覧数:
    • 0現在オンライン中の人数:
    • 2014年4月29日カウント開始日:
PAGE TOP ↑