Я думаю, вам придется поместить голубой поверх красного и зеленого. Вы не можете иметь ребенка за пределами его родительской ViewGroup (AFAIK). Вам нужно будет изменить дизайн вашего макета.
Получить то, что вы хотите, должно быть довольно легко. Я не использую графический дизайнер, поэтому мне нужен XML.
FrameLayout с LinearLayout внутри, чтобы показать красный / зеленый, затем еще один линейный или относительный после первого LinearyLayout (внутри FrameLayout). С LinearLayout я выровняю вправо и добавлю синему элементу отступ.
Возможно, все это можно сделать с помощью RelativeLayout, но я стараюсь держаться от этого подальше.