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

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

ただいまの
回答率

89.11%

ImageButtonでOntouch(左右スワイプ)とOnclickの両方を認識

解決済

回答 1

投稿 編集

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

yamayamak

score 106

Androidで左右スワイプを行いたいです。FragmentのonCreateViewに以下を記述しています。
(Android Studio 3.3.1を利用しています。)

Fragment内は複数のimageViewで画面が覆われていて背後のrootViewのスワイプを認識してくれないように見えてます。
また、imageViewにはOnclickを設定しています。
imageViewを一部、無くして動作を確認すると動いています。

このようなimageViewで満たされたFragment内の画面全体に対して、スワイプを認識させるにはどうすれば良いでしょうか?
できれば、FragmentよりActivityの全体で左右のスワイプを認識したいのですが、同様にGestureDetectorを認識してくれませんので、背後?か画面全体でも認識できる方法をお願いします。

ちなみに、上下のViewPagerでFragment画面を切り替えているのですが、上下スワイプは認識しています。

rootView = inflater.inflate(frag_tab1, container, false);
final GestureDetector gesture = new GestureDetector(getActivity(), new GestureDetector.SimpleOnGestureListener() {
    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        final int SWIPE_MIN_DISTANCE = 20;
        final int SWIPE_MAX_OFF_PATH = 100;
        final int SWIPE_THRESHOLD_VELOCITY = 200;
        try {
            // 左右スワイプ処理用
            if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH) {// Y軸の移動距離が大きすぎる場合
                // 何もしない
            }
            // 開始位置から終了位置の移動距離が指定値より大きい// X軸の移動速度が指定値より大きい
            else if  (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                textView2.setText("右から左");
            }
            // 終了位置から開始位置の移動距離が指定値より大きい// X軸の移動速度が指定値より大きい
            else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                textView2.setText("左から右");
            }
        } catch (Exception e) {
            // nothing
        }
        return super.onFling(e1, e2, velocityX, velocityY);
    }
});
rootView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        return gesture.onTouchEvent(event);
    }
});
// Return処理
return rootView;
  • 気になる質問をクリップする

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

check解決した方法

0

ImageButtonでは、OntouchとOnclickの両方を認識させる場合に以下のように記述すればよかったようです。
(Onclick設定はLayoutのXMLで記載しています。)

とりあえず、私は以下でOnClickもonFling(スワイプ)も動作できました。

(参照)
https://stackoverflow.com/questions/19538747/how-to-use-both-ontouch-and-onclick-for-an-imagebutton

// 左右スワイプはMainActivityで利用する
final GestureDetector gesture = new GestureDetector(getActivity(), new GestureDetector.SimpleOnGestureListener() {
    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        final int SWIPE_MIN_DISTANCE = 20;
        final int SWIPE_MAX_OFF_PATH = 100;
        final int SWIPE_THRESHOLD_VELOCITY = 200;
        try {
            // 左右スワイプ処理用
            if (Math.abs(e1.getY() - e2.getY()) > SWIPE_MAX_OFF_PATH) {// Y軸の移動距離が大きすぎる場合
                //textView2.setText("縦の移動距離が大きすぎ"); -> 何もしない
            }
            // 開始位置から終了位置の移動距離が指定値より大きい// X軸の移動速度が指定値より大きい
            else if  (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                //textView2.setText("右から左");
                mListener.toRightJob();
            }
            // 終了位置から開始位置の移動距離が指定値より大きい// X軸の移動速度が指定値より大きい
            else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE && Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) {
                //textView2.setText("左から右");
                mListener.toLeftJob();
            }
        } catch (Exception e) {
            // nothing
        }
        return super.onFling(e1, e2, velocityX, velocityY);
    }
});
rootView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        return gesture.onTouchEvent(event);
    }
});
// ImageButtonにOnTouchListenerを追加(OnClickを設定していると効かない)
for (int i = 1; i <= 100; i++) {
    String idName = "idName" + String.valueOf(i);
    int intId = getResources().getIdentifier(idName, "id", getActivity().getPackageName());
    ImageButton iBtn = (ImageButton) thisFragment.findViewById(intId);
    iBtn.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View arg0, MotionEvent event) {
            if (gesture.onTouchEvent(event)) {
                // single tap
                return false;
            } else {
                // your code for move and drag
            }
            return false;
        }
    });
}

投稿

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

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

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

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

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

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

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