Infragistics Application Styling Framework - 2 洗練されたデザイン作業

Infragistics NetAdvantageチュートリアル その10 - AppStylist for Windows Forms

3. マウスポイントでのロール選択

　ユーザーインターフェイスコントロールがスライドやポップアップ、展開、縮小など多数の機能を持つ場合、あらゆる機能に対し、1つの画面ですべての状態のデザインを行うことは難しくなります。また、一度に表示できるフラットキャンバスには限りがあるため、ロール選択ツールのヒントがデフォルトで使用可能となっています（［ツール］-［オプション］で無効にすることもできます）。プレビューキャンバスでUI要素上にマウスを置くと、マウスポインタが指しているUI要素と関連付けられたロールを表示します。また、表示されたショートカットキーを押下することにより、ロールを選択することが可能です。

図5 ロール選択ツールのツールチップによって現在のマウスポイントにおいて選択可能なロールを明示する。

4. スタイルエクスプローラでのロール選択

　作業を行う際に、プレビューキャンバスでは表示できないコントロールの修正が必要な場合があります（コントロールの基底クラスなど）。この場合は、ロール選択ツールの代わりにスタイルエクスプローラを用います。

　スタイルエクスプローラではスタイル可能なUIロール、コンポーネントロール、共有（またはグローバル）ロール、およびリソースの階層的なカタログがツリー形式で表示されます。この視覚的なツリーは、スタイルの継承を確認できます。例えば、図6では、基本となる、Button、Buttonを継承したDropDownButton。DropDownButtonを継承したComboDropDownButtonを確認できます。

図6 スタイルエクスプローラすべてのUIロール、リソース、派生コントロールを表示

　この場合、Buttonのスタイルを変更することで、Buttonを継承しているコントロールすべてに設定が適用されます。

　スタイルエクスプローラのもう一つの強力な機能は、現在選択されているロールの［使用］リストです。これは、どのコントロールが現在選択されているロールの外観を持っているのかを確認できます。

UIデザイン用のツール群

　Adobe Photoshopなどの製品でグラフィックアーティストが慣れ親しんでいることは、ブラシ、ペン、鉛筆といった機能をツールパレットから選択するという概念です。NetAdvantage AppStylist for Windows Formsのプロパティリボンでは、スタイルロールの状態ごとに設定することができ（タブで状態を選択）、その状態で利用できる外観のカスタマイズツールだけがアクティブで表示されます。図7は、DropDownEditorButtonスタイルロールに設定できるプロパティの一部を示します。

図7 プロパティリボンによってDropDownEditorButtonロールについてホットトラック状態のグラデーション背景テクスチャを簡単にカスタマイズできる。

　UI設定の多くは、実際のコードでは.NET Frameworkにおける値、または背景についての"Solid"、"Gradient"、"Hatch"などの列挙体定数として表されます。NetAdvantage AppStylist for Windows Formsでは、ツールが自動的にこれらの値を設定するため、グラフィックアーティストは.NET Framework SDKの内部構造を意識をすることなく、スタイルを設定することができます。