Application Styling for ASP.NET - 新機能!

アプリケーション スタイリングは、開発者とグラフィック デザイナのより効率的な協力を可能にする ASP.NET 開発の画期的な概念です。開発者はアプリケーションを作成しますが、その間同時にグラフィック デザイナはそのアプリケーションで使用できるスタイルを作成します。終了すると、グラフィック デザイナはスタイル ライブラリを、最小限のコーディングでアプリケーションにロードする開発者に渡します。スタイリッシュなルック アンド フィールの世界クラスのアプリケーションを開発することがこれほど簡単なことは今までありませんでした。 例え、個人ショップであろうが企業レベルビジネスであろうが、全てインフラジスティックスのApplication Styling Framework™(ASF)のメリットを享受することが出来ます。– そして、これらのメリットを実現するキーは新しい NetAdvantage AppStylist™ for ASP.NET 製品です。

NetAdvantage AppStylist for ASP.NET
NetAdvantage AppStylist for ASP.NET は Microsoft® Visual Studio® IDE の外部で動作するスタンドアロンアプリケーションです。NetAdvantage AppStylist for ASP.NET は、業界標準のカスケーディングスタイルシート(CSS)技術を採用しているアプリケーション内で NetAdvantage for ASP.NET コントロールの全ての詳細のスタイルを整えます。単純なポイントアンドクリックのインターフェイスを使って、アーティストの様にキャンバス上のスタイルを再描画してください。ユーザ インタフェースは 3 つの直感的なセクションに分割されています。

  • キャンバス – このセクションは NetAdvantage for ASP.NET コントロールに見えるように現在のスタイルの例を表示します。いつスタイルの設定を変更しようとも、即座に視覚フィードバックを与えて自動的に更新されます。
  • スタイルエクスプローラ – このセクションは、ユーザインターフェースか特定のコントロールタイプで行われる役割に基づいて、編集したいスタイルを選ばせます。
  • プロパティパネル – このセクションは、異なるスタイル設定のルックアンドフィールで柔軟な実験を楽しむところです。直観的なプロパティエディタのリボンやより進化したデザイナーのどちらかを利用して、構文に色を付けるエディタに直接 CSS クラスを編集します。

 

 

NetAdvantage Application Styling 設定

NetAdvantage Application Styling 設定はデザイン時の設定やアプリケーションのためのASFに関連した設定に使用することが出来る Visual Studio .NET ツールメニュー にアドイン。このアドインは以下を可能に:

  • プロジェクトのためのアプリケーション スタイリングを有効/無効にする。

  • スタイルセットパスの変更

  • Application Styling が有効なとき、デフォルトのスタイルセットの適用を変更

  • コントロールのスタイルライブラリから単一や複数のスタイルセットをインポート

  • Application Styling のためのデフォルトオプションを選択

 

Application Styling for Windows Forms - 機能強化

特別なスタイル

例え、完全にカスタマイズされたスタイルのコンセプトが価値があったとしても、スタイルセットにおける全ての UI の役割がスタイルすることは明らか長くて困難な仕事です。インフラジスティックスは、ボタンをクリックすると自動的に完全なスタイルセットを生成するスタイルライブラリを提供することによって、このエリアで援助したいと思っております。

テンプレートから基礎を形成されたテーマスタイルライブラリを作成するには、色を選ぶのと同程度の容易さです。テンプレートメニューコマンドの「テンプレートダイアログボックスから新しいスタイルライブラリ」から [ファイル] -> [新しいスタイルライブラリ] -> [新しいスタイルライブラリ] を選択したときに表示されます。一度、編集するスタイルライブラリテンプレートを選択すると、独自のアピアランスのためのカラーカテゴリーを使用するカラーにマッチすることが出来ます。OK ボタンをクリックすれば、自動的に新しいスタイルライブラリが作成されます。

clip_image0018.png(18)

テーマスタイルライブラリを生成に使用するスタイルライブラリテンプレートを作ることは、多くの時間を節約することが出来て、いくつかの異なる役割のために色をカスタマイズする機能も与えます。テンプレートとして使用するために標準のスタイルライブラリを使用することが可能ですが、テンプレートをより柔軟性を高めるためにスタイルライブラリリソースの色をカスタマイズすることも可能です。スタイルライブラリ生成カラーカテゴリー管理ダイアログボックスはカラーカテゴリーを生成することが可能で、それをリソースや特定のUI ロールに割り当てることが出来ます。一度、これらのカラーカテゴリーが構築されれば、新しいスタイルライブラリフォームテンプレートダイアログボックスで色を割り当てることが出来ます。可能な組み合わせは無限です。

clip_image0013.png(13)

スタイル ライブラリから画像をエクスポート

UI ロールとリソースのスタイリングはアプリケーション スタイリングの中心です。これらの UI ロールとリソースは、背景に画像を表示することができます。高度にカスタマイズ可能な Button、Tab、またはその他の UI エレメントになります。これらのイメージは、スタイルライブラリファイル(*.isl)に組み込まれており、イメージフォルダの実際のイメージとして外部に保存出来ません。一度、スタイルライブラリが保存されれば、異なる UI ロールでイメージを修正することは難しくなります。もし、全社的にスタイルライブラリやデザイナーコミュニティを通して共有するのであれば、この制約はより顕著になります。

このリリースのために、インフラジスティックスは任意のスタイルライブラリから全てのイメージを回復する方法を提供します。メニューコマンドの [新しいファイル] -> [イメージのエクスポート] をクリックし、ダイアログボックスを開いて、スタイルライブラリイメージの全てを置くことを許可する任意のフォルダを開くか、新しいフォルダを作成して下さい。画像エクスポータがエクスポートするのは Portable Network Graphics(PNG)フォーマットの画像のみであることに留意してください。この機能は、間違いなく他の同僚と仕事を共有したいと思っているグラフィックデザイナーのお気に入りとなるはずです。

スタイル ライブラリに個人情報を追加

Application Styling のコンセプトが NetAdvantage 2006 Volume 1 に導入されてから、数人の開発者とグラフィックデザイナーは同様にいくつかの異なるスタイルライブラリを作っていました。これらのスタイルライブラリの多くは顧客の素晴らしい創造力と創作性の模範としました。創造的な優れた能力の功績を広くコミュニティと共有したいと思う彼がの望みは自然なことでした。

今まで、固有のものとしてスタイル ライブラリをマークする方法はありませんでした。このたび、固有の個人情報をスタイル ライブラリのプロパティに入れる機会をご提供します。 メニューコマンドの [ファイル] -> [スタイルライブラリプロパティ] をクリックすると、アプリケーションスタイルライブラリプロパティダイアログボックスが表示されます。これらのプロパティを通して加えることが出来る情報は以下の通り: ファイルバージョン、著作権、作者、許容用途や一般的な説明。スタイルライブラリプロパティもファイル名や最終更新日を追跡するがこれらの項目は読み取り専用です。


clip_image001.png 

複数のコントロールが個別のスタイル ライブラリを使用可能となった

実行時、Application Styling はすぐにメモリにロードされるのはひとつのスタイルライブラリをサポートしているだけです。特定のコントロールが同じスタイルライブラリ存在しているスタイルセットを使用しなければならなかったように、これは厳しくアプリケーションのスタイル機能を制限しました。

このリリースでは、StyleManager.Load メソッドへのマッチングオーバーロードとしてスタイルのコントロールやコンポーネントに StyleLibraryName プロパティをを追加しました。StyleManager を介してスタイル ライブラリをロードするとき、識別を支援するために新しいオーバーロードを使用できます。これで任意のコントロールまたはコンポーネントに StyleLibraryName プロパティを設定して、ロードした特定のスタイル ライブラリと一致させます。これによって、コントロールごとに異なるライブラリからコントロール固有のスタイルセットを使用することが可能となります。より多くのカスタマイズが可能なスタイル エクスペリエンスを得ることができます。