スピンボックスを持ったSilverlightアプリケーションを作成する

ComponentOne Studio for SilverlightのC1NumericBoxコントロールを使ったWebページの作成

　ComponentOne Studio for SilverlightのC1NumericBoxコントロールは、テキストボックスと数値を変更できる上下の矢印ボタン（スピンボタン）で構成される入力インターフェースです。テキストボックスでの数値入力や、ボタンでの数値の調節、数値の書式設定も可能です。今回は、このC1NumericBoxコントロールを使って、簡単な計算を行うSilverlightアプリケーションを作成してみました。

はじめに

　WindowsフォームのNumericUpDownコントロールは、テキストボックスと数値を変更できる上下の矢印（アップ／ダウンボタン）から構成され、入力UIとしてはおなじみです。Webページでも同じような機能を持ったコントロールが使用できれば、ページのデザインの幅がぐっと広がります。

　ComponentOne Studio for Silverlightに収録されているC1NumericBoxコントロールは、このNumericUpDownコントロールと同様の機能をSilverlightアプリケーションで実現できます。テキストボックスでの数値入力や、アップ／ダウンボタンでの数値の調節はもちろん、テキストボックス部に表示する数値の書式設定も可能です。

　今回は、このC1NumericBoxコントロールを使って、簡単な計算を行うSilverlightアプリケーションを作成してみました。

「¥」記号の付いた通貨書式で数値入力ができる

対象読者

　Visual Basic/Visual C# 2008を使ってプログラムを作ったことのある人。また、SilverlightおよびXAMLに対する基礎的な知識が必要になります。

必要な環境

　Visual Basic 2008、Visual C# 2008、Visual Studio 2008でプログラムが作れる環境。また、Visual Studio 2008 Silverlight Tools 3.0をインストールしていることが必須条件です。

　なお、本プログラムはWindows Vista上で動作するVisual Studio 2008およびVisual Studio 2008 Silverlight Tools 3.0を使用して作成し、Internet Explorer 8で動作確認を行っています。

※サンプルソース実行時の注意点

　サンプルソースを実行するには、C#、VBともに次の設定を行う必要があるため、注意してください（※○○にはcsまたはvbのいずれかが入ります）。

1. ソリューションエクスプローラでASP.NET Webサイトプロジェクト（sl_NumericBox_○○.Web）を右クリックし、［スタートアッププロジェクトに設定］を選択
2. ソリューションエクスプローラでsl_NumericBox_○○TestPage.aspxを右クリックし、［スタートページに設定］を選択

コンポーネントのインストール

　ComponentOne Studio for Silverlightを使用する方は、Visual Studio、Visual Basic、Visual C#の開発環境にComponentOne Studio Enterpriseをインストールする必要があります。

　インストーラは、グレープシティのWebページからダウンロードできます。製品ページの［申込フォーム］をクリックし、グレープシティのWebサイトへ必要情報を登録すると、添付トライアルライセンスキーファイルとダウンロードサイトを記載したE-Mailが送られてきますので、ここからダウンロードします。制限事項などの詳細については、インストーラに同梱されているリリースノートを参照ください。