はじめに
NetAdvantage SilverlightのxamWebTileViewコントロールはSilverlight 3の機能を活かし、今までにないリッチなデータ表現を可能にするレイアウトコントロールです。今回はMicrosoft Expression Blend 3のサンプルデータ作成機能を用いて、リッチなナビゲーションを構築します。
対象読者
Visual Basic 2008、Visual C# 2008、Expression Blend、XAMLを使ってプログラミングをしたことのある人
必要環境
Visual Basic 2008あるいはVisual C# 2008、Expression Blend 3でプログラムが作れる環境。
サンプルはExpression Blend 3、Silverlight 3にて作成しています。また、Windows 7 RTM版において動作を検証しています。
プログラム実行時の注意環境
あらかじめSilverlight 3ランタイムならびにSilverlight 3ソフトウェア開発キットがインストールされていることを確認してください。それぞれのインストーラーはmsdnより入手可能です。ソリューションをVisual Studio 2008またはExpression Blend 3で開き実行します。
コンポーネントのインストール
はじめてNetAdvantage Silverlightを使用する場合は、事前にソフトウェアをインストールする必要があります。インフラジスティックス社のWebページからインストーラーをダウンロードしてください。[NetAdvantage for Web Client 2009 Vol. 1 Full - Silverlight Only]をクリックするとダウンロードが開始されます(サイトへの登録が必要です)。
この製品は有償ですが、20日間すべての機能を使用できるトライアル版としてインストール可能です。また、NetAdvantage ASP.NETも併せてダウンロードする場合は[NetAdvantage for Web Client 2009 Vol. 1 Full]を選択します。
NetAdvantage Silverlightとは
2009年に日本初のSilverlight 3対応コンポーネントとして発売が開始され、原稿執筆時点での日本語版最新バージョンは2009 Volume1となります。収録されているコントロールの特徴として、高機能、高パフォーマンスを実現したデータグリッド、ツリー、チャート、そして今回紹介するタイルビューコントロールを備え、Silverlight 3での業務用コントロール開発を促進します。コントロールの一覧ならびに概要は次のとおりです。
コントロール名 | 概要 |
xamWebChart | 基本的なチャートコントロール |
xamWebDialogWindow | SilverlightでWindowsライクなダイアログを実現するコントロール |
xamWebEditors | マスク設定可能な編集コントロール |
xamWebGrid | 高機能・高パフォーマンなデータグリッド |
xamWebMenu | メニューコントロール |
xamWebOutlookBar | Microsoft OutlookライクなUIを実現するナビゲーションコントロール |
xamWebTagCloud | タグクラウドを実現するコントロール |
xamWebTileView | タイル表示を行うコントロール |
xamWebTree | ツリーコントロール |
xamWebSpellChecker | スペルチェックを行うことができるコントロール |
Infragistics Excel Engine | Microsoft Excelの入出力を行うことができるライブラリー |
また、このスイートを使用したサンプルについてはオンラインサンプルページで確認することができます。さらに、Silverlight 3では標準で提供されていないコマンド機能についてもインフラジスティックス独自の実装を行い、Silverlightコマンディングフレームワークとして提供しています。詳細はヘルプページを参照してください。
xamWebTileViewコントロール
通常データグリッドやリストではバインドしたデータを「行」として表示しますが、このコントロールは1レコードを、「タイル」として表示し、複数のタイルを並べて表示することができるコントロールです。
表示されたタイル一覧を選択すると選択されたレコードの詳細情報を表示することが可能です。その際、その他のレコードは縮小表示されます。
この表現をコントロールが提供します。また、表示の際の他レコードの位置やアニメーション効果のカスタマイズを極力コード記述せず実現することができます。