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

次の手順に従います。

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

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

   • VisualBasic
   • C#

   	コードのコピー
   using C1.WPF; using C1.WPF.Gauge;

   	コードのコピー
   Imports C1.WPF Imports C1.WPF.Gauge

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

   • VisualBasic
   • C#

   	コードのコピー
   Private Sub TextBox1_TextChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles TextBox1.TextChanged Me.C1LinearGauge1.Value = Me.TextBox1.Text Me.C1RadialGauge1.Value = Me.TextBox1.Text Me.C1Knob1.Value = Me.TextBox1.Text End Sub

   	コードのコピー
   private void textBox1_TextChanged(object sender, TextChangedEventArgs e) { this.c1LinearGauge1.Value = Convert.ToDouble(this.textBox1.Text); this.c1RadialGauge1.Value = Convert.ToDouble(this.textBox1.Text); this.c1Knob1.Value = Convert.ToDouble(this.textBox1.Text); }

   実行時にテキストボックスに値が入力されると、ゲージコントロールの値はその値に設定されます。

4. ［表示］→［デザイナ］を選択してデザインビューに戻ります。

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

6. ［プロパティ］ウィンドウの［イベント］（稲妻）ボタンをクリックしてイベントを表示します。

7. ValueChanged イベントの横にあるボックスをダブルクリックします。これにより、コードビューに切り替わり、C1Knob1_ValueChanged イベントハンドラが作成されます。

8. C1Knob1_ValueChanged イベントハンドラに、ゲージとテキストボックスコントロールの値を設定するコードを入力します。次のようになります。

   • VisualBasic
   • C#

   	コードのコピー
   Private Sub C1Knob1_ValueChanged(ByVal sender As System.Object, ByVal e As C1.WPF.PropertyChangedEventArgs(Of System.Double)) Handles C1Knob1.ValueChanged Me.C1LinearGauge1.Value = Me.C1Knob1.Value Me.C1RadialGauge1.Value = Me.C1Knob1.Value Me.TextBox1.Text = Me.C1Knob1.Value.ToString End Sub

   	コードのコピー
   private void c1Knob1_ValueChanged(object sender, PropertyChangedEventArgs e) { this.c1LinearGauge1.Value = this.c1Knob1.Value; this.c1RadialGauge1.Value = this.c1Knob1.Value; this.textBox1.Text = Convert.ToString(this.c1Knob1.Value); }

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