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

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

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

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

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

   マークアップ	コードのコピー
   <UserControl x:Class="C1RangeSlider.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="Auto" Height="Auto">

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

5. プロジェクトの XAML ウィンドウで、<Grid>タグの直下に次の XAML マークアップを追加します。

6. ツールボックスに移動し、［C1ProgressBar］アイコンをダブルクリックして、グリッドにコントロールを追加します。これで、C1.WPF/C1.Silverlight 名前空間と<c1:C1ProgressBar></c1:C1ProgressBar> タグがプロジェクトに追加されていることを確認してください。

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

前の手順では、Visual Studio で、アプリケーションのユーザーインターフェースを作成して C1ProgressBar を追加しました。この手順では、CheckBox を追加してコントロールをカスタマイズします。

1. ページ上に C1ProgressBar が選択されている状態で、メニューから［表示］→［プロパティ］を選択します。

2. ［プロパティ］ウィンドウで、次のプロパティを設定します。

   • Marginプロパティを "3" に設定します。
   • Heightプロパティを "200" に設定します。
   • Widthプロパティを "450" に設定します。

3. XAML マークアップは次のようになります。

   マークアップ	コードのコピー
   <Grid x:Name="LayoutRoot"> <c1:C1ProgressBar HorizontalAlignment="Left" Margin="3" Name="C1ProgressBar1" VerticalAlignment="Top" Height="200" Width="450" /> </Grid>

4. コードビューで、チェックボックスを追加するマークアップを追加します。

   マークアップ	コードのコピー
   <Grid x:Name="LayoutRoot"> <c1:C1ProgressBar HorizontalAlignment="Left" Margin="3" Name="C1ProgressBar1" VerticalAlignment="Top" Height="200" Width="450" /> <CheckBox Content="Show C1ProgressBar1" IsChecked="{Binding IsIndeterminate, ElementName=C1ProgressBar1, Mode=TwoWay}"/> </Grid>

この手順では、コントロールを正常にカスタマイズしました。次の手順では、アプリケーションを実行し、実行時の操作を確認します。

最後に、アプリケーションを実行します。アプリケーションの実行時の操作を確認するには、次の手順に従います。

1. メニューから［デバッグ］→［デバッグ開始］を選択して、アプリケーションを実行します。

2. 「C1ProgressBar1を表示する」チェックボックスを選択すると、プログレスバーが表示されます。結果的に、ProgressBar コントロールが赤い一連のドットとして画面上に移動している動作を確認できます。

おめでとうございます。これで、ProgressBar for WPF/Silverlight クイックスタートは終了です。