螢幕設計工具導覽
透過使用畫面設計工具,您可以設計畫面。 建立畫面時,或當您按兩下[方案總管] 中的任何畫面節點時,會開啟畫面設計工具。
此主題包括下列章節:
畫面設計工具簡介
畫面成員清單
畫面內容樹狀結構
畫面設計工具命令列
畫面設計工具簡介
畫面設計工具包含「畫面成員清單」(Screen Members List)、「畫面設計工具命令列」(Screen Designer Command Bar) 和「畫面內容樹狀結構」(Screen Content Tree)。 下圖顯示畫面設計工具中每個區域的位置。
畫面成員清單
畫面成員清單包含可用於畫面的項目。 這些項目包括資料、方法和區域屬性。 透過將項目拖曳到畫面內容樹狀結構,可以將這些項目納入您的畫面。
根據預設,畫面成員清單包含與畫面的基本命令 (例如 [儲存] 命令) 關聯的方法。 該清單還包含您在 [加入新的畫面] 精靈中選取的資料集合。 您還可以將項目加入到畫面成員清單。
下圖顯示畫面成員清單。
在畫面成員清單中的資料
在畫面成員清單中,可用於畫面的資料會顯示為集合節點。 透過展開集合節點,您可以檢視集合的欄位。 透過將集合節點從畫面成員清單拖曳到畫面內容樹狀結構中,可以將資料集合加入到畫面。 也可以將個別欄位從畫面成員清單拖曳到畫面內容樹狀結構。
可以透過使用 [屬性] 視窗,修改集合的外觀和行為。 您可以透過按一下集合名稱旁邊的 [編輯查詢] 連結,指定哪些資料列的資料將出現在集合中。 如需詳細資訊,請參閱如何:篩選 Silverlight 螢幕上的資料。
在畫面成員清單中的區域屬性
您可以加入自訂欄位 (稱為區域屬性),以收集或顯示資訊。 就如同集合和欄位,區域屬性可以從畫面成員清單拖曳到畫面內容樹狀結構。 在畫面內容樹狀結構中,區域屬性顯示為控制項 (例如:文字方塊)。 如需詳細資訊,請參閱如何:將區域屬性加入至 Silverlight 螢幕。
在畫面成員清單中的方法
方法是可與畫面上的按鈕相關聯的商務邏輯單位。 將方法拖曳到畫面內容樹狀結構中的任何命令列節點。 畫面設計工具會自動加入按鈕,使用者可以透過按一下執行方法。 如需詳細資訊,請參閱如何:將自訂命令加入至 Silverlight 螢幕。
畫面內容樹狀結構
畫面內容樹狀結構以節點階層 (稱為「群組」(Group)) 表示畫面的內容。 您可以展開或摺疊群組,以檢視群組中所包含的命令、區域屬性和資料欄位。
下圖顯示螢幕的內容樹狀結構:
您可以透過選取群組控制項配置,指定群組內組織資訊的方式。 您也可以將群組加入到其他群組,以及加入、移除及放置欄位和命令。 有關如何在畫面內容樹狀結構中完成任何這些工作的詳細資訊,請參閱 如何:使用螢幕設計工具設計 Silverlight 螢幕。
畫面設計工具命令列
畫面設計工具命令列出現在畫面內容樹狀結構正上方。 此命令列包含可做為下列用途的命令:編輯集合的查詢、加入集合、建立區域屬性和方法、從畫面中移除資訊,以及撰寫當某些畫面相關的事件發生時執行的自訂程式碼。 下表描述畫面設計工具命令列上的每個按鈕:
Command |
描述 |
---|---|
編輯查詢 |
使用此命令修改資料集合的查詢。 只有在選取畫面成員清單中的集合標題時,此命令才會顯示。 如需詳細資訊,請參閱如何:篩選 Silverlight 螢幕上的資料。 |
加入資料項目 |
使用此命令將方法、區域屬性或資料集合加入到畫面。 如需詳細資訊,請參閱下列任何一個主題: |
加入配置項目 |
使用此命令將按鈕、群組或自訂控制項加入到畫面。 有關如何加入按鈕和群組的詳細資訊,請參閱 如何:使用螢幕設計工具設計 Silverlight 螢幕。 如需如何加入自訂控制項的詳細資訊,請參閱 如何:將自訂控制項加入至 Silverlight 螢幕。 |
刪除 |
使用此命令刪除出現在畫面成員清單中或畫面內容樹狀結構中的項目。 |
重設 |
使用該命令將控制項重設為預設控制項型別,以及 [加入] 重新加入您已移除的欄位。 此命令只適用於某些類型的控制項。 |
撰寫程式碼 |
使用此命令開啟畫面程式碼檔。 在畫面的程式碼檔中,您可以從 [宣告] 下拉式清單中選取要擴充的方法。 在畫面設計工具命令列中,您可以按一下 [撰寫程式碼] 按鈕旁的向下鍵,以顯示適用於畫面內容樹狀結構或畫面成員清單中目前選定項目的方法清單。 從這個清單中,您可以選取要擴充的方法。 如需詳細資訊,請參閱如何:處理 Silverlight 螢幕事件。 |