2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

jetpack composeで複数のジェスチャーを検知する方法

Posted at

初めに

今回はjetpack composeで一つのViewに対して複数のジェスチャーを検知する方法を紹介していこうと思います

本文

Modifier.clickable{}

通常のクリックのみの場合は上記のようにすればいいのですが、それ以外のジェスチャーを取得するには下記のようにしなければいけません。

Modifier.pointerInput(Unit) {}

ただし、上記のように書いただけでは、タップ系のジェスチャーかピンチイン・ピンチアウト系のジェスチャーのどちらかしか設定できません。
両方設定しようとすると、片方に上書きされてしまいます。

そこで今回の本題です

Modifier.pointerInput(Unit) {}.pointerInput(Unit) {}

実はpointerInputは複数呼び出すことができ、片方ずつにタップ系とピンチ系を設定することで上書きされることなく使うことができます

最後に

Composeが使われるようになってきて段々と複雑なViewを作ることが増えてきたので備忘録として残しておきます
どなたかのお役に立てれば幸いです

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?