*

【初心者用ハンズオン】 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アプリがリジェクトされました

約1週間前にアップルに申請してた私のオリジナルiPhoneアプリがリジェクトされました。 リジェク

記事を読む

素人のオッサンが作ったiPhoneアプリのコードを公開するシリーズ第1弾「Mind-Reading」

  私は今まで4作のアプリをApp Storeで公開しています。 https://

記事を読む

iPhoneアプリ最新作「Tell Me Kanji」リリースしました

ついに、待望(?)の私のオリジナルiPhoneアプリ第3弾「Tell Me Kanji」 がApp

記事を読む

クソゲー大賞受賞作「ぐるぐる」が、withnews、AppBank、日経MJに掲載されました

    先日のブログでご紹介しましたが、7月2日東京で開催されたクソゲー供養会で、私のアプリ「ぐるぐ

記事を読む

第12弾アプリ『マイパズ』をリリースしました!

  2週間くらい前の11月7日にすでにリリースしてた新作アプリをご紹介します。     マイ・パズル

記事を読む

ad

Message

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

ad

JR山陽本線 広島・岩国間の駅名を「高輪ゲートウェイ」のようにカッコよくしてみた

  今回のブログは「そこは広島 Advent Calendar 201

映画「ボヘミアン・ラプソディ」を観て

        11月24日、偶然にもフレディー・マーキュリーの命日

台北をブラタツヤ(その2:観光編)

  Maker Faire 台北 に出展するため、台北にやってきました

台北をブラタツヤ(その1:グルメ編)

    Maker Faire 台北に出展するため、台北にやってき

「Maker Faire 台北」に出展しました(エピローグ:MF台北からNT広島へ)

    その3からの続き     Maker Faire 台北 が終わ

→もっと見る

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