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

次の手順に従います。

1. Visual Studio で、［ファイル］→［新しいプロジェクト］を選択します。

2. ［新しいプロジェクト］ダイアログボックスの左ペインから言語を選択し、テンプレートリストから［Silverlight アプリケーション］を選択します。プロジェクトの名前を入力し、［OK］をクリックします。［新しい Silverlight アプリケーション］ダイアログボックスが表示されます。

3. ［OK］をクリックすると、［新しい Silverlight アプリケーション］ダイアログボックスが閉じ、プロジェクトが作成されます。

4. プロジェクトの 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">

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

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

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

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

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