Xamarin Header - Center - Footer Hazırlanışı

Merhabalar Arkadaşlar,(Not:Lütfen öneri ve sorularınızı yorum olarak atınız. Teşekkürler şimdiden)
Bu yazımda Xamarin uygulamasında StackLayoutların hizalayarak isterseniz header, isterseniz sayfanın Center kısmı isterseniz de footer kısmını hazırlamk için püf noktalardan bahsedeceğim. StackLayout web uygulaması tarafında <div>e karşılık gelmektedir. Sayfa tasarımında sıkça kullanılan bir componenttir. Bunun için aşağıdaki kod satırları işimizi kolaylaştırack nitelikte olacaktır. İlk olarak aşağıdaki xaml örneği header "sayfa bağlığı" tasarımıdır.

<StackLayout>
  <StackLayout Orientation="Horizontal" VerticalOptions="Start">
    <!--page Header-->
  </StackLayout> </StackLayout>

Şimdi sıra sayfa Center'ını ayarladığımız alandır.

<StackLayout>
  <StackLayout VerticalOptions="CenterAndExpand">
    <!-- pade center -->
  </StackLayout>
</StackLayout>

Son olarak sayfa footerını veren tasarım aşağıdaki şekildedir.

<StackLayout>
  <StackLayout Orientation="Horizontal" VerticalOptions="End">
    <!--page footer-->
  </StackLayout>
</StackLayout>

Tasarımları incelediğimizde <StackLayout >'ların Orientation ve VerticalOptions özellikleri ayarlarak header, center ve footer yapımı gerçekleşmektedir.

İyi çalışmalar.