繪製項目控制項

「項目控制項」 ** 具有 [Items] 屬性，可以包含子物件的集合。您可以將任何類型的子物件新增至項目集合，也可以使用資料繫結來顯示資料來源的項目陣列。項目集合控制項不會有任何內容屬性及標題屬性。子物件會新增至項目控制項的「項目載體」 ** ，如果是 ListBox ，這就是以垂直堆疊排列項目的 Stack 面板。除非編輯的是項目控制項的範本，否則在 Microsoft Expression Blend 的 [物件與時間軸] 面板中看不到項目載體。

下列程序顯示如何建立項目控制項 ( ListBox )，以及將物件新增至項目集合中。您可以將此程序用於 MSDN 上 ItemsControl Types  (ItemsControl 類型) 主題之＜Types＞(類型) 下列出的其他項目控制項。

如果要顯示資料來源的項目陣列，請參閱試試看： 建立 RSS 新聞閱讀器主題。

如需詳細資訊，請參閱使用 StackPanel 版面配置面板。

建立項目集合控制項

1. 在 Expression Blend 左側的 [工具] 面板中，按一下 [資產] 。在 [控制項] 類別中，從清單選取 ListBox。 ListBox 控制項的圖示會出現在 [資產] 按鈕下方，並且呈選取狀態，讓您可以將 ListBox 控制項新增至畫板。

   秘訣：
   最常用的使用者介面 (UI) 元素 (例如 Button 控制項) 已顯示於 [資產] 按鈕下方的下拉式清單中，方便您迅速新增這些 UI 元素。

2. 若要將按鈕新增至畫板，請按兩下 ListBox 控制項的 [工具] 面板圖示。

   畫板上以預設大小及位置建立的 ListBox 物件 (左上)

   

   秘訣：
   您也可以選取 [工具] 面板中的控制項，然後按一下畫板並拖曳滑鼠以指定控制項的週框方塊，將控制項新增至畫板中。

   秘訣：
   將 UI 元素 (如 ListBox 控制項) 新增至畫板之後，該元素就會變成應用程式中的物件。

3. 在 [物件與時間軸] 面板中，按一下 ListBox 物件，讓它成為已啟用的物件。啟用物件可以讓您新增子物件。

   秘訣：
   您也可以先選取 [工具] 面板中的 [選取] ，然後按兩下畫板上的物件，以啟用畫板上的物件。

4. 使用 [工具] 面板中的物件 (例如 [TextBlock] 、[Button]  或 [Rectangle] )，將數個圖形繪製到 ListBox 中。請注意清單如何以垂直堆疊來排列這些子物件。

   新增至 ListBox 物件的子物件

   

   注意：
   如果新增的物件超過項目控制項可以容納的數目，則在您執行應用程式時會出現捲軸。這可讓您檢視額外的物件。

   秘訣：
   您可以拖放 [物件與時間軸] 面板中的物件，以重新排序清單中的物件，或選取 [選取]  將它們拖曳至畫板。

5. 您可以檢視 ListBox 中的項目，並且在 [集合編輯器] 視窗中新增其他項目。若要開啟 [集合編輯器]，請按一下 [屬性] 面板之 [Items (Collection)] 屬性旁的 [編輯此集合的項目] 。

6. 建置專案 (F5) 以查看產生的應用程式。

Copyright © 2011 by Microsoft Corporation. All rights reserved.