完成範本的物件屬性

您可以使用範本為控制項建立獨特的外觀。例如,使用相同範本的每個 RadioButton 控制項看起來都完全一樣。不過,如果您想要讓每個使用範本的 RadioButton 控制項擁有不同的色彩呢?雖然「範本繫結」 ** 可讓使用者設計自訂的控制項,但將控制項加入應用程式時,仍可做一些變化。

例如,在 Microsoft Expression Blend 所附的 Zune3D 範例中,位於應用程式底部的選項按鈕雖然具備相同的形狀與亮部,但色彩卻不同。您只要將其中一個物件的色彩繫結至使用該範本之 RadioButton 控制項的背景色彩,便可達到這個目的。

Zune3D 範例中具有樣式的 RadioButton 物件

Ee341447.92a0f9b6-81a7-44c3-9e6d-c17e29df7204(zh-tw,Expression.40).png

以下是最常與範本繫結的一些屬性:

屬性名稱 類型

Background

筆刷

Fill

筆刷

Stroke

筆刷

BorderBrush

筆刷

Foreground

筆刷

BorderThickness

數字

Width

數字

Height

數字

某些屬性,例如 OpacityMaskFontFontSizeLayoutTransformRenderTransform ,並不需要與範本繫結。這些屬性會自動影響範本中的元素。此外,如果範本中具有 ContentPresenter 物件, ContentText 屬性也不必與範本繫結。

完成範本的物件屬性

  1. 建立或開啟控制項的範本。

    如需詳細資訊,請參閱建立可重複使用的範本以設定系統控制項的樣式

  2. 編輯控制項的範本時,請在 [物件與時間軸] 面板中選取包含您要與範本繫結之屬性的物件。

  3. 在 [屬性] 面板中,找出要與範本繫結的屬性,按一下 [進階選項] Ee341447.12e06962-5d8a-480d-a837-e06b84c545bb(zh-tw,Expression.40).png,指向 [範本繫結],然後按一下您要繫結至範本的屬性。

    例如,在 Expression Blend 所附之 Zune3D 範例的 RadioButton 範本中,內部圖形的 [Fill] 屬性會繫結至使用該範本之 RadioButton 控制項的 Background 屬性。

    Ee341447.8ea5510a-4aed-4699-aac1-c7f3f178f5af(zh-tw,Expression.40).png

    在 [屬性] 面板中,屬性值周圍若出現黃色週框方塊,表示已與範本繫結。

    Ee341447.26f3da48-43af-437f-a064-c981ced5f317(zh-tw,Expression.40).png

  4. 現在,當您繪製另一個使用相同範本的物件時,可變更已繫結至範本的屬性 (在前述範例中即為 Background 屬性),以影響範本中的 Fill 屬性。

    Ee341447.66d08eb4-1962-4e7f-b753-ac9e4b307106(zh-tw,Expression.40).png

刪除範本繫結

  1. 編輯控制項的範本時,請在 [物件與時間軸] 面板中選取包含已與範本繫結之屬性的物件。

  2. 在 [屬性] 面板中,找出已與範本繫結的屬性,按一下 [進階選項] Ee341447.e3343378-f63e-4d8f-9847-97c1a58aadc5(zh-tw,Expression.40).png,然後按一下 [重設]。

    您現在可以將屬性設為其他值。

另請參閱

概念

設定支援範本之控制項的樣式
一般 Silverlight 控制項的樣式提示
WPF 簡單樣式的樣式提示

Copyright © 2011 by Microsoft Corporation. All rights reserved.