SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

ComponentZine(ComponentOne)

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

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

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

  • X ポスト
  • このエントリーをはてなブックマークに追加

はじめに

 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が送られてきますので、ここからダウンロードします。制限事項などの詳細については、インストーラに同梱されているリリースノートを参照ください。

次のページ
C1NumericBoxコントロールについて

この記事は参考になりましたか?

  • X ポスト
  • このエントリーをはてなブックマークに追加
ComponentZine(ComponentOne)連載記事一覧

もっと読む

この記事の著者

瀬戸 遥(セト ハルカ)

8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再...

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • X ポスト
  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/5942 2011/10/13 16:37

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング