title: Xamarin Layout XAML
body: <p>I am currently building an application with Xamarin for IOS and Android, and it's supposed to be a converter application that converts decimals to binary, hex and octal equivalents.The application is supposed to be formatted a specific way, and I am very new to XAML. I want the labels to be centered on the screen and everything to be spaced out nicely, but the way I am doing it now makes it look messy. Below is my XAML. What are some properties or different layouts available in XAML that I could utilize, and could you please provide some examples? There is also an attachment at the bottom w/ the screen display currently. </p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:local="clr-namespace:Assignment2"
               x:Class="Assignment2.MainPage"&gt;
  
      &lt;StackLayout Orientation="Vertical" Padding="20"&gt;
          &lt;StackLayout Orientation="Horizontal"&gt;
              &lt;StackLayout Orientation="Horizontal"&gt;
                  &lt;Label Text="Number Converter" HorizontalOptions="Center"/&gt;
              &lt;/StackLayout&gt;
              &lt;Label Text="Decimal" VerticalOptions="End" /&gt;
  
              &lt;Entry x:Name="Decimal" WidthRequest="75" HorizontalOptions="Center" /&gt;
          &lt;/StackLayout&gt;
  
          &lt;BoxView x:Name ="Space" HeightRequest="30"/&gt;
  
          &lt;Button Clicked="Button_Clicked" x:Name="converter" Text="Convert" /&gt;
  
          &lt;StackLayout Orientation="Horizontal"&gt;
  
              &lt;Label Text="Octal" VerticalOptions="Center" /&gt;
  
              &lt;Label x:Name="Octal" VerticalOptions="Center" WidthRequest="100" /&gt;
              &lt;Label Text="Hexadecimal" VerticalOptions="Center"/&gt;
  
              &lt;Label x:Name="Hexa" VerticalOptions="Center" WidthRequest="50" /&gt;
          &lt;/StackLayout&gt;
          &lt;StackLayout Orientation="Horizontal"&gt;
              &lt;Label Text="Binary Bytes 1-4" VerticalOptions="Center" HorizontalOptions="CenterAndExpand"/&gt;
          &lt;/StackLayout&gt;
          &lt;StackLayout&gt;
              &lt;BoxView x:Name="Extra" HeightRequest="30"/&gt;
              &lt;Label x:Name="First" VerticalOptions="Center"/&gt;
              &lt;Label x:Name="Second" VerticalOptions="Center"/&gt;
              &lt;Label x:Name="Third" VerticalOptions="Center"/&gt;
              &lt;Label x:Name="Forth" VerticalOptions="Center"/&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/JBnut.png" rel="nofollow noreferrer">Phone Screen</a></p>