質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.49%

  • Swift

    7435questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • Xcode

    4194questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

  • iOS

    4075questions

    iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

ボタンをタップした時のタップ位置の座標を取得したい

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 331

yuki84

score 7

 ボタンをタップした時のタップ位置の座標を取得したい

開発環境 Xcode9.4 / Swift4.1

ボタンをタップした時に、ボタン内のどの部分をタップしているのかを知るために座標の取得を行いたいです。調べたところ、タップ座標の取得にはtouchesBeganメソッドを用いるとわかったので、以下のようなプログラムを作成しました。(関係無いと思われるコードは省略しました。)

import UIKit
import CoreMotion
import GameplayKit

class TaskViewController: UIViewController{

        fileprivate var myButton:UIButton!
        fileprivate var smallView:UIView!

    //中略

        override func viewDidLoad() {

        //中略

        myButton = UIButton()
        myButton.frame=CGRect(x: 0, y: 0, width: 90, height: 90)
        myButton.layer.masksToBounds = true
        myButton.setBackgroundImage(self.createImageFromUIColor(UIColor.red), for: UIControlState())
        myButton.setBackgroundImage(self.createImageFromUIColor(UIColor.red), for: .highlighted)
        myButton.setBackgroundImage(self.createImageFromUIColor(UIColor.lightGray), for: .disabled)
        myButton.layer.cornerRadius = 45.0 //赤色ボタンを円形にする
        myButton.layer.position = shuffleArray[0] //初期位置
        myButton.showsTouchWhenHighlighted = true

        // 背景の指定
        // 4.7inchの画面サイズは375×667
        smallView = UIView()
        smallView.frame = CGRect(x: 0,y:0,width:375,height:667)
        smallView.backgroundColor = UIColor.white

        // myButtonをタップした時にonMyButtonイベントが発生
        myButton.addTarget(self, action:#selector(TaskViewController.onMyButton(_:)), for: .touchUpInside)
        self.view.addSubview(self.smallView);
        self.view.addSubview(self.myButton);
        }

        override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
            for touch: AnyObject in touches {
                // 座標取得
                let point = touch.location(in: self.view)
                print(point)
            }
        }

        // タップ回数をカウント
        @IBAction func onMyButton(_ sender: UIButton){
            myButton.isEnabled = false 
            counter+=1

            // タップ時刻を測定
            let formatter = DateFormatter()
            formatter.timeZone = TimeZone.ReferenceType.local
            formatter.dateFormat = "HH:mm:ss.SSS" // *時*分**.***秒
            let date2=Date()
            let dateStr2 = formatter.string(from: date2)

            print(dateStr2,counter,"回目")

            // タップ時刻と回数を配列に格納
            csvData.append([String(dateStr2),String(counter),"回目"])

            if counter>=28 {
                changeView()
            }

            //0.5秒間隔でタップボタンを表示
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                self.doComputer3()
            }

        }

    //中略

}

しかし、実行したところ、ボタンをタップした時の座標は取得できませんでした。ボタンタップ時にtouchesBeganメソッドが作動していないことが原因と考え、onMyButtonの中にコードを入れればいいのではないかと思い、そのまま中に貼り付けても見たのですが上手くいきませんでした。具体的にどのような方法を取ればいいのかわからない状態です。ご教示いただけますでしょうか。よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+2

以下のような感じで取れるようです。
ポイントとして、ボタンがタップされた時に呼ばれるイベントハンドラーに、senderとは別にeventを受け取れるようにし、そこからボタンタッチイベントを抽出、座標を取る感じです。

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let btn = UIButton(frame: CGRect(x: 100, y: 100, width: 100, height: 100))
        btn.backgroundColor = .blue
        btn.addTarget(self, action: #selector(buttonDidTap), for: .touchUpInside)
        view.addSubview(btn)
    }

    @objc func buttonDidTap(_ sender: UIButton, event: UIEvent) {
        print("OK")
        if let location = event.touches(for: sender)?.first?.location(in: sender) {
            print(location)
        }
    }
}

参考:
https://stackoverflow.com/questions/7374937/uibutton-touchupinside-touch-location

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/10 10:59

    Storyboardを使っているようなので、Actionを作るときにArgumentsで "Sender and Event" を選べばいいですね。

    キャンセル

  • 2018/07/11 16:12

    回答ありがとうございます。書いていただいたコードで座標は取得できるようになりましたが、原点の位置がボタンの左上端になっているようです。画面の左上端を原点として座標を取得したいのですが、方法はあるでしょうか。

    キャンセル

  • 2018/07/11 17:16

    location(in: sender)をlocation(in: view)にすれば良いかと思います。

    キャンセル

  • 2018/07/11 18:00

    できました。ありがとうございます!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    swift Button タップ スワイプ

    現在、タップとスワイプの二つを一つのボタンで行おうとしています。 ボタンをタップしたらUIViewを出して ボタンをスワイプしたらそのボタンが指に沿って移動する・・・

  • 解決済

    Swiftの座標取得ができないです...

    座礁取得をするコード(コピペなのですが) を記述してみたら Cannot call value of non-function type '((UIView?) -> CG

  • 解決済

    swift スワイプ 座標判定 XY

    前提・実現したいこと 毎度毎度すみません・・・ 現在swiftで作っていて、場所Aにオブジェクトをスワイプし オブジェクトが場所Aに少しでも入っていたら、 オブジェクトを消

  • 解決済

    swift 異なるクラスからビューに追加

    前提・実現したいこと 一つのビューコントローラーにクラスを複数個置き、 仮にクラスAとクラスBとしたとき、クラスBからクラスAにオブジェクトを追加したいです。 該当のソー

  • 解決済

    Swift: FlatUIKit UISearchBar 実装できません

    前提・実現したいこと FlatUIKitでUISearchBarを実装したいです。 UISearchBar内のUITextFieldを下記の通り変えましたが変化ありません。

  • 受付中

    classからUIButtonを作成したい

    viewcontrollerに複数のボタンを作成したいため、classを使って制御をしようと思いこのサイトを参考に作成しましたが、 self.view.addSubview(my

  • 解決済

    [SpriteKit]マルチタップの設定の仕方

    スプライトキットでマルチタップの設定の仕方がわかりません。 試行錯誤して、以下をやってみたのですが、うまくいきません。 ❶ GameViewController.swift

  • 解決済

    【Swift】CATransform3Dを使って画像を回転したい

    CATransform3Dを使って、画像をy軸もしくはx軸に回転する方法を教えてください。

同じタグがついた質問を見る

  • Swift

    7435questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

  • Xcode

    4194questions

    Xcodeはソフトウェア開発のための、Appleの統合開発環境です。Mac OSXに付随するかたちで配布されています。

  • iOS

    4075questions

    iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。