xmlns:igWindows="http://infragistics.com/Windows"
This topic will walk you through, from the beginning, the necessary steps to create xamCarouselPanel™.
Create a Microsoft® Windows® Presentation Foundation Window or Page project.
Before you start writing any code, you should place using/Imports directives in your code-behind so you don’t need to always type out a member’s fully qualified name.
In XAML:
xmlns:igWindows="http://infragistics.com/Windows"
In Visual Basic:
Imports Infragistics.Windows.Controls
In C#:
using Infragistics.Windows.Controls;
If you are going to use the code-behind to add the xamCarouselPanel - create a method (explained later in this topic) that the form will call when loaded. In the opening Page or Window tag of the XAML file, place the following.
In XAML:
Loaded="Samp_Loaded"
Assign a name to the Page or Window’s Grid so it will be available for adding the xamCarouselPanel from code-behind.
In XAML:
<Grid Name="myGrid"> ... </Grid>
Add the xamCarouselPanel and images in it’s ChildElements collection either using XAML ot code-behind.
In XAML:
<Grid> <igWindows:XamCarouselPanel x:Name="XamCarouselPanel1"> <Image Width="51" Height="51" Source="..\..\images\image1.png" /> <Image Width="51" Height="51" Source="..\..\images\image2.png" /> <Image Width="51" Height="51" Source="..\..\images\image3.png" /> <Image Width="51" Height="51" Source="..\..\images\image4.png" /> <Image Width="51" Height="51" Source="..\..\images\image5.png" /> <Image Width="51" Height="51" Source="..\..\images\image6.png" /> <Image Width="51" Height="51" Source="..\..\images\image7.png" /> <Image Width="51" Height="51" Source="..\..\images\image8.png" /> </igWindows:XamCarouselPanel> </Grid>
In Visual Basic:
Sub Samp_Loaded(ByVal o As Object, ByVal e As RoutedEventArgs) ' Create an instance of XamCarouselPanel Dim myxamCarouselPanel As New XamCarouselPanel() ' Supply it with a name myxamCarouselPanel.Name = "XamCarouselPanel1" ' Create several instances of images and assign them to the ' XamCarouselPanel's ChildElements collection Dim myImage1 As New Image() myImage1.Height = 100 myImage1.Width = 100 Dim myBitmapImage1 As New BitmapImage() myBitmapImage1.BeginInit() Dim myUri1 As New Uri(App.Current.StartupUri.OriginalString.ToString() + _ "..\..\..\images\image1.png") myBitmapImage1.UriSource = myUri1 myBitmapImage1.DecodePixelHeight = 100 myBitmapImage1.DecodePixelWidth = 100 myBitmapImage1.EndInit() myImage1.Source = myBitmapImage1 myxamCarouselPanel.ChildElements.Add(myImage1) Dim myImage2 As New Image() myImage2.Height = 100 myImage2.Width = 100 Dim myBitmapImage2 As New BitmapImage() myBitmapImage2.BeginInit() Dim myUri2 As New Uri(App.Current.StartupUri.OriginalString.ToString() + _ "..\..\..\images\image2.png") myBitmapImage2.UriSource = myUri2 myBitmapImage2.DecodePixelHeight = 100 myBitmapImage2.DecodePixelWidth = 100 myBitmapImage2.EndInit() myImage2.Source = myBitmapImage2 myxamCarouselPanel.ChildElements.Add(myImage2) Dim myImage3 As New Image() myImage3.Height = 100 myImage3.Width = 100 Dim myBitmapImage3 As New BitmapImage() myBitmapImage3.BeginInit() Dim myUri3 As New Uri(App.Current.StartupUri.OriginalString.ToString() + _ "..\..\..\images\image3.png") myBitmapImage3.UriSource = myUri3 myBitmapImage3.DecodePixelHeight = 100 myBitmapImage3.DecodePixelWidth = 100 myBitmapImage3.EndInit() myImage3.Source = myBitmapImage3 myxamCarouselPanel.ChildElements.Add(myImage3) ' Add the newly created XamCarouselPanel to the Grid Panel's ' Children collection myGrid.Children.Add(myxamCarouselPanel) End Sub
In C#:
void Samp_Loaded(object o, RoutedEventArgs e) { // Create an instance of XamCarouselPanel XamCarouselPanel myxamCarouselPanel = new XamCarouselPanel(); // Supply it with a name myxamCarouselPanel.Name = "XamCarouselPanel1"; // Create several instances of images and assign them to the // XamCarouselPanel's ChildElements collection Image myImage1 = new Image(); myImage1.Height = 51; myImage1.Width = 51; BitmapImage myBitmapImage1 = new BitmapImage(); myBitmapImage1.BeginInit(); myBitmapImage1.UriSource = new Uri( Application.Current.StartupUri.OriginalString.ToString() + @"..\..\images\image1.png"); myBitmapImage1.DecodePixelHeight = 51; myBitmapImage1.DecodePixelWidth = 51; myBitmapImage1.EndInit(); myImage1.Source = myBitmapImage1; myxamCarouselPanel.ChildElements.Add(myImage1); Image myImage2 = new Image(); myImage2.Height = 51; myImage2.Width = 51; BitmapImage myBitmapImage2 = new BitmapImage(); myBitmapImage2.BeginInit(); myBitmapImage2.UriSource = new Uri( Application.Current.StartupUri.OriginalString.ToString() + @"..\..\images\image2.png"); myBitmapImage2.DecodePixelHeight = 51; myBitmapImage2.DecodePixelWidth = 51; myBitmapImage2.EndInit(); myImage2.Source = myBitmapImage2; myxamCarouselPanel.ChildElements.Add(myImage2); Image myImage3 = new Image(); myImage3.Height = 51; myImage3.Width = 51; BitmapImage myBitmapImage3 = new BitmapImage(); myBitmapImage3.BeginInit(); myBitmapImage3.UriSource = new Uri( Application.Current.StartupUri.OriginalString.ToString() + @"..\..\images\image3.png"); myBitmapImage3.DecodePixelHeight = 51; myBitmapImage3.DecodePixelWidth = 51; myBitmapImage3.EndInit(); myImage3.Source = myBitmapImage3; myxamCarouselPanel.ChildElements.Add(myImage3); // Add the newly created XamCarouselPanel to the Grid Panel's // Children collection myGrid.Children.Add(myxamCarouselPanel); }
Build and run the project. You can change the number of items displayed at any one time by modifying the ItemsPerPage property. For more information on doing this, see Limiting the Number of Items Viewed on xamCarouselPanel’s Path.