Gauges for WPF/Silverlight
手順 3:コードの追加
Gauges for Silverlight クイックスタート > 手順 3:コードの追加

前の手順では、新しい Silverlight プロジェクトを作成し、アプリケーションにいくつかの Gauges for Silverlight コントロールを追加しました。この手順では、アプリケーションにコードを追加してカスタマイズします。

次の手順に従います。

  1. [表示]→[コード]を選択してコードビューに切り替えます。

  2. 次の imports 文をページの先頭に追加します。

    コードのコピー
    Imports C1.Silverlight
    Imports C1.Silverlight.Gauge
    
    コードのコピー
    using C1.Silverlight;
    using C1.Silverlight.Gauge;
    
  3. TextBox_TextChanged イベントハンドラにコードを追加します。次のようになります。

    コードのコピー
    Private Sub tb1_TextChanged(ByVal sender As System.Object,
    ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles tb1.TextChanged
        Me.c1lg1.Value = Me.tb1.Text
        Me.c1rg1.Value = Me.tb1.Text
        Me.c1kb1.Value = Me.tb1.Text
    End Sub
    
    コードのコピー
    private void tb1_TextChanged(object sender, TextChangedEventArgs e)
    {
        this.c1lg1.Value = Convert.ToDouble(this.tb1.Text);
        this.c1rg1.Value = Convert.ToDouble(this.tb1.Text);
        this.c1kb1.Value = Convert.ToDouble(this.tb1.Text);
    }
    
    実行時にテキストボックスに値が入力されると、ゲージコントロールの値はその値に設定されます。
  4. C1Knob_ValueChanged イベントハンドラに、ゲージとテキストボックスコントロールの値を設定するコードを追加します。次のようになります。

    コードのコピー
    Private Sub c1kb1_ValueChanged(ByVal sender As System.Object, 
    ByVal e As C1.Silverlight.PropertyChangedEventArgs(Of System.Double)) Handles c1kb1.ValueChanged
        Me.c1lg1.Value = Me.c1kb1.Value
        Me.c1rg.Value = Me.c1kb1.Value
        Me.tb1.Text = Me.c1kb1.Value.ToString
    End Sub
    
    コードのコピー
    private void c1kb_ValueChanged(object sender, PropertyChangedEventArgs e)
    {
        this.c1lg.Value = this.c1kb1.Value;
        this.c1rg1.Value = this.c1kb1.Value;
        this.tb1.Text = Convert.ToString(this.c1kb1.Value);
    }
    

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