Xamarin.Forms BoxView Height match Width

Question

I am trying to get the box view of a content page to 'FillAndExpand' horizontally while making the height equal to it's width. So far for the xaml I've got:

<ContentPage Title="About" >
<StackLayout>
    <BoxView x:Name ="imageBoxView" Color="AliceBlue" HorizontalOptions="FillAndExpand" />
</StackLayout>
</ContentPage>

But I don't know what value to keep for the Height Request.

Answer 1

You can set the binding context to itself, and then bind the HeightRequest to the view's Width.

Note: This will not work in the XAML preview mode in Visual Studio, but will work at runtime on the device.

    <StackLayout>
       <BoxView x:Name ="imageBoxView" Color="AliceBlue"
          HorizontalOptions="FillAndExpand" 
          BindingContext="{x:Reference imageBoxView}" 
          HeightRequest="{Binding Width}" />
    </StackLayout>