Balloon in Immersive Mode

[ubertrombone]

Hi @skydoves,

I'm a bit new to Android development, so maybe I'm missing something, but is it possible to build a balloon in Immersive Mode without removing Immersive Mode?

Thanks for sharing this cool library, by the way!

[skydoves]

Hey @ubertrombone,
Could you expand on this?

[ubertrombone]

Sure! So my app is full screen, but when the balloon shows up, the system task bar and navigation appear:

For Dialog Fragments I solve this problem by putting the following code in onCreateView:

dialog?.window?.setFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE, WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE)
@Suppress("DEPRECATION")
dialog?.window?.decorView?.systemUiVisibility = requireActivity().window.decorView.systemUiVisibility

dialog?.setOnShowListener {
dialog?.window?.clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE)

val wm = requireActivity().getSystemService(Context.WINDOW_SERVICE) as WindowManager
wm.updateViewLayout(dialog?.window?.decorView, dialog?.window?.attributes)
}

I hope that's helpful; thanks!

[skydoves]

Hey @ubertrombone,
I used the below codes for testing the immersive mode on the demo project following this reference.

private fun hideSystemBars() {
    val windowInsetsController =
      ViewCompat.getWindowInsetsController(window.decorView) ?: return
    // Configure the behavior of the hidden system bars
    windowInsetsController.systemBarsBehavior =
      WindowInsetsControllerCompat.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
    // Hide both the status bar and the navigation bar
    windowInsetsController.hide(WindowInsetsCompat.Type.systemBars())
  }

And it looks work for me like the screenshots below:

Please correct me if I missing something. Thanks!

[ubertrombone]

Hey @skydoves,

Happy New Year!

I do something similar in my activity (which I also call in my fragments) which puts my app in Immersive mode, but when the balloon shows up, it shows the system bars (like in my last picture). When I dismiss the balloon I call the function from my activity that returns the immersive mode, but that hasn't solved the issue when the balloon is shown.

This is the code in my activity:
fun fullScreen() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
val insetsController = window.decorView.windowInsetsController ?: return
insetsController.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
insetsController.hide(WindowInsets.Type.systemBars())
} else {
@Suppress("DEPRECATION")
window.decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
or View.SYSTEM_UI_FLAG_LAYOUT_STABLE
or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
or View.SYSTEM_UI_FLAG_FULLSCREEN)
}
}

And this is how I'm building my balloon in the fragment:
val balloon = createBalloon(requireContext()) {
setWidthRatio(1.0f)
setHeight(BalloonSizeSpec.WRAP)
setText("Edit your profile here!")
setTextColorResource(R.color.white)
setTextSize(15f)
setIconDrawableResource(R.drawable.home_icon)
setArrowPositionRules(ArrowPositionRules.ALIGN_ANCHOR)
setArrowSize(10)
setArrowPosition(0.5f)
setPadding(12)
setCornerRadius(8f)
setBackgroundColorResource(R.color.royal_blue)
setBalloonAnimation(BalloonAnimation.ELASTIC)
setLifecycleOwner(viewLifecycleOwner)
setOnBalloonClickListener { Toast.makeText(context, "clicked", Toast.LENGTH_SHORT).show() }
setOnBalloonDismissListener { Toast.makeText(context, "dismissed", Toast.LENGTH_SHORT).show() }
build()
}
binding?.helpButton?.showAlignBottom(balloon)
(activity as MainActivity).fullScreen()

[rodo117]

Use this property .setFocusable(false) in your balloon object , this is going to solve your problem