Swift | ともぶろぐ https://tomoblog.net welcome to tomoblog Mon, 05 Aug 2024 04:50:05 +0000 ja hourly 1 https://wordpress.org/?v=6.9 https://tomoblog.net/wp-content/uploads/2024/08/cropped-siteicon-32x32.png Swift | ともぶろぐ https://tomoblog.net 32 32 【Swift】座標を指定するCGRect・CGSize・CGPointの違いまとめ。 https://tomoblog.net/programing/swift/cgrect-cgsize-cgpoint/?utm_source=rss&utm_medium=rss&utm_campaign=cgrect-cgsize-cgpoint https://tomoblog.net/programing/swift/cgrect-cgsize-cgpoint/#respond Thu, 26 Oct 2023 11:53:27 +0000 https://tomoblog.net/?p=8510 今回の記事はSwiftの座標を指定するCGRect・CGSize・CGPointの違いをまとめた記事です。画面表示で座標を指定してオブジェクトを描写するのはアプリ開発においては必須と思われるので、座標系で詰まっている方は […]

The post 【Swift】座標を指定するCGRect・CGSize・CGPointの違いまとめ。 first appeared on ともぶろぐ.]]> 今回の記事はSwiftの座標を指定するCGRect・CGSize・CGPointの違いをまとめた記事です。画面表示で座標を指定してオブジェクトを描写するのはアプリ開発においては必須と思われるので、座標系で詰まっている方は是非参考にしてみてください。

Swiftの座標系とは？

Swiftの座標系、特に画面描写に限定した座標は下記3つです。

  • CGRect
  • CGSize
  • CGPoint

それぞれ順番に解説していきます。

CGRect

CGRectはX座標、Y座標、縦、横を指定する座標系です。画像で表すと下記です。

これをSiwftコードを記載すると下記のように表現できます。

// 座標をセット
CGRect rect = CGRectMake(10, 20, 100, 80);
// 各座標を出力する
print(rect.origin.x)//10
print(rect.origin.y)//20
print(rect.size.width)//100
print(rect.size.height)//80

一般的にSiwftでアプリ開発をする場合で、画面にオブジェクトを表示する場合はこちらのCGRectを使用します。

CGSize

CGSizeは対象のオブジェクトの縦と横を指定する座標系です。画像で表すと下記のようなイメージです。

これをSiwftコードを記載すると下記のように表現できます。

// 座標をセット
CGSize size = CGSizeMake(100, 50);
// 各座標の出力
print(size.width)//100
print(size.height)//50

CGPoint

CGPointは対象のオブジェクトのX座標、Y座標を指定する座標系です。画像で表すと下記のようになります。

これをSiwftコードを記載すると下記のように表現できます。

// 座標セット
CGPoint point = CGPointMake(200, 300);
// 各座標の出力
print(point.x)//200
print(point.y)//300

CGRect・CGSize・CGPointの違い

座標系の違いはオブジェクトのX座標、Y座標、縦、横をどこまで指定するかという違いを持ちます。先ほどの章でも述べましたが、一般的にSwiftのアプリ開発でオブジェクト描写を行う際に使用されるのはCGRectです。

では、今回の記事は以上です。ほかにも多数のSwift関連の記事を記載しているので、興味があれば是非サイト内見ていってください。

The post 【Swift】座標を指定するCGRect・CGSize・CGPointの違いまとめ。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/cgrect-cgsize-cgpoint/feed/ 0 【Swift】MapKitで地図上のピン操作（表示・設置・移動・情報取得）を行う方法ご紹介。 https://tomoblog.net/programing/swift/map-pin/?utm_source=rss&utm_medium=rss&utm_campaign=map-pin https://tomoblog.net/programing/swift/map-pin/#respond Fri, 21 Jul 2023 11:34:53 +0000 https://tomoblog.net/?p=7200 今回の記事はSwift関連の記事で、MapKitで地図上のピン操作（表示・設置・移動・情報取得）を行う方法をご紹介する記事です。どれもiOSアプリで地図アプリを作成しようと考えている方は必要な操作と思われます。是非参考に […]

The post 【Swift】MapKitで地図上のピン操作（表示・設置・移動・情報取得）を行う方法ご紹介。 first appeared on ともぶろぐ.]]> 今回の記事はSwift関連の記事で、MapKitで地図上のピン操作（表示・設置・移動・情報取得）を行う方法をご紹介する記事です。どれもiOSアプリで地図アプリを作成しようと考えている方は必要な操作と思われます。是非参考にしていただければ幸いです。

XcodeにMapKitを追加

cocoapodでライブラリのインストールなどは行う必要はありません。まずは、既存のフレームワーク「MapKit.Framework」をXcodeプロジェクトに追加します。（下記図参照）

「＋ボタン」を押すとXcode内に元々入っているフレームワークの一覧が表示されます。ここでMapなどで検索すれば「MapKit.Framework」が出てきますのでaddを押します。

これでMapKitがXcodeプロジェクトに追加されましたのでstoryboardでMapKitを使用していきます。

Xcodeの右上の「＋ボタン」を押してMapKitViewをstoryboardに追加します。画面いっぱいに広げてみましょう。

MapKitで地図を表示

MapKitに地図を表示させるだけの場合は、特にソースコードでの実装は不要です。

この地図上で何か操作を行う場合のみソースコードでの実装が必要です。

この状態でアプリをbuildすると下記のように地図を表示できます。

では現在地を表示させていきます。

MapKitで地図上にピンを表示する方法

ピンを表示するには「MKPointAnnotation」というクラスが用意されており、簡単に表示できます。実装するコードは下記です。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()

        let coordinate = map.userLocation.coordinate
                // ピンを生成
        let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self
        //地図にピンを立てる。
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
}

少し解説します。

@IBOutlet weak var map: MKMapView!

まずは、MapKitViewをstoryboardに配置し、IBOutletでViewControllerに接続します。

let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self

次に上記コードの箇所でピンを地図上に表示させています。

MapKitで地図に緯度経度を指定してピンを表示

ピンを表示する場所を指定の緯度経度に設定することもできます。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        

        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()
        
        // ロケーションマネージャーのセットアップ

                // 現在地に照準を合わす


                // 指定値にピンを立てる
                // ピンを立てたい緯度・経度をセット
        let coordinate = CLLocationCoordinate2DMake(40.0, 135.0)
                // 今回は現在地ではないのでコメントアウト
        //let coordinate = map.userLocation.coordinate
                // ピンを生成
        let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self
        //地図にピンを立てる。
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
}

下記の実装部分が座標を指定している部分です。

let coordinate = CLLocationCoordinate2DMake(40.0, 135.0)

...

pin.coordinate = coordinate

タッチしたピンのタイトルや情報を取得する方法

タッチしたピンの情報を取得することはよくあると思います。ピンに設定したタイトルや情報を取得する実装は下記です。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        

        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()
        
        // ロケーションマネージャーのセットアップ

                // 現在地に照準を合わす


                // 指定値にピンを立てる
                // ピンを立てたい緯度・経度をセット
        let coordinate = CLLocationCoordinate2DMake(40.0, 135.0)
                // 今回は現在地ではないのでコメントアウト
        //let coordinate = map.userLocation.coordinate
                // ピンを生成
        let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self
        //地図にピンを立てる。
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
　　func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
        if let annotation = view.annotation{
            print(annotation.title!!)
            print(annotation.coordinate)
            print(annotation.title)
            print(annotation.subtitle)
        } else {
            print("no")
        }
        // タップされたピンの位置情報
        
        
    }
 }

下記のメソッドが値を取得します。

func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) {
        if let annotation = view.annotation{
            print(annotation.title!!)
            print(annotation.coordinate)
            print(annotation.title)
            print(annotation.subtitle)
        } else {
            print("no")
        }   
    }

MapKitで地図を長押ししてピンを設置

ここからはクリックした座標を取得する必要があります。画面のクリック情報を取得するためには下記設定をXcodeに追加する必要があります。Xcode右上の「＋マーク」から「Long Pless gesture Recognizer」をMapKitViewに追加します。

これが長押しを検知するオブジェクトのようなものです。

そして、上図の左側のウィンドウに追加された「Long Press Gesture Recognizer」をViewControllerにIBActionで接続します。

アクションは下記のように「UILongPressGestureRecognizer」を選んでください。

これで、画面の長押しの座標を取得できるようになったので、実際にMapKitで長押しの座標を取得し、その座標にピンを配置していきましょう。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()
        
        // ロケーションマネージャーのセットアップ
                // 指定値にピンを立てる
                // ピンを立てたい緯度・経度をセット
        let coordinate = CLLocationCoordinate2DMake(35.45, 139.56)
                // 今回は現在地とする
        //let coordinate = map.userLocation.coordinate
                // ピンを生成
        let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self
        //地図にピンを立てる。
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
    

    @IBAction func pressMap(_ sender: UILongPressGestureRecognizer) {
        
        let location:CGPoint = sender.location(in: map)
        
        if (sender.state == UIGestureRecognizer.State.ended){
                   //タップした位置を緯度、経度の座標に変換する。
            let mapPoint:CLLocationCoordinate2D = map.convert(location,toCoordinateFrom: map)
                   
                   //ピンを作成してマップビューに登録する。
            let annotation = MKPointAnnotation()
            annotation.coordinate = CLLocationCoordinate2DMake(mapPoint.latitude, mapPoint.longitude)
            annotation.title = "ピン"
            annotation.subtitle = "\(annotation.coordinate.latitude), \(annotation.coordinate.longitude)"
            map.addAnnotation(annotation)
        }
    }
}

少し解説します。

今までのコードも混ざってしまっていますが、長押しでピンを設置する部分は下記箇所です。

@IBAction func pressMap(_ sender: UILongPressGestureRecognizer) {
        
        let location:CGPoint = sender.location(in: map)
        
        if (sender.state == UIGestureRecognizer.State.ended){
                   //タップした位置を緯度、経度の座標に変換する。
            let mapPoint:CLLocationCoordinate2D = map.convert(location,toCoordinateFrom: map)
                   
                   //ピンを作成してマップビューに登録する。
            let annotation = MKPointAnnotation()
            annotation.coordinate = CLLocationCoordinate2DMake(mapPoint.latitude, mapPoint.longitude)
            annotation.title = "ピン"
            annotation.subtitle = "\(annotation.coordinate.latitude), \(annotation.coordinate.longitude)"
            map.addAnnotation(annotation)
        }
    }

MapKitで地図の設置したピンを移動

次はピンを移動させてみます。

先ほどは長押しで設置を行ったのでこの原理と同じです。

長押しした箇所ではなく画面でドラッグを行った指が最後に触れてい箇所にピンを設置すれば良いです。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate,MKMapViewDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    let annotation = MKPointAnnotation()
    override func viewDidLoad() {
        super.viewDidLoad()
        tionManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()

                // ピンを立てたい緯度・経度をセット
        let coordinate = CLLocationCoordinate2DMake(35.45, 139.56)
                // 今回は現在地とする
        //let coordinate = map.userLocation.coordinate
                // ピンを生成
        let pin = MKPointAnnotation()
                // ピンのタイトル・サブタイトルをセット
        pin.title = "テストタイトル"
        pin.subtitle = "テストサブタイトル"
                // ピンに一番上で作った位置情報をセット
        pin.coordinate = coordinate
                // mapにピンを表示する
        map.addAnnotation(pin)
        
        map.delegate = self
        //地図にピンを立てる。
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
    

    @IBAction func pressMap(_ sender: UILongPressGestureRecognizer) {
        
        let location:CGPoint = sender.location(in: map)
        
        if (sender.state == UIGestureRecognizer.State.ended){
                   //タップした位置を緯度、経度の座標に変換する。
            let mapPoint:CLLocationCoordinate2D = map.convert(location,toCoordinateFrom: map)
                   
                   //ピンを作成してマップビューに登録する。
            
            annotation.coordinate = CLLocationCoordinate2DMake(mapPoint.latitude, mapPoint.longitude)
            annotation.title = "ピン"
            annotation.subtitle = "\(annotation.coordinate.latitude), \(annotation.coordinate.longitude)"
            map.addAnnotation(annotation)
        }
    }
    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
        
        let testView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: nil)
        
        //吹き出しを表示可能にする。
        testView.canShowCallout = true
        return testView
    }
}

先ほどとの差はピンのオブジェクト部に当たる「let annotation = MKPointAnnotation()」をクラスの共有部で宣言し、共有して使用できるようにしております。

では長くなりましたが今回の記事は以上です。ピン操作に関してかなり網羅できたのではないでしょうか？

他にもSwift関連の記事を多数記載しているので興味あればサイト内みていってください。

The post 【Swift】MapKitで地図上のピン操作（表示・設置・移動・情報取得）を行う方法ご紹介。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/map-pin/feed/ 0 【Swift】MapKitで現在地を表示する方法。 https://tomoblog.net/programing/swift/mapkit-mylocation/?utm_source=rss&utm_medium=rss&utm_campaign=mapkit-mylocation https://tomoblog.net/programing/swift/mapkit-mylocation/#respond Thu, 20 Jul 2023 13:12:56 +0000 https://tomoblog.net/?p=7207 今回の記事はSwiftでiOSアプリに地図を表示するMapKitを使って現在地を表示する方法に関する記事です。地図アプリで現在地を表示することはよくあると思います。MapKitを使って現在地を表示させたいと考えている方は […]

The post 【Swift】MapKitで現在地を表示する方法。 first appeared on ともぶろぐ.]]> 今回の記事はSwiftでiOSアプリに地図を表示するMapKitを使って現在地を表示する方法に関する記事です。地図アプリで現在地を表示することはよくあると思います。MapKitを使って現在地を表示させたいと考えている方は是非参考にしてみてください。

XcodeにMapKitを追加

cocoapodでライブラリのインストールなどは行う必要はありません。まずは、既存のフレームワーク「MapKit.Framework」をXcodeプロジェクトに追加します。（下記図参照）

「＋ボタン」を押すとXcode内に元々入っているフレームワークの一覧が表示されます。ここでMapなどで検索すれば「MapKit.Framework」が出てきますのでaddを押します。

これでMapKitがXcodeプロジェクトに追加されましたのでstoryboardでMapKitを使用していきます。

Xcodeの右上の「＋ボタン」を押してMapKitViewをstoryboardに追加します。画面いっぱいに広げてみましょう。

MapKitで地図を表示

MapKitに地図を表示させるだけの場合は、特にソースコードでの実装は不要です。

この地図上で何か操作を行う場合のみソースコードでの実装が必要です。

この状態でアプリをbuildすると下記のように地図を表示できます。

では現在地を表示させていきます。

MapKitで現在地を表示する方法

上記までの流れで、地図を表示させるところまではできたと思います。では次に初期表示を現在地にしてみましょう。

「info.plist」に現在地取得の設定を追加

現在地を取得するためにはXcodeの「info.plist」に設定を追加する必要があります。

まずはXcodeプロジェクトのディレクトリの「info.plist」をクリックして見て下さい。

こちらをクリックするとたくさん表示がある一覧のページに飛びます。

その一覧の「infomation property list」の横の「＋マーク」をクリックしてください。

すると選択欄が出てくるのでそちらで下記２項目を選んびます。

  • Privacy – Location When In Use Usage Description
  • Privacy – Location Always Usage Description

この設定項目の右横に文字を入力できます。こちらがアプリで現在地を取得して良いかという許可をユーザに表示させるものです。

とりあえずOKなど適当な文字を設定しましょう。

MapKitの設定

MapKitのViewにユーザの現在地を取得する設定をします。

これでXcode関連の設定は完了です。

現在地を表示させるソースコード実装

次にMapKitで現在地を表示させる方法です。CLLLocationManagerDelegateを地図を表示させる画面に紐ずくViewControllerのクラスに追加します。

import UIKit
import MapKit
import CoreLocation

class MapViewController: UIViewController,CLLocationManagerDelegate {
    @IBOutlet weak var map: MKMapView!
    
    var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()
    }
    // 許可を求めるためのdelegateメソッド
    func locationManager(_ manager: CLLocationManager,didChangeAuthorization status: CLAuthorizationStatus) {
            switch status {
            // 許可されてない場合
            case .notDetermined:
            // 許可を求める
                manager.requestWhenInUseAuthorization()
            // 拒否されてる場合
            case .restricted, .denied:
                // 何もしない
                break
            // 許可されている場合
            case .authorizedAlways, .authorizedWhenInUse:
                // 現在地の取得を開始
                manager.startUpdatingLocation()
                break
            default:
                break
            }
        }
  

}

コードの解説を行います。

@IBOutlet weak var map: MKMapView!

MapKitのViewをIBOutletで紐付けます。

var locationManager: CLLocationManager!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        locationManager = CLLocationManager()
        locationManager.delegate = self
        locationManager!.requestWhenInUseAuthorization()
    }

上記の部分でCLLocationManagerにユーザの現在地をセットします。「locationManager!.requestWhenInUseAuthorization()」で認証をしています。

日本全土表示させるようにしています。

まずは現在地を使用するためにCoreLocationをインポートします。

そしてlocationmanagerというものを定義してそちらで全ての管理をこなっていきます。

そして現在地取得のdelegateの関数を記載して後はページロード時に全て読み込みをお行えば完了です。

正直深くまでわからなくとも上記コードでうまくいきます。

ただ私が一瞬ハマった落とし穴がエミュレータではどうやらこちら現在地を取得できない様です。

そのため実機での検証が必要ですのでそれだけは忘れずにです。

では、今回の記事は以上です。他にも多数のSwift関連の記事を記載しているので是非参考にしてみてください。

The post 【Swift】MapKitで現在地を表示する方法。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/mapkit-mylocation/feed/ 0 【Swift】MapKitで初期表示を緯度経度で指定する方法ご紹介。 https://tomoblog.net/programing/swift/map-point/?utm_source=rss&utm_medium=rss&utm_campaign=map-point https://tomoblog.net/programing/swift/map-point/#respond Thu, 20 Jul 2023 12:39:50 +0000 https://tomoblog.net/?p=7202 今回の記事はSwift関連の記事で、MapKitで初期表示を緯度経度で指定する方法をご紹介する記事です。MapKitの使い方で困っている方にわかるように丁寧に記載していくので是非参考にしてみてください。 目次 Xcode […]

The post 【Swift】MapKitで初期表示を緯度経度で指定する方法ご紹介。 first appeared on ともぶろぐ.]]> 今回の記事はSwift関連の記事で、MapKitで初期表示を緯度経度で指定する方法をご紹介する記事です。MapKitの使い方で困っている方にわかるように丁寧に記載していくので是非参考にしてみてください。

XcodeにMapKitを追加

cocoapodでライブラリのインストールなどは行う必要はありません。まずは、既存のフレームワーク「MapKit.Framework」をXcodeプロジェクトに追加します。（下記図参照）

「＋ボタン」を押すとXcode内に元々入っているフレームワークの一覧が表示されます。ここでMapなどで検索すれば「MapKit.Framework」が出てきますのでaddを押します。

これでMapKitがXcodeプロジェクトに追加されましたのでstoryboardでMapKitを使用していきます。

Xcodeの右上の「＋ボタン」を押してMapKitViewをstoryboardに追加します。画面いっぱいに広げてみましょう。

MapKitで地図を表示

MapKitに地図を表示させるだけの場合は、特にソースコードでの実装は不要です。

この地図上で何か操作を行う場合のみソースコードでの実装が必要です。

この状態でアプリをbuildすると下記のように地図を表示できます。

MapKitで初期表示を緯度経度で指定する方法

ネット上でたまにある、「MKCoordinateRegionMake」と「MKCoordinateSpanMake」が私のXcodeのバージョンでは使用できなくなっております。そのため「MKCoordinateRegion」と「MKCoordinateSpan」を使用する必要があります。

import UIKit
import MapKit


class MapViewController: UIViewController {
    @IBOutlet weak var map: MKMapView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let center = CLLocationCoordinate2DMake(41.9027, 12.4963)
         
        //表示範囲
        let span = MKCoordinateSpan(latitudeDelta: 0.07, longitudeDelta: 0.07)
        //中心座標と表示範囲をマップに登録する。
        let region = MKCoordinateRegion(center: center, span: span)
        map.setRegion(region, animated:true)   
    }
}

上記が実装です。解説していきます。

まずは、MKMapViewをIBOutletで紐付けます。

次に「CLLocationCoordinate2DMake」で緯度経度を設定、「MKCoordinateSpan」で指定範囲を設定します。

そして、「let region = MKCoordinateRegion(center: center, span: span)」の部分で表示領域をセットします。

最後に紐付けたMKMapViewにsetRegionで領域をセットします。

map.setRegion(region, animated:true)

これで、buildを行うと指定の緯度経度で地図を表示できるようになります。今回のサンプルアプリの緯度経度はローマを表しています。

では、今回の記事は以上です。他にも多数のSwift関連の記事を記載しているので、是非参考にしてみてください。

The post 【Swift】MapKitで初期表示を緯度経度で指定する方法ご紹介。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/map-point/feed/ 0 【Swift】iOSアプリで地図を表示させるMapKitの使い方ご紹介。 https://tomoblog.net/programing/swift/mapkit-add/?utm_source=rss&utm_medium=rss&utm_campaign=mapkit-add https://tomoblog.net/programing/swift/mapkit-add/#respond Thu, 20 Jul 2023 11:50:35 +0000 https://tomoblog.net/?p=7196 今回の記事はSwift関連の記事で、iOSアプリで地図を表示させるMapKitの使い方をご紹介する記事です。アプリ開発で地図を表示させるためのMapKitはよく使用されると思います。MapKitをXcodeで使用できる設 […]

The post 【Swift】iOSアプリで地図を表示させるMapKitの使い方ご紹介。 first appeared on ともぶろぐ.]]> 今回の記事はSwift関連の記事で、iOSアプリで地図を表示させるMapKitの使い方をご紹介する記事です。アプリ開発で地図を表示させるためのMapKitはよく使用されると思います。MapKitをXcodeで使用できる設定から使い方までできるだけ丁寧に記載いたします。Swift初心者の方でMapKitを使ってみようと考えている方は是非参考にしてください。

XcodeプロジェクトにMapKitを追加

cocoapodでライブラリのインストールなどは行う必要はありません。まずは、既存のフレームワーク「Map Kit Framework」をXcodeプロジェクトに追加します。（下記図参照）

「＋ボタン」を押すとXcode内に元々入っているフレームワークの一覧が表示されます。ここでMapなどで検索すれば「Map Kit Framework」が出てきますのでaddを押します。

これでMapKitがXcodeプロジェクトに追加されましたのでstoryboardでMapKitを使用していきます。

Xcodeの右上の「＋ボタン」を押してMapKitViewをstoryboardに追加します。画面いっぱいに広げてみましょう。

MapKitで地図を表示させる使い方

MapKitに地図を表示させるだけの場合は、特にソースコードでの実装は不要です。

この地図上で何か操作を行う場合のみソースコードでの実装が必要です。

この状態でアプリをbuildすると下記のように地図を表示できます。

では、今回の記事は以上です。他にもSwift関連の記事を記載しているのでサイト内興味があれば見ていってください。

The post 【Swift】iOSアプリで地図を表示させるMapKitの使い方ご紹介。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/mapkit-add/feed/ 0 「Error Finding App Store Connect Credentials」エラー解消。 https://tomoblog.net/programing/swift/error-finding-app-store-connect-credentials/?utm_source=rss&utm_medium=rss&utm_campaign=error-finding-app-store-connect-credentials https://tomoblog.net/programing/swift/error-finding-app-store-connect-credentials/#respond Wed, 26 Apr 2023 12:21:41 +0000 https://tomoblog.net/?p=6701 今回の記事は「Error Finding App Store Connect Credentials」というエラーの解消方法をご紹介する記事です。メッセージとしては「App Store Connect access fo […]

The post 「Error Finding App Store Connect Credentials」エラー解消。 first appeared on ともぶろぐ.]]> 今回の記事は「Error Finding App Store Connect Credentials」というエラーの解消方法をご紹介する記事です。メッセージとしては「App Store Connect access for “〇〇 〇〇” is required. Ensure that your Apple ID account usernames and passwords are correct in the Accounts preference pane. Please try again, and if issue persists file a bug report at “https://feedbackassistant.apple.com.”」という表示です。

「Error Finding App Store Connect Credentials」とは？

このエラー自体が何を表しているかというと、AppleStoreConnectへの認証でエラーが起きているということです。

「Error Finding App Store Connect Credentials」の原因

原因として考えられるものはアプリのTeamに登録されているユーザの認証ができていない、もしくはAppleStore IDの認証が切れていることが原因です。

「Error Finding App Store Connect Credentials」エラー解消

回避策はTeamのセレクトボックスをクリックします。

すると、Add Accountのような表示がされるので、そちらをクリック。

すると下記画面のように認証を求められるので、Apple IDの認証を行えば解消されます。

今回の記事は以上です。他にもswift関連の記事を記載しているので、是非サイト内参考にしてみてください。

The post 「Error Finding App Store Connect Credentials」エラー解消。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/error-finding-app-store-connect-credentials/feed/ 0 【swift】レビュー機能を実装する方法。 https://tomoblog.net/programing/swift/review/?utm_source=rss&utm_medium=rss&utm_campaign=review https://tomoblog.net/programing/swift/review/#respond Fri, 21 Apr 2023 04:39:57 +0000 https://tomoblog.net/?p=6683 今回の記事はswiftでiOSアプリ制作を行う場合にAppleStoreでのお客様からのレビューを受ける画面を表示し、星を入力してもらう、レビュー機能を実装する方法をご紹介します。できるだけ分かりやすいように記載するので […]

The post 【swift】レビュー機能を実装する方法。 first appeared on ともぶろぐ.]]> 今回の記事はswiftでiOSアプリ制作を行う場合にAppleStoreでのお客様からのレビューを受ける画面を表示し、星を入力してもらう、レビュー機能を実装する方法をご紹介します。できるだけ分かりやすいように記載するのでswift初学者の方もぜひ参考にしてみてください。

swiftでレビュー機能を実装する方法

レビュー機能を実装する方法は非常に簡単です。まずは、レビュー機能を簡単に実装できる、「StoreKit」をimportします。

import StoreKit

このStoreKitはAppleStore関連の処理を簡単に実装できるライブラリです。

このライブラリを使うと数行で実装可能です。

下記がレビュー機能の処理となります。

if let scene = UIApplication.shared.connectedScenes.first(where: { $0.activationState == .foregroundActive }) as? UIWindowScene {
    SKStoreReviewController.requestReview(in: scene)
}

これをボタンイベントに紐づけるだけで、レビュー画面が表示され、自身の配信しているアプリのレビューを行うことができます。

では今回の記事は以上です。

他にもswift関連の記事を多数記載しているので、是非参考にしてみてください。

The post 【swift】レビュー機能を実装する方法。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/review/feed/ 0 【Swift】Admob広告をiOSアプリに表示する方法。 https://tomoblog.net/programing/swift/admob/?utm_source=rss&utm_medium=rss&utm_campaign=admob https://tomoblog.net/programing/swift/admob/#comments Tue, 18 Apr 2023 06:03:36 +0000 https://sunnyday-travel-aso-6487.ssl-lolipop.jp/?p=3392 今回の記事はSwiftのiOSアプリ開発で収益を考える際に必要なAdmob広告をアプリ内に表示する方法に関してご紹介する記事です。初心者にも分かりやすいように画像付きで、Admobの登録から広告を表示するswiftコード […]

The post 【Swift】Admob広告をiOSアプリに表示する方法。 first appeared on ともぶろぐ.]]> 今回の記事はSwiftのiOSアプリ開発で収益を考える際に必要なAdmob広告をアプリ内に表示する方法に関してご紹介する記事です。初心者にも分かりやすいように画像付きで、Admobの登録から広告を表示するswiftコードの解説を記載しております。是非参考にしてみてください。

Admob広告とは？

まず、Admob広告とは何かというとGoogleのiOS版の広告と思っていただければ良いと思います。Web版では非常に有名な「Google Adsense」があるようにiOS版では「Google Admob」があるといった具合です。

では早速登録を行っていきましょう。

Admobに登録

登録自体は非常に簡単で、審査等もありません。また、年会費当一切掛からず無料です。では登録に進みます。下記公式の登録ページがあるのでそちらから登録しましょう。

Admobのサイト

必要情報を入力します。初期設定のままで良いと思います。

この次に同意するボタンが出てくるので同意のみ行えば電話番号からPINコードが送られてくるのでそれを入力すれば完了です。

では次に広告のプロジェクトを作成していきましょう。

スタートをクリック。

いいえをクリック。

アプリ名とプラットフォームを選択し、ユーザー指標を有効にする。アプリを検索する際ですが、アップルストアに配信した後5日程度の間でGoogleAdmob側でも検索に引っかかるようになるので配信したてでは検索できない可能性がありますのでご注意を。

以上でアプリの登録が完了です。

次のステップとして「アプリにapp-ads.txtをセットアップ」と「広告ユニットの設定が必要になります。」実行していきましょう。

アプリにapp-ads.txtをセットアップ

Admobのサイトからアプリを選択し、「全てのアプリを表示」をクリックします。

これで下記のような画面が作成されるので「app-ads.txt」のファイル作成した後に、このファイルに下記をコピーします。

ではこのファイルを設置していきます。

どのサーバにおいてもいいのですが基本的に皆さんWordplessなどを設置している自身のサイトに配置する方がいいと思います。こちらはアプリのプライバシーポリシー記入などが必要な為保有していると思います。

私はロリポップサーバーを保有しているので下記サイトの手順で行いました。Xserverなどでも基本的にドメインの一個したのURLにファイル転送ツールなどを使って配置してください。

「https://[ドメイン]/app-ads.txt」をブラウザで開いて入力した文字が表示されればOKです。

後はAdmobのクローラーが見つけてくれますのでしばらくお待ちください。

また、この作業終了後「App Store Connect」よりマーケティングURLを登録します。手順は簡単で、ログイン後→アプリのアップデートを行う際にマーケティングURLに上記の「app-ads.txt」を配置したドメインのディレクトリに上記を配置します。

アプリのアップデートはアプリ名の上の＋マークをクリックして新しいバージョンのアプリを作成しておく必要があります。ただ、広告表示させる為にアップデートする必要があるので同じタイミングで登録し切ってしまいましょう。

「https://[自身のドメイン]/」をマーケティングURLに配置。

これで準備完了です。

広告ユニットの作成

広告ユニットの作成を行います。広告ユニットページから広告ユニット作成をクリックし、広告の種類と広告ユニット名を書きます。広告の種類に関しては公式の説明を読めば問題なく理解できると思います。リンクから確認してみてください。

上がアプリIDでしたがUnit IDです。

この広告ユニットを最後にアプリに組み込んでみましょう。

アプリ内に広告表示手順

podでライブラリインストール

ポッドのバージョンが古いとインストールできなかったので私はまず更新してから「pod install」を行いました。

sudo gem install cocoapods

pod init

[ファイル内にライブラリ追加]

pod install --repo-update

ファイル内に追加する内容は下記です。

target '[アプリ名]' do
  # Comment the next line if you don't want to use dynamic frameworks
  use_frameworks!
  pod 'Google-Mobile-Ads-SDK'
  
  # Pods for [アプリ名]

後はXcodeでの操作です。

Swiftコード挿入

まずは「info.plist」を修正します。

「info.plist」を右クリックで「open as」→「source code」で編集していきます。下記を追加してください。

<key>GADApplicationIdentifier</key>
<string>アプリID</string>
<key>SKAdNetworkItems</key>
  <array>
    <dict>
      <key>SKAdNetworkIdentifier</key>
      <string>cstr6suwn9.skadnetwork</string>
    </dict>
  </array>
<key>GADIsAdManagerApp</key>
<true/>
<key>SKAdNetworkItems</key>
	<array>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>cstr6suwn9.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>4fzdc2evr5.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>2fnua5tdw4.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>ydx93a7ass.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>5a6flpkh64.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>p78axxw29g.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>v72qych5uu.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>c6k4g5qg8m.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>s39g8k73mm.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>3qy4746246.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>3sh42y64q3.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>f38h382jlk.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>hs6bdukanm.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>prcb7njmu6.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>wzmmz9fp6w.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>yclnxrl5pm.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>4468km3ulz.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>t38b2kh725.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>7ug5zh24hu.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>9rd848q2bz.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>n6fk4nfna4.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>kbd757ywx3.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>9t245vhmpl.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>2u9pt9hc89.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>8s468mfl3y.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>av6w8kgt66.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>klf5c3l5u5.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>ppxm28t8ap.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>424m5254lk.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>uw77j35x4d.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>e5fvkxwrpn.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>zq492l623r.skadnetwork</string>
		</dict>
		<dict>
			<key>SKAdNetworkIdentifier</key>
			<string>3qcr597p9d.skadnetwork</string>
		</dict>
	</array>

追加する場所はkeyの一番下でいいと思います。

公式の説明の場合は下記の部分は記載されていないのですがこれがないとアプリがクラッシュしました。

アプリIDはAdmobのサイトから「アプリ」→「アプリ設定」で確認できますが初回はテスト用のコード（ca-app-pub-3940256099942544~1458002511）で行った方がいいようです。誤って自身のものでやってしまうとアカウントが判される可能性もあるようです。これでXcodeでの設定は終了です。

最後にSwiftコードで広告を表示させる方法をご紹介します。

まずは普段あまり触らない「Appdelegate.swift」のファイルにに下記を記載します。

import UIKit
import GoogleMobileAds  //追加部分

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {  //追加部分

    func application(_ application: UIApplication,
                     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

        GADMobileAds.sharedInstance().start(completionHandler: nil)  //追加部分

        return true
    }

今回はインタースティシャルの広告表示を行ってみます。まずはページ遷移などがある前のStoryboardに紐付いているSwiftファイルを開きます。（インタースティシャルはページ遷移などがないと使用できません。）

ちなみに広告unitと下記コードは合わせる必要があります。仮に広告Unitでバナーを表示していた場合はバナー用のコードに変える必要があります。

また、混乱しやすいので整理しておくとアプリIDとUnit IDは別物です。

Admobのサイトで広告の種類を選んだときに二つのIDが与えられます。詳しくは上記Unit ID作成をご覧ください。

では、インターシャル広告表示のコードに移ります。下記を追加します。


import GoogleMobileAds
import UIKit

class ViewController {

  private var interstitial: GADInterstitialAd?

  func viewDidLoad() {
    super.viewDidLoad()
    let request = GADRequest()
    GADInterstitialAd.load(withAdUnitID:"[作成した広告unit IDの番号]",
                                request: request,
                      completionHandler: { [self] ad, error in
                        if let error = error {
                          print("Failed to load interstitial ad with error: \(error.localizedDescription)")
                          return
                        }
                        interstitial = ad
                      }
    )
  }
}

後はボタンなどの遷移する際のアクションの前に下記を追加することで広告表示ができます。今回のコードはAdmobのテスト用コードなので広告タイトルの部分にテストモードと記載されます。それが確認できれば広告表示は完了です。

interstitial?.present(fromRootViewController: self)

インタースティシャル広告はページを消した際に処理を追加するコードはデリゲートから各種設定できます。詳しくはこちらの記事をご参照ください。

「【Swift】Admob広告の表示を消した際に処理を追加する方法。〜 delegate使用 〜」

今回の記事は以上です。他にもiOSアプリ配信方法やSwift関連の開発についての記事をAIからARまで多数記載しています。気になる方は是非参考にしてください。

The post 【Swift】Admob広告をiOSアプリに表示する方法。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/admob/feed/ 3 【swift】ButtonやLabelの表示文字をソースから変更する方法。 https://tomoblog.net/programing/swift/button-label-text-change/?utm_source=rss&utm_medium=rss&utm_campaign=button-label-text-change https://tomoblog.net/programing/swift/button-label-text-change/#respond Mon, 10 Apr 2023 05:00:04 +0000 https://sunnyday-travel-aso-6487.ssl-lolipop.jp/?p=413 今回の記事ではアプリ内のButtonやLabelの表示文字を変更されている文字をソースから変更する方法をご紹介する記事です。初心者にもわかりやすいようにXcodeの操作画像とサンプルソース付きで説明していきますので、是非 […]

The post 【swift】ButtonやLabelの表示文字をソースから変更する方法。 first appeared on ともぶろぐ.]]> 今回の記事ではアプリ内のButtonやLabelの表示文字を変更されている文字をソースから変更する方法をご紹介する記事です。初心者にもわかりやすいようにXcodeの操作画像とサンプルソース付きで説明していきますので、是非参考にしてみてください。

buttonの表示文字変更

まずはXcodeのstoryboardに、ボタンを設置します。

場所はどこでもOKです。設置後にボタンを「ctrl」+「ドラッグ」でviewcontroller.swiftのファイル上にドラッグし、IBoutlet接続を行います。

ボタンの接続方法がよくわかっていない方はこちらの記事も参考になると思うので、みてください。

「【swift】Xcodeでswiftを用いてボタンクリックでLabelに文字出力させる方法」

次に「Viewcontroller.swift」に下記のSwiftコードを記載します。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var button1: UIButton!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        button1.setTitle("クリック", for: .normal) 
    }

}

この「button1.setTitle(“クリック”, for: .normal)」部分が、ボタンの表示したいタイトルをセットするという指示です。

labelの表示文字変更

ラベルを設置し、viewcontroller.swiftと紐づけるまでは上記の流れと同じです。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var button1: UIButton!
    
    @IBOutlet weak var label1: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        label1.text="テスト"
    }
}

上記のように、label1.text=”テスト”でラベル内の表示文字を変更することができます。こちらを応用して、ボタンクリックに文字を変更する指示なども設定することができます。

基礎内容ですが、非常に重要な処理となっています。

では今回の記事は以上です。他にも多数のSwift関連の記事を記載しているので是非そちらも参考にしてみてください。

The post 【swift】ButtonやLabelの表示文字をソースから変更する方法。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/button-label-text-change/feed/ 0 【Swift】TableViewCell上に配置したUIButtonからページ移動を行う方法ご紹介。 https://tomoblog.net/programing/swift/tableviewcell-uibutton-move-page/?utm_source=rss&utm_medium=rss&utm_campaign=tableviewcell-uibutton-move-page https://tomoblog.net/programing/swift/tableviewcell-uibutton-move-page/#respond Sun, 27 Nov 2022 10:24:40 +0000 https://sunnyday-travel-aso-6487.ssl-lolipop.jp/?p=6553 今回の記事はSwiftを使った開発で、TableViewCell上に配置したUIButtonからページ移動を行う方法をご紹介します。TableViewCell上に配置したUIButtonからのページ移動は通常の流れではで […]

The post 【Swift】TableViewCell上に配置したUIButtonからページ移動を行う方法ご紹介。 first appeared on ともぶろぐ.]]> 今回の記事はSwiftを使った開発で、TableViewCell上に配置したUIButtonからページ移動を行う方法をご紹介します。TableViewCell上に配置したUIButtonからのページ移動は通常の流れではできないのでprotocolというものを使用します。分かりやすく記載しているので是非参考にしてみてください。

TableViewCell用のCustomTableViewCellを用意

まずはTableViewCell用のカスタムクラスを作成します。

ファイルの追加から「CocoaTouchClass」を追加します。

import UIKit

class CustomTableViewCell : UITableViewCell {
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        // Configure the view for the selected state
    }
}

CustomTableViewCellにUIButtonを接続

続いてUIButtonをAutlet接続します。

Storyboardから通常のように線を引っ張って接続するだけでいいです。CustomTableViewCell.swiftに接続してください。

//
//  CustomTableViewCell.swift
//  sekaiisan
//
//  Created by nishibetomoharu on 2022/11/25.
//

import UIKit

protocol SampleProtocol {
    func movePage()
}

class CustomTableViewCell : UITableViewCell {

    @IBOutlet weak var sampleButton: UIButton!
    
    var delegate : CatchProtocol?
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        sampleButton.addTarget(self,action: #selector(movePage_),
                                   for: .touchUpInside)
        // Configure the view for the selected state
    }
    
    // Infobutton
    @objc func movePage_(sender:UIButton){
        delegate?.movePage()
    }
}

CustomTableViewCellコード

CustomeTavleViewCell.swiftを修正します。

import UIKit

class CustomTableViewCell : UITableViewCell {

    @IBOutlet weak var sampleButton: UIButton!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        sampleButton.addTarget(self,action: #selector(printSenderTag),
                                   for: .touchUpInside)
        // Configure the view for the selected state
    }
    
    // Infobutton
    @objc func printSenderTag(sender:UIButton){
        print(sender.tag)
    }
}

上記のコードの解説はTableViewを使用しているクラス内のコードをみてからの方が分かりやすいので先にそちらを説明します。

TableViewを使用しているクラス内のコード


// （省略）

// Protocol（SampleProtocol）を追加
class SampleController: UIViewController,UITableViewDelegate,UITableViewDataSource, SampleProtocol  {

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // Cell
        let cell = tableView.dequeueReusableCell(withIdentifier: "セルに設定した名前", for: indexPath as IndexPath) as! CustomTableViewCell

        // CustomTableViewCellの接続しているUIButtonのタグにdelegateをセット
        cell.delegate = self

        return cell
    }

    // ページ移動用関数
    func movePage() {
        performSegue(withIdentifier: "移動したいページ用のSegue", sender: nil)
    }
}

// （省略）

コメントでも記載していますがCellを返すTableViewのDelegateの中で、プロトコルに準拠した関数を定義し、そちらでページ移動をしています。

Protocolはクラスに追加しておきましょう。

では、今回の記事は以上です。他にも多数のSwift関連の記事を記載しているので是非サイト内興味があれば見て行ってください。

The post 【Swift】TableViewCell上に配置したUIButtonからページ移動を行う方法ご紹介。 first appeared on ともぶろぐ.]]> https://tomoblog.net/programing/swift/tableviewcell-uibutton-move-page/feed/ 0