ホーム >のデザイン時Silverlightの時間の特徴でSilverlightのデザイン>ツールキット

Silverlightのデザイン時の機能は、ツールキット

導入

Silverlightをツールキット12月 2008リリースには、コントロール時の機能のためにデザインしました。 私は、これらの設計時の機能を書いてそれらを実装する方法について、一連の記事を書きます。 これは、最初、これらのデザイン時の機能の概要を与えている。

バイナリ

4つのコントロールアセンブリのために、3つのデザイン時のアセンブリがあります:

はC:\メッシュ\ SLTK \バイナリ>のfilever /秒/電子/
はc:\メッシュ\ sltk \バイナリ\ *.*
W32i DLLを - 2.0.21024.1838基286720 2008年12月9日microsoft.windows.controls.datavisualization.dll
W32i DLLを - 2.0.21024.1838基200,704 2008年12月9日microsoft.windows.controls.dll
W32i DLLを - 2.0.21024.1838基77,824 2008年12月9日microsoft.windows.controls.input.dll
W32i DLLを - 2.0.21024.1838基40,960 2008年12月9日microsoft.windows.controls.theming.dll
はc:\メッシュ\ sltk \バイナリ\設計\ *.*
W32i DLLを - 2.0.21024.1838基387072 2008年12月9日microsoft.windows.controls.datavisualization.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.datavisualization.expression.design.dll
W32i DLLを - 2.0.21024.1838基13824 2008年12月9日microsoft.windows.controls.datavisualization.visualstudio.design.dll
W32i DLLを - 2.0.21024.1838基259584 2008年12月9日microsoft.windows.controls.design.dll
W32i DLLを - 2.0.21024.1838基10752 2008年12月9日microsoft.windows.controls.expression.design.dll
W32i DLLを - 2.0.21024.1838基81408 2008年12月9日microsoft.windows.controls.input.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.input.expression.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.input.visualstudio.design.dll
W32i DLLを - 2.0.21024.1838基48640 2008年12月9日microsoft.windows.controls.theming.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.theming.expression.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.theming.visualstudio.design.dll
W32i DLLを - 2.0.21024.1838基11264 2008年12月9日microsoft.windows.controls.visualstudio.design.dll

名と対応するランタイムとデザイン時のアセンブリの場所は重要です。 たとえばmicrosoft.windows.controls.dllしてください:

  • そのデザイン時のアセンブリはmicrosoft.windows.controls.design.dll、microsoft.windows.controls.expression.dll、microsoft.windows.controls.visualstudio.dll名前でなければなりません。
  • 場合はここにあるように、そのデザイン時のアセンブリは、実行時にアセンブリ、またはサブディレクトリの設計という名前のと同じディレクトリのいずれかで、する必要があります。
  • 名前と場所の配置では、上記のブレンドが自動的に検出し、microsoft.windows.controls.design.dllとmicrosoft.windows.controls.expression.dllを読み込むことができ、そのためには、Visual Studioを検索し、マイクロソフトを読み込むことができるしている間。windows.controls.design.dllとmicrosoft.windows.controls.visualstudio.dll、そのためです。

ブレンドのためのデザイン時の機能

どのようにSilverlightをToolkitを使用する方法を示しますし、そしてそのコントロールのデザイン時の機能には、のは、ブレンドから新しいSilverlightアプリケーションプロジェクトを作成してみましょう:

新規のSilverlightアプリケーションプロジェクト

また、参照するすべての4つのランタイムのアセンブリを追加します:

参照を追加...

ポップアップ資産ライブラリ、[カスタムコントロール]タブ:

資産ライブラリ、ツールチップ

  • カスタムコントロールのタブは、Silverlight Toolkitの4つのランタイムアセンブリからコントロールが格納されます。
  • 各コントロールは、ツールチップをそれが何かを説明した。
  • コントロールをクリックして選択したコンテナには、右に登録xmlns属性を追加します。 カテゴリ、ツールチップ
  • 各プロパティは、MinimumPopulateDelayプロパティのヒント上記のような有用なツールチップを持って)、その型と単位(ミリ秒示しています。
  • 我々は)グループのカスタムプロパティに良いの代わりにそれらをすべて雑カテゴリの下に有するAutoCompleteBox上記のオートコンプリートプロパティのカテゴリのような新しいカテゴリーを追加(; 隠すには、共通の特性にカテゴリーを、カスタムエディタ属性
  • いくつかのプロパティがため等がBorderBrushの隠されたような背景前景、 Viewboxの上。
  • いくつかのプロパティは、[共通プロパティ]カテゴリに、子供のようなViewboxの上記の、ストレッチ、StretchDirectionに移動されます。
  • 選択オブジェクトのダイアログを開くれる子のpropertyのための新しいボタンをクリックし、All those WPFのと同様、などのWPFのの対応、することが可能同様run時間経験just like beに存在するこれらのSilverlightのコントロールのデザイン時の体験を行います。

    Visual Studioのデザイン時の機能

    起動Visual Studioは、右クリックし、Blendでプロジェクトで、[編集をVisual Studioのコンテキストメニュー項目の選択:

    image_thumb31

    SilverlightをToolkitを追加するにはVisual Studioのツールボックスを制御する:

  • は、Silverlight Toolkitのは、それを名前、または何かする新しいタブを作成: タブを追加します。
  • 新しいタブを右クリックし、選択を選択してアイテム...: 選択項目...
  • を選択してSilverlightの[コンポーネント]タブをクリックし、参照...]ボタン: 選択Silverlightのコンポーネント
  • ナビゲート1つで、それらを1つずつ追加場所実行時にアセンブリがあり、移動: イメージ
  • 以下がどのようなSilverlightのツールキットのすべての4つのランタイムアセンブリを追加した後に見えます。 注意してください:
    • 私はSilverlightのツールキットアセンブリからコントロールを表示するフィルタを追加。
    • Microsoft.Windows.Control.Theming.dllは、Visual Studioのツールボックスに追加されるので、任意のコントロールを持っていないエラーダイアログMicrosoft.Windows.Control.Theming.dllが期待され、[OK]を選択した後、
    • 我々は、Visual Studioブレンドするよりも、コントロールの小さいセットを公開。
    • あなたはさらに、Visual Studioのツールボックスからチェックを外していくつかのコントロールを削除することができますが、以下:
      を選択してツールボックスのアイテム

    Silverlightをツールキットを追加した後、ツールボックスにコントロールは、我々は以下を参照することができます:

    • 各コントロールは素晴らしいカスタムアイコンがある;
    • ダブルカーソルがXAMLにそれを追加します、右登録xmlnsでツールバーのコントロールをクリックする。
    • [プロパティ]ウィンドウとツールチップは、今のところ動作しない、SilverlightのVisual StudioのXAMLエディタの制限; カスタムアイコンを

    結論

    コントロールの開発者として、我々は顧客の2種類を提供する:

    • Silverlightアプリケーションを開発する当社のコントロールを使用する開発者。 開発者は、私たちが提供する必要があります:
      • いい走りタイムのAPIは(/イベント、クラス継承と封じ込めなどのプロパティ/メソッド)とUI(コントロール契約、デフォルト)、コントロールは使いやすく、作るにカスタマイズ、拡張と進化テンプレート;
      • 良いデザイン時のUIは、開発者の生産性を向上させる。
      • 良いドキュメント、サンプル、チュートリアル、コミュニティのサポート等。
    • アプリケーション開発者が開発の一部としてコントロールを使用するエンドユーザー。 エンドユーザーのために、我々は良いUIに提供するために()コントロールのレンダリングは、そのキーボードとマウスのインターフェイス等を必要とする:直感的で、一貫性のある、信頼性、パフォーマンスの高い、豊かで安全です。

    SilverlightをToolkitのデザイン時の経験は私達の全体的な成果物の重要な部分ですので。 このポストは2008年12月リリースでは、デザイン時の機能の概要です。 私が記事をどのようにブレンドし、Visual Studioのデザイン時の機能を開発する説明フォローアップを書くだろうし、うまくいけば、あなたの独自の開発に使用することができます/コードの一般的なフレームワークを提供します。

    いつものように、我々はあなたのフィードバックを聞くことに熱心であり、あなたの懸念に対処する迅速かつご意見を取り入れている 我々は、Silverlight最高の開発プラットフォームにする、努力と投資をし、Silverlightでの経験、最も生産性、やりがいのあること! ありがとう!

  • 共有し、楽しみなさい:

    • Print
    • email
    • RSS
    • Twitter
    • TwitThis
    • del.icio.us
    • LinkedIn
    • Technorati
    • Facebook
    • Google Bookmarks
    • Live
    • MySpace
    • QQ书签