skydoves / balloon Goto Github PK

Please complete the following information:

• Library Version [e.g. v1.1.7]

Describe the Bug:

After inflating a custom layout with several text fields the height is not correctly set.

      val balloon = createBalloon(context) {
            setLayout(R.layout.onboarding_tour_dialog)
      }

      val contentView = balloon.getContentView()
      // set the correct text
   

      balloon.showAlignTop(targetView)
     

Expected Behavior:

The height is correctly calculated.

Hi,
thank you for republishing the 1.1.7 version and fixing my issue. I just downloaded the jar directly from jitpack (https://jitpack.io/com/github/skydoves/Balloon/1.1.7/Balloon-1.1.7-sources.jar) and it is still the old 1.1.7 version, where getMeasureTextWidth() in Balloon.kt does not have a parameter yet.

Do you know, why that is the case?

Thank you!

• Library Version 1.1.5
• Affected Device: Emulator, Nexus S, API 23

Bug:

With the following code the arrow is always miss-placed on the devices with smaller screen, API 23 (please see the screenshot attached). It does not happen for example on the emulator Pixel 3, API 29.

Here is the Kotlin dsl I use:

val balloon = createBalloon(requireContext()) {
            setArrowSize(10)
            setArrowOrientation(ArrowOrientation.TOP)
            setPaddingTop(16)
            setPaddingRight(21)
            setPaddingBottom(16)
            setPaddingLeft(21)
            setCornerRadius(4f)
            setAlpha(0.85f)
            setText("12")
            setTextColorResource(R.color.black)
            setBackgroundColorResource(R.color.white)
            setLifecycleOwner(lifecycleOwner)
        }

It would be really nice if someone could help me with this :(

Emulator, Nexus S, API 23:

Emulator Pixel 3a, API 29

Please complete the following information:

• Library Version -> v1.0.7

Preference name not working correctly due to the fact that is being retrieved from sharedPreferences with the following prefix SHOWED_UP, but when checking the actual sharedPreferences value, is actually saved with a double prefix like -> SHOWED_UP_SHOWED_UP<PREF_NAME>.

Is your feature request related to a problem?

1. I have a button and when I tap I want to display the ballon at the top. I added at the top of the button but I cannot set the arrow at the center of the button. How I can set the arrow at the center/top of the button? Without using arrow position, bc in some cases I do not know where is the position of the center of the button.

2. What value I have to set to see the ballon with width wrap content ? bc the text is cutting off.

Describe the solution you'd like:

Describe alternatives you've considered:

• Version: 1.1.5
• Devices: API 29 Emulator and OnePlus5
• Describe the Bug:
  If I set left arrow for custom layout content the layout is shifted to left and corners are messed up.
  The builder calls I am using

createBalloon(context) {
            setLayout(R.layout.view_sign_up_popup_password_hint)
            setArrowOrientation(ArrowOrientation.LEFT)
            setCornerRadius(4f)
            setBackgroundColorResource(R.color.background_popup_grey)
            setLifecycleOwner(lifecycle)
}

The result is:

If I set Arrow to TOP

• How to reproduce: change in Balloon demo ProfileBalloonFactory change from TOP to LEFT and the same behavior is happening.
  

• Expected behaviors:
  Setting arrow left I would expect the balloon is rendered correctly and not distorted.

I created a balloon with a background image and using text over it. Is there any way to align the text on the background as I am not able to find any workthrough.

Please complete the following information:

• Version 1.1.1
• Samsung s7 and maybe more

Describe the Bug:

Fatal Exception: java.lang.IllegalStateException: Cannot start this animator on a detached view!
       at android.view.RenderNode.addAnimator(RenderNode.java:803)
       at android.view.RenderNodeAnimator.setTarget(RenderNodeAnimator.java:300)
       at android.view.RenderNodeAnimator.setTarget(RenderNodeAnimator.java:282)
       at android.animation.RevealAnimator.<init>(RevealAnimator.java:37)
       at android.view.ViewAnimationUtils.createCircularReveal(ViewAnimationUtils.java:71)
       at com.skydoves.balloon.ViewExtensionKt.circularUnRevealed(ViewExtensionKt.java:58)
       at com.skydoves.balloon.Balloon.dismiss(Balloon.java:485)
       at com.skydoves.balloon.Balloon$dismissWithDelay$1.run(Balloon.java:496)
       at android.os.Handler.handleCallback(Handler.java:789)
       at android.os.Handler.dispatchMessage(Handler.java:98)
       at android.os.Looper.loop(Looper.java:164)
       at android.app.ActivityThread.main(ActivityThread.java:6944)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:327)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1374)

Please complete the following information:

• Library Version 1.1.2
• Affected Devices : Alcatel 5033D v8.1.0, Huawei P20 Pro v9.0.0, Samsung A20

Describe Bug: When the balloon is showed for the first time, menu items in Navigation view stops working in meaning, instead of opening desired activities they only close NavigationView. Problem then continues no matter if balloon is showed or not, I have to restart the app to work again.

Expected Behavior: I expect NavigationView to work as before showing balloon.

My code for creating balloon is:

val statusPopup = createBalloon(this) {
            setLayout(R.layout.popup_change_annoyed_status)
            setWidth(311)
            setArrowSize(10)
            setArrowOrientation(ArrowOrientation.TOP)
            setArrowPosition(0.85f)
            setCornerRadius(5f)
            setTextTypeface(R.font.montserrat_medium)
            setBackgroundColorResource(R.color.colorSecondary)
            setBalloonAnimation(BalloonAnimation.OVERSHOOT)
            setLifecycleOwner(lifecycleOwner)
        }

In image clicke event:

if (!statusPopup.isShowing) {
                prepareBalloon(user, statusGoLayout, statusMaybeLayout, statusNoLayout)
                it.showAlignBottom(statusPopup)
            } else {
                dismissBalloon(statusPopup)
            }

dismissBalloon(balloon) function only calls balloon.dismiss()

Please complete the following information:

• Library Version: v1.1.2
• Affected Device(s): Android Emulator API 16

Describe the Bug:

We are using this library to show a tooltip inside a dialog fragment but with crashs with a NPE when we try to show the balloon:

java.lang.NullPointerException
        at android.widget.RelativeLayout.onMeasure(RelativeLayout.java:465)
        at android.view.View.measure(View.java:15172)
        at com.skydoves.balloon.Balloon$showAlignTop$$inlined$show$1.run(Balloon.kt:267)
        at android.os.Handler.handleCallback(Handler.java:615)
        at android.os.Handler.dispatchMessage(Handler.java:92)
        at android.os.Looper.loop(Looper.java:137)
        at android.app.ActivityThread.main(ActivityThread.java:4745)
        at java.lang.reflect.Method.invokeNative(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:511)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:786)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:553)
        at dalvik.system.NativeStart.main(Native Method)

Code we use to build the Balloon:

@NonNull
    private Balloon buildBalloon(@NonNull final Context context) {
        final Balloon balloon = new Balloon.Builder(context)
                .setLayout(R.layout.partial_custom_field_tooltip)
                .setArrowSize(10)
                .setArrowOrientation(ArrowOrientation.BOTTOM)
                .setArrowVisible(true)
                .setSpace(20)
                .setPadding(8)
                .setCornerRadius(4f)
                .setTextColor(Color.WHITE)
                .setBackgroundColor(Colors.getColor(R.color.custom_fields_tooltip_background))
                .setBalloonAnimation(BalloonAnimation.FADE)
                .setDismissWhenClicked(true)
                .setOnBalloonOutsideTouchListener(this)
                .build();
        ((TextView) balloon.getContentView().findViewById(R.id.txt_customFieldTooltip))
                .setText("Text");
        return balloon;
    }

Custom layout:

<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/txt_customFieldTooltip"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:textColor="@color/white"
    android:gravity="center"
    android:textSize="@dimen/font_normal"
    tools:background="@color/custom_fields_tooltip_background"
    tools:text="@tools:sample/lorem/random" />

And to show:
mBalloon.showAlignTop(view);

We also test on API 26 and it works fine.

Hi , and thanks for thiis useful library,
I try to create a simple balloon with white background , arrow, and black stroke color.
Is it possible to have a stroke outline to balloon?
Alternatively, is it possible to create a shadow to simulate a stroke?

thanks in advance

The text is always centered in the Balloon without any way to change it. I think left-aligned text looks better for large chunks of text, so I'd like an option to set this.

I've tried doing this with a custom layout, but the text always gets cut off after one line (unless I explicitly set the height, which isn't feasible for me).

EDIT: nevermind, I was able to hack around it:

    TextView textView = balloon.getContentView().findViewById(R.id.balloon_text);
    textView.setGravity(Gravity.LEFT);

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

Describe the Bug:

Settings:

setArrowSize(10)
//        setWidthRatio(1.0f)
setHeight(65)
setPadding(0)
setDismissWhenTouchOutside(true)
setPaddingLeft(10)
setPaddingRight(10)
//        setArrowPosition(.5f)
setSpace(10)
setCornerRadius(10f)
setAlpha(1f)
setTextColorResource(R.color.white)
setBackgroundColorResource(R.color.colorAccent)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(BalloonAnimation.ELASTIC)
setLifecycleOwner(lifecycleOwner)

When I leave the fragment (e.g. to navigate to a new fragment). The tooltips stay on the screen.

Expected Behavior:

The tooltips disappear when navigating away (backwards or forwards) from fragment.

Please complete the following information:

• Library-Version [v1.1.4]
• Affected Device(s) [Android Emulator Pixel 3a with Android 9.0 API 28 - Google Play]
• Min API [21]

Describe the Bug:

I tried the parameter setElevation in order to display the shadow as recently you released this feature in version 1.1.3 and I couldn't manage to get it to work.

I've tested in my own app and in the sample of the repo and I couldn't manage to get it to work, I've edited all the Factories without success:

Sample code

class TagBalloonFactory : Balloon.Factory() {

  override fun create(context: Context, lifecycle: LifecycleOwner?): Balloon {
    return createBalloon(context) {
      setLayout(R.layout.layout_custom_tag)
      setArrowSize(10)
      setArrowOrientation(ArrowOrientation.BOTTOM)
      setArrowPosition(0.5f)
      setElevation(10f)
      setPadding(4)
      isRtlSupport(BalloonUtils.isRtlLayout())
      setCornerRadius(4f)
      setBalloonAnimationStyle(R.style.ElasticAndFadeOut)
      setBackgroundColorResource(R.color.white_93)
      setAutoDismissDuration(2000L)
      setDismissWhenClicked(true)
      setDismissWhenShowAgain(true)
      setLifecycleOwner(lifecycle)
    }
  }
}

Also shouldn't the elevation be set as the padding or the width/height which is an Int and not a Float for consistency API reasons? The elevation should also be applied in dp.

Expected Behavior:

The elevation should behave as normal and be displayed in the UI.

PS: Thanks for the awesome library! Keep up the good work! 💪

Basically just support for regular .startAnimations, I'd love to have some custom movement on my bubbles. Otherwise really useful <3

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

When I open a tooltip inside a recycler view cell and scroll such that the cell goes outside the view port, the tooltip stays inside (at the edge). This looks weird as it's not pointing to anything anymore.

Is it possible to make it go out of the screen together with the cell (and back in)?

Settings

setArrowSize(10)
//        setWidthRatio(1.0f)
setHeight(65)
setPadding(0)
//        setDismissWhenTouchOutside(true)
setPaddingLeft(10)
setPaddingRight(10)
//        setArrowPosition(.5f)
setSpace(10)
setCornerRadius(10f)
setAlpha(1f)
setTextColorResource(R.color.white)
setBackgroundColorResource(R.color.colorAccent)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(BalloonAnimation.ELASTIC)
setLifecycleOwner(lifecycleOwner)

Note that setDismissWhenTouchOutside is commented. I don't want the tooltips to disappear immediately.

The tooltip showing in the screenshot belongs to an item that's outside (top) of the screen.

Target API 21

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

setArrowSize(10)
//        setWidthRatio(1.0f)
setHeight(65)
setPadding(0)
//        setDismissWhenTouchOutside(true)
setPaddingLeft(10)
setPaddingRight(10)
//        setArrowPosition(.5f)
setSpace(10)
setCornerRadius(10f)
setAlpha(1f)
setTextColorResource(R.color.white)
setBackgroundColorResource(R.color.colorAccent)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(BalloonAnimation.ELASTIC)
setLifecycleOwner(lifecycleOwner)

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

Describe the Bug:

I want to add some space between the arrow and the view it points too. It seems that I should use setSpace for this. But any value I enter here has no effect. Not sure if this is the correct setting. Note: Using in a RecyclerView

setTextResource(text)
setPaddingLeft(10)
setPaddingRight(10)
setTextColorResource(white)
setArrowSize(10)
setHeight(65)
setDismissWhenTouchOutside(true)
setBackgroundColorResource(colorAccent)
setCornerRadius(15f)
setSpace(100)
setAlpha(1f)
setDismissWhenShowAgain(true)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(ELASTIC)
setLifecycleOwner(lifecycleOwner)

Expected Behavior:

I can set the space.

It seems that with this commit, which is part of version 1.1.7, you added a dependency that makes the library only work with Java 8 and newer. This is a bit problematic, especially for a patch version update, as it breaks the library for older versions of Android which do not support Java 8 language features.

I have not tested it yet, but I assume this can be fixed by following the steps here, but I don't see that mentioned in your library's documentation. If that approach does not work then I will be unable to use this library in my project.

I recommend to either update the documentation, remove the dependency on Java 8 language features, or to change the minSDK version of your library.

Is there a way we can dim the Activity of the Balloon similar to how an Activity gets dimmed when system Dialog pops up, but also highlight the item that the tooltip is pointing to? This tooltip library can do that:
https://github.com/douglasjunior/android-simple-tooltip

I also wish we can dim it with the same opacity, with the same animation (fade in/ fade out) as the system dialog as well. I'm not sure if that's possible.

This is more like a quick question.

To use .setLifecycleOwner(this), i have to use AppCompatActivity, which i don't want to because it causes a ton of issue with themes, so i have to stick to Activity.

My question, is it sufficient to call .dismiss() on onStop, to avoid memory leak?

Currently the setTextTypeface method takes a Int variable. This limits the situations where one wants to use a custom TypeFace object when using a custom font.
Can it be possible to add support for custom TypeFace objects, perhaps a setTextTypeface object which takes TypeFace parameter?

Hi,

I'm sorry, but for me the latest 1.1.7 Version did not solve the problem. I got the latest version from jcenter, where the "private fun getMeasureTextWidth(measuredWidth: Int): Int" has the parameter already (I double checked in the downloaded dependency).
I am still experiencing the image and text being cut off on my Samsung tablet (see my latest comment in issue #42 ).

Thank you

Hi

I am trying to disable dismiss altogether because i am using it to show delete progress.

.setDismissWhenTouchOutside(false) doesn't seem to work. I am able to still dismiss when touching outside.

Removing .setDismissWhenTouchOutside() has the same effect.

I can still dismiss when touch outside.

Please help

thanks in advance

balloon.showAlignRight(tagView,-880,0) can not offsetX ???
balloon.showAlignRight(tagView,0,50) it can move Y

Please complete the following information:

• Library Version [e.g. v1.1.5]
• Affected Device(s) [e.g. Samsung Galaxy s10 with Android 9.0]
  all devices
  Describe the Bug:
  When the image for which the tooltip is attached , is moved . the ballon arrow do not follow the image.
  For example: on the toolbar with chrome cast icon and without chrome cast icon , my image moves left to chrome cast icon or towards end of the toolbar. The arrow of the balloon meaning the ballon do not take position with respect to image.
  my settings in the factory are
  setArrowSize(10)
  setArrowPosition(0.83f)
  setArrowVisible(true)
  setWidthRatio(0.90f)
  setCornerRadius(8f)
  setTextForm(textForm)
  setArrowOrientation(ArrowOrientation.TOP)
  setBackgroundColorResource(R.color.accent)
  isRtlSupport(true)

Expected Behavior:
I would expect the ballon should move according to the position of the

assigned image.
A clear description of what you expected to happen.

Hi,
we use the Balloon library to show tooltips.
The balloon is shown with a little delay of 500ms. In Firebase Crashlytics I found some crashes while showing the balloon.

It look's like the user press the back button instantly while the balloon is showing.

Fatal Exception: android.view.WindowManager$BadTokenException: Unable to add window -- token null is not valid; is your activity running?
       at android.view.ViewRootImpl.setView(ViewRootImpl.java:1056)
       at android.view.WindowManagerGlobal.addView(WindowManagerGlobal.java:381)
       at android.view.WindowManagerImpl.addView(WindowManagerImpl.java:93)
       at android.widget.PopupWindow.invokePopup(PopupWindow.java:1478)
       at android.widget.PopupWindow.showAsDropDown(PopupWindow.java:1316)
       at android.widget.PopupWindow.showAsDropDown(PopupWindow.java:1272)
       at com.skydoves.balloon.Balloon$showAlignRight$$inlined$show$1.run(Balloon.kt:853)
       at android.os.Handler.handleCallback(Handler.java:873) 

This is happens also for

• com.skydoves.balloon.Balloon$showAlignRight$$inlined$show$1.run(Balloon.kt:853)
• com.skydoves.balloon.Balloon$showAlignTop$$inlined$show$1.run(Balloon.kt:853)
• com.skydoves.balloon.Balloon$showAlignLeft$$inlined$show$1.run(Balloon.kt:853)

It would be great if you catch this exception

• Library Version [e.g. v1.1.1]
• Affected Device(s) : Galaxy Tab A (2018, 10.5) , Galaxy A50 , HTC, U Play , HUAWEI

Regards
Stephan

Please complete the following information:

• Library Version: 1.1.2
• Affected Device(s) emulator

Describe the Bug:

Apart from setHeight(), there does not seem to be any control over height. The balloon does not seem to properly wrap my content -- whether I use just text or set my own custom layout.

I do not see much documentation concerning height.

Do I need to guess the proper height and then set it using setHeight() anytime I have more than one line of text?

Expected Behavior:

If I do not set height manually, e.g. setHeight(), I am hoping the balloon will wrap the content, setting the correct height for me. Otherwise, even if I calculate and set a correct height for each of my balloons, it will still be wrong whenever the user has a different font display size than what I am expecting, or a different language.

Is your feature request related to a problem?

From what I can tell, by default the arrow of the balloon is rendered in the center of the balloon, and the balloon is center aligned with the anchor view when shown. This means that normally, the arrow points at the center of the anchor view. However, if there is not enough space to display the balloon this way (because the balloon reaches the edge of the screen), the balloon is automatically shifted, which also shifts the arrow, causing it to no longer point at the center of the anchor view. While it is possible to change where on the balloon the arrow is displayed by specifying a ratio other than the default 0.5, it is currently not possible to tell the balloon to render the arrow so that it always points at the anchor view. This results in the problem that, if the balloon is too big and the anchor view is small, the arrow does not point at the anchor view at all.

Describe the solution you'd like:

I would love to have an option to, instead of specifying a ratio of where the arrow should be, to specify that the arrow should point at the center of the anchor view (or optionally at a certain offset from the anchor view's center).

Something like

enum class ArrowPositionMode {
    ALIGN_WITH_BALLOON, // this will place the arrow in the center of the balloon, or shifted if setArrowPosition is used
    ALIGN_WITH_ANCHOR // this will place the arrow in the center of the anchor view, or shifted if setArrowPosition is used
}

Balloon.Builder(context)
    .setArrowPositionMode(ArrowPositionMode.ALIGN_WITH_ANCHOR)

Describe alternatives you've considered:

I tried to dynamically compute the arrow ratio when showing the balloon based on where the anchor view is, but for that I'd first have to create the balloon to measure its width, calculate what the arrow position should be, then destroy the balloon again and create a new one with the calculated arrow position (because the arrow position cannot be changed once the balloon is created).

Hi, thanks for the great feature!

Is there a way to auto dismiss or a way to show it for certain amount of time? I tried .setShowTime() but it doesn't work.

I can put it in a runnable but if there is already a way to do it, I rather not.

Thanks in advance.

If the width of the Balloon is close to the width of the content inside it, the content gets cut off on the left and right sides.

I've tried playing with various builder methods to fix this, and nothing does.

Hi,

Is there a way to force the arrow to be aligned with the anchor ?
Because in my case I try to align the balloon with the help button :

Please complete the following information:

• Library Version v1.1.2
• Affected Device(s) (Tablet Samsung) Galaxy TAB A 2016

Describe the Bug:

I'm trying to add my custom arrow to the balloon but it only show the default one.
I tried with both methods

setArrowDrawableResource
setArrowDrawable

 val balloon = Balloon.Builder(this)
                .setLayout(R.layout.popup_qty)
                .setArrowSize(15)
                .setArrowOrientation(ArrowOrientation.TOP)
                .setArrowPosition(0.5f)
                .setCornerRadius(10f)
                .setArrowVisible(true)
                .setArrowDrawable(ContextCompat.getDrawable(this, R.drawable.ic_custom_arrow))
                .setBalloonAnimation(BalloonAnimation.OVERSHOOT)
                .setDismissWhenTouchOutside(true)
                .setLifecycleOwner(this)
                .build()

 balloon.showAlignBottom(view)

Expected Behavior:

Displaying my custom arrow

We are using the newest Balloon version 1.1.5 in our app.

I just saw a crash in crashlytics and cannot reproduce it on my own, but it occurred 9 times until now.

Android-Versions: no specific version

Stacktrace:
Fatal Exception: android.view.WindowManager$BadTokenException: Unable to add window -- token null is not valid; is your activity running?
at android.view.ViewRootImpl.setView(ViewRootImpl.java:1122)
at android.view.WindowManagerGlobal.addView(WindowManagerGlobal.java:450)
at android.view.WindowManagerImpl.addView(WindowManagerImpl.java:95)
at android.widget.PopupWindow.invokePopup(PopupWindow.java:1621)
at android.widget.PopupWindow.showAsDropDown(PopupWindow.java:1456)
at android.widget.PopupWindow.showAsDropDown(PopupWindow.java:1412)
at com.skydoves.balloon.Balloon$showAlignBottom$$inlined$show$2.run(Balloon.java:970)
at android.os.Handler.handleCallback(Handler.java:883)
at android.os.Handler.dispatchMessage(Handler.java:100)
at android.os.Looper.loop(Looper.java:237)
at android.app.ActivityThread.main(ActivityThread.java:8016)
at java.lang.reflect.Method.invoke(Method.java)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1076)
at com.android.internal.os.Device.fp(Device.java)

Could you at least catch this exception, so it won't crash the app? Thank you very much!

how can we set the text dynamically after create the balloon?

Balloon is set on one view and if I click on other view Balloon is dismiss but other view's click and touch event is fired. Balloon need to work like Dialog. On back press also balloon need to dismiss.

Is your feature request related to a problem?

For a balloon with multiple lines of text, having the balloon container scale with its height would be very useful.

Describe the solution you'd like:

At the moment the layout_balloon.xml file uses dp values instead of "wrap_content". If the layout uses "wrap_content" for height, the builder can drop builder.setHeight() and builder.setWidth(), and instead have something like builder.setPaddingVert() and builder.setPaddingHoriz().

Thoughts?

I am setting arrow size using factory
Balloon.Builder(context)
.setLayout(R.layout.layout)
.setArrowSize(40)
.setArrowOrientation(ArrowOrientation.TOP)
.setArrowPosition(0.5f)
.setCornerRadius(4f)
.setBackgroundColor(ContextCompat.getColor(context, R.color.white_20))
.setDismissWhenTouchOutside(true)
.setLifecycleOwner(lifecycleOwner)
.build()

On versions prior to 1.17, if we didn't set a specific width or width ratio, the Balloon's width would match the text contained inside it. As of 1.17, not specifying a width or width ratio sets the Balloon's width to about 90% of the screen.

I'd like it to work like a Toast, where I don't have to specify the width beforehand.

• Library Version: v1.1.7
• Affected Device(s): Nexus 5X, Sony Xperia Z5

I have a viewPager with 4 pages. It's MVVM architecture and I call balloons from fragments. I created balloons showing playlist/folderlist etc is empty. (I took them in timer to wait 500 msec but it's irrelevant now I think, the problem is the same without timer too).

Automatic dismissing is not working if I'm swiping fast between the 4 pages

So I'm swiping from playlist to player page and right after the ballons popup I'm swiping back.

Because of that, I created manual dismissing when the fragment is gone:

override fun setMenuVisibility(menuVisible: Boolean) {
        menuVisibilityPlayer = menuVisible

        if (menuVisibilityPlayer && this::binding.isInitialized) {
            createBalloons()
        }else {
            dismissBalloons()
        }
        super.setMenuVisibility(menuVisible)
    }

    fun dismissBalloons(){
        if (timerBalloon != null){timerBalloon!!.cancel()}
        if (timerBalloon2 != null){timerBalloon2!!.cancel()}

        if (inPlayerEmptyFoldersListBalloonFactory != null) {
            if (inPlayerEmptyFoldersListBalloonFactory!!.isShowing) {
                inPlayerEmptyFoldersListBalloonFactory!!.dismiss()
            }
        }
        if (inPlayerEmptySelectedFoldersListBalloonFactory != null) {
            if (inPlayerEmptySelectedFoldersListBalloonFactory!!.isShowing) {
                inPlayerEmptySelectedFoldersListBalloonFactory!!.dismiss()
            }
        } ...

It's seems it's working but very rarely it crashes (I saw on my phone (Xperia Z5) about 2-3 times until a lot of test, but on emulators don't have problems)
I thougth it was fixed with your 1.1.7 version, because I couldn't reproducate it.
But after I made my release, I got crashes in chrashlytics from a Nexus 5x. It comes from my dismissBalloons method:

Thank you for helping!

• Library Version: 1.1.2
• Affected Device(s) Huawei P20 Pro Android: v9.0.0

Describe the Bug:

When dismissWhenTouchOutside is enabled, when touched outside, balloon closes but isShowing property stays true.

My code is:

val statusPopup = createBalloon(this) {
           setLayout(R.layout.popup_change_annoyed_status)
           setWidth(311)
           setArrowSize(10)
           setArrowOrientation(ArrowOrientation.TOP)
           setArrowPosition(0.85f)
           setCornerRadius(5f)
           setTextTypeface(R.font.montserrat_medium)
           setDismissWhenTouchOutside(true)
           setBackgroundColorResource(R.color.colorSecondary)
           setBalloonAnimation(BalloonAnimation.OVERSHOOT)
           setLifecycleOwner(lifecycleOwner)
        }

Expected Behavior: set isShowing property to false

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

Describe the Bug:

When using setDismissWhenTouchOutside, after the tooltip has been opened once, it doesn't open again. Sometimes it works. Happens in a RecyclerView (see other issues for screenshots). I don't know if it happens when not in a RecyclerView.

setTextResource(text)
setPaddingLeft(10)
setPaddingRight(10)
setBackgroundColorResource(colorAccent)
setTextColorResource(white)
setCornerRadius(15f)
setArrowSize(10)
//        setWidthRatio(1.0f)
setHeight(65)
//        setPadding(0)
setDismissWhenTouchOutside(true)
//        setArrowPosition(.5f)
setSpace(-10)
setAlpha(1f)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(ELASTIC)
setLifecycleOwner(lifecycleOwner)

Expected Behavior:

The tooltip can be opened again.

Please complete the following information:

• Library Version 1.1.2
• Affected Device(s) Emulator

Describe the Bug:

packageEdit.setOnClickListener {
    packageTitle.showBalloon(this)
}

packageTitle is the label where it should appear centered.
Settings:

setArrowSize(10)
//        setWidthRatio(1.0f)
setHeight(65)
setPadding(0)
setDismissWhenTouchOutside(true)
setPaddingLeft(10)
setPaddingRight(10)
//        setArrowPosition(.5f)
setSpace(10)
setCornerRadius(10f)
setAlpha(1f)
setTextColorResource(R.color.white)
setBackgroundColorResource(R.color.colorAccent)
setOnBalloonClickListener {
    onClick?.invoke()
}
setBalloonAnimation(BalloonAnimation.ELASTIC)
setLifecycleOwner(lifecycleOwner)

Happens when using in RecyclerView. Position seems to be random, on other cells it appears at different non-centered positions. I haven't tested without RecyclerView.

Expected Behavior:

The tooltip appears centered horizontally over the text label.

Is your feature request related to a problem?

Hi, I've been struggling with the problem of using your library inside recyclerview item. For example I would like to display tooltip after click on circle avatar image at your sample project. It's popups balloon at different items or sometimes just nothing happens after a click event. My implementation is very simple I've used showAlignBottom method inside viewholder.

Describe the solution you'd like:

Could you provide some simple solution how to use you library with recyclerview?

Thanks!

• Library Version [e.g. v1.1.4]
• Affected Device(s) : Emulator]

Describe the Bug:

AndroidRuntime: Caused by: java.lang.ClassNotFoundException: Didn't find class "androidx.appcompat.AppCompatImageView"

I presume this is caused by your dependency on the alpha version of the appcompat lib. Is it possible to use the stable version?

Expected Behavior:
App doesn't crash

• Library version 1.0.0
• All devices
• Java 1.8

Describe the Bug:
There is an interface called OnBalloonOutsideTouchListener in this library. There is no listener or callback setter function for this to be set in the Balloon class. What is the purpose of this interface?
I am looking for a way to make the popup dismiss when there is a click outside of the popup. Similar to I have found no way enable this in the library.
This would be similar functionality to doing: DialogFragment.getDialog().setCanceledOnTouchOutside(true);

Expected Behavior:
I would expect the Balloon class to have a setOnBalloonOutsideTouchListener(OnBalloonOutsideTouchListener listener) and setOnBalloonOutsideTouchListener(OnBalloonOutsideTouchListener listener) functions to enable the listener to be get and set.
If this feature is not supported, then I would expect this class to be removed.

If setDismissWhenTouchOutside(true) is set buttons inside custom layout stops working.