建立項目控制項
「項目集合控制項」具有 [Items] 屬性,可以包含子元素的集合。您可以將任何類型的子元素新增至項目集合,也可以使用資料繫結來顯示資料來源的項目陣列。項目集合控制項不會有任何內容屬性及標題屬性。子元素會新增至項目集合控制項的「項目載體」,如果是 [ListBox],這就是以垂直堆疊排列項目的堆疊面板。除非編輯的是項目集合控制項的範本,否則在 Microsoft Expression Blend 的 [物件與時間軸] 下看不到項目載體。
下列程序顯示如何建立項目集合控制項 ([ListBox]),以及將元素新增至項目集合中。您可以使用此項程序搭配 MSDN 文件庫上 ItemsControl 類型 (英文) 主題的「類型」下所列出的其他項目集合控制項使用。如果要顯示資料來源的項目陣列,請參閱試試看: 建立 RSS 新聞閱讀器主題。
注意事項: |
---|
Microsoft Silverlight 1.0 專案無法使用項目集合控制項。不過,您可以在 [畫布] 版面配置面板中放置 [TextBlock] 物件,然後繫結 JavaScript 事件處理常式,讓項目出現或消失。如需有關 JavaScript 的詳細資訊,請參閱 Silverlight 指令碼與滑鼠事件 (英文)。 |
建立項目集合控制項
在 Expression Blend 左側的 [工具箱] 中,按一下 [資產庫] 按鈕。在 [控制項] 索引標籤中,按一下 [系統控制項] (如果尚未選取),然後從清單中選取 [ListBox] 。[ListBox] 控制項的圖示會出現在 [資產庫] 按鈕上方,而且為已選取狀態,您可隨時將 [ListBox] 新增至畫板。
秘訣: 最常用的使用者介面 (UI) 元素 (例如 [Button] 控制項) 已顯示於 [資產庫] 按鈕上方的下拉式清單中,以便您迅速新增這些 UI 元素。
若要將按鈕新增至畫板,請按兩下 [ListBox] 控制項的 [工具箱] 圖示。
畫板上以預設大小及位置建立的 ListBox 物件 (左上)
秘訣: 您也可以選取 [工具箱] 中的控制項,然後按一下畫板並拖曳滑鼠以指定控制項的週框方塊,將控制項新增至畫板中。
秘訣: 將 UI 設計元素 (如 [ListBox] 控制項) 新增至畫板之後,該元素就會變成應用程式中的物件。
在 [物件與時間軸] 下,按兩下 [ListBox] 物件,讓它成為已啟動的元素。請注意,元素周圍會出現黃色的反白顯示。啟動物件可以讓您新增子元素。
秘訣: 您也可以先選取 [工具箱] 中的 [選取] 工具 ,然後按兩下畫板上的物件,以啟動畫板上的物件。
使用 [工具箱] 中的元素 (例如 [TextBlock] 、[按鈕] 或 [矩形] ),將數個圖形拖曳到 [ListBox] 中。請注意,清單如何以垂直堆疊來排列這些子元素。
新增至 ListBox 物件的子物件
注意事項: 如果新增的元素超過項目集合控制項可以容納的數目,則在您執行應用程式時會出現捲軸。這可讓您檢視其他元素。
秘訣: 您可以拖放 [物件與時間軸] 下的物件,以重新排序清單中的元素,或選取 [選取] 工具 將它們拖曳至畫板。
您可以檢視 [ListBox] 中的項目,並且在 [集合編輯器] 視窗中新增其他項目。若要開啟 [集合編輯器],請按一下 [屬性] 面板之 [Items (Collection)] 屬性旁邊的 [編輯此集合的項目] 按鈕。
建置專案 (F5) 以查看產生的應用程式。