Blend におけるオブジェクト スタイルの変更Modify the style of objects in Blend

オブジェクトをカスタマイズする最も簡単な方法は、[プロパティ] ペインにプロパティを設定することです。The easiest way to customize an object is to set properties in the Properties pane.

設定または設定のグループを再利用する場合は、再利用可能なリソースを作成します。If you want re-use settings or groups of settings, create a re-usable resource. 再利用可能なリソースは、スタイルテンプレート、またはカスタムの色のような簡単なものになります。This could be a style, template, or something simple like a custom color. また、コントロールをその状態に基づいて異なる方法で表示することもできます。You can also make a control appear differently based on its state. たとえば、ユーザーがボタンをクリックするとボタンが緑色に変わるなどです。For example, a button turns green when the user clicks it.

このトピックの内容:In this topic:

ブラシ: オブジェクトの外観を変更するBrushes: Modify the appearance of an object

外観を変更する場合は、オブジェクトにブラシを適用します。Apply a brush to an object if you want to change its appearance.

短いビデオを見る: インストール済みフィーチャーの構成 ブラシ エディターWatch a short video: Configure Installed Features Brushes Editor.

繰り返しイメージまたはパターンでオブジェクトを塗りつぶします。Paint a repeating image or pattern on an object

繰り返しイメージやパターンでオブジェクトを塗りつぶすには、タイル ブラシを使用します。Paint a repeating image or pattern on an object by using a tile brush.

タイル ブラシを作成するには、初めにイメージ ブラシ描画ブラシ、またはビジュアル ブラシの各リソースを作成します。To create a tile brush, you begin by creating an image brush, drawing brush, or visual brush resource.

イメージ ブラシを作成するには、イメージを使用します。Create an image brush by using an image. 次の図は、イメージ ブラシ、並べて表示されたイメージ ブラシ、反転させたイメージ ブラシを示しています。The following illustrations show the image brush, the image brush tiled, and the image brush flipped.

パスや図形など、ベクター描画を使用して、描画ブラシを作成します。Create a drawing brush by using a vector drawing such as a path or shape. 次の図は、描画ブラシ、並べて表示された描画ブラシ、反転させた描画ブラシを示しています。The following illustrations show the drawing brush, the drawing brush tiled, and the drawing brush flipped.

ボタンなどのコントロールから、ビジュアル ブラシを作成します。Create a visual brush from a control such as a button. 次の図は、ビジュアル ブラシと並べて表示されたビジュアル ブラシを示しています。The following illustrations show the visual brush, and the visual brush tiled.

短いビデオを見る: インストール済みフィーチャーの構成 タイル ブラシWatch a short video: Configure Installed Features Tile Brushes.

スタイルとテンプレート: コントロール全体で一貫したルック アンド フィールを作成するStyles and Templates: Create a consistent look and feel across controls

コントロールの外観と動作を一度にデザインし、個別に維持しなくてもよいように、そのデザインを他のコントロールにも適用することができます。You can design the appearance and behavior of a control one time and apply that design to other controls so that you don't have to maintain them individually.

スタイルを使用する必要がありますか?: 既定のプロパティ (ボタンの色など) を設定する場合は、スタイルを使用します。Should you use a style?: If you just want to set default properties (such as the color of a button), use a style. スタイルを適用した後でも、コントロールを変更することができます。You can modify a control even after you've applied a style to it.

テンプレートを使用する必要がありますか?: コントロールの構造を変更する場合は、テンプレートを使用します。Should you use a template?: If you want to change the structure of a control, use a template. グラフィックまたはロゴをボタンに変換することを想像してください。Imagine converting a graphic or logo to a button. テンプレートを適用した後でコントロールを変更することはできません。You can't modify a control after you've applied a template to it.

テンプレートまたはスタイルを作成するCreate a template or style

テンプレートを作成する方法は 2 つあります。There's two ways to create a template. アートボード上のオブジェクトをコントロールに変換したり、既存のコントロールをテンプレートのベースにすることができます。You can convert any object on your artboard to a control or you can base your template on an existing control.

任意のオブジェクトをコントロール テンプレートに変換するには、オブジェクトを選択してから、[ツール] メニューの [コントロールの作成] を選択します。To convert any object to a control template, select the object, and then on the Tools menu, choose Make Into Control.

既存のコントロールをテンプレートのベースにする場合は、アートボード上のオブジェクトを選択します。If you want to base your template on an existing control, select an object on the artboard. 次に、アートボードの上部にある [階層リンク] ボタン、[テンプレートの編集][コピーして編集] または [空アイテムの作成] の順に選択します。Then, at the top of the artboard, choose the breadcrumb button, choose Edit Template, and then choose Edit a Copy or Create Empty.

スタイルを作成するには、オブジェクトを選択してから、[オブジェクト] メニューで [スタイルの編集][コピーして編集] または [空アイテムの作成] の順に選択します。To create a style, select the object, and then in the Object menu, choose Edit Style, and then choose Edit a Copy or Create Empty.

  • [コピーして編集] を選択すると、コントロールの既定のスタイルまたはテンプレートから開始します。Choose Edit a Copy to start with the default style or template of the control.

  • [空アイテムの作成] を選択すると、最初から開始します。Choose Create Empty to start from scratch.

    [現在のテンプレートの編集] オプションは、既に作成したスタイルやテンプレートを編集する場合のみ表示されます。The Edit Current option appears only if you edit a style or template that you've already created. まだ既定のシステム テンプレートを使用しているコントロールの場合は表示されません。It won't appear for a control that is still using a default system template.

    [スタイル リソースの作成] ダイアログ ボックスで、スタイルやテンプレートを後で使えるように指定するか、スタイルやテンプレートを特定の種類のコントロールすべてに適用することができます。In the Create Style Resource dialog box, you can either name the style or template so that you can use it later, or you can apply the style or template to all controls of that type.

注意

スタイルやテンプレートを全種類のコントロールに対して作成することはできません。You can't create styles or templates for every type of control. コントロールがスタイルやテンプレートをサポートしていない場合、[階層リンク] ボタンはアートボード上部に表示されません。If a control doesn't support them, the breadcrumb button won't appear above the artboard.

メイン ドキュメントのスコープの編集に戻るには、[スコープを に戻す] をクリックします。To return to the editing scope of your main document, click Return scope to .

短いビデオを見る: インストール済みフィーチャーの構成 スタイルを作成するWatch a short video: Configure Installed Features Create a style.

短いビデオを見る: インストール済みフィーチャーの構成 Expression Blend でのコントロール テンプレートの作成Watch a short video: Configure Installed Features Creating a Control Template in Expression Blend.

コントロールにスタイルまたはテンプレートを適用するApply a style or template to a control

[オブジェクトとタイムライン] パネルでオブジェクトを右クリックして、[テンプレートの編集][リソースの適用] の順に選択します。Right-click an object in the Objects and Timeline panel, choose Edit Template, and then choose Apply Resource.

コントロールの既定のスタイルまたはテンプレートを復元するRestore the default style or template of a control

コントロールを選択し、[プロパティ] パネルで [スタイル] または [テンプレート] のプロパティの場所を探します。Select the control, and in the Properties panel, locate the Style or Template property. 次に、[詳細オプション] をクリックし、ショートカット メニューで [リセット] をクリックします。Then, click Advanced options , and then click Reset on the shortcut menu.

表示状態: コントロールの状態に基づき、コントロールの外観を変更するVisual States: Change the appearance of a control based on its state

ユーザーとの対話に基づいて、コントロールの視覚的外観が異なります。Controls can have different visual appearances based on user interactions. たとえば、ユーザーがボタンをクリックするとボタンが緑色になる、アニメーションを実行できるなどです。For example, you can make a button turn green when a user clicks it or you could run an animation. 遷移を使用すると、表示状態の間の時間を短縮または延長することができます。You shorten or lengthen the time between visual states by using transitions.

短いビデオを見る: インストール済みフィーチャーの構成 WPF コントロールの状態を管理するWatch a short video: Configure Installed Features Manage the state of your WPF controls.

リソース: 色、スタイル、テンプレートを作成し、後で再利用するResources: Create colors, styles, and templates and reuse them later

プロジェクトにあるあらゆるものをリソースに変換できます。You can convert just about anything in your project to a resource. リソースは、 アプリケーションのさまざまな場所で再利用できるオブジェクトです。A resource is just an object that you can reuse in different places in your application. たとえば、1 回色を作成し、リソースにしてから、その色を複数のオブジェクトに使用することができます。For example, you can create a color one time, make it a resource, and then use that color on several objects. これらすべてのオブジェクトの色を変更するには、単に色リソースを変更します。To change the color of all of those objects, just change the color resource.

短いビデオを見る: インストール済みフィーチャーの構成 リソースの簡単な説明Watch a short video: Configure Installed Features A brief touch on resources.

関連項目See Also

Blend for Visual Studio を使用して UI を作成するCreating a UI by using Blend for Visual Studio