Unable to use arrow orientation at the bottom

Please complete the following information:

• Library Version: 1.3.4
• Affected Device(s): OnePlus 5 (all devices though I guess)

Describe the Bug:

When using ArrowOrientation.TOP a centered balloon (presented in the center of an anchor view via .show) will have its arrow pointing upwards but will be located at an incorrect position relative to the anchor view. The position is calculated as if the arrow is pointing down not up.

Balloon balloon = new Balloon.Builder(context)
                .setArrowSize(20)
                .setArrowOrientationRules(ArrowOrientationRules.ALIGN_FIXED)
                .setArrowOrientation(ArrowOrientation.TOP)
                .setArrowColorResource(R.color.black)
                .setCornerRadius(0)
                .setText("Hello!")
                .setBalloonAnimation(BalloonAnimation.FADE)
                .setLifecycleOwner(this)
                .setSize(100, 100)
                .setElevation(5)
                .build();

balloon.show(buttonView);

Result:

Expected Behavior:

The balloon position should follow the arrow orientation, shifting the balloon downwards.

[Jilocasin]

Sorry for wording. My intention is to show the balloon ‘over’ the view in terms of z-index, not vertically. Both views should overlap each other, the arrow tip pointing to the anchor center. What I am looking for is the following:

This is a mockup made in GIMP. I wasn’t able to achieve this using any combination of config settings.

When using showAlign____ the whole balloon will be shifted down below or above the anchor view, resulting in the arrow pointing directly at the edge. This is not the intended look.

[skydoves]

A new stable 1.3.8 has been released!