Develop Reference

Clear focus on tap outside of EditText in BottomSheetDialogFragment

I want to clear focus of TextInputEditTexts when the user taps outside of them. In order to do that I use the code from this answer. Because that does not work in dialogs I added the following code in my bottom sheet, as described here:
class MySheet(): BottomSheetDialogFragment() {
...
override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
return object : Dialog(requireActivity(), theme) {
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
if (event.action == MotionEvent.ACTION_DOWN) {
val v = currentFocus
if (v is TextInputEditText) {
val outRect = Rect()
v.getGlobalVisibleRect(outRect)
if (!outRect.contains(event.rawX.toInt(), event.rawY.toInt())) {
v.clearFocus()
val imm: InputMethodManager =
context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(v.getWindowToken(), 0)
}
}
}
return super.dispatchTouchEvent(event)
}
}
}
}
But now, the bottom sheet is displayed as a normal dialog with margins on all sides. How can I force the normal behaviour of a modal bottom sheet?

I want to hide the keyboard

i want to hide the keyboard but i want to write it in a class. To use it for all activities. ı need a edit text delete focus code
class Extensions(){
fun hideSoftKeyboard(view: View) {
val imm =getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(view.windowToken, 0)
}
}
problem description
No value passed for parameter 'serviceClass'
Type mismatch: inferred type is String but Context was expected
new code: but I couldn't do the outer click event
fun Activity.hideKeyboard() {
val view = currentFocus
if (view != null) {
view.clearFocus()
val inputMethodManager =
getSystemService(Activity.INPUT_METHOD_SERVICE) as InputMethodManager
inputMethodManager.hideSoftInputFromWindow(
view.windowToken,
InputMethodManager.HIDE_NOT_ALWAYS
)
}
}

You can make an Extenstion function on the edit text that would do that for you
fun EditText.hideKeyboard() {
clearFocus()
val imm = context.getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(getWindowToken(), 0)
}
I haven't tested it out yet, please test that one out and tell me if it does work.

Extensions.kt
fun Activity.hideKeyboard(event: MotionEvent) {
if (event.action == MotionEvent.ACTION_DOWN){
val view = currentFocus
if (view != null) {
view.clearFocus()
val outRect = Rect()
view.getGlobalVisibleRect(outRect)
if (!outRect.contains(event.rawX.toInt(), event.rawY.toInt())) {
val inputMethodManager =
getSystemService(Activity.INPUT_METHOD_SERVICE) as InputMethodManager
inputMethodManager.hideSoftInputFromWindow(
view.windowToken,
InputMethodManager.HIDE_NOT_ALWAYS
)
}
}
}
}
YouActivity
override fun dispatchTouchEvent(event: MotionEvent): Boolean {
hideKeyboard(event)
return super.dispatchTouchEvent(event)
}

// on below line getting current view.
val view: View? = this.currentFocus
// on below line checking if view is not null.
if (view != null) {
// on below line we are creating a variable
// for input manager and initializing it.
val inputMethodManager =
getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager
// on below line hiding our keyboard.
inputMethodManager.hideSoftInputFromWindow(view.getWindowToken(), 0)
// displaying toast message on below line.
Toast.makeText(this, "Key board hidden", Toast.LENGTH_SHORT).show()

if you are using Jetpack Compose;
#Composable
fun MainScreenView(){
val keyboardController = LocalSoftwareKeyboardController.current
keyboardController.hide()

Define an extension method depending on two classes?

I have the following extension method defined inside MyFragment : Fragment class:
fun View.showSoftKeyboard() {
if (requestFocus()) {
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
I want to extract the View.showSoftKeyboard() extension method out of the MyFragment : Fragment, so I can use it in every fragment.
However, if I make this Fragment.showSoftKeyboard(), I have no acess to the View object:
fun Fragment.showSoftKeyboard() {
if (requestFocus()) {
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
// "this" won't be a View anymore, but a Fragment
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
If I leave it as View.showSoftKeyboard(), I have no access to requireActivity():
fun View.showSoftKeyboard() {
if (requestFocus()) {
// requireActivity() won't be accessible anymore
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
Is there any way to define - from the outside - a extension method for a View in a Fragment, so I have access to both, the view object as well as the requireActivity() from the Fragment class?

There isn't a direct way to do this that I know of. But you can create an interface that defines the Fragment functions you need (and that Fragment already satisfies), and tack it onto your Fragments where you want to use the extension function.
interface FragmentAddendum {
fun requireActivity(): FragmentActivity
fun View.showSoftKeyboard() {
if (requestFocus()) {
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
}
class MyFragment: Fragment(), FragmentAddendum {
//...
}

Is there any way to define - from the outside - a extension method for a View in a Fragment, so I have access to both, the view object as well as the requireActivity() from the Fragment class?
Not really. Extension functions are defined in such a way that they can be used in any available context. You can constraint the context in at least two ways:
using access modifiers. Private extension functions are available only in the file they were defined;
by declaring extension functions as members (the closes solution to the one you look for).
An example of the first mentioned way of constraining can look like: private fun View.newFun() {}
The second way of constraining looks like this (official Kotlin extention function example):
class Host(val hostname: String) {
fun printHostname() { print(hostname) }
}
class Connection(val host: Host, val port: Int) {
fun printPort() { print(port) }
fun Host.printConnectionString() {
printHostname() // calls Host.printHostname()
print(":")
printPort() // calls Connection.printPort()
}
fun connect() {
/*...*/
host.printConnectionString() // calls the extension function
}
}
fun main() {
Connection(Host("kotl.in"), 443).connect()
//Host("kotl.in").printConnectionString(443) // error, the extension function is unavailable outside Connection
}
More on declaring extension functions as members.
You can declare base class for each fragment and implement in that class View extension function.
Sample:
open class BaseFragment: Fragment() {
fun View.showSoftKeyboard() {
if (requestFocus()) {
// requireActivity() won't be accessible anymore
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
}
IMHO, the better solution is to avoid any class inheritance or interface implementation. Modify your Fragment extension function to get as an argument a View:
// Optionally set default value as getView(). Depends on your needs.
fun Fragment.showSoftKeyboard(view: View) {
if (view.requestFocus()) {
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}

You can get System service from Context and Context from View
fun View.showSoftKeyboard() {
if (requestFocus()) {
val imm = context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.showSoftInput(this, InputMethodManager.SHOW_IMPLICIT)
}
}
Now you can extract this method from Fragment

How to do generic onTouchEvent method for kotlin?

I have such a method. In loginactivity.kt. What I want to do is make this method generic and use it everywhere. I want to write a method in CommonExtensions.kt, but I can't write it right and I get an error. How can I make Generic become
LoginActivity.kt
override fun onTouchEvent(event: MotionEvent?): Boolean {
val imm = this.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(this.currentFocus?.windowToken, 0)
return super.onTouchEvent(event)
}
CommonExtensions.kt
fun Context.onTouchEvent(event: MotionEvent?): Boolean {
val imm = this.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(this.onTouchEvent()?.windowToken, 0)
}

You have a couple of options:
Create a basic class for Activities, for example BaseActivity and override onTouchEvent method there. Inherit from that activity other activities.
Create some util file, for example UiUtils.kt and define method of hiding keyboard there, e.g.:
fun hideKeyboard(view: View) {
val imm = view.context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(view.windowToken, 0)
}
Call it from your activities' onTouchEvent() method:
override fun onTouchEvent(event: MotionEvent?): Boolean {
hideKeyboard(someView)
return super.onTouchEvent(event)
}
Create extension function on View in your CommonExtensions.kt file:
fun View.hideKeyboard() {
val imm = context.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(windowToken, 0)
}
And call it from onTouchEvent() method:
override fun onTouchEvent(event: MotionEvent?): Boolean {
someView.hideKeyboard()
return super.onTouchEvent(event)
}

Hide keyboard when Edit Text in Recycler View is scrolled off screen

I have a RecyclerView that contains EditText child elements. I would like to hide the soft keyboard when the selected EditText is scrolled off screen. How can I tell when the EditText is no longer on screen? Is there some event listener that I can attach to the EditText element to tell?

Implement onTouchListener like this:
yourRecycleView.setOnTouchListener(new OnTouchListener() {
#Override
public boolean onTouch(View v, MotionEvent event) {
InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(v.getWindowToken(), 0);
return false;
}
});

This is what worked for me : I used RecyclerView.OnScrollListener with PublishRelay for debouncing events.
class RecyclerViewActivity : Activity(){
...
private val scrollableRelay = PublishRelay.create<Unit>()
private val disposable = CompositeDisposable()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
recyclerView.addOnScrollListener(object: RecyclerView.OnScrollListener(){
override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
scrollableRelay.accept(Unit)
}
})
scrollableRelay
.debounce(100, TimeUnit.MILLISECONDS)
.subscribe({
if (currentFocus == recyclerView) {
hideKeyboard()
}
})
.addTo(disposable)
}
override fun onDestroy() {
disposable.onDestroy()
}
}
Once the view is scrolled from the screen the focus goes up to recyclerView.
So, we can implement this functionality using RecyclerView.OnScrollListener.
onScrolled tracks even slightest scroll of the view. That's why we need to add debounce that we'll not receive a lot of events.
hideKeyboard and addTo are extension functions:
fun Disposable.addTo(compositeDisposable: CompositeDisposable) {
compositeDisposable.add(this)
}
fun Activity.hideKeyboard() =
currentFocus?.let {
val imm = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(it.windowToken, 0)
}

yourRecycleView.setOnTouchListener(new OnTouchListener() {
#Override
public boolean onTouch(View v, MotionEvent event) {
edittext.clearFocus(); //hidden keyboard
return false;
}
});

My solution:
editText.setOnFocusChangeListener((v, hasFocus) -> {
Handler handler = new Handler();
if (!hasFocus) {
handler.postDelayed(() -> {
if (!editText.hasFocus()) {
InputMethodManager imm = (InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.toggleSoftInput(0, 0);
}
}, 200);
}
});

Kotlin solution that dismisses the keyboard when:
the focused View is scrolled off the RecyclerView
or if the user presses the Enter key, and the OS was unable to find something to focus on that is inside the RecyclerView...
// dismiss the keyboard when it is no longer focusing on anything inside the recyclerview
recyclerView.viewTreeObserver.addOnGlobalFocusChangeListener { _, newFocus: View? ->
if (newFocus == recyclerView || recyclerView !in (newFocus?.ancestors ?: emptySequence())) {
recyclerView.context.inputService.hideSoftInputFromWindow(recyclerView.windowToken, 0)
}
}
val Context.inputService get() = getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
val View.ancestors: Sequence<View> get() = generateSequence(this) { it.parent as? View }

Been facing the same issue in BottomSheet . Took me a while to realize that to get currentFocus i have to use dialog.currentFocus instead of activity.currentFocus . Below is my Solution maybe it helps someone .
binding.recyclerView.addOnScrollListener(object:RecyclerView.OnScrollListener(){
override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
super.onScrollStateChanged(recyclerView, newState)
if (newState == RecyclerView.SCROLL_STATE_IDLE) {
dialog?.currentFocus?.let {
if(it is RecyclerView){
val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
imm.hideSoftInputFromWindow(it.windowToken, 0)
}
}
}
}
})