如何:使用螢幕設計工具設計 Silverlight 螢幕
您可以透過使用畫面設計工具修改畫面的外觀。 您可以使用畫面設計工具來完成下列設計工作。
欄位和命令設計工作
將一組資訊加入到畫面。
修改群組的配置。
加入按鈕。
加入項目。
移除項目。
移動項目。
變更項目的顯示名稱。
變更項目的標籤位置。
變更項目的大小。
顯示或隱藏項目。
變更項目的控制項型別。
將自訂控制項加入到畫面。
復原變更。
資料集合設計工作
變更是否要讓集合在第一次載入畫面時顯示資料。
啟用或停用分頁。
啟用或停用排序。
啟用或停用搜尋。
如需如何在應用程式執行時完成設計工作的詳細資訊,請參閱 如何:自訂執行中應用程式中的 Silverlight 螢幕。
將一組資訊加入到畫面
在 [畫面內容樹狀結構] 中,選取您想要加入一組資訊的群組。
在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [群組]。
新群組隨即出現。
將項目拖曳到群組中。 您可以從設計工具的 [畫面成員名單] 或畫面內容樹狀結構的其他區域拖曳項目。
修改群組的配置
在 [畫面內容樹狀結構] 中,按一下要修改之群組旁邊的向下鍵。
下拉式清單隨即出現。 下拉式清單顯示所有可供群組使用的控制項型別。
在控制項下拉式清單中,按一下控制項型別。
您所選取的控制項型別會影響群組配置。 如需每個控制項型別的詳細資訊,請參閱參考:螢幕設計工具屬性。
加入按鈕
在 [畫面內容樹狀結構] 中,選取任何 [命令列] 節點。
在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [按鈕]。
按鈕隨即出現在 [命令列] 節點底下。
加入當使用者按一下按鈕時執行的程式碼。 如需詳細資訊,請參閱如何:將自訂命令加入至 Silverlight 螢幕。
加入項目
從 [畫面設計工具] 的 [畫面成員名單],拖曳項目 (例如,欄位或命令) 到 [畫面內容樹狀結構] 的所需位置。
提示
畫面內容樹狀結構是設計工具中間所顯示之畫面物件的階層。
拖曳項目時,滑鼠游標將變更以指示該項目是否可以放在給定的位置。 如果滑鼠游標變更為有斜線穿過的圓形,項目就不能置放在該位置。
您也可以將自訂欄位加入到畫面。 如需詳細資訊,請參閱如何:將區域屬性加入至 Silverlight 螢幕。
移除項目
在 [畫面內容樹狀結構] 中,選取您要從畫面中移除的項目 (例如,欄位或命令)。
在 [畫面內容樹狀結構] 頂端,按一下 [刪除] 按鈕。
移動項目
在 [畫面內容樹狀結構] 中,拖曳項目 (例如,欄位或命令) 到項目清單中的所需位置。
例如,將 PostalCode 欄位拖放到 Country 欄位底下,或將 [編輯] 按鈕拖放到 [刪除] 按鈕上方。
注意事項 拖曳欄位時,滑鼠游標將變更以指示該項目是否可以放在給定的位置。如果滑鼠游標變更為有斜線穿過的圓形,項目就不能置放在該位置。
變更項目的顯示名稱
在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。
在 [屬性] 視窗中,選取 [顯示名稱] 下的文字方塊,然後輸入所需的項目名稱。
變更顯示名稱不會變更項目的名稱。 它只會變更該項目出現在畫面上的名稱。
變更項目的標籤位置
在 [畫面內容樹狀結構] 中選取欄位。
在 [屬性] 視窗中,按一下 [標籤位置] 下的下拉式清單並選取所需的位置。
下表會說明每個選項。
標籤位置
描述
靠左對齊
標籤出現在控制項左側。
靠右對齊
標籤出現在控制項右側。
Top
標籤會出現在控制項上方。
Bottom
標籤出現在控制項下方。
None
所選的資料欄位沒有顯示的標籤。
Collapsed
欄位會放在若在其他狀況會保留給標籤的空間中。
變更項目的大小。
在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。
在 [屬性] 視窗的 [縮放] 底下,選取所需的控制項高度與寬度。
如需每個設定的相關資訊,請參閱 參考:螢幕設計工具屬性。
顯示或隱藏項目
在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。
在 [屬性] 視窗中,選取或清除 Is Visible 屬性。
如果選取 [Is Visible],當應用程式執行時該項目在畫面上就是可見的。 如果清除 [Is Visible],當應用程式執行時該項目在畫面上就不是可見的。
注意事項 當應用程式執行時項目在畫面上是不可見的,項目旁會出現標籤 [(不可見)]。
變更項目的控制項型別
在 [畫面內容樹狀結構] 中,選取項目旁邊的下拉式清單。
從下拉式清單中,選取所需的控制項型別。
大部分控制項型別都是內建控制項型別。 您還可以將控制項型別設為透過其他工具建立的自訂控制項。 如需自訂控制項的詳細資訊,請參閱 如何:將自訂控制項加入至 Silverlight 螢幕。
將自訂控制項加入到畫面
在 [畫面內容樹狀結構] 中選取任何群組。
在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [自訂控制項]。
如需詳細資訊,請參閱如何:將自訂控制項加入至 Silverlight 螢幕。
復原變更
在 [編輯] 功能表上,按一下 [復原]。
提示
如果您不小心在 [畫面設計工具] 中復原編輯動作,請按一下 [編輯] 功能表上的 [取消復原]。
變更是否要讓集合在第一次載入畫面時顯示資料
在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。
如果您不想要讓集合在畫面出現時顯示任何資料,請清除 [屬性] 視窗中的 [自動執行查詢] 核取方塊。 如果您要讓集合在畫面出現時顯示資料,請選取 [自動執行查詢] 核取方塊。
啟用或停用分頁
在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。
即使是大型的列集合,也要讓使用者看到查詢所傳回的所有列時,請清除 [屬性] 視窗中的 [支援分頁] 核取方塊。 如果您想要在查詢傳回大量記錄時限制向使用者顯示的記錄數目,請選取 [支援分頁] 核取方塊。
如果你選擇在支援分頁之下的不. 每頁顯示的項目數目,底下指定要向使用者顯示的列數
注意事項 使用者可以透過按一下畫面中的連結,在資料列集合中移動。
啟用或停用排序
在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。
如果您不希望使用者排序集合所顯示的資料,請清除 [屬性] 視窗中的 [支援排序] 核取方塊。 如果您要讓使用者排序集合所顯示的資料,請選取 [支援分頁] 核取方塊。
啟用或停用搜尋
在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。
如果您不希望搜尋方塊出現在集合上方,請清除 [屬性] 視窗中的 [支援搜尋] 核取方塊。 如果您要讓搜尋方塊出現在集合上方,請選取 [支援搜尋] 核取方塊。 如需如何讓使用者搜尋資料的詳細資訊,請參閱 How to: Enable the User to Search Data。