手順 1：アプリケーションの作成

この手順では、最初に Visual Studio で Expander for WPF/Silverlight を使用する WPF/Silverlight アプリケーションを作成します。

次の手順に従います。

Visual Studio で、［ファイル］→［新しいプロジェクト］を選択します。
［新しいプロジェクト］ダイアログボックスの左ペインから言語を選択し、テンプレートリストから［WPF/Silverlight アプリケーション］を選択します。プロジェクトの名前を入力し、［OK］をクリックします。［新しい WPF/Silverlight アプリケーション］ダイアログボックスが表示されます。
［OK］をクリックすると、［新しい WPF/Silverlight アプリケーション］ダイアログボックスが閉じ、プロジェクトが作成されます。

プロジェクトの XAML ウィンドウで、<UserControl> タグの DesignWidth="400" DesignHeight="300" を DesignWidth="Auto" DesignHeight="Auto" に変更して、UserControl をサイズ変更します。次のようになります。

XAML	コードのコピー
<UserControl x:Class="SilverlightApplication1.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" mc:Ignorable="d" d:DesignWidth="Auto" d:DesignHeight="Auto">

XAML

コードのコピー

<UserControl x:Class="SilverlightApplication1.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"
    mc:Ignorable="d" d:DesignWidth="Auto" d:DesignHeight="Auto">

これで、UserControl は、中に置かれた内容に合わせてサイズ変更されるようになります。

プロジェクトの XAML ウィンドウで、カーソルを <Grid> タグと </Grid> タグの間に置き、１回クリックします。

ツールパネルに移動し、C1Expander アイコンをダブルクリックして、コントロールをグリッドに追加します。XAML マークアップは次のようになります。

XAML	コードのコピー
<Grid x:Name="LayoutRoot"> <c1:C1Expander></c1:C1Expander> </Grid> </UserControl>

これで、C1Expander コントロールを含む WPF/Silverlight アプリケーションを作成できました。次の手順では、C1Expander コントロールの外観と動作をカスタマイズします。