*

【初心者用ハンズオン】 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ボタンをお願いします。
    ブログを書くモチベーションになります。よろしくお願いします。

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



関連記事

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

ついに、tatsuya's オリジナルiPhoneアプリ第2弾 「路面電車でレッツらゴー 広島編」

記事を読む

iPhoneアプリ「路面電車でレッツらゴー(広島編)」にスコアランキング機能を付けました。

僕のオリジナルiPhoneアプリ「路面電車でレッツらゴー(広島編)」にスコアランキング機能を付け

記事を読む

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

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

記事を読む

no image

オリジナルiPhoneアプリ「Tell Me Kanji」リリース1週間レポート

3月2日にリリースしました オリジナルiPhoneアプリ「Tell Me Kanji」 https

記事を読む

【iPhoneアプリ開発備忘録】 Xcode6 Validate時のエラー「iTunes Store operation failed. No suitable application records were found.」

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

記事を読む

ad

Message

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

ad

【快挙?】 3年連続 私の年間映画1位とキネマ旬報年間1位が同じ

  2月12日に、歴史あるキネマ旬報の2017年のベストテンの表彰式が

映画『スリー・ビルボード』を観て

    池に石を投げると、波紋が広がるように、 行動を起こせば、何かが

【Raspberry Pi 備忘録】ラズパイをMacで共用する

        僕はラズパイを使うとき、リビングのテレビをモニターに

「Google AIY Voice KIT」で、スマートスピーカーを作ってみた(その1)

  Google Home、Amazonアレクサ、LINEクローバとか

『世界ハッカースペースガイド』を読んで

    仮想通貨取引所コインチェックが、ハッカーによって、たくさんの仮

→もっと見る

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