PR

Silverlight 4の印刷機能:DataGrid編

2010年8月3日(火)
PROJECT KySS

DataGridに表示させたデータを、複数ページに印刷する

今回は、前回同様Silverlight 4でサポートされた印刷機能で、複数ページにまたがって印刷する方法を紹介します。前回は画像の一覧を複数ページに印刷するものでしたが、今回はDataGridのデータを複数ページに印刷してみましょう。

実装する機能の動作は次の通りです。

まず、DataGridに表示されているデータ(図1)の、上方にレイアウトされている[印刷]ボタンをクリックすると、データが縦方向に、4行を1ブロックとして、複数ページに渡って印刷されるものです。このサンプルでは、Microsoft XPS Document Writerを選択し、XPSファイルに書き出しています(図2)。

図1: DataGridコントロールにデータが一覧で表示されている

図2: XPSファイルに、縦4列を1ブロックとして、で複数ページにデータが書き出されている

サンプル・ファイルはこちらからダウンロードできます。

※注意:「完了」のメッセージを確認してから、XPSファイルを開いてください。

新規プロジェクトの作成と依存関係の設定

早速サンプルを作っていきましょう。

VS 2010のメニューから[ファイル(F) > 新規作成(N) > プロジェクト(P)]を選択します。本稿では開発言語にVisual Basicを用います。次に、「Silverlight アプリケーション」を選択して、「名前(N)」に任意のプロジェクト名を指定します。ここでは「SL4_DataGridPrint」という名前を付けています。

ソリューションエクスプローラ内のプロジェクト名を選択して、マウスの右クリックで表示されるショートカットメニューから、「プロジェクト依存関係(S)」の設定も忘れないようにしてください。詳細については第1回を参照してください。

VS 2010のデザイン画面上で、コントロールをレイアウトする

まず、UserControlのWidthに800、Heightに600を指定します。今回使うコントロールは、アプリケーションのタイトルを表示するためのTextBlockコントロール、データの一覧を表示するDataGridコントロール、それと印刷用のButtonコントロールの3つです。

TextBlock(1)、Button(2)、DataGrid(3)コントロールを、デザイン画面上にドラッグ&ドロップします(図3)。

図3: 今回使う3つのコントロールを、デザイン画面上にドラッグ&ドロップする

コントロールをレイアウトできたら、[プロパティ]内の[共通]、[レイアウト]、[ブラシ]、[テキスト]等を展開して表示される各プロパティを設定して、デザインを整えます。TextBlockコントロールのText、Width、Height、Textのサイズ、ButtonコントロールのContentプロパティを設定しておきましょう。図4のようになります。

図4: 各コントロールのプロパティを設定してデザインを整えた

四国のSOHO。薬師寺国安(VBプログラマ)と、薬師寺聖(デザイナ、エンジニア)によるコラボレーション・ユニット。1997年6月、Dynamic HTMLとDirectAnimationの普及を目的として結成。共同開発やユニット名義での執筆活動を行う。XMLおよび.NETに関する著書や連載多数。最新刊は「Silverlight実践プログラミング」両名とも、Microsoft MVP for Development Platforms - Client App Dev (Oct 2003-Sep 2012)。http://www.PROJECTKySS.NET/

連載バックナンバー

Think IT会員サービス無料登録受付中

Think ITでは、より付加価値の高いコンテンツを会員サービスとして提供しています。会員登録を済ませてThink ITのWebサイトにログインすることでさまざまな限定特典を入手できるようになります。

Think IT会員サービスの概要とメリットをチェック

他にもこの記事が読まれています