共用方式為


建立項目控制項

本頁適用於 WPF 和 Silverlight 2

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

下列程序顯示如何建立項目集合控制項 ([ListBox]),以及將元素新增至項目集合中。您可以使用此項程序搭配 MSDN 文件庫ItemsControl 類型 (英文) 主題的「類型」下所列出的其他項目集合控制項使用。如果要顯示資料來源的項目陣列,請參閱試試看: 建立 RSS 新聞閱讀器主題。

Cc294882.alert_note(zh-tw,Expression.10).gif注意事項:

Microsoft Silverlight 1.0 專案無法使用項目集合控制項。不過,您可以在 [畫布] 版面配置面板中放置 [TextBlock] 物件,然後繫結 JavaScript 事件處理常式,讓項目出現或消失。如需有關 JavaScript 的詳細資訊,請參閱 Silverlight 指令碼與滑鼠事件 (英文)。

建立項目集合控制項

  1. 在 Expression Blend 左側的 [工具箱] 中,按一下 [資產庫] Cc294882.0224cabd-5da1-4e01-bddd-4a647401a098(zh-tw,Expression.10).png 按鈕。在 [控制項] 索引標籤中,按一下 [系統控制項] (如果尚未選取),然後從清單中選取 [ListBox] Cc294882.ffd7a7c3-6bcd-4ed3-a59e-1f28d06ec4ae(zh-tw,Expression.10).png。[ListBox] 控制項的圖示會出現在 [資產庫] 按鈕上方,而且為已選取狀態,您可隨時將 [ListBox] 新增至畫板。

    Cc294882.alert_tip(zh-tw,Expression.10).gif秘訣:

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

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

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

    Cc294882.cd6e2b8c-8640-474d-81b3-5c476113947a(zh-tw,Expression.10).png

    Cc294882.alert_tip(zh-tw,Expression.10).gif秘訣:

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

    Cc294882.alert_tip(zh-tw,Expression.10).gif秘訣:

    將 UI 設計元素 (如 [ListBox] 控制項) 新增至畫板之後,該元素就會變成應用程式中的物件。

  3. 在 [物件與時間軸] 下,按兩下 [ListBox] 物件,讓它成為已啟動的元素。請注意,元素周圍會出現黃色的反白顯示。啟動物件可以讓您新增子元素。

    Cc294882.alert_tip(zh-tw,Expression.10).gif秘訣:

    您也可以先選取 [工具箱] 中的 [選取] 工具 Cc294882.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.10).png,然後按兩下畫板上的物件,以啟動畫板上的物件。

  4. 使用 [工具箱] 中的元素 (例如 [TextBlock] Cc294882.42165963-00f7-4a33-abcd-b0849edebada(zh-tw,Expression.10).png、[按鈕] Cc294882.05df1779-a68f-436b-b834-a91b7995a3ec(zh-tw,Expression.10).png 或 [矩形] Cc294882.ae750268-92e8-403a-9e07-b662da4e9e1e(zh-tw,Expression.10).png),將數個圖形拖曳到 [ListBox] 中。請注意,清單如何以垂直堆疊來排列這些子元素。

    新增至 ListBox 物件的子物件

    Cc294882.926bd9e5-e1d9-47a3-a37a-33cd351984b4(zh-tw,Expression.10).png

    Cc294882.alert_note(zh-tw,Expression.10).gif注意事項:

    如果新增的元素超過項目集合控制項可以容納的數目,則在您執行應用程式時會出現捲軸。這可讓您檢視其他元素。

    Cc294882.alert_tip(zh-tw,Expression.10).gif秘訣:

    您可以拖放 [物件與時間軸] 下的物件,以重新排序清單中的元素,或選取 [選取] 工具 Cc294882.2ff91340-477e-4efa-a0f7-af20851e4daa(zh-tw,Expression.10).png 將它們拖曳至畫板。

  5. 您可以檢視 [ListBox] 中的項目,並且在 [集合編輯器] 視窗中新增其他項目。若要開啟 [集合編輯器],請按一下 [屬性] 面板之 [Items (Collection)] 屬性旁邊的 [編輯此集合的項目] Cc294882.180d50dc-77e2-4d23-a353-1822e9056f2f(zh-tw,Expression.10).png 按鈕。

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