I am attempting to create a frame which has a linear gradient going from yellow to green. I would like the top-right corner to be yellow, and the middle of the bottom to be green.
I am using the following XAML:
<Frame Padding="0" BorderColor="Transparent" HeightRequest="200" Margin="10">
<Frame.Background>
<LinearGradientBrush StartPoint="1,0" EndPoint="0.5,1">
<GradientStop Color="Yellow"
Offset="0.0" />
<GradientStop Color="Green"
Offset="1.0" />
</LinearGradientBrush>
</Frame.Background>
</Frame>
Here is what I see when I run the application:
My expectation is that I would see something similar to this (red arrow added to help visualize the start and end of the gradient):
I notice that if I change the EndPoint X to 0, it works as expected:
<LinearGradientBrush StartPoint="1,0" EndPoint="0,1">
I have tried values of 0.5
and .5
but neither seem to work.