第23回: １時間でiPhoneアプリを作ろう

カウンターアプリ

当アカウントへ訪れていただき、誠にありがとうございます。第23回アプリ教室では、カウンターアプリを作ります。自分のペースで勉強したい、勉強前に予習したい、内容を復習したい場合、ご利用ください。

アプリ教室に興味ある方、歓迎します。

Meetup http://www.meetup.com/ios-dev-in-namba/

別途アプリ教室(有料)も開いております

http://learning-ios-dev.esy.es/

問い合わせ

株式会社ジーライブ http://geelive-inc.com

開発環境

Xcode 9.4 / Swift 4.1

・What is Xcode?

アプリ作成手順

0, プロジェクト作成

0-1. Xcodeを起動。

0-2. "Create a new Xcode project"を選択。

0-3. "Single View Application"を選択して"Next"をクリック。

0-4. "Product name"を適当に入力して"Next"をクリック。

0-5. プロジェクトの場所を指定して"Create"をクリック。

1, アプリをデザインする。

🗂 Main.storyboard

1-1. UIButton を storyboad に追加（プラスボタン、マイナスボタン）

詳細画像をみる

1-2. UILabel を storyboad に追加（数値を表示する為のラベル）

詳細画像をみる

2, UILabel を "ViewController.swift" に紐付ける

🗂 Main.storyboard -> ViewController.swift

2-1. UIButton を "ViewController.swift" に紐付ける（connection を actionにする）

★ controlを押しながらドラッグ

詳細画像をみる

2-2. UILabel を "ViewController.swift" に紐付ける（connection を Outlet にする）

★ controlを押しながらドラッグ

詳細画像をみる

3, 下記のコードを"ViewController.swift"に追加

🗂 ViewController.swift

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var num: UILabel!
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    @IBAction func plus(_ sender: UIButton) {
        let iNum: Int = Int(num.text!)!
        let iNumPlus: Int = iNum + 1
        num.text = "\(iNumPlus)"
    }

    @IBAction func minus(_ sender: UIButton) {
        let iNum: Int = Int(num.text!)!
        let iNumMinus: Int = iNum - 1
        num.text = "\(iNumMinus)"
    }
}

4, 追加課題

4-1. 数値を0に戻すリセットボタンを追加してみよう