Реализация кастомного View для PopupWindow

Для констектного меню (вплывающего окна) нужно создать прямоугольник со скругленными углами, обводкой и небольшую стрелку, которая будет указывать на элемент (в ресайклер вью) для которого было вызвано это меню (окно).

Пробовал vector drawable:

+ можно довольно легко менять толщину обводки, ее цвет;
- нужно подбирать padding в xml чтобы контент не налезал на границы;
- стрелка то растягивается, то сжимается, в зависимости от ширины контента, а она должна быть фиксированной длины, растягиваться может прямоугольник.

Попробовал 9.png:

+ стрелка не растягивается;
- если нужно будет поменять цвет или толщину нужно все перерисовывать и создавать 9.png заново.

Общий минус - нету теней (elevation не работает).

Еще может быть такая ситуация что будет выбран самый нижний елемент и тогда Popup нужно отображать над элементом и соответсвенно стрелка должна будет находится внизу. Или контент будет большой по ширине (занимать 2 * item.width) и тогда стрелку нужно будет посунуть правее. Вообщем, стрелка должна быть плавающей.
Как я понял, обычными drawable это не реализовать, и нужно писать свой View или ViewGroup или RecyclerView? Контент это несколько (3-7) елементов типа ImageView+TextView под ним. В связи с этим, не могу понять мне нужен ViewGroup или RecyclerView. Если RecyclerView то я создаю отдельный layout под элемент, и делаю всю настройку в адаптере. Если юзаю ViewGroup нужно будет все элементы прописывать вручную в xml, вешать на каджый клик листенер и т.п. (по моему тут лишное дублирование) или нужно смотреть в сторону создния своего View и создать для него атрибуты, которые позволят мне просто и без гемороя использовать этот View в XML разметке моего кастомного ViewGroup.

Извините за много букв. На рисунке то что нужно сделать (тут без обводки, тем не менее, если возникнет необходимость, то она должна быть добавлена в будующем без гемороя). Как это реализовать?

0