共用方式為


如何:使用螢幕設計工具設計 Silverlight 螢幕

您可以透過使用畫面設計工具修改畫面的外觀。 您可以使用畫面設計工具來完成下列設計工作。

欄位和命令設計工作

  • 將一組資訊加入到畫面。

  • 修改群組的配置。

  • 加入按鈕。

  • 加入項目。

  • 移除項目。

  • 移動項目。

  • 變更項目的顯示名稱。

  • 變更項目的標籤位置。

  • 變更項目的大小。

  • 顯示或隱藏項目。

  • 變更項目的控制項型別。

  • 將自訂控制項加入到畫面。

  • 復原變更。

資料集合設計工作

  • 變更是否要讓集合在第一次載入畫面時顯示資料。

  • 啟用或停用分頁。

  • 啟用或停用排序。

  • 啟用或停用搜尋。

如需如何在應用程式執行時完成設計工作的詳細資訊,請參閱 如何:自訂執行中應用程式中的 Silverlight 螢幕

將一組資訊加入到畫面

  1. 在 [畫面內容樹狀結構] 中,選取您想要加入一組資訊的群組。

  2. 在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [群組]。

    新群組隨即出現。

  3. 將項目拖曳到群組中。 您可以從設計工具的 [畫面成員名單] 或畫面內容樹狀結構的其他區域拖曳項目。

修改群組的配置

  1. 在 [畫面內容樹狀結構] 中,按一下要修改之群組旁邊的向下鍵。

    下拉式清單隨即出現。 下拉式清單顯示所有可供群組使用的控制項型別。

  2. 在控制項下拉式清單中,按一下控制項型別。

    您所選取的控制項型別會影響群組配置。 如需每個控制項型別的詳細資訊,請參閱參考:螢幕設計工具屬性

加入按鈕

  1. 在 [畫面內容樹狀結構] 中,選取任何 [命令列] 節點。

  2. 在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [按鈕]。

    按鈕隨即出現在 [命令列] 節點底下。

  3. 加入當使用者按一下按鈕時執行的程式碼。 如需詳細資訊,請參閱如何:將自訂命令加入至 Silverlight 螢幕

加入項目

  • 從 [畫面設計工具] 的 [畫面成員名單],拖曳項目 (例如,欄位或命令) 到 [畫面內容樹狀結構] 的所需位置。

    提示

    畫面內容樹狀結構是設計工具中間所顯示之畫面物件的階層。

    拖曳項目時,滑鼠游標將變更以指示該項目是否可以放在給定的位置。 如果滑鼠游標變更為有斜線穿過的圓形,項目就不能置放在該位置。

    您也可以將自訂欄位加入到畫面。 如需詳細資訊,請參閱如何:將區域屬性加入至 Silverlight 螢幕

移除項目

  1. 在 [畫面內容樹狀結構] 中,選取您要從畫面中移除的項目 (例如,欄位或命令)。

  2. 在 [畫面內容樹狀結構] 頂端,按一下 [刪除] 按鈕。

移動項目

  • 在 [畫面內容樹狀結構] 中,拖曳項目 (例如,欄位或命令) 到項目清單中的所需位置。

    例如,將 PostalCode 欄位拖放到 Country 欄位底下,或將 [編輯] 按鈕拖放到 [刪除] 按鈕上方。

    注意事項注意事項

    拖曳欄位時,滑鼠游標將變更以指示該項目是否可以放在給定的位置。如果滑鼠游標變更為有斜線穿過的圓形,項目就不能置放在該位置。

變更項目的顯示名稱

  1. 在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。

  2. 在 [屬性] 視窗中,選取 [顯示名稱] 下的文字方塊,然後輸入所需的項目名稱。

    變更顯示名稱不會變更項目的名稱。 它只會變更該項目出現在畫面上的名稱。

變更項目的標籤位置

  1. 在 [畫面內容樹狀結構] 中選取欄位。

  2. 在 [屬性] 視窗中,按一下 [標籤位置] 下的下拉式清單並選取所需的位置。

    下表會說明每個選項。

    標籤位置

    描述

    靠左對齊

    標籤出現在控制項左側。

    靠右對齊

    標籤出現在控制項右側。

    Top

    標籤會出現在控制項上方。

    Bottom

    標籤出現在控制項下方。

    None

    所選的資料欄位沒有顯示的標籤。

    Collapsed

    欄位會放在若在其他狀況會保留給標籤的空間中。

變更項目的大小。

  1. 在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。

  2. 在 [屬性] 視窗的 [縮放] 底下,選取所需的控制項高度與寬度。

    如需每個設定的相關資訊,請參閱 參考:螢幕設計工具屬性

顯示或隱藏項目

  1. 在 [畫面內容樹狀結構] 中選取項目 (例如,欄位或命令)。

  2. 在 [屬性] 視窗中,選取或清除 Is Visible 屬性。

    如果選取 [Is Visible],當應用程式執行時該項目在畫面上就是可見的。 如果清除 [Is Visible],當應用程式執行時該項目在畫面上就不是可見的。

    注意事項注意事項

    當應用程式執行時項目在畫面上是不可見的,項目旁會出現標籤 [(不可見)]。

變更項目的控制項型別

  1. 在 [畫面內容樹狀結構] 中,選取項目旁邊的下拉式清單。

  2. 從下拉式清單中,選取所需的控制項型別。

    大部分控制項型別都是內建控制項型別。 您還可以將控制項型別設為透過其他工具建立的自訂控制項。 如需自訂控制項的詳細資訊,請參閱 如何:將自訂控制項加入至 Silverlight 螢幕

將自訂控制項加入到畫面

  1. 在 [畫面內容樹狀結構] 中選取任何群組。

  2. 在 [畫面設計工具] 頂端,按一下 [加入配置項目],然後按一下 [自訂控制項]。

    如需詳細資訊,請參閱如何:將自訂控制項加入至 Silverlight 螢幕

復原變更

  • 在 [編輯] 功能表上,按一下 [復原]。

    提示

    如果您不小心在 [畫面設計工具] 中復原編輯動作,請按一下 [編輯] 功能表上的 [取消復原]。

變更是否要讓集合在第一次載入畫面時顯示資料

  1. 在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。

  2. 如果您不想要讓集合在畫面出現時顯示任何資料,請清除 [屬性] 視窗中的 [自動執行查詢] 核取方塊。 如果您要讓集合在畫面出現時顯示資料,請選取 [自動執行查詢] 核取方塊。

啟用或停用分頁

  1. 在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。

  2. 即使是大型的列集合,也要讓使用者看到查詢所傳回的所有列時,請清除 [屬性] 視窗中的 [支援分頁] 核取方塊。 如果您想要在查詢傳回大量記錄時限制向使用者顯示的記錄數目,請選取 [支援分頁] 核取方塊。

  3. 如果你選擇在支援分頁之下的不. 每頁顯示的項目數目,底下指定要向使用者顯示的列數

    注意事項注意事項

    使用者可以透過按一下畫面中的連結,在資料列集合中移動。

啟用或停用排序

  1. 在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。

  2. 如果您不希望使用者排序集合所顯示的資料,請清除 [屬性] 視窗中的 [支援排序] 核取方塊。 如果您要讓使用者排序集合所顯示的資料,請選取 [支援分頁] 核取方塊。

啟用或停用搜尋

  1. 在 [畫面設計工具] 的 [畫面成員清單] 中,選取集合標題 (例如,OrderCollection 標題)。

  2. 如果您不希望搜尋方塊出現在集合上方,請清除 [屬性] 視窗中的 [支援搜尋] 核取方塊。 如果您要讓搜尋方塊出現在集合上方,請選取 [支援搜尋] 核取方塊。 如需如何讓使用者搜尋資料的詳細資訊,請參閱 How to: Enable the User to Search Data

請參閱

工作

如何:自訂執行中應用程式中的 Silverlight 螢幕

如何:將區域屬性加入至 Silverlight 螢幕

如何:將自訂命令加入至 Silverlight 螢幕

HOW TO:將資料加入至螢幕

其他資源

螢幕:應用程式的使用者介面