Windows Phone’da Grid

Merhaba Arkadaşlar,

Bugün sizlere Windows Phone ve Silverligh’ta sıkça kullandığımız Grid kontrolünden bahsedeceğim. Grid kontrolü esnek bir düzen panelidir.   Öncelikle şunu belirmeliyim ki Grid kontrolünü DataGrid ile karıştırmayınız.

Grid’de istediğimiz sayıda ve genişlikte satır ve sütunlar oluşturarak içine düzenli bir şekilde diğer kontrolleri yerleştirmemizi sağlar bu da kontrollerimizin daha profesyonel bir şekilde görünmesine yardımcı olur.

Örneğin;

<Grid x:Name="LayoutRoot" Background="Transparent">
      <Grid.RowDefinitions>
          <RowDefinition Height="*"/>
          <RowDefinition Height="*"/>
      </Grid.RowDefinitions>

      <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
      </Grid.ColumnDefinitions>
</Grid>

Yukarıda ki şekilde yazılmış bir kod Resim 1 de  görüldüğü gibi ekranı 2 eşit sütun  ve  satıra böler.  ‘*’ yerine istersek piksel değerleri vererek de satır ve sütunlara ayırma işlemi  yapılabilir. Ayrıca yine ‘*’ yerlerine  ‘2*’  ,   ‘5*’ şeklinde değerler verilerek 2 ye 5 oranında bölme işlemi yapılabilir. <Grid.RowDefinitions> etiketleri altındaki  <RowDefinition Height=”*”/>’lara  yenileri eklenerek ikiden fazla satır oluşturulabilir.  Aynı  şekilde <Grid.ColumnDefinitions> etiketleri içinde <ColumnDefinition Width=”*”>  şeklinde  eklemeleri yapılarak sütun sayısı da artırılabilir.

 Şimdi gelelim kontrolleri ekledikten sonra hangi bölümlerde yer alacağını belirlemeye.

Diyelim ki şu şekilde ;

<Button Content="Button"   Grid.Row="1"  Grid.Column="1" />

 bir buton eklediğimiz de  bu butonu sağ en alt köşedeki bölmeye yerleştirecektir. Grid. Row=”0″ ve Grid.Column=”0″ verirsekte sol en üst köşedeki bölmeye yerleşecektir. Eğer butonumuzun Margin özelliğine bir şeyler verirsekte bulunduğu Grid bölmesindeki kenarlara göre yerleşecektir.

Kolay gelsin..