內容 索引 搜尋
 

建立項目集合控制項

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

下列程序顯示如何建立項目集合控制項 (ListBox),以及將元素新增至項目集合中。此程序也可以搭配 MSDN 上<ItemsControl 類型>主題的<類型>(英文) 下所列的其他項目集合控制項使用。如果要顯示資料來源的項目陣列,請參閱本使用者指南中的建立 RSS 新聞讀取器主題。

建立項目集合控制項

  1. 在 Microsoft Expression#174; Blend 左邊的 [工具箱] 中,按一下 [資產庫] 按鈕 資產庫按鈕在 [控制項] 索引標籤中,按一下 [系統控制項] (如果尚未選取),並從清單中選取 [ListBox] ListBox 控制項
    [ListBox] 控制項的圖示會出現在 [資產庫] 按鈕上方,而且為已選取狀態,您可隨時將 ListBox 新增至畫板。
    提示 最常用的 UI 元素 (例如 Button 控制項) 已顯示於 [資產庫] 按鈕上方的下拉式清單中,以便您迅速新增這些 UI 元素。
  2. 若要將按鈕新增至畫板,請按兩下 [ListBox] 控制項的 [工具箱] 圖示。

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

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

    提示 您也可以選取 [工具箱] 中的控制項,然後按一下畫板並拖曳滑鼠以指定控制項的選框工具,將控制項新增至畫板中。
    提示 將 UI 設計元素 (如 ListBox 控制項) 新增至畫板之後,該元素就會變成應用程式中的「物件」。
  3. 在 [物件與時間軸] 下,按兩下 ListBox 物件,讓它成為已啟動的元素。請注意,元素周圍會出現黃色的反白顯示。啟動物件可以讓您新增子元素。
    提示 您也可以先選取 [工具箱] 中的 [選取] 工具 選取工具,然後按兩下畫板上的物件,啟動畫板上的物件。
  4. 使用 [工具箱] 中的元素 (如 TextBlock TextBlock 控制項Button Button 控制項Rectangle Rectangle 工具),將數個圖形拖曳到 ListBox 中。請注意,清單方塊如何以垂直堆疊來排列這些子元素:

    新增至 ListBox 物件的子物件

    新增至 ListBox 物件的子物件

    附註 如果新增的元素超過項目集合控制項可以容納的數目,則在您執行應用程式時會出現捲軸,讓您檢視其他的元素。
    提示 您可以拖放 [物件與時間軸] 下的物件,以重新排序清單中的元素,或選取 [選取] 工具 選取工具 將它們拖放至畫板上。
  5. 您可以檢視 ListBox 中的項目,並且在 [集合編輯器] 視窗中新增其他項目。若要開啟 [集合編輯器],請按一下 [屬性] 面板之 [Items (Collection)] 屬性旁邊的 編輯此集合的項目按鈕 按鈕。
  6. 建置專案 (F5) 以查看產生的應用程式。