共用方式為


LightSwitch 應用程式的 Silverlight 用戶端螢幕

了解本主題介紹的範本、工具和工作後,您可以為 LightSwitch 應用程式建立和設計最佳的 Silverlight 畫面。

螢幕範本

若要開始使用,請透過使用下列其中一個螢幕範本來建立螢幕:

  • 新增資料螢幕

  • 搜尋資料螢幕

  • 詳細資料螢幕

  • 可編輯的格線螢幕

  • 清單和詳細資料畫面

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

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

螢幕設計工具

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

螢幕設計工具

螢幕設計工具顯示諸如資料欄位和命令之類的項目,以及資料階層式表示的螢幕內容樹狀結構。 您可以將項目拖曳到螢幕內容樹狀結構,以所要的順序排列它們。

如需螢幕設計工具的詳細資訊,請參閱螢幕設計工具導覽

如需如何設計螢幕的詳細資訊,請參閱逐步解說:在 LightSwitch 中設計 Silverlight 螢幕

如需如何在螢幕設計工具中執行特定設計工作的詳細資訊,請參閱 如何:使用螢幕設計工具設計 Silverlight 螢幕

自訂模式螢幕

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

  • 從螢幕中移除項目

  • 變更項目標題

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

  • 變更項目的標籤位置

  • 顯示或隱藏項目

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

  • 將項目群組在一起

  • 將按鈕加入至畫面

  • 復原變更

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

下圖顯示 [自訂模式] 螢幕。

Customizing the running application

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

螢幕設計工作

若要修改螢幕設計,您可以執行下列工作:

  • 修改螢幕的外觀

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

  • 篩選畫面中出現的資料

  • 將資料加入至畫面

  • 自訂螢幕導覽功能表

  • 透過使用程式碼修改螢幕

修改螢幕的外觀

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

如需詳細資訊,請參閱如何:使用螢幕設計工具設計 Silverlight 螢幕

如需如何設計螢幕外觀以顯示 Northwind 範例資料庫資訊的範例,請參閱自訂 LightSwitch 應用程式中的螢幕外觀

將欄位和命令加入至畫面

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

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

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

將自訂控制項加入至畫面

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

篩選畫面中出現的資料

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

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

如需詳細資訊,請參閱如何:篩選 Silverlight 螢幕上的資料

將資料加入至畫面

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

自訂螢幕導覽功能表

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

如需詳細資訊,請參閱如何:在 LightSwitch 中建立功能表項目與導覽群組

可讓使用者搜尋資料

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

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

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

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

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

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

透過使用程式碼修改螢幕

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

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

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

相關主題

標題

描述

選擇螢幕類型

說明可做為建立畫面起點的範本。

如何:建立 Silverlight 螢幕

示範如何將螢幕加入到您的應用程式。

螢幕設計工具導覽

說明設計工具的組件及其功能。

逐步解說:在 LightSwitch 中設計 Silverlight 螢幕

示範如何設計螢幕,以顯示 Northwind 範例資料庫中的資料。

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

示範如何使用螢幕設計工具。

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

示範如何在應用程式執行時,自訂螢幕外觀。

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

示範如何將自訂的「區域屬性」(Local Property) 欄位加入至螢幕。

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

示範如何在螢幕中加入執行自訂程式碼的按鈕或連結。

如何:將自訂控制項加入至 Silverlight 螢幕

示範如何在 LightSwitch 外部建立控制項,然後在 LightSwitch 螢幕中使用該控制項。

如何:將資料加入至螢幕

示範如何將資料從其他查詢加入到螢幕。

如何:篩選 Silverlight 螢幕上的資料

示範如何使用查詢來控制出現在螢幕中的資料。

如何:處理 Silverlight 螢幕事件

描述如何撰寫某些事件發生時執行的程式碼,藉以自訂應用程式。

如何:使用程式碼修改 Silverlight 螢幕

說明如何使用程式碼來修改控制項並與畫面上的項目互動。

參考:螢幕設計工具屬性

說明出現在螢幕成員清單和螢幕設計工具之螢幕內容樹狀結構中的項目的屬性。 您可以透過使用 [屬性] 視窗設定屬性值,修改項目的外觀和行為。

在 LightSwitch 中建立報表及列印

描述將報告和列印功能加入至 LightSwitch 應用程式的可用選項。