Carousel for WPF/Silverlight
アプリケーションへの C1Carousel の追加
タスク別ヘルプ > アプリケーションへの C1Carousel の追加

次の手順に従って、プロジェクトに C1Carouselコントロールを追加します。

  1. Visual Studio の[ファイル]メニューから、[新規作成]を選択し、[プロジェクト]を選択します。

  2. [新しいプロジェクト]ダイアログボックスで、左側のメニューから言語を選択し、[フレームワーク]ドロップダウンリストで[.NET Framework 4]を選択し、プロジェクトの名前を入力します。

  3. ソリューションエクスプローラで、プロジェクト名を右クリックし、[参照の追加]を選択します。[参照の追加]ダイアログボックスで、以下のアセンブリを見つけて選択し、[OK]をクリックしてプロジェクトに参照を追加します。

    コードのコピー
    C1.WPF.4.dll
    C1.WPF.Carousel.4.dll
    
    コードのコピー
    C1.Silverlight.5.dll
    C1.Silverlight.Carousel.5.dll
    
  4. マークアップ xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" を使用して、Window/UserControl タグに XAML 名前空間を追加します。
    名前空間は次のようになります。

    XAML
    コードのコピー
    <UserControl x:Class="QuickStart.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
    mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400">
    
  5. XAML ビューで、次のマークアップを使用して、<Window.Resources> タグのセットを <Window> タグと <Grid> タグの間に追加します。

    コードのコピー
    <Window.Resources>
    </Window.Resources>
    
    コードのコピー
    <UserControl.Resources>
    </UserControl.Resources>
    

    このタグ内にテンプレートを追加します。
  6. <Window.Resources> タグ内に <ItemsPanelTemplate> を追加して、C1CarouselPanel を定義します。

    XAML
    コードのコピー
    <ItemsPanelTemplate x:Key="carouselPanelTemplate">
       <c1:C1CarouselPanel Padding="0, 10, 50, 50" VerticalPathAlignment="Center"
       HorizontalItemAnchorOnPath="Center" VerticalItemAnchorOnPath="Center"/>
    </ItemsPanelTemplate>
    

これで、ページに C1CarouselPanelが追加されました。ここでアプリケーションを実行すると、空の WPF アプリケーションが表示されます。

関連トピック