İpinUcu ~ 61 – WPF DevExpress Carousel Kullanımı


WPF DevExpress Carousel Kullanımı için DevExpress’in 9 ya da 10 sürümlerinden herhangi biri yüklü olmalıdır. Program Visual Studio 2010 ve DevExpress 2010 sürümleriyle test edilmiştir.

Penceremize CarouselItemsControl ekliyoruz.

<dxca:CarouselItemsControl Name=”carouselItemsControl1″ >

</dxca:CarouselItemsControl>

Panelde aynı anda kaç tane nesne görüneceğini belirlemek için AttractorPointIndex özelliğine 2 değerini veriyoruz.

<dxca:CarouselItemsControl Name=”carouselItemsControl1″ >

<ItemsControl.ItemsPanel>

<ItemsPanelTemplate>

<dxca:CarouselPanel AttractorPointIndex=”2″ />

</ItemsPanelTemplate>

</ItemsControl.ItemsPanel>

</dxca:CarouselItemsControl>

Panelde dönecek olan nesnemizi Button olarak seçiyorum. Eğer isterseniz farklı nesneler de seçebilirsiniz:

<dxca:CarouselItemsControl Name=”carouselItemsControl1″ >

<ItemsControl.ItemsPanel>

<ItemsPanelTemplate>

<dxca:CarouselPanel AttractorPointIndex=”2″ />

</ItemsPanelTemplate>

</ItemsControl.ItemsPanel>

<ItemsControl.ItemTemplate>

<DataTemplate>

<Button  Content=”{Binding}”  />

</DataTemplate>

</ItemsControl.ItemTemplate>

</dxca:CarouselItemsControl>

Şimdi de Butonların Content özelliğine karşılık gelecek isimleri tanımlıyoruz:

<dxca:CarouselItemsControl Name=”carouselItemsControl1″ >

<ItemsControl.ItemsPanel>

<ItemsPanelTemplate>

<dxca:CarouselPanel AttractorPointIndex=”2″ />

</ItemsPanelTemplate>

</ItemsControl.ItemsPanel>

<ItemsControl.ItemTemplate>

<DataTemplate>

<Button  Content=”{Binding}”  />

</DataTemplate>

</ItemsControl.ItemTemplate>

<ItemsControl.ItemsSource>

<x:Array Type=”sys:String”>

<sys:String>Mehmet KAPLAN</sys:String>

<sys:String>Mehmet KAPLAN 2</sys:String>

<sys:String>Mehmet KAPLAN 3</sys:String>

<sys:String>Mehmet KAPLAN 4</sys:String>

</x:Array>

</ItemsControl.ItemsSource>

</dxca:CarouselItemsControl>

Programı derleyip çalıştırdığımızda düğmelerimiz bir sağa, bir sola gidecektir. Yön tuşlarını da kullanabiliriz.

Haydi kolay gelsin.

DevExpress’in konuyla ilgili görsel dersi:

http://tv.devexpress.com/#DXCarouselUseControls;DXCarousel+for+WPF.product;1

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: