サンプルファイル 2233.71 KB

 Silverlight 3ではブラウザ外の実行、高度な画像処理機能、開発生産性といった内部的な変更はもとより、そのサイトを利用するエンドユーザーに最も深く関わってくるUIとそのデザインに関しても大きな追加と変更が行われています。連載の2回目である今回は、Sliverlight 3で新たに追加されたコントロールについて、コントロールの概要とその使い方の解説を行います。

1 2 3 4 →

はじめに

 Silverlight 3ではブラウザ外の実行、高度な画像処理機能、開発生産性といった内部的な変更はもとより、そのサイトを利用するエンドユーザーに最も深く関わってくるUIとそのデザインに関しても大きな追加と変更が行われています。

 連載の2回目である今回は、Sliverlight 3で新たに追加されたコントロールについて、コントロールの概要とその使い方の解説を行います。

対象読者

 Silverlightに興味を持っている方。

Silverlight 3で用意されているコントロール

 Silverlight 3では多くのコントロールが事前に用意されているため、WindowsFormやWebFormのアプリケーション開発と同じように標準コントロールを中心としたユーザーインターフェイスの開発を行うことができます。

 あらかじめ用意されたコントロールを利用することで、高い生産性の確保、リッチなUIの提供、統一されたアプリケーションの外観の提供といったメリットを受けることができます。さらにExpression Blendを使うことで簡単にコントロールのカスタマイズを行うこともできます。

 ここではSilverlight 3で新たに追加されたコントロールについて、代表的なコントロールにフォーカスして解説を行います。

コントロールの提供形態

 Silverlightのコントロールはその開発状況や利用頻度によって次の[表1]の3つの形態で提供されています。

[表1]Silverlightのコントロールの提供形態
提供形態説明
Silverlight ToolkitCodePlexで開発中のSilverlightのコントロール。品質はPreviewからStable(安定)を経て、Mature(成熟)となる。
Silverlight SDKSilverlightの開発ランタイム。Toolkitで成熟のステータスになり、Runtimeに含まれなかったコントロール。
Silverlight RuntimeSilverlightのコアランタイム。Toolkitで成熟のステータスになり、かつ利用頻度の高いコントロール。

 Silverlightのコントロールの採用ステップは[図1]のようになっています。

[図1] Silverlightのコントロールの採用ステップ
[図1] Silverlightのコントロールの採用ステップ

 そのコントロールの機能が現在どの段階であるかは、Control Toolkitのソース上にあるドキュメンテーションコメントから確認することができます。

 [リスト1]は、TabControlコントロールのドキュメンテーションコメントの一部です。

[リスト1] TabControlコントロールのドキュメンテーションコメントの一部
/// <summary>
/// Handles the layout of <see cref="T:System.Windows.Controls.TabItem" />
/// objects on a <see cref="T:System.Windows.Controls.TabControl" />.
/// </summary>
/// <remarks>
/// 略
/// </remarks>
/// <QualityBand>Mature</QualityBand>

 QualityBandがMature(熟成)にマークされていることが分かります。

 Silverlight 3に含まれるコントロールが現在どの配布形態で提供されているかは、MSDNの「コントロールの機能別一覧」で確認することができます。

 Silverlight 3で追加されたコントロールの一覧を[表2]に挙げます。

[表2]Silverlight 3でSDKに追加されたコントロール
コントロール名説明
AutoCompleteBoxテキストボックスにオートコンプリート機能を追加したコントロール。
TreeView木構造のデータを展開したり折りたたんだりしてツリー表示を行うコントロール。
SaveFileDialog保存するファイルの場所やファイルを選択するためのコントロール。
ChildWindow親画面の上に、モーダルダイアログを表示するためのコントロール。
Label画面に配置されたコントロールに対するキャプションやデータの検証結果、インジゲーターを表示するコントロール。
DescriptionViewer画面に配置されたコントロールに対するツールチップや、エラー情報の追跡を行うコントロール。
ValidationSummary検証結果の一覧を表示するためのコントロール。
DataPagerデータのコレクションをページングするためのコントロール。
VirtualizingStackPanelパネルに配置されるコントロールを仮想化し、表示対象のコントロールを効率よく実体化させるコントロール。
Frameナビゲーションフレームワークの各フレームを表すコントロール。
Pageナビゲーションフレームワークのフレーム中に表示されるページを表すコントロール。

 今回はいくつかのコントロールについて簡単に解説を行います。検証用のコントロールやナビゲーションフレームワーク関連のコントロールは今後の連載で詳しく触れていきます。

Silverlight Toolkit

 前にも述べましたが、今回追加されたコントロールはSilverlight Toolkitで開発されたものがほとんどです。Silverlight 3のBeta版までは、以下のコントロールも追加予定でしたが、完成度の問題から正式版のSilverlight 3には取り込まれませんでした。

 

  • DockPanel
  • WrapPanel
  • Expander
  • HeaderdContentControl
  • Viewbox
  • DataForm
  • ExpandDirection
  • ExpanderAutomationPeer
  • LengthConverter
  • StrechDirection

 今回の採用は見送られましたが、どれも素晴らしいコントロールばかりです。特にDataFormコントロールはDataGridなどと組み合わせることでデータのメンテナンスページなどで大きな力を発揮します。

 Silverlight Toolkitから派生したコントロールはSilverlight本体に組み込まれますが、新機能の追加やバグフィックスなどは変わらずSilverlight Toolkitでメンテナンスされます。Silverlight ToolkitはMsPLのライセンスで公開されているため、誰でもソースコードを見ることができます。

 興味がある方はぜひSilverlight Toolkitのソースコードをダウンロードして確認してください。実際のコード以外にもコントロールのテストなども含まれているため、コントロールをカスタマイズする際などにとても参考になると思います。

 Silverlight ToolkitはCodePlexで公開されています。


1 2 3 4
→
INDEX
Silverlight 3に新しく追加されたコントロール
Page1
はじめに
対象読者
Silverlight 3で用意されているコントロール
AutoCompleteBox
TreeView
DataPagerコントロール
まとめ
プロフィール
WINGSプロジェクト かるあ (杉山 洋一) カルア(スギヤマ ヨウイチ)

WINGSプロジェクトについて>
有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。2011年7月時点での登録メンバは36名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。


プロフィール
山田 祥寛 ヤマダ ヨシヒロ

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for ASP/ASP.NET。執筆コミュニティ「WINGSプロジェクト」代表。
主な著書に「入門シリーズ(サーバサイドAjax/XMLDB/PEAR/Smarty)」「独習シリーズ(ASP.NET/PHP)」「10日でおぼえる入門教室シリーズ(ASP.NET/PHP/Jakarta/JSP&サーブレット/XML)」「Pocket詳解辞典シリーズ(ASP.NET/PHP/Perl&CGI)」「今日からつかえるシリーズ(PHP/JSP&サーブレット/XML/ASP)」「書き込み式 SQLのドリル」他、著書多数


記事へのコメント・トラックバック機能は2011年6月に廃止させていただきました。記事に対する反響はTwitterやFacebook、ソーシャルブックマークサービスのコメントなどでぜひお寄せください。

スポンサーサイト