內容 索引 搜尋
 

建立或修改資料範本

資料範本定義了您要用來呈現資料的結構及格式。如需詳細資訊，請參閱資料範本。如需完整範例，請參閱建立 RSS 新聞閱讀器。

建立資料範本

  1. 在畫板上或 [互動] 面板的 [物件與時間軸] 之下，按一下想要與其建立繫結的物件，這就是資料從資料來源流入的位置。
  2. 在 [屬性] 面板中，按一下要當成繫結目標之屬性旁邊的 [進階屬性選項] 進階屬性選項 按鈕，此屬性就是會保留資料的特定屬性。在快顯視窗中按一下 [資料繫結]。
    [建立資料繫結] 對話方塊隨即開啟。
    附註 您所選取的屬性必須支援資料範本。如果不支援，則 [建立資料繫結] 對話方塊中就不會出現 [定義 DataTemplate] 按鈕。而呈現項目清單的屬性 (項目集合控制項的 ItemsSource 屬性) 及呈現內容的屬性 (Content 屬性) 則支援資料範本。
  3. 根據您想要建立的資料繫結類型，選取 [建立資料繫結] 對話方塊頂端的其中一個索引標籤。如需這些索引標籤的相關資訊，請參閱資料繫結。
  4. 執行下列其中一項動作，以啟用 [定義 DataTemplate] 按鈕：
    • 如果已選取 [資料欄位] 索引標籤，則請先選取資料來源，然後再選取想要的欄位。如果沒有資料來源，則需要按一下 [資料來源] 視窗下面的其中一個按鈕，以建立一個資料來源。如需範例，請參閱新增或移除資料來源或建立 RSS 新聞閱讀器。
    • 如果已選取 [元素屬性] 索引標籤，則請先從左邊顯示的清單中選取元素，然後再從右邊顯示的元素屬性中選取一個屬性。
    • 如果已選取 [明確資料內容] 索引標籤，則請選取欄位。如果未顯示任何欄位，則需要使用 [資料欄位] 索引標籤，或需要先在此物件或物件階層中較高層級的物件上定義 DataContext 屬性。如需詳細資訊，請參閱將資料繫結至屬性或元素或建立 RSS 新聞閱讀器。
  5. 按一下接近對話方塊底端的 [定義 DataTemplate] 按鈕。
    [建立資料範本] 對話方塊隨即開啟。
  6. 在 [建立資料範本] 對話方塊中，會有下列三個選項：
    • 預設的 control 樣式   使用控制項的預設樣式。如果是繫結至項目清單，則預設樣式通常會是一連串的文字方塊。如需詳細資訊，請參閱 MSDN 上的＜資料範本概觀＞(英文)。
    • 目前或預先定義的資料範本   從下拉式方塊中選取目前或預先定義的資料範本資源。如果還沒有控制項適用的資料範本資源，則會停用此選項。
    • 新資料範本與顯示欄位   此選項可讓您選擇要併入範本中的資料欄位，以及選取應該指派給每個資料欄位的控制項類型。例如，如果您擁有 String 資料欄位，則用來顯示該欄位的預設控制項會是 TextBlock。您可以按一下 TextBlock 旁邊的下拉箭號，以選取不同控制項來顯示此資料欄位。也可以使用此方法，藉由按一下最上方項目的控制項旁邊的下拉箭號，以選擇要包裝所有欄位的容器元素類型。請使用箭號按鈕來決定資料欄位的出現順序。如果沒有即時資料繫結，請選取 [產生範例資料] 核取方塊，這樣您就可以在畫板上檢視含有範例資料的控制項，查看您是否喜歡範本的外觀。
    您可以使用 [預覽] 窗格，決定您是否喜歡範本的外觀。當您完成資料範本選項的設定時，請按一下 [確定]。資料會套用範本並顯示在畫板上的物件中。

修改資料範本

  1. 在 [互動] 面板的 [物件與時間軸] 之下，以滑鼠右鍵按一下物件，並依序指向 [編輯其他範本] 及 [編輯產生的項目]，然後按一下 [編輯範本]。Expression Blend 會進入範本編輯模式，而您可以在 [物件與時間軸] 之下查看範本結構。
    附註 如果您嘗試修改現有資料範本的方式，是透過按一下已建立其資料範本之屬性旁邊的 [進階屬性選項] 進階屬性選項 按鈕，並先後按一下 [資料繫結] 和 [定義 DataTemplate] 按鈕來完成，則實際上會建立新的資料範本。
    Expression Blend 會進入範本編輯模式，並在 [物件與時間軸] 之下顯示資料範本的結構。在此編輯模式中，您可以新增範本的控制項，並使用 [屬性] 面板中的資料繫結，將那些控制項的屬性繫結至資料來源的新項目中。
  2. 按兩下根面板物件以啟動該物件，這樣您就可以新增其他子物件。
  3. 從 [工具箱] 中，選取要新增至範本的控制項。例如，如果您想要顯示另一個 String 資料元素，請從 [工具箱] 中選取文字控制項 (如 TextBlock TextBlock 控制項)，並按兩下該控制項的圖示，將它新增至範本中。
  4. 在 [物件與時間軸] 底下選取新的控制項之後，請於 [屬性] 面板中找到想要繫結資料的屬性。如果是 TextBlock，則此屬性是 [Text] 屬性。
    附註 在畫板中新增文字控制項時，Expression Blend 會進入該控制項的編輯模式。這表示您可以立即在控制項中輸入內容，但是無法存取控制項的所有屬性。若要結束控制項的編輯模式，請按下 ESC 鍵，或按一下 [選取] 工具。
  5. 按一下您所選擇之屬性旁邊的 [進階屬性選項] 進階屬性選項 按鈕，然後按一下 [資料繫結]。
    [建立資料繫結] 對話方塊隨即開啟。
  6. 選取想要繫結至此屬性的資料項目，然後按一下 [完成]。
  7. 若要結束範本的編輯模式，請按一下 [物件與時間軸] 下的 [選定範圍] [選定範圍] 按鈕 按鈕。