これまでの手順では、アプリケーションのユーザーインターフェイスを設定し、いくつかのコントロールをアプリケーションに追加しました。この手順では、アプリケーションにコードを追加して完成させます。

次の手順に従います。

1. 左側の C1ColorPicker コントロール（c1cp1）をクリックして選択します。

2. ［プロパティ］ウィンドウで、稲妻の［イベント］アイコンをクリックしてコントロールのイベントを表示します。

3. SelectedColorChanged イベントの横にあるテキストボックスをダブルクリックし、コードビューに切り替えてイベントハンドラを作成します。

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

   • Visual Basic
   • C#

   	コードのコピー
   Imports C1.Silverlight Imports C1.Silverlight.Extended

   	コードのコピー
   Imports C1.Silverlight Imports C1.Silverlight.Extended

   
   

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

   • Visual Basic
   • C#

   	コードのコピー
   Private Sub UpdateGradient() If c1cp1 IsNot Nothing And c1cp2 IsNot Nothing Then Me.col1.Color = Me.c1cp1.SelectedColor Me.col2.Color = Me.c1cp1.SelectedColor End If End Sub

   	コードのコピー
   void UpdateGradient() { if (c1cp1 != null & c1cp2 != null) { this.col1.Color = this.c1cp1.SelectedColor; this.col2.Color = this.c1cp2.SelectedColor; } }

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

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

   • Visual Basic
   • C#

   	コードのコピー
   Private Sub c1cp1_SelectedColorChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1cp1.SelectedColorChanged UpdateGradient() End Sub

   	コードのコピー
   private void c1cp1_SelectedColorChanged(object sender, C1.Silverlight.PropertyChangedEventArgs<System.Windows.Media.Color> e) { UpdateGradient(); }

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

9. 右側の C1ColorPicker コントロール（c1cp2）をクリックして選択します。

10. ［プロパティ］ウィンドウで、SelectedColorChanged イベントの横にあるテキストボックスをダブルクリックしてコードビューに切り替え、イベントハンドラを作成します（イベントが表示されていない場合は、稲妻の［イベント］アイコンをクリックしてコントロールのイベントを表示する必要があります）。

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

    • Visual Basic
    • C#

    	コードのコピー
    Private Sub c1cp2_SelectedColorChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles c1cp1.SelectedColorChanged UpdateGradient() End Sub

    	コードのコピー
    private void c1cp2_SelectedColorChanged(object sender, C1.Silverlight.PropertyChangedEventArgs <System.Windows.Media.Color> e) { UpdateGradient(); }

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