*

【初心者用ハンズオン】 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アプリ開発備忘録】 Xcode7 Build時のエラー 「 linker command failed with exit code 1 (use -v to see invocation) 」

  Unity からiPhone実機にビルドするとき、 こんなメッセージが出て、ビルド

記事を読む

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

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

記事を読む

no image

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

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

記事を読む

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

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

記事を読む

クラウドソーシングの或る日常 ~スカイプでのミーティングにスカイプ英会話で練習して臨んだのだが。。。

    金曜日   昼食を終え、ふとiPhoneを見る。   let's discuss via

記事を読む

ad

Message

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

ad

レッドハッカソンひろしま2018

      9月29日・30日に広島県・HMCN(Hiroshima

Maker Faire Tokyo に出展したIoTクソゲー「うちわdeファイト」の作り方

       8月4日・5日 Maker Faire Tokyo 20

映画作りのワクワク感に溢れた傑作『カメラを止めるな!』を観て(ネタバレなし)

    僕は、勤務先の送別会や忘年会などの余興で動画を作ることがよくあ

高知をブラタツヤ

    9月1日に「四国クラウドお遍路」というイベントに参加するため、

AWSのコミュニティのイベント「四国クラウドお遍路 2018」に参加しました

    先週9月1日、高知市で開催された「四国クラウドお遍路 2018

→もっと見る

    • 328866総閲覧数:
    • 25今日の閲覧数:
    • 399昨日の閲覧数:
    • 2現在オンライン中の人数:
    • 2014年4月29日カウント開始日:
PAGE TOP ↑