İpinUcu ~ 85 – WPF DevExpress DockLayoutControl Kullanımı


WPF DevExpress DockLayoutControl  özellikle panellerin yönetimi ve yerleşim konusunda XAML ile başı belada olanlar için harika bir taşıyıcı. Hemen örneğe geçelim ve bakalım:

<dxlc:DockLayoutControl AllowItemSizing="True" ItemSpace="10">
            <StackPanel dxlc:DockLayoutControl.Dock="Top" Height="50" Background="Blue" 
dxlc:DockLayoutControl.AllowHorizontalSizing="True" dxlc:DockLayoutControl.AllowVerticalSizing="True" />
            <Calendar dxlc:DockLayoutControl.Dock="Left" />
            <ListBox dxlc:DockLayoutControl.Dock="Right" Width="100" >
                <ListBoxItem Content="Silverlight DevExpress DockLayoutControl" />
            </ListBox>
            <dxlc:GroupBox Header="Mehmet KAPLAN" dxlc:DockLayoutControl.Dock="Client" />
            <Button dxlc:DockLayoutControl.Dock="Bottom" Height="100" Content="DockLayoutControl" 
dxlc:DockLayoutControl.AllowHorizontalSizing="True" dxlc:DockLayoutControl.AllowVerticalSizing="True" />
        </dxlc:DockLayoutControl>

Burada yaptıklarımızı kısaca özetleyelim;  bir docklayoutcontrol oluşturduk ve AllowItemSizing değerini true yaptık. AllowItemSizing, varsayılan olarak da zaten true’dur. Eğer false yaparsanız, layoutcontrol içindeki nesnelerin boyutlarını değiştiremezsiniz. ItemSpace özelliği, layoutcontrol içerisindeki nesnelerin kendi aralarındaki boşluğudur. Padding gibi düşünülebilir. Fark ettiyseniz her nesnenin dxlc:DockLayoutControl.Dock diye bir özelliği ve bu özelliğe atanmış bir değeri var. Bu değerler, nesnelerin layoutcontrol içerisinde bulunacakları bölümü belirliyor. Bunun dışında bir de DockLayoutControl.AllowVerticalSizing ve AllowHorizontalSizing özellikleri var. Eğer layoutcontrol içerisindeki nesnelerin bu özelliklerini açarsanız, kullanıcı arayüzden bu nesnelerin boyutlarını değiştirebiliyor olacaktır. Elbette bunu yapabiliyor olması için docklayout’un allowitemsizing özelliğinin true olması gerektiğini bir kez daha hatırlatalım.

Tüm bu yaptıklarımızın ekran görüntüsü aşağıdaki gibi olacaktır:

 

Elbette tüm bunların yanında Visual Studio ve Expression Blend kullanırken, DockLayoutControl içerisindeki herhangi bir nesnenin konumunu menüden ayarlayabilirsiniz:

 

WPF DevExpress DockLayoutControl Belgeleri

Haydi kolay gelsin.

Hakkında Mehmet KAPLAN
mehmet.kaplan@hotmail.com.tr https://mehmetkaplan.wordpress.com/mehmetkaplan/

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: