I have a strange situation that I cannot explain
I have a page with 2 relative layouts, one is visible and has white background and the other is hidden and has black background with 0.6 opacity, so it is partially transparent if it is shown. Both take entire page, something like:
<RelativeLayout> //parent container taking entire page <RelativeLayout x:Name="A" Color="White"> //this relative layout is visible, takes entire parent layout space </RelativeLayout> <RelativeLayout x:Name="B" Color="Black" Opacity="0.6" IsVisible="False"> //this relative layout is hidden, takes entire parent layout space </RelativeLayout> </RelativeLayout>
If I run my app, my page shows A layout with white color, that is all great.
On a button tap, I set layout B to be visible. This now shows my B layout and semi transparent black, this is also great.
But if I tap on button again to set layout B to invisible again, my layout A shows again but its color is not entirely white but bit darker. It looks like the semi transparent black color from layout B somehow affected white color of layout A.
Any idea what is wrong and thanks?