Bu yazımızda WPF uygulamalarında kullanılan bileşenlerden biri olan DockPanel kullanımıyla ilgili 2 adet örnek göreceğiz. Dockpanel kullanımında DockPanel.Dock özelliğine Top, Left, Right, Left değerleri verildiğinde ortaya çıkan sonuçları inceleyebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 | <DockPanel Name="dcPanel"> <Button Name="TopRect" DockPanel.Dock="Top" Background="LightGreen" Height="50" Content="Top"/> <Button Name="LeftRect" DockPanel.Dock="Left" Background="LightBlue" Width="50" Content="Left"/> <Button Name="RightRect" DockPanel.Dock="Right" Background="LightSalmon" Width="50" Content="Right"/> <Button Name="BottomRect" DockPanel.Dock="Bottom" Background="LightCyan" Height="50"/> <Button Name="Fill" Background="LightGray" /> </DockPanel> |
Ekran görüntüsü aşağıdaki şekilde olacaktır.
2. örneğimizde ise bir form görüntüsü oluşturacağız. Burada DockPanel içerisinde StackPanel kullanımınıda inceleyebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <Window x:Class="dockpanel.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <DockPanel> <StackPanel DockPanel.Dock="Bottom" HorizontalAlignment="Right" Orientation="Horizontal"> <Button Margin="10,10,2,10" Padding="3">OK</Button> <Button Margin="2,10,10,10" Padding="3">Cancel</Button> </StackPanel> <TextBox DockPanel.Dock="Top" Margin="10">www.yazilimkodlama.com</TextBox> </DockPanel> </Grid> </Window> |
Ekran görüntüsü aşağıdaki şekilde olacaktır.
