バージョン

xamCarouselPanel をページに追加

このトピックは、xamCarouselPanel を作成するために必要な手順を最初から説明します。

  1. Microsoft® Windows® Presentation Foundation Window または Page プロジェクトを作成します。

  2. コードの記述を開始する前にコード ビハインドに using/Imports のディレクティブを配置します。そうすれば、メンバーは完全に記述された名前を常にタイプする必要がなくなります。

XAML の場合:

xmlns:igWindows="http://infragistics.com/Windows"

Visual Basic の場合:

Imports Infragistics.Windows.Controls

C# の場合:

using Infragistics.Windows.Controls;
  1. コード ビハインドを使用して xamCarouselPanel を追加する場合、ロード時にフォームが呼び出すメソッド (このトピックにて後述) を作成します。XAML ファイルの開始の Page タグまたは Window タグに、以下を配置してください。

XAML の場合:

Loaded="Samp_Loaded"
  1. Page または Window の Grid に名前を割り当てます。これによって、コード ビハインドから xamCarouselPanel を追加できるようになります。

XAML の場合:

<Grid Name="myGrid">
        ...
</Grid>
  1. XAML またはコード ビハインドを使用して、xamCarouselPanel および画像をその ChildElements コレクションに追加します。

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>

Visual Basic の場合:

Sub Samp_Loaded(ByVal o As Object, ByVal e As RoutedEventArgs)
        ' XamCarouselPanel のインスタンスを作成します。
        Dim myxamCarouselPanel As New XamCarouselPanel()
        ' 名前を指定します。
        myxamCarouselPanel.Name = "XamCarouselPanel1"
        ' 画像のインスタンスを複数作成して、これらを
        ' XamCarouselPanel の ChildElements コレクションに割り当てます。
        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)
        ' 新しく作成した XamCarouselPanel を Grid Panel の
        ' Children コレクションに追加します。
        myGrid.Children.Add(myxamCarouselPanel)
End Sub

C# の場合:

void Samp_Loaded(object o, RoutedEventArgs e)
{
        // XamCarouselPanel のインスタンスを作成します。
        XamCarouselPanel myxamCarouselPanel
          = new XamCarouselPanel();
        // 名前を指定します。
        myxamCarouselPanel.Name = "XamCarouselPanel1";
        // 画像のインスタンスを複数作成して、これらを
        // XamCarouselPanel の ChildElements コレクションに割り当てます。
        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);
        // 新しく作成した XamCarouselPanel を Grid Panel の
        // Children コレクションに追加します。
        myGrid.Children.Add(myxamCarouselPanel);
}
  1. プロジェクトをビルドして実行します。 ItemsPerPage プロパティを修正することで、一度に表示される項目数を変更できます。これについての詳細は、 xamCarouselPanel のパスで表示される項目数を制限を参照してください。

上の手順および XAML から得られる xamcarouselpanel