WPF アーキテクチャ

[アーティクル]
09/17/2008

更新 : 2007 年 11 月

ここでは、Windows Presentation Foundation (WPF) のクラス階層について順を追って説明します。WPF の主要なサブシステムをほぼ網羅し、その相互作用を示すと共に、WPF の設計者が下した選択事項についても説明します。

このトピックには次のセクションが含まれています。

System.Object
System.Threading.DispatcherObject
System.Windows.DependencyObject
System.Windows.Media.Visual
System.Windows.UIElement
System.Windows.FrameworkElement
System.Windows.Controls.Control
まとめ
関連トピック

System.Object

WPF の主なプログラミングモデルは、マネージコードを通じて公開されます。システムのマネージコンポーネントとアンマネージコンポーネントの境界をどこに設定するかについて、WPF の設計初期段階に議論が重ねられました。CLR には、開発の生産性と信頼性を高める多数の機能 (メモリ管理、エラー処理、共通型システムなど) が用意されていますが、これによって犠牲になったものもあります。

WPF の主なコンポーネントを下の図に示します。図の赤い部分 (PresentationFramework、PresentationCore、および milcore) は、WPF の主要コード部分です。このうち、アンマネージコンポーネントは milcore だけです。milcore がアンマネージコードで記述されているのは、DirectX との緊密な統合を実現するためです。ハードウェアレンダリングおよびソフトウェアレンダリングの効率性を考え、WPF での表示はすべて DirectX エンジンによって実行されるようになっています。メモリと実行の細かい制御も、WPF に対する要件の 1 つでした。milcore の合成エンジンはきわめて高いパフォーマンスを必要としますが、パフォーマンスを確保するために CLR の多くの利点を放棄しなければなりませんでした。

.NET Framework 内の WPF の位置。

WPF のマネージ部分とアンマネージ部分の間の通信については、後ほどこのトピックで説明します。マネージプログラミングモデルの残りの部分について、次に説明します。

System.Threading.DispatcherObject

WPF のオブジェクトのほとんどは、DispatcherObject から派生しています。このオブジェクトを基本構造として、同時実行とスレッドの処理が行われます。WPF は、このディスパッチャによって実装されるメッセージングシステムに基づいています。このしくみは、Win32 のメッセージポンプとよく似ており、実際に、WPF のディスパッチャはスレッド間呼び出しの実行に User32 のメッセージを使用します。

WPF での同時実行について論じる場合に理解しておく必要のある中心的概念として、ディスパッチャとスレッドアフィニティの 2 つがあります。

WPF の設計段階で目標としていたのは、シングルスレッド実行、ただしスレッドとの "アフィニティ (密接な関係)" を持たないモデルでした。スレッドアフィニティが生じるのは、コンポーネントが状態情報を保存するために実行スレッドの ID を使用しているときです。その最も一般的な形態は、スレッドローカルストア (TLS) を使用した状態保存です。スレッドアフィニティが存在するということは、1 つの論理実行スレッドを所有する物理スレッドは 1 つだけでなければならないので、メモリ消費量が増加する可能性があります。最終的に、WPF のスレッドモデルは、スレッドアフィニティのあるシングルスレッド実行方式をとる既存の User32 スレッドモデルとの同期を保った形になりました。その主な理由は相互運用性で、OLE 2.0 のようなシステム、クリップボード、および Internet Explorer はいずれもシングルスレッドアフィニティ (STA) 実行を必要とするためです。

オブジェクトで STA スレッドを使用する場合は、スレッド間通信の手段が必要になります。また、正しいスレッドで実行しているかどうかを検証する必要があります。この役割を担うのがディスパッチャです。ディスパッチャとは、基本的なメッセージディスパッチシステムで、優先順位の付けられた複数のキューを備えています。メッセージの例としては、未加工の入力通知 (マウスの移動)、フレームワーク機能 (レイアウト)、ユーザーコマンド (このメソッドの実行) などが挙げられます。DispatcherObject から派生させて CLR オブジェクトを作成すると、このオブジェクトは STA 動作を持つことになり、作成時にディスパッチャへのポインタが与えられます。

System.Windows.DependencyObject

WPF を構築するにあたってのアーキテクチャ面での理念の 1 つに、"メソッドやイベントよりも、なるべくプロパティを使用する" があります。プロパティは宣言的であり、開発者はアクションではなく意図を容易に指定することができます。モデルドリブン、つまりデータドリブンでユーザーインターフェイスコンテンツを表示するシステムも、この理念によって支えられています。この理念の意図は、アプリケーションの動作を詳しく制御できるように、バインド先として指定可能なプロパティの数を増やすことでした。

プロパティで制御できるシステムの範囲を広げるために、CLR が提供するプロパティシステムよりも多様なプロパティシステムが求められていました。この多様性のわかりやすい例として、変更通知が挙げられます。双方向バインディングを可能にするには、バインドの両側で変更通知がサポートされる必要があります。動作をプロパティ値と連動させるには、プロパティ値の変更時に通知が送られるようにする必要があります。Microsoft .NET Framework の INotifyPropertyChange というインターフェイスを使用すれば、オブジェクトによる変更通知の発行が可能になります。ただし、これは必須ではありません。

WPF には、DependencyObject 型から派生した、多機能のプロパティシステムが用意されています。プロパティ式どうしの依存関係を把握し、依存関係が変化したときにプロパティ値を自動的に再検証するという点で、このプロパティシステムは真の "依存関係" プロパティシステムと言えます。たとえば、プロパティが継承される場合 (FontSize など) は、値を継承する要素の親でそのプロパティが変更されると、プロパティシステムが自動的に更新されます。

WPF プロパティシステムの基盤となるのは、プロパティ式の概念です。WPF の最初のリリースとなる今回のリリースでは、プロパティ式システムは非公開になっており、式はすべてフレームワークの一部として提供されます。プロパティシステムが式を持つことで、データバインディング、スタイル設定、継承はハードコーディングされるのではなく、フレームワーク内の後の層で提供されるようになっています。

このプロパティシステムは、プロパティ値のスパースストレージ (sparse storage) にも対応しています。オブジェクトのプロパティ数が数十個に及ぶこともありますが、その値の大多数は既定の状態 (継承された状態、スタイルで設定された状態など) です。定義済みのすべてのプロパティの値をオブジェクトのすべてのインスタンスに持たせることが必要であるとは限りません。

プロパティシステムの新機能として最後に挙げられるのは、添付プロパティの概念です。WPF の要素は、合成とコンポーネント再利用の原則に基づいて構築されています。他の要素を格納する要素 (Grid レイアウト要素など) は、多くの場合、子要素の動作を制御するために子要素に関する追加データ (行や列の情報など) を必要とします。このようなプロパティをすべて個々の要素に関連付ける代わりに、どのオブジェクトも他のオブジェクトのプロパティを定義できるようになっています。これは、JavaScript の "expando" 機能と似ています。

System.Windows.Media.Visual

システムの定義が完了したら、画面にピクセルを描画するための手順に移ります。Visual は、ビジュアルオブジェクトツリーを構築するためのクラスです。各オブジェクトは、描画命令と、その命令をレンダリングする方法 (クリッピング、変換など) に関するメタデータを任意で持つことができます。Visual は、負荷を抑え、柔軟性を持たせるように設計されているので、ほとんどの機能はパブリック API を公開しておらず、保護されたコールバック関数に大きく依存します。

Visual はまさに、WPF 合成システムへのエントリポイントです。Visual が接続ポイントとなって、マネージ API とアンマネージ milcore の 2 つのサブシステムが連結されます。

WPF は、milcore で管理されているアンマネージデータ構造をスキャンすることによってデータを表示します。この構造 (合成ノード) は階層構造の表示ツリーを表し、各ノードにレンダリング命令があります。このツリー (次の図の右側に示すツリー) には、メッセージプロトコルを介してのみアクセスできます。

WPF のプログラミング時には、Visual 要素と派生型を作成します。これらの要素と型は、このメッセージプロトコルを通して合成ツリーとの内部的な通信を行います。WPF 内の各 Visual によって作成される合成ノードは、1 つの場合もあれば、まったくない場合も複数の場合もあります。

Windows Presentation Foundation ビジュアルツリー。

ここで、アーキテクチャの詳細に関して非常に重要な注目点があります。ビジュアルと描画命令のツリー全体がキャッシュされる点です。WPF は、グラフィック用語で言う保持モードのレンダリングシステムを使用します。このため、再描画のリフレッシュレートを高くしても、ユーザーコードへのコールバックが合成システムによってブロックされることはありません。これは、アプリケーションが応答しなくなったように見えるという事態の防止に役立ちます。

図から読み取れることではありませんが、もう 1 つ重要なのは、システムが実際にどのような方法で合成を実行するかという点です。

User32 と GDI において、システムは即時モードのクリッピングシステム上で動作します。コンポーネントのレンダリングが必要になると、システムはクリッピングの境界を設定し、その外側のピクセルにはコンポーネントの影響が及ばないようにしたうえで、そのボックス内にピクセルを描画するようコンポーネントに要求します。このシステムは、メモリが限られているシステムで非常に有効に機能します。なんらかの変更が発生した場合には、その影響を受けるコンポーネントだけを修正すればよいからです。2 つのコンポーネントが 1 ピクセルの色に寄与することはありません。

WPF は、"画家のアルゴリズム (painter's algorithm)" 描画モデルを使用します。これは、各コンポーネントをクリッピングするのではなく、それぞれのコンポーネントに対して画面の奥から手前の順にレンダリングするよう要求するものです。これにより、各コンポーネントは前のコンポーネントの表示に重ねて描画することができます。このモデルの利点は、複雑で部分的に透明な図形を描けることです。User32 や GDI が作成されたときとは異なり、今日の最新のグラフィックスハードウェアでは、このモデルは比較的高速に処理されます。

前述のように、WPF は、より宣言的な "プロパティ中心" のプログラミングモデルへの移行を中心的理念としていました。ビジュアルシステムには、このことが現れている興味深い部分が 2 つあります。

第 1 に、保持モードのグラフィックシステムについて考えてみると、これがまさに命令型の DrawLine/DrawLine 型モデルからデータ指向モデル new Line()/new Line() への移行を意味します。このデータドリブンレンダリングへの移行によって、描画命令に関する複雑な操作をプロパティで表現できるようになります。Drawing から派生する型が、事実上、レンダリングのオブジェクトモデルになります。

第 2 に、アニメーションシステムを評価してみると、ほぼ完全に宣言的であることがわかります。開発者が次の位置や次の色を計算する必要はなく、アニメーションオブジェクトの一連のプロパティとしてアニメーションを表現することができます。このようなアニメーションは、開発者またはデザイナーの意図 (このボタンをここからそこへ 5 秒で移動する) を表すものであり、その意図を実現する最も効率的な方法がシステムによって特定されます。

System.Windows.UIElement

UIElement は、レイアウト、入力、イベントなどの中心的なサブシステムを定義します。

レイアウトは、WPF の中心的概念です。システムの多くは、一連のレイアウトモデルが固定されているか (HTML ではレイアウトのモデルとしてフロー、絶対、テーブルの 3 つがサポートされます)、レイアウトのモデルが 1 つもありません (User32 でサポートされるのは絶対位置指定のみです)。WPF は、開発者とデザイナーが命令型ロジックではなくプロパティ値で制御できる柔軟で拡張性の高いレイアウトモデルを求めているという前提から出発しています。UIElement のレベルでは、レイアウト用の基本的なコントラクトとして、Measure パスと Arrange パスから成る 2 フェーズモデルが導入されています。

Measure では、コンポーネントが自らの描画サイズを決定することができます。このフェーズが Arrange とは切り離されているのは、親要素が自身の最適な位置とサイズを特定するために、子要素に対してサイズ測定を何度も要求するケースが多々あるためです。親要素が子要素にサイズ測定を要求するという事実は、WPF のもう 1 つの重要な理念、つまり "コンテンツに合わせたサイズ変更" の現れです。WPF のコントロールはいずれも、コンテンツの自然なサイズに合わせたサイズ変更機能をサポートしています。これによってローカライズがはるかに簡単になり、項目のサイズ変更に応じた要素の動的レイアウトが可能になります。Arrange フェーズでは、親がそれぞれの子の位置と最終的なサイズを決定することができます。

WPF の出力側である Visual と関連オブジェクトは取り上げられる頻度が高く、その話題には多くの時間が費やされています。しかしながら、入力側における革新も同じようにもきわめて大きなものです。WPF の入力モデルに見られる最も根本的な変化は、システムを通して入力イベントの行き先を決定する一貫したモデルであると言えるでしょう。

入力は、カーネルモードのデバイスドライバ上で信号として発生しますが、この信号が正しいプロセスおよびスレッドに届けられるまでには、Windows カーネルと User32 が関与する複雑な複雑なプロセスを通過します。入力に対応する User32 メッセージが WPF にルーティングされると、WPF の未加工入力メッセージに変換され、ディスパッチャに送信されます。WPF では、未加工入力イベントを複数の実際のイベントに変換できるようになっており、"MouseEnter" のような機能をシステムの低レベルで実装しても確実に配信されます。

それぞれの入力イベントは、少なくとも "プレビュー" イベントと実際のイベントの 2 つのイベントに変換されます。WPF のすべてのイベントに共通する概念として、"要素ツリーを通じたルーティング" があります。イベントが、ターゲットからツリーのルートまで上位へ向かうものである場合は "バブリング" と言い、ルートからターゲットまで下位に向かうものである場合は "トンネリング" と言います。入力プレビューイベントはトンネリングするので、ツリー内の任意の要素でイベントをフィルタリングしたり、イベントに対してアクションを実行したりすることができます。その後で、通常の (プレビューでない) イベントがターゲットからルートへと上向きにバブリングします。

このように、トンネリングフェーズとバブリングフェーズに分けることで、キーボードアクセラレータのような機能の実装を複合環境で一貫性を持って機能させることができます。User32 でキーボードアクセラレータを実装すると仮定しましょう。それには、サポート対象のアクセラレータ (Ctrl + N から "新規作成" へのマッピング) をすべて 1 つのグローバルテーブルに格納します。アプリケーションのディスパッチャで TranslateAccelerator を呼び出して、User32 で入力メッセージをスニッフィングし、登録済みのアクセラレータと一致するものがあるかどうかを判断します。これは、WPF では機能しません。なぜなら、システムが完全に "合成可能" であり、任意の要素で任意のキーボードアクセラレータを処理および使用できるようになっているためです。入力にこの 2 フェーズモデルが採用されているので、コンポーネントは独自の "TranslateAccelerator" を実装することができます。

さらに踏み込んで言うと、UIElement にはコマンドバインディングの概念も導入されています。WPF のコマンドシステムでは、開発者がコマンドエンドポイント (ICommand を実装するもの) によって機能を定義できるようになっています。コマンドバインディングとは、入力ジェスチャ (Ctrl + N) とコマンド ("新規作成") の間のマッピングを 1 つの要素で定義することです。入力ジェスチャとコマンド定義はいずれも拡張可能であり、使用時に結び付けられるようになっています。これにより、たとえば、特定のアプリケーション内で使用するキーバインディングをエンドユーザーがカスタマイズできるようにすることも、特別難しい問題ではなくなります。

ここまでは、WPF の "中心的" 機能、つまり PresentationCore アセンブリに実装されている機能に焦点を当ててきました。WPF の構築にあたっては、基礎部分 (Measure と Arrange を使用するレイアウト用のコントラクトなど) とフレームワーク部分 (Grid のような特定のレイアウトの実装など) の明確な区別を目指していました。目標は、スタックの下層に機能拡張ポイントを設け、外部の開発者が必要に応じて独自のフレームワークを作成できるようにすることでした。

System.Windows.FrameworkElement

FrameworkElement については 2 つの見方があります。WPF の下位層に導入されているサブシステムに対する一連のポリシーとカスタマイズを導入するクラスであり、一連の新しいサブシステムを導入するクラスでもあります。

FrameworkElement によって導入される主なポリシーは、アプリケーションレイアウトに関するものです。FrameworkElement は、UIElement によって導入される基本レイアウトコントラクトに基づいて構築され、レイアウト "スロット" の概念が付加されています。この概念によって、レイアウト作成時に、プロパティで制御されるレイアウトのセマンティクスの整合性を取ることが容易になりました。HorizontalAlignment、VerticalAlignment、MinWidth、Margin を始めとするプロパティによって、FrameworkElement から派生したすべてのコンポーネントの、レイアウトコンテナ内での動作が統一されます。

FrameworkElement には、WPF の中心層にある多くの機能に関する API の公開を容易にする効果もあります。たとえば、FrameworkElement は、BeginStoryboard メソッドを通じてアニメーションへの直接アクセスを可能にします。Storyboard を使用すると、一連のプロパティに対して複数のアニメーションのスクリプトを記述できます。

FrameworkElement によって導入される機能の中で最も重要なのは、データバインディングとスタイルの 2 つです。

WPF のデータバインディングサブシステムは、Windows フォームや ASP.NET を使用してアプリケーションユーザーインターフェイス (UI) を作成したことがあれば比較的理解しやすいはずです。これらのシステムにはそれぞれ、指定した要素の 1 つ以上のプロパティを特定のデータにバインドする意図を簡単に表現する方法があります。WPF は、プロパティバインディング、変換、およびリストバインディングを完全にサポートしています。

WPF におけるデータバインディングの最も興味深い機能の 1 つに、データテンプレートの導入があります。データテンプレートを使用すると、データの視覚的表現を宣言的に指定することができます。データにバインドできるカスタムユーザーインターフェイスを作成する代わりに、問題を裏返して考え、作成される画面がデータによって決定されるようにすることができます。

スタイル設定とは、実際にはデータバインディングを軽量化したものです。スタイルを使用すると、共有定義の一連のプロパティを要素の 1 つ以上のインスタンスにバインドすることができます。スタイルは、Style プロパティを設定することによって明示的に参照して要素に適用することも、要素の CLR 型にスタイルを関連付けることによって暗黙的に適用することもできます。

System.Windows.Controls.Control

Control の最も重要な機能はテンプレートです。WPF の合成システムを保持モードのレンダリングシステムと考えた場合、テンプレートは、コントロールのレンダリング方法をパラメータとして宣言的な方法で記述できるようにする役割を担います。ControlTemplate は実のところ、一連の子要素を作成して、コントロールの持つプロパティにバインドさせるスクリプトに過ぎません。

Control には、Foreground、Background、Padding を始めとする一連のストックプロパティがあり、テンプレート作成者はこれを使用してコントロールの表示をカスタマイズすることができます。コントロールの実装によって、データモデルと操作モデルが利用可能になります。操作モデルは、一連のコマンド (ウィンドウを閉じるコマンドなど) と入力ジェスチャへのバインディング (ウィンドウの上隅にある赤い X をクリックするなど) を定義するものです。データモデルは、操作モデルをカスタマイズしたり、テンプレートによって決定される表示をカスタマイズしたりするための一連のプロパティを持ちます。

このようにデータモデル (プロパティ)、操作モデル (コマンドおよびイベント)、および表示モデル (テンプレート) を分離することで、コントロールの外観と動作全体がカスタマイズ可能になります。

コントロールのデータモデルの代表的な形態がコンテンツモデルです。Button などのコントロールを見てみると、"Content" という名前の Object 型のプロパティが存在することがわかります。Windows フォームと ASP.NET では、一般にこのプロパティは文字列ですが、その結果、ボタンに配置できるコンテンツの型が制限されることになります。ボタンのコンテンツは、単純な文字列の場合もあれば、複雑なデータオブジェクトやツリー全体の場合もあります。データオブジェクトの場合は、表示の構築にデータテンプレートが使用されます。

まとめ

WPF は、動的なデータドリブンプレゼンテーションシステムを作成できるように設計されています。システムのどの部分も、動作を制御するプロパティセットを通じてオブジェクトを作成するように設計されています。データバインディングはシステムの基礎となる部分であり、どの層にも統合されています。

従来のアプリケーションは、表示方法を作成してからデータにバインドしています。WPF では、コントロールに関するすべての事項、表示のあらゆる側面が、なんらかのデータバインディングによって生成されます。たとえば、ボタンの内側にテキストを表示するには、コントロールを組み立ててボタンの内側に配置し、表示方法をボタンのコンテンツプロパティにバインドします。

WPF ベースのアプリケーションの開発を始めてみると、なじみ深さを感じるはずです。プロパティの設定、オブジェクトの使用、およびデータバインディングの方法は、Windows フォームや ASP.NET を使用する場合とほぼ同じです。WPF のアーキテクチャを詳しく知るにつれて、基本的にデータをアプリケーションの中心的原動力として扱う多機能なアプリケーションを作成できる可能性があることがわかるでしょう。