オブジェクトとプロパティの概要
Microsoft Expression Blend では、アートボードに配置可能なすべての要素がオブジェクトです。たとえば、アートボードに追加したビジュアル要素はアプリケーションのオブジェクトになります。オブジェクトを追加し、必要に応じて変更するだけで、優れたユーザー インターフェイスを開発できます。
オブジェクトの種類
レイアウト パネルを追加して、オブジェクトの整列やグループ化を行ったり、アートボードにコントロール、図形またはパス、特殊テキスト コントロール、メディア、3D オブジェクトを追加したりすることができます。
.gif "メモ") メモ : |
|---|
一部のビジュアル要素は Microsoft Silverlight 1.0 または Silverlight 2 プロジェクトでサポートされていません。 |
.gif "Cc294561.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ja-jp,Expression.10).gif")
先頭に戻る
オブジェクトの変更
アートボード ハンドルを使用してアートボード上のオブジェクトのサイズ変更、移動、回転、反転、傾斜を行うことにより、オブジェクトを多様に変更できます。また、[プロパティ] パネルを使用して値を入力することによって、外観、サイズ、位置などのオブジェクト属性を変更できます。詳細については、「外観」および「変換」のトピックを参照してください。
また、オブジェクトにアニメーション効果を適用したり、ユーザー操作に基づいてアニメーションを制御する トリガとユーザー インタラクティブ機能 やイベントをフックしたりすることもできます。
| メモ : |
|---|
トリガは Silverlight 1.0 ではサポートされていませんが、イベントを使用してユーザー用のインタラクティブ機能を構成できます。詳細については、「Silverlight アプリケーションのストーリーボードを制御するボタンの作成」を参照してください。Silverlight 2 プロジェクトでは、状態を使用できます。詳細については、「ユーザー操作への応答でのステートの変更」を参照してください。 |
先頭に戻る
オブジェクトのカスタマイズ
アプリケーションの独自の外観を作成する場合、スタイルおよびテンプレートを作成し、その他のプロパティをリソースに変換して、他のビジュアル要素に適用することができます。ユーザー コントロールをデザインしたり、カスタム コントロールのコードを作成したりして、カスタム動作を含む再利用可能なコントロールを作成することもできます。
| メモ : |
|---|
リソース、スタイル、およびテンプレートは Silverlight 1.0 でサポートされていませんが、再利用可能なコントロールを定義する JavaScript クラスを作成できます。詳細については、Expression Blend に付属している Silverlight 1.0 のサンプル コードまたは Silverlight ラーニング センターのページ (英語の可能性あり) を参照してください。 |
先頭に戻る
ダイナミック コンテンツ
動的に更新されるコンテンツをアプリケーションで表示する場合は、データ ソースを追加し、オブジェクトのプロパティをデータにバインドします。1 つのオブジェクトのプロパティを別のオブジェクトのプロパティにバインドする (たとえば、数値テキスト ボックスをスライダの値で更新する) こともできます。詳細については、「データ処理」を参照してください。
| メモ : |
|---|
Expression Blend のデータ処理ツールは Silverlight 1.0 プロジェクトではサポートされていません。 |
先頭に戻る
オブジェクトの追加
オブジェクトをアートボードに追加するには、[ツールボックス] または [アセット ライブラリ] でツールを選択するか、[アセット ライブラリ] でスタイル コントロールまたはカスタム コントロールを選択します。または、[リソース] パネルからスタイル コントロールまたはリソースをアートボード上の既存のオブジェクトにドラッグして、リソースをオブジェクトのいずれかのプロパティに適用することもできます。
先頭に戻る
アートボードの積み重ね順
新しいオブジェクトを作成するたびに、オブジェクトは一番上に積み重ねられます。オブジェクトが 2 つある場合、必ずいずれか一方がアートボード上の積み重ね順で他方よりも上に配置されます。一番上のオブジェクトはアートボード上で最前面のオブジェクトとなり、積み重ね順が下のオブジェクトの上に重なって表示されます。
.png "Cc294561.415b68ef-f463-4b4b-a67e-df9be639d95e(ja-jp,Expression.10).png")
.png "Cc294561.25182a96-9a69-478a-9cfe-5b360e6a9bea(ja-jp,Expression.10).png") |
オブジェクトの元の Z オーダー |
.png "Cc294561.05fe4b1d-f584-4bd2-99b6-8bc2d735a89d(ja-jp,Expression.10).png") |
Z オーダーの 1 つ前に移動 |
.png "Cc294561.f0c1ff71-7814-42ba-806b-7ea92d616e69(ja-jp,Expression.10).png") |
Z オーダーの最前面に移動 |
次の図に示す別の例では、Ellipse (楕円) オブジェクトが Rectangle (四角形) オブジェクトより積み重ね順の上位にあります。つまり、アートボード上では、楕円が四角形の前に表示されます。
アートボード上のオブジェクトの積み重ね順
.png "Cc294561.f6e20075-ea3b-4595-998c-3b454cbfbb35(ja-jp,Expression.10).png")
先頭に戻る