DERS PROGRAMI
201 Ders Programı

Grid

Lisans: Creative Commons 11.12.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

Grid, pozisyon bilgilerini ayarlayabileceğiniz kontrolleri gruplandırmak amacıyla kullanılan bir panel kontrolüdür. Kullanım amacı genelde, tasarımcılarla birlikte çalışan uygulama geliştiricilerin, tasarımcının hazırladığı yapıyı anlamasına yöneliktir. Birbirinden bağımsız işlev ve işlemleri yerine getirecek kontrolleri aynı Grid kontrolü üzerinde tutmak, kullanıcı deneyimi açısından mantıklı bir çözüm olmayacaktır.

Örnek Kod – Gruplandırma

XAML

<Gridx:Name="grdBaslik" HorizontalAlignment="Left" Height="68" Margin="10,10,0,0" VerticalAlignment="Top" Width="460">
            
<Image HorizontalAlignment="Left" Height="48"  Margin="10,10,0,0" VerticalAlignment="Top" Width="61" Source="/Assets/ApplicationIcon.png"/>
            
<TextBlock HorizontalAlignment="Left" Margin="71,10,0,0" TextWrapping="Wrap" Text="Gruplandırma Örneği" VerticalAlignment="Top" FontSize="36"/></Grid>
 
<Grid x:Name="grdMakaleler" HorizontalAlignment="Left" Height="675" Margin="10,83,0,0" VerticalAlignment="Top" Width="460"/>

Yukarıdaki örnek XAML kodunu projenize dahil ederek, farklı amaçları gerçekleştiren kontrolleri Grid’ler vasıtasıyla ayırmış oldunuz. Uygulamanın tasarımı şöyledir:

Grid