Android Studio – app compat button visible on setting a complete screen view in xml

It is likely that your View has lower elevation than the Button. You can try to set the elevation of the view to be higher than the elevation of the button, however, it would likely be better if you manage the visibility of the button and loading animation view, than their elevation.

In your layout preview, you can manage the visibility by adding tools:vibility = "gone" to your button. This will hide the button in your preview, but not in the actual view at runtime. To achieve the same at runtime, you have to manage the visibility property view on the button and the loading view yourself.

You can manage the visibility of the button and the loading animation based on your loading state.

Somewhere in your code you will have loading logic and a view state.
Let’s assume there is a boolean flag in your state that informs your view (activity/fragment) whether you are currently loading.

Whenever you click on login (or start a login), you can set the flag to true. Whenever your login operation finishes you can set the flag to false.

In your activity/fragment you can observe the flag and change the visibility of your views accordingly.

  loginButtonView.isVisible = !loading
  loadingAnimationView.isVisible = loading

The following is an option how it can be done, but there are many options, so consider this more as pseudo code. Ideally, you will have a ViewModel that manages the state of the view. In the ViewModel you can have a state object that is exposed to the view and consumed by it.
In my example, I will show it with Flow, but you can utilise different methods.

class MyViewModel : ViewMode() {

 data class State(val loading: Boolean = false)

 private val _state = MutableStateFlow(State())
 val state: Flow<State> = _state

 fun dispatchLogin() {
   viewModelScope.launch() {
     _state.value = _state.value.copy(loading = true)
     // do some work
     _state.value = _state.value.copy(loading = false)
   }
 }

In your activity you can subscribe to your state flow and your button to dispatch the action.

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContentView(R.layout.activity_main)

  viewModel.state
    .map { it.loading }
    .onEach { updateViewState(it) }
    .launchIn(lifecycleScope)

  loginButtonView.setOnClickListener { viewModel.dispatchLogin() }


}

// ...

fun updateViewState(loading: Boolean) {
  loginButtonView.isVisible = !loading
  loadingAnimationView.isVisible = loading
}