1. Window1 をダブルクリックして、コードビューに切り替え、Window1_Loaded イベントハンドラを作成します。

2. コードビューで、次の import 文をページの先頭に追加します。

   Visual Basic	コードのコピー
   Imports C1.WPF

   C#	コードのコピー
   using C1.WPF;

3. WPFアプリケーション, Window1_Loaded イベントハンドラにコードを追加します。次のようになります。

   Visual Basic	コードのコピー
   Private Sub Window1_Loaded(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles MyBase.Loaded UpdateGradient() End Sub

   C#	コードのコピー
   private void Window_Loaded(object sender, RoutedEventArgs e) { UpdateGradient(); }

4. Window1_Loaded イベントハンドラの直後に次のコードを追加して、グラデーションの値を更新します。

   Visual Basic	コードのコピー
   Private Sub UpdateGradient() If IsLoaded Then Me.goldcol.Offset = Me.c1rs1.LowerValue Me.blackcol.Offset = Me.c1rs1.UpperValue End If End Sub

   C#	コードのコピー
   UpdateGradient() { if (IsLoaded) { this.goldcol.Offset = this.c1rs1.LowerValue; this.blackcol.Offset = this.c1rs1.UpperValue; } }

5. ［デザイン］ビューに戻ります。

6. C1RangeSlider コントロールをクリックして選択し、［プロパティ］ウィンドウに移動します。

7. ［プロパティ］ウィンドウの上部にある稲妻の［イベント］アイコンをクリックして、イベントを表示します。

8. LowerValueChanged イベントをダブルクリックして、［コード］ビューに切り替え、c1rs1_LowerValueChanged イベントハンドラを作成します。［デザイン］ビューに戻り、UpperValueChanged イベントでこの手順を繰り返して、C1rs1_UpperValueChanged イベントハンドラを作成します。

9. c1rs1_LowerValueChanged イベントハンドラにコードを追加します。次のようになります。

   Visual Basic	コードのコピー
   Private Sub c1rs1_LowerValueChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1rs1.LowerValueChanged UpdateGradient() End Sub

   C#	コードのコピー
   private void c1rs1_LowerValueChanged(object sender, EventArgs e) { UpdateGradient(); }

10. C1rs1_UpperValueChanged イベントハンドラにコードを追加します。次のようになります。

    Visual Basic	コードのコピー
    Private Sub c1rs1_UpperValueChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1rs1.UpperValueChanged UpdateGradient() End Sub

    C#	コードのコピー
    c1rs1_UpperValueChanged(object sender, EventArgs e) { UpdateGradient(); }

この手順では、アプリケーションにコードを追加しました。次の手順では、アプリケーションを実行し、実行時の操作を確認します。

1. ［ビュー］→［コード］を選択してコードビューに切り替えます。

2. コードビューで、次の Imports 文または using 文をページの先頭に追加します。

   Visual Basic	コードのコピー
   Imports C1.Silverlight

   C#	コードのコピー
   using C1.Silverlight;

3. Page コンストラクタの直後に次のコードを追加して、グラデーションの値を更新します。

   Visual Basic	コードのコピー
   Private Sub UpdateGradient() If c1rs1 IsNot Nothing Then Me.goldcol.Offset = Me.c1rs1.LowerValue Me.blackcol.Offset = Me.c1rs1.UpperValue End If End Sub

   C#	コードのコピー
   UpdateGradient() { if (c1rs1 != null) { this.goldcol.Offset = this.c1rs1.LowerValue; this.blackcol.Offset = this.c1rs1.UpperValue; } }

4. デザインビューに戻ります。

5. C1RangeSlider コントロールをクリックして選択し、［プロパティ］ウィンドウに移動します。

6. ［プロパティ］ウィンドウの上部にある稲妻の［イベント］アイコンをクリックして、イベントを表示します。

7. LowerValueChanged イベントをダブルクリックして、コードビューに切り替え、C1rs1_LowerValueChanged イベントハンドラを作成します。デザインビューに戻り、UpperValueChanged イベントでこの手順を繰り返して、C1rs1_UpperValueChanged イベントハンドラを作成します。

8. c1rs1_LowerValueChanged イベントハンドラにコードを追加します。次のようになります。

   Visual Basic	コードのコピー
   Private Sub c1rs1_LowerValueChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1rs1.LowerValueChanged UpdateGradient() End Sub

   C#	コードのコピー
   private void c1rs1_LowerValueChanged(object sender, EventArgs e) { UpdateGradient(); }

9. c1rs1_UpperValueChanged イベントハンドラにコードを追加します。次のようになります。

   Visual Basic	コードのコピー
   Private Sub c1rs1_UpperValueChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1rs1.UpperValueChanged UpdateGradient() End Sub

   C#	コードのコピー
   c1rs1_UpperValueChanged(object sender, EventArgs e) { UpdateGradient(); }

この手順では、アプリケーションにコードを追加しました。次の手順では、アプリケーションを実行し、実行時の操作を確認します。