はじめに

iOSアプリを作ってみたいけど
何から始めて良いのかわからない

とりあえず、
「やってみました」記事を参考に
地図アプリを真似てみようと思う

という記事の６回目です。

今回は、拡大・縮小ボタンを追加します。

• ピンチイン・アウトあるから、拡大・縮小ボタンは不要では？
  • Simulatorでピンチアウト（Ctrl+Option+Click）するのは直感的じゃなく忘れがちじゃない？
  • 直感的なボタンがあれば、ピンチアウトの操作を忘れても影響ないから
  • 「やってみました」記事だし、ボタンを配置してみたかったから

ボタンを追加

1. ボタンを配置
   • [Main storyboard]を表示する
     • 【なぜ？】
       • [MKMapView]の上にボタンを配置する前準備
   • メニューから[View]-[Show Library]を選択、表示されるウインドウで [button] と入力し [Button]を絞り込む
     

    ```swift:ViewController.swift
    var locationManager: CLLocationManager!
    
    // ここ付近にドラッグ＆ドロップ    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    ```
    - 【なぜ？】
      - ボタンのタップとプログラムを関連づけるため<br>

• 接続情報の入力を促すアイアログが表示されるので[Name]に[clickZoomin]と入力
  • 【なぜ？】
    • ボタンをタップしたときに実行する処理の名称ををプログラムで記述するため
    • ここまでの処理で、「＋」ボタンのタップとプログラムの関連づけが完了
      

```swift:ViewController.swift
class ViewController: UIViewController, CLLocationManagerDelegate {
    @IBOutlet var mapView: MKMapView!
    var locationManager: CLLocationManager!

    @IBAction func clickZoomin(_ sender: Any) {
    }
    @IBAction func clickZoomout(_ sender: Any) {
    }
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
```

1. ボタンに対応する処理を記述
   • ViewController.swiftの該当部分を以下のように修正

     • 【なぜ？】

       • 今回は、ボタンをタップしたことが判別できればOKだから
       ViewController.swift

       @IBAction func clickZoomin(_ sender: Any) {
           print("[DBG]clickZoomin")
       }
       @IBAction func clickZoomout(_ sender: Any) {
           print("[DBG]clickZoomout")
       }
       

2. テスト実行

   • Simulatorを起動し、「＋」ボタンや「ー」ボタンを押してみる

   • ボタンを押すたびに、Xcodeのログに位置情報に混ざり[clickZoomin][clickZoomout]出力された

     log

[DBG]latitude : 37.33124551
[DBG]clickZoomout
[DBG]longitude : -122.03073097
[DBG]latitude : 37.33121136
[DBG]clickZoomin
[DBG]clickZoomout
[DBG]longitude : -122.03072292
[DBG]latitude : 37.33117775
[DBG]clickZoomin
[DBG]longitude : -122.03071071
[DBG]latitude : 37.33114614
[DBG]clickZoomout
[DBG]longitude : -122.03069859
```

今回の到達点

• 画面に「拡大」「縮小」ボタンを配置することができた
• ボタンをタップすると、デバッグメッセージが表示された

連載

1. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その１：プロジェクト作成）
2. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その２：地図表示）
3. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その３：位置情報取得）
4. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その４：位置情報と連携した地図表示）
5. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その５：アプリアイコン設定）
6. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その６：拡大・縮小ボタン追加）
7. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その７：地図を拡大・縮小）
8. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その８：地名表示）
9. [はじめてのiOSアプリ]xcodeで地図アプリを作成（その９：ソースコード管理）