独自の入力グリッドを持ったWPFアプリケーションの作成

ComponentOne Studio Enterprise 2011JのC1FlexGridコンポーネントを使ったWPFアプリケーションの作成

　今回は、「ComponentOne Studio Enterprise 2011J」に含まれているコンポーネントの中から、FlexGrid for WPFの「C1FlexGrid」を取りあげ、具体的なサンプルアプリケーションに沿って解説していきます。本稿では、表形式でデータの入力が行え、入力データをCSV形式のテキストファイルに保存することもできるアプリケーションを作成してみました。

はじめに

　開発者にとって、入力インターフェイスのデザインはいつも悩みの種。特に表好きな日本人は、データ入力にも表形式のデザインを好む傾向にあります。表形式の入力インターフェイスは、デザインだけでなく入力処理のプログラミングも煩雑になります。お手軽に使えるグリッドコンポーネントがあれば、開発工数を大幅に減らすことができるのですが…。

　今回紹介する、ComponentOne Studio Enterprise 2011J（または、ComponentOne Studio for WPF 2011J）のFlexGrid for WPFに含まれるC1FlexGridは、そんな期待に応えてくれるコンポーネントです。セルの追加やヘッダーの設定など、多くの設定はプロパティで行うことができ、データソースとの連結はもちろん、複数行ヘッダや複数列ヘッダ、固定列と固定行の設定、行や列の並び替えやサイズの自動調整など、多彩な機能を持っています。

　今回は、このC1FlexGridコンポーネントを使って、表形式でデータの入力が行え、かつ入力データをCSV形式のテキストファイルに保存できるプロパティを備えたWPFアプリケーションを作成してみました。

複数行のヘッダーを持ったインターフェイス。セルのマージも行える

入力データはCSV形式でテキストファイルに保存

対象読者

　Visual Basic、Visual C# 2010を使ってプログラムを作ったことのある人

必要な環境

　Visual Basic 2010、Visual C# 2010、Visual Studio 2010でプログラムが作れる環境。なお、本プログラムはWindows Vista上で動作するVisual Studio 2010を使用して作成し、動作確認を行っています。

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

　動作環境として、あらかじめ.NET Framework 4.0がインストールされている必要があります。動作するOSは、以下を参照ください。

動作するOS一覧

OS	32ビット（x86）	64ビット（x64）
Windows XP 日本語版	●	●
Windows Vista 日本語版	●	●
Windows 7 日本語版	●	●
Windows Server 2003 日本語版	●	●
Windows Server 2008 日本語版	●	●
Windows Server 2008 R2 日本語版	-	●

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

　この記事の手順を試すには、Visual Studio、Visual Basic、Visual C#の開発環境にComponentOne Studio Enterprise 2011J（または、ComponentOne Studio for WPF 2011J）をインストールする必要があります。インストーラは、グレープシティのWebページからダウンロードできます。

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

コンポーネントの追加

　ComponentOne Studio Enterprise 2011J（または、ComponentOne Studio for WPF 2011J）をインストールしたら、ツールボックスに専用のタブを作成し、使用するコンポーネントを追加します。追加するコンポーネントは、［WPFコンポーネント］でアセンブリ名が「C1.WPF.FlexGrid」の「C1FlexGrid」です。

［WPFコンポーネント］でアセンブリ名が「C1.WPF.FlexGrid」の「C1FlexGrid」を選択する