*

【初心者用ハンズオン】 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アプリ「Mind-Reading」

記事を読む

第8弾 iPhoneアプリ「日本の都市の名前当てクイズ」製作裏話

2015年11月12日に、第8弾iPhoneアプリ「日本の都市の名前当てクイズ」をリリースし

記事を読む

【iPhoneアプリ開発備忘録】 Xcode7 Build時のエラー「You must rebuild it with bitcode enabled …」

    Unityで作ったゲームを、iPhoneに移植しようと思い、 Xcode7でビルドしたのです

記事を読む

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

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

記事を読む

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

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

記事を読む

ad

Message

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

ad

深圳に行ってきた 2017.11(その3:工場、施設見学)

    中国の深圳に行ってきました。   2017年11月10日(金)

深圳に行ってきた 2017.11(その2: Maker Faire 深圳とJapanese Meetup)

  先週末、中国の深圳にプライベートで行ってきました。   2017年

深圳に行ってきた 2017.11(その1:プロローグ)

    先週末、中国の深圳にプライベートで行ってきました。   201

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

    前回のハンズオン(その1)では、Hello World を

【初心者用ハンズオン】 iPhoneアプリを作ろう! (その1:Hello Worldを表示し、それを自分のiPhoneで実行)

    「【初心者用ハンズオン】iPhoneアプリを作ろう!」 htt

→もっと見る

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