共用方式為


繪製項目控制項

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

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

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

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

建立項目集合控制項

  1. 在 Expression Blend 左側的 [工具] 面板中,按一下 [資產] Cc294882.0d8b8d29-1af9-418f-8741-be3097d76eab(ZH-TW,Expression.30).png。在 [控制項] 類別中,從清單選取 [ListBox] Cc294882.ffd7a7c3-6bcd-4ed3-a59e-1f28d06ec4ae(ZH-TW,Expression.30).png。[ListBox] 控制項的圖示會出現在 [資產] 按鈕下方,而且為已選取狀態,您可隨時將 [ListBox] 新增至畫板。

    Cc294882.alert_tip(ZH-TW,Expression.30).gif秘訣:

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

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

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

    Cc294882.cd6e2b8c-8640-474d-81b3-5c476113947a(ZH-TW,Expression.30).png

    Cc294882.alert_tip(ZH-TW,Expression.30).gif秘訣:

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

    Cc294882.alert_tip(ZH-TW,Expression.30).gif秘訣:

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

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

    Cc294882.alert_tip(ZH-TW,Expression.30).gif秘訣:

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

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

    新增至 ListBox 物件的子物件

    Cc294882.926bd9e5-e1d9-47a3-a37a-33cd351984b4(ZH-TW,Expression.30).png

    Cc294882.alert_note(ZH-TW,Expression.30).gif注意事項:

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

    Cc294882.alert_tip(ZH-TW,Expression.30).gif秘訣:

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

  5. 您可以檢視 [ListBox] 中的項目,並且在 [集合編輯器] 視窗中新增其他項目。若要開啟 [集合編輯器],請按一下 [屬性] 面板之 [Items (Collection)] 屬性旁的 [編輯此集合的項目] Cc294882.3f9fe48b-caf8-4989-8a91-017ba1e0cb77(ZH-TW,Expression.30).png

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