TapTarget is placed behind RecyclerView items.

I’m trying to add a TapTarget in a RecyclerView item, but the TapTarget appears behind the item.

// Gets the first RecyclerView item
View view = UIUtils.getFirstVisibleItem(circlesView);
TapTarget tapTarget = TapTarget.forView(view, title, description);
new TapTargetSequence(activity).targets(tapTarget).start();

public class UIUtils {
  public static View getFirstVisibleItem(RecyclerView recyclerView) {
    View view = null;
    RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
    if(layoutManager instanceof LinearLayoutManager) {
      int index = ((LinearLayoutManager) layoutManager).findFirstCompletelyVisibleItemPosition();
      view = layoutManager.findViewByPosition(index);
    }
    return view;
  }
}

If I increase the target radius, the appearance is a little better, but is not working as I expected. Look at the second screenshot.

• I have verified the issue exists on the latest version
• I am able to reproduce it

Version used: com.getkeepsafe.taptargetview:taptargetview:1.7.0

Stack trace: No stack trace

Android version: 6.0

Screenshots:

[xiphirx]

You want to use something like

final int[] location = new int[2];
view.getLocationOnScreen(location);
new Rect(location[0], location[1], location[0] + view.getWidth(), location[1] + view.getHeight());

instead of getX and getY since those methods are relative to the parent, not the screen.

[sandrocsimas]

@xiphirx. Specifying a Rect is not working well. Look at the following screenshots. I draw a Rect in Canvas and I pass the same Rect to TapTarget. It should draw the circle where the rectangule is positioned. Any suggestion?

int centreX = (int) (view.getX() + view.getWidth() / 2);
int centreY = (int) (view.getY() + view.getHeight() / 2);
Rect bounds = new Rect(centreX - 100, centreY + 100, centreX + 100, centreY - 100);

Paint paint = new Paint();
paint.setColor(Color.rgb(255, 0, 0));
paint.setStyle(Paint.Style.FILL);
Bitmap bitmap = Bitmap.createBitmap(view.getWidth(), view.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
canvas.drawRect(bounds, paint);
view.setBackgroundDrawable(new BitmapDrawable(bitmap));

TapTarget tapTarget = TapTarget.forBounds(bounds, title, description);