バージョン

CarouselPanelItem テンプレートを編集

ListBoxItem から派生した CarouselPanelItem は、xamCarouselPanel™ コントロール内に含まれる項目の選択可能なコンテナーです。xamCarouselPanel コントロールには、CarouselPanelItems のコレクションが含まれます。

テンプレートは非常に複雑な場合があります。コントロールのテンプレートには特定のコントロールを描画するために必要なすべての設定が含まれます。

これらの手順に従って、CarouselPanelItem テンプレートを修正します。xamCarouselListBox で各項目の周囲に境界線を配置します。このトピックは、 xamCarouselPanel をページに追加のタスクを完了していることが前提となります。

  1. Border を作成して、BorderBrush を Tomato に、BorderThickness を 1 に設定します。リンク先の スタイル テンプレート 全体をプロジェクトにコピーすることができます。

XAML の場合:

<Style TargetType="{x:Type igWindows:CarouselPanelItem}">
        ...
                <ScrollViewer ...>
                        ...
                                <Border x:Name="itemContentHolderBackground"
                                  Background="#00000000"
                                  BorderBrush="Tomato" BorderThickness="5"/>
                        ...
                </ScrollViewer ...>
        ...
</Style>
  1. プロジェクトをビルドして実行します。透明な背景を持つ画像の周囲に赤の境界線が表示されます。

カスタム テンプレートを適用した xamcarouselpanel