Sdílet prostřednictvím


Krok 3: Vytvoření obrazovek v LightSwitchi

V této lekci vytvoříte obrazovek a zadejte, zobrazení a změna dat v aplikaci LightSwitch správy kontaktů.Budete zvolte šablonu obrazovky vytvořit společnou sadu obrazovky a určit data k zobrazení.

Jak vytvořit obrazovku

Chcete-li vytvořit na obrazovce pro vaši aplikaci

  1. V Průzkumníka řešení, otevřete místní nabídku pro obrazovky uzel a poté zvolte možnost přidat obrazovce.

    Zobrazí se dialogové okno Přidat novou obrazovku.

  2. V vyberte šablonu obrazovky seznam, zvolte běžné obrazovky nastaveno.

  3. V nastavit název obrazovky text zadejte ContactList.

  4. V obrazovce dat seznam, zvolte kontaktya poté zvolte možnost OK tlačítko.

    Tři obrazovky jsou přidány do Průzkumníka řešení: AddEditContactList, BrowseContactLists, a ViewContactList.

    Návrhář obrazovce otevře a zobrazí znázornění rozložení a příkazy pro BrowseContactLists obrazovky jako na následujícím obrázku je znázorněno:

    Návrháři obrazovky

Bližší pohled

Jste právě vytvořili sadu obrazovky pro vaši aplikaci.BrowseContactLists obrazovky zobrazuje seznam kontaktů a je základní obrazovka pro vaši aplikaci.ViewContactList zobrazené na obrazovce podrobností kontaktu a jak jste očekávali, AddEditContactList obrazovky umožňuje přidat nebo Upravit kontakty.

LightSwitch nastaví navigace mezi obrazovkami bez nutnosti jakýkoli kód.Například pokud se rozhodnete kontakt na obrazovce procházet, zobrazit obrazovku pro daný kontakt automaticky se spustí.

Pro tuto aplikaci jsou příslušné výchozí nastavení obrazovky, ale obvykle můžete přizpůsobit obrazovky v Návrháři obrazovky.Můžete například skrýt pole, aby pole jen pro čtení nebo změnit vzhled a rozložení dat.

Další kroky

V další lekci budete spouštění aplikací a testovat své schopnosti.

Další lekce: Krok 4: Spuštění a testování aplikace LightSwitch

Viz také

Úkoly

Postupy: Přizpůsobení obrazovky v běžící aplikaci Silverlight

Koncepty

Krok 2: Definování dat v LightSwitch

Další zdroje

Vytvoření vaší první aplikace LightSwitch

Obrazovky: Uživatelské rozhraní vaší aplikace LightSwitch