To detect a triple tap i.e. whenever the user triple taps on any view how it is detected and according to the view a response can be added corresponding to it. Here an example is shown in which the user triple taps on the view, it is detected and corresponding to the view response is added in the form of toast.
Step 1: Create an Empty activity in Android Studio. To create one, follow this article- https://www.geeksforgeeks.org/android-how-to-create-start-a-new-project-in-android-studio/. Check if the primary language selected is Kotlin.
Step 2: No change is done in activity_main.xml. Since already a textview is present so the response for the triple tap is added with it.
<? xml version = "1.0" encoding = "utf-8" ?>
android:layout_width = "match_parent"
android:layout_height = "match_parent"
tools:context = ".MainActivity" >
< TextView
android:id = "@+id/tv"
android:layout_width = "wrap_content"
android:layout_height = "wrap_content"
android:layout_centerInParent = "true"
android:text = "Click Here"
/>
</ RelativeLayout >
|
Step 3: In this step add the onTouchListenter with the view. Here in the listener initialize a variable to 1 which will keep the count of taps user has done. If the tap counts in a short time becomes 3 then the response corresponding to the view is initiated. Below is the code for the MainActivity.kt class.
package org.geeksforgeeks.tripletap
import android.os.Bundle
import android.os.Handler
import android.view.MotionEvent
import android.view.View
import android.view.ViewConfiguration
import android.widget.Button
import android.widget.RelativeLayout
import android.widget.TextView
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super .onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Declaring Text View from the Layout file
val tvv = findViewById<TextView>(R.id.tv)
// Implementing onTouchListener on our Text View
tvv.setOnTouchListener(object : View.OnTouchListener {
// Handler to handle the number of clicks
var handler: Handler = Handler()
var numberOfTaps = 0
var lastTapTimeMs: Long = 0
var touchDownMs: Long = 0
override fun onTouch(v: View?, event: MotionEvent): Boolean {
when (event.action) {
MotionEvent.ACTION_DOWN -> touchDownMs = System.currentTimeMillis()
MotionEvent.ACTION_UP -> {
// Handle the numberOfTaps
handler.removeCallbacksAndMessages( null )
if (System.currentTimeMillis() - touchDownMs
> ViewConfiguration.getTapTimeout()) {
//it was not a tap
numberOfTaps = 0
lastTapTimeMs = 0
}
if (numberOfTaps > 0
&& System.currentTimeMillis() - lastTapTimeMs
< ViewConfiguration.getDoubleTapTimeout()
) {
// if the view was clicked once
numberOfTaps += 1
} else {
// if the view was never clicked
numberOfTaps = 1
}
lastTapTimeMs = System.currentTimeMillis()
// Triple Tap
if (numberOfTaps == 3 ) {
Toast.makeText(applicationContext, "Triple-Click" ,
Toast.LENGTH_SHORT).show()
// Double tap
} else if (numberOfTaps == 2 ) {
handler.postDelayed(Runnable {
Toast.makeText(applicationContext, "Double-Click" ,
Toast.LENGTH_SHORT)
.show()
}, ViewConfiguration.getDoubleTapTimeout().toLong())
}
}
}
return true
}
})
}
} |
Output: