既存のオブジェクトからのコントロールの作成
.png "このページは WPF プロジェクトにのみ適用されます。")
コントロールのデザインに関するアイデアがあり、Microsoft Expression Blend 2 に含まれるシステム コントロールを使用できない場合は、コントロールのコンポーネントを描画し、それを再利用可能なユーザー コントロール (UserControl とも呼ばれています) に変換することで、アートボード上にコントロールを作成できます。
アートボード上で既存のオブジェクトからコントロールを作成するには
[選択]
.png "Cc296387.2ff91340-477e-4efa-a0f7-af20851e4daa(ja-jp,Expression.10).png")
ツールをクリックします。Shift キーを押しながら両方の四角形を選択します。選択したオブジェクトを右クリックし、[グループ化設定] をクリックします。次に、ポップアップ メニューの [キャンバス] パネルをクリックします。選択した四角形が新しいレイアウト パネルの子オブジェクトになります。
.gif "ヒント")
ヒント :次の図に示すように、アートボード上または [オブジェクトとタイムライン] で、オブジェクトを選択し、右クリックすることができます。
.png "Cc296387.7c3b8323-da25-4cfc-9f9d-55808aea711d(ja-jp,Expression.10).png")
レイアウト パネルには複数の種類があり、それぞれレイアウト スキームが異なります。[キャンバス] パネルでは、子オブジェクトのサイズは、アプリケーション ウィンドウでは変更されません。[グリッド] パネルでは、子オブジェクトのサイズが自動的に変更されるように構成できます。また、[プロパティ] パネルの [レイアウト] で配置と余白のプロパティを設定することで、子オブジェクトのサイズをアプリケーション ウィンドウで変更できます。
[オブジェクトとタイムライン] で新しいキャンバス オブジェクトを右クリックし、ポップアップ メニューの [コントロールの作成] をクリックします。
.png "Cc296387.f2b077d0-a36a-483f-be12-272a66def60e(ja-jp,Expression.10).png")
[コントロールの作成] ダイアログ ボックスが表示されます。
.png "Cc296387.2a301fcf-3ece-4254-a3d1-654ad98cb9a7(ja-jp,Expression.10).png")
各フィールドの設定を変更する必要はないので、そのまま [OK] をクリックします。
新しいユーザー コントロールが作成され、編集できるように開かれて、[プロジェクト] タブに表示されます。
.png "Cc296387.ff90c77a-6cd2-43c5-b1af-52a1c89c1fee(ja-jp,Expression.10).png")
アプリケーションをビルドします (Ctrl + Shift + B キーを押します)。ファイルが保存されて、メイン ドキュメントにユーザー コントロールを表示できるようになります。このユーザー コントロールは、アセット ライブラリ
.png "Cc296387.0224cabd-5da1-4e01-bddd-4a647401a098(ja-jp,Expression.10).png")
の [カスタム コントロール] タブで選択して他の場所で再使用できます。.png "Cc296387.129e8111-3f37-423d-9439-d3dc3415356c(ja-jp,Expression.10).png")
次の手順
既存のオブジェクトからボタンを作成することもできます。この方法では、新しいユーザー コントロールの代わりに、新しいボタン テンプレートが得られます。詳細については、「オブジェクトからのボタン作成」を参照してください。
UserControl クラスを継承するユーザー コントロールの代わりに、Control クラスまたは Expression Blend 2 に含まれるシステム コントロールを継承するカスタム コントロールを作成できます (システム コントロールは、Control を継承しているためです)。このようなカスタム コントロールは、ユーザーがアートボード上で描画できるように、プロジェクト ファイルで参照できる DLL ファイルにコンパイルされます。Control を継承したクラスは、システム コントロールと同じようにテンプレートを使用できます。詳細については、「試してみよう : カスタム WPF コントロールの作成」および「コントロール テンプレートの作成または編集」を参照してください。