Postupy: Návrh obrazovky Silverlight v aplikaci LightSwitch
Tento návod ukazuje, jak lze pomocí návrháře obrazovky LightSwitch vytvořit obrazovku, na které se zobrazí data zákazníků z ukázkové databáze Northwind.Návrhář obrazovky je plátno pro vizuální návrh, které můžete použít k úpravě vzhledu obrazovky.
Tento návod ukazuje, jak lze provádět následující úlohy:
Vytvoření obrazovky
Změnit rozložení obrazovky
Odebrat pole z obrazovky
Změnit pořadí položek
Změnit zobrazovaný název položky
Změnit typ ovládacího prvku u položky
Přizpůsobit obrazovku spuštěné aplikace
Požadavky
Tento návod předpokládá, že jste přidali služby Northwind OData jako zdroj dat v projektu.
Informace o způsobu přidání služby Northwind OData jako zdroje dat do projektu naleznete v tématu Připojení k datům v aplikaci LightSwitch.
Vytvoření obrazovky
Tato část popisuje, jak vytvořit obrazovku pro zobrazení údajů o zákaznících z ukázkové databáze Northwind.Tato obrazovka je rozdělena do dvou částí.V první části se zobrazí souhrnný seznam všech zákazníků a ve druhé části se zobrazí podrobnosti o zákazníkovi, který je vybrán.
Vytvoření obrazovky
V Průzkumníku řešení otevřete místní nabídku uzlu Obrazovky a pak zvolte Otevřít.
V panelu nabídek zvolte Projekt, Přidat obrazovku.
Otevře se dialogové okno Přidat novou obrazovku.
V seznamu Vyberte šablonu obrazovky zvolte možnost Obrazovka Seznam a podrobnosti.
V textovém poli Název obrazovky zadejte údaj Zákazníci.
V seznamu Data obrazovky zvolte možnost DataSourceName.Zákazníci.
V části Další data k zahrnutí zaškrtněte pole Podrobnosti zákazníka i Objednávky zákazníků.
Přidá pole entity Zákazník do části obrazovky s podrobnostmi společně se seznamem objednávek, které zákazník zadal.
Následující obrázek znázorňuje, jak se dialogové okno zobrazí po provedení kroků v této části.
.png "Přidat dialogové okno Nový obrazovky")
Pro vytvoření obrazovky stiskněte tlačítko OK.
Zobrazí se Návrhář obrazovky.
Změna rozložení obrazovky
Obrazovka Seznam a podrobnosti obsahuje dva sloupce.V levém sloupci se zobrazuje seznam zákazníků.Pravý sloupec obsahuje dva řádky.Horní řádek obsahuje podrobnosti vybraného zákazníka a dolní řádek obsahuje objednávky, které se vztahují k vybranému zákazníkovi.Strom obsahu obrazovky návrháře obrazovky ukazuje, z čeho se tento seznam skládá.
Tento oddíl obsahuje pokyny k úpravě rozložení obrazovky tak, aby obrazovka obsahovala dva řádky namísto dvou sloupců.Horní řádek bude obsahovat seznam zákazníků.Dolní řádek bude obsahovat dva sloupce.Levý sloupec bude obsahovat podrobnosti vybraného zákazníka a pravý sloupec bude obsahovat objednávky, které se vztahují k vybranému zákazníkovi.
Změna rozložení seznamu
V části Strom obsahu obrazovky nástroje Návrhář obrazovky zvolte šipku dolů, která se zobrazí vedle uzlu Zákazníci, a pak zvolte možnost Rozložení řádků.
Rozložení uzlu Zákazníci se změní z Rozložení sloupců na Rozložení řádků.
Klikněte na šipku dolů zobrazenou vedle uzlu Podrobnosti o zákaznících a následně vyberte položku Rozložení sloupců.
Rozložení Sloupce podrobností se změní z Rozložení řádků na Rozložení sloupců.
Odebrání polí z obrazovky
Ve výchozím nastavení se v oblasti obrazovky s názvem Sloupec podrobností, ve které se zobrazují podrobnosti o zákazníkovi, zobrazují všechna pole ze zdroje dat.Pokud nechcete, aby se zobrazila všechna pole, můžete ta, které nechcete, odebrat.Například následující kroky ukazují, jak lze odebrat pole Země.
Odebrání polí z obrazovky
Ve Stromu obsahu obrazovky rozbalte uzel Podrobnosti o zákazníkovi, pokud ještě není rozbalen.
Zvolte pole Země a potom na panelu příkazů Návrháře obrazovky zvolte příkaz Odstranit.
Změna pořadí polí
Následující kroky ukazují, jak lze změnit pořadí zobrazení polí, například pole CustomerID a pole Postal Code.
Změna pořadí polí
Ve Stromu obsahu obrazovky rozbalte uzel Podrobnosti o zákazníkovi, pokud ještě není rozbalen.
Chcete-li přesunout pole CustomerID do dolní části sloupce podrobností, přetáhněte pole pod pole Fax.
[!POZNÁMKA]
Můžete také otevřít místní nabídku pro pole CustomerID, vybrat příkaz Vyjmout, otevřít místní nabídku pole Fax a vybrat příkaz Vložit.
Chcete-li přesunout pole PSČ, aby se zobrazila těsně nad polem CustomerID, přetáhněte je mezi pole Fax a pole CustomerID.
Změna typu ovládacího prvku pole
Můžete upravit způsob zobrazování pole uživatelům.Například můžete nastavit textové pole tak, aby se zobrazovalo buď jako TextBox nebo jako Label.Následující kroky ukazují, jak změnit zobrazované pole na pole Label, aby uživatel nemohl změnit jeho hodnotu.
Změna typu ovládacího prvku pole
Ve Stromu obsahu obrazovky rozbalte uzel Podrobnosti o zákazníkovi, pokud ještě není rozbalen.
Otevřete seznam pole ID zákazníka a pak zvolte možnost Popisek.
Opakováním tohoto kroku můžete změnit další pole.
Chcete-li otestovat změny, zvolte klávesu F5 ke spuštění aplikace.
Přizpůsobení obrazovky v běžící aplikaci
Můžete také přizpůsobit obrazovku během spuštění aplikace.Můžete například odebrat pole, změnit pořadí polí a změnit vlastnosti, jako je například typ ovládacího prvku nebo zarovnání popisků.
Přizpůsobení obrazovky při běhu aplikace
Pokud není aplikace spuštěna, spusťte ji stisknutím klávesy F5.
Na panelu příkazů obrazovku zvolte odkaz Návrh obrazovky.
Na obrazovce Režim přizpůsobení odeberte pole ID zákazníka ze sloupce podrobností, a to tak, že ho vyberete v uzlu Podrobnosti o zákazníkovi a na panelu nástrojů kliknete na tlačítko Odstranit (
.png "Odstraní vybrané položky.")
).V uzlu Podrobnosti o zákazníkovi zvolte pole Fax a pak na panelu nástrojů použijte tlačítko Posunout dolů (
.png "Lower přesune položku na pozici v seznamu.")
).Pole Fax se zobrazí v seznamu pole PSČ.
V uzlu Podrobnosti o zákazníkovi zvolte pole Telefon a poté v okně Vlastnosti nastavte vlastnost Zobrazovaný název na možnost Telefonní číslo.
V uzlu Podrobnosti o zákazníkovi zvolte pole Telefonní číslo a poté v okně Vlastnosti nastavte vlastnost Typ ovládacího prvku na možnost Popisek.
V uzlu Podrobnosti o zákazníkovi zvolte pole Název společnosti a poté v oknech Vlastnosti nastavte vlastnost Umístění popisků na možnost Zarovnání vpravo.
Tento krok opakujte pro všechna pole v uzlu Informace o zákazníkovi a pak zvolte tlačítko Uložit.
Vaše aplikace nyní zobrazí změny, které jste právě provedli.
Další kroky
Ve výchozím nastavení dojde k tomu, že když vyberete zdroj dat pro obrazovku, všechna data ve zdroji se zobrazí.Pokud chcete zobrazit pouze podmnožinu dat, můžete vytvořit dotaz pro definování dat, která mají být zobrazena.Viz téma Postupy: Návrh dotazu pomocí návrháře dotazů.