*

【初心者用ハンズオン】 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」を作って5年が経ちましたので、ダウンロード数などレポートします

    2011年の8月4日に初めてのアプリ「Mind-Reading」発表しました。   それから

記事を読む

【iPhoneアプリ開発備忘録】Unityで作ったアプリにiAdを実装する方法

        UnityにiAdを実装する方法を 何回やっても毎回忘れるので、自分用に備

記事を読む

第7弾iPhoneアプリ「新幹線でレッツらゴー(東海道山陽九州編)」をリリースしました

10月28日に第7弾iPhoneアプリ 「新幹線でレッツらゴー(東海道山陽九州編)」 を

記事を読む

アルジェリアからダウンロード

この前のエントリーでは、 タンザニアの人が、私のオリジナルiPhoneアプリ 「Mind-Read

記事を読む

no image

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

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

記事を読む

ad

Message

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

ad

イノベーションって何か知りたければ、映画『パッドマン』を観ればいい

    最近よく、「起業しないんですか?」って聞かれる。   僕は、今

(戯言)アクセラレーターと靴磨きの少年

  ちょっと、戯言。   多方面から怒られそうな内容だけど、まあいいか

NT広島2019を開催しました

      2月2日(土)に「NT広島2019」という個人の電子工作

【Touch Designer 備忘録】Touch Designerの画像を外部モニターやプロジェクターに投影する方法

  私はTouch Designerを初めて1週間くらいの超初心者です

映画『ガンジスに還る』を観てバラナシの思い出に浸る

    正月休み、暇してたので映画でも観ようと、 広島市内で上映してい

→もっと見る

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