Silverlight 用戶端螢幕

您可以了解本主題介紹的範本、工具和工作建立及設計您的 LightSwitch 應用程式的最佳 Silverlight 架構螢幕。

注意事項
使用 Microsoft LightSwitch for Visual Studio Update 2 可以建立 HTML 架構螢幕和最佳化它們為行動裝置。如需詳細資訊，請參閱LightSwitch 應用程式的 HTML 用戶端螢幕。

畫面範本

若要開始使用，請透過使用下列其中一個畫面範本來建立畫面：

• 新增資料畫面

• 搜尋資料畫面

• 詳細資料畫面

• 可編輯方格畫面

• 清單和詳細資料畫面

如需如何選擇範本的詳細資訊，請參閱選擇螢幕類型。

如需如何尋找這些範本的詳細資訊，請參閱 如何：建立 Silverlight 螢幕。

畫面設計工具

您可以透過使用「畫面設計工具」(Screen Designer)，或在應用程式執行時開啟 [自訂模式] 畫面，修改畫面的設計。

畫面設計工具

畫面設計工具顯示諸如資料欄位和命令等「項目」(Item)，以及資料階層式表示的「畫面內容樹狀結構」(Screen Content Tree)。 您可以將項目拖曳到畫面內容樹狀結構，以所要的順序排列它們。

如需畫面設計工具的詳細資訊，請參閱螢幕設計工具導覽。

如需如何設計畫面的詳細資訊，請參閱逐步解說：設計螢幕。

如需如何在畫面設計工具中執行特定設計工作的詳細資訊，請參閱 如何：使用螢幕設計工具設計 Silverlight 螢幕。

自訂模式畫面

透過使用 [自訂模式] 畫面，您可以在應用程式執行時修改畫面外觀。 在套用變更之前，您還可以預覽修改。 在 [自訂模式] 畫面中，可以在應用程式執行時執行下列設計工作：

• 從畫面中移除項目

• 變更項目標題

• 變更項目的控制項型別 (例如，標籤或文字方塊)

• 變更項目的標籤位置

• 顯示或隱藏項目

• 將項目移至畫面的另一個位置

• 將項目設為同一個群組

• 將按鈕加入到畫面

• 復原變更

• 將項目屬性重設為預設值

下圖顯示 [自訂模式] 畫面。

如需 [自訂模式] 畫面的詳細資訊，請參閱 如何：自訂執行中應用程式中的 Silverlight 螢幕。

畫面設計工作

若要修改畫面設計，您可以執行下列工作：

• 修改畫面的外觀

• 將欄位和命令加入到畫面

• 篩選出現在畫面上的資料

• 將資料加入到畫面

• 自訂螢幕導覽功能表

• 透過使用程式碼修改畫面

修改畫面的外觀

您可以修改資料在畫面上的顯示方式。 例如，您可以將資訊集合設定為以清單或方格方式顯示。 您可以變更欄位顯示的順序，或將欄位群組在一起。

如需詳細資訊，請參閱如何：使用螢幕設計工具設計 Silverlight 螢幕。

如需如何設計畫面外觀以顯示 Northwind 範例資料庫資訊的範例，請參閱自訂螢幕外觀。

將欄位和命令加入到畫面

LightSwitch 畫面提供內建命令，讓使用者可以檢視、更新、刪除或儲存資料。 您還可以加入自訂命令和欄位。

如果您要將某種商務邏輯加入至畫面，請加入自訂命令。 例如，您可以加入按鈕，讓使用者可以根據銷售訂單數量來檢視客戶清單。 如需詳細資訊，請參閱如何：將自訂命令加入至 Silverlight 螢幕。

您可以加入自訂的「區域屬性」(Local Property) 欄位，以收集或顯示資訊。 例如，可以在銷售數量按鈕旁邊加入文字方塊，讓使用者可以指定要在清單中顯示多少客戶。 如需詳細資訊，請參閱如何：將區域屬性加入至 Silverlight 螢幕。

將自訂控制項加入到畫面

您可以將 Silverlight 控制項加入到 LightSwitch 畫面。 使用 Silverlight 控制項，以超越內建 LightSwitch 控制項功能的方式，顯示或收集資訊。 您還可以使用 Silverlight 控制項取代任何出現在畫面的內建 LightSwitch 控制項。 如需詳細資訊，請參閱如何：將自訂控制項加入至 Silverlight 螢幕。

篩選出現在畫面上的資料

可以透過修改畫面查詢條件，篩選出現在畫面上的資料。

出現在設計工具左窗格中的每個資料群組都是基於查詢。 畫面只顯示那些查詢所傳回的資訊。 若要變更資料群組顯示的資訊，請修改其查詢。

如需詳細資訊，請參閱如何：篩選 Silverlight 螢幕上的資料。

將資料加入到畫面

您可以將其他類型的資料加入到畫面。 例如，在顯示客戶的畫面上，您可以加入可顯示訂單清單的資料方格。 如需詳細資訊，請參閱HOW TO：將資料加入至螢幕。

自訂螢幕導覽功能表

在應用程式中，使用者可以透過在巡覽功能表中按一下其名稱，開啟畫面。 您可以指定這些畫面在功能表上的顯示順序。 您還可以指定哪個畫面是在應用程式啟動時顯示，以及指定使用者是否可以開啟多個顯示為索引標籤的畫面。

如需詳細資訊，請參閱HOW TO：建立功能表項目與導覽群組。

讓使用者能夠搜尋資料

LightSwitch 為搜尋提供內建支援。 當應用程式執行時，畫面中每個資料集合上方都會顯示搜尋方塊。 使用者可以在其中一個搜尋方塊中輸入詞彙，然後按 ENTER 鍵搜尋相關資訊。

如需如何在畫面中隱藏搜尋方塊的詳細資訊，請參閱 如何：使用螢幕設計工具設計 Silverlight 螢幕。

如需如何從搜尋中排除特定欄位的詳細資訊，請參閱參考：資料設計工具屬性。

LightSwitch 提供可用來建立搜尋畫面的範本。 如需詳細資訊，請參閱選擇螢幕類型。

搜尋要求中只會考慮型別 String 的欄位。 此外，搜尋要求只適用於關聯的資料集合。 例如，出現在客戶集合上方的搜尋方塊不能用於搜尋有關客戶訂單的資訊。

如果您要提供的搜尋體驗會考慮到非字串欄位或相關集合中的資訊，就必須在畫面中實作自訂搜尋功能。 如需如何完成這個工作的範例，請參閱 Creating a Custom Search Screen in Visual Studio LightSwitch (英文)。

透過使用程式碼修改畫面

您可以在 LightSwitch 呼叫的部分方法中加入程式碼，以便在執行階段發生某些事件時，適當修改畫面。 例如，您可以加入程式碼，向您的應用程式使用者隱藏想要保持匿名的公司名稱。 此程式碼會檢查客戶的公司名稱，並在找到相符項目時，將 CompanyName 欄位的 IsVisible 屬性設定為 False，然後將資訊顯示在畫面上。

如需撰寫程式碼位置的詳細資訊，請參閱 如何：處理 Silverlight 螢幕事件和 如何：將自訂命令加入至 Silverlight 螢幕。

如需如何加入用於修改畫面之程式碼的詳細資訊，請參閱 如何：使用程式碼修改 Silverlight 螢幕。

相關主題

標題	描述
選擇螢幕類型	描述可做為建立畫面起點的範本。
如何：建立 Silverlight 螢幕	示範如何將畫面加入到您的應用程式。
螢幕設計工具導覽	說明設計工具的組件及其功能。
逐步解說：設計螢幕	示範如何設計畫面以顯示 Northwind 範例資料庫中的資料。
如何：使用螢幕設計工具設計 Silverlight 螢幕	示範如何使用畫面設計工具。
如何：自訂執行中應用程式中的 Silverlight 螢幕	示範如何在應用程式執行時，自訂畫面的外觀。
如何：將區域屬性加入至 Silverlight 螢幕	示範如何將自訂區域 屬性 欄位至畫面。
如何：將自訂命令加入至 Silverlight 螢幕	示範如何在畫面中加入可執行自訂程式碼的按鈕或連結。
如何：將自訂控制項加入至 Silverlight 螢幕	示範如何建立 LightSwitch 外部的控制項，然後將它用於 LightSwitch 畫面中。
HOW TO：將資料加入至螢幕	示範如何將資料從其他查詢加入到畫面。
如何：篩選 Silverlight 螢幕上的資料	示範如何使用查詢來控制出現在畫面中的資料。
如何：處理 Silverlight 螢幕事件	描述如何撰寫某些事件發生時執行的程式碼，藉以自訂應用程式。
如何：使用程式碼修改 Silverlight 螢幕	描述如何使用程式碼來修改控制項並與畫面上的項目互動。
參考：螢幕設計工具屬性	描述出現在畫面成員清單中和畫面設計工具的畫面內容樹狀結構中之項目的屬性。 您可以透過使用 [屬性] 視窗設定屬性值，修改項目的外觀和行為。
在 LightSwitch 中建立報表及列印	說明將報表和列印功能可用選項加入至 LightSwitch 應用程式。