Postupy: Návrh obrazovky aplikace Silverlight pomocí Návrháře obrazovky

Článek
06/10/2015

Vzhled na obrazovce lze upravit pomocí návrháře obrazovky.Návrhář obrazovce můžete provádět následující úlohy návrhu.

Pole a příkaz Navrhnout úkoly

Přidejte skupinu informací na obrazovku.
Upravit rozložení skupiny.
Přidat tlačítka.
Přidat položky.
Odebrat položky.
Přesunout položky.
Změna zobrazovaného názvu položky.
Změna umístění popisku u položky.
Změna velikosti položky.
Zobrazení nebo skrytí položky.
Změnit typ ovládacího prvku položky .
Přidejte vlastní ovládací prvek na obrazovku.
Zrušení změn.

Úkoly návrhu shromažďování dat

Změnit, zda kolekce zobrazuje data, když se na obrazovce načte první.
Povolte nebo zakažte stránkování.
Povolit nebo zakázat řazení.
Povolit nebo zakázat vyhledávání.

Další informace o tom, jak provádět úlohy v návrhu, pokud je spuštěna aplikace naleznete v tématu Postupy: Přizpůsobení obrazovky v běžící aplikaci Silverlight.

Přidejte skupinu informací na obrazovku

V stromu obsahu obrazovky, vyberte skupinu, do kterého chcete přidat skupinu informací.
V horní části obrazovce Designer, klikněte na tlačítko Přidat položku rozložení, a potom klikněte na tlačítko skupiny.

Zobrazí se nová skupina.
Přetáhnout položky do skupiny.Můžete přetáhnout položky z seznam členy obrazovce návrháře nebo z jiných oblastí stromu obsahu obrazovky.

Upravit rozložení skupiny

V stromu obsahu obrazovky, klepněte na šipku vedle skupiny, který chcete upravit.

Zobrazí se rozevírací seznam.Z rozevíracího seznamu zobrazí všechny typy ovládacích prvků, které jsou k dispozici pro skupinu.
V rozevíracím seznamu ovládacích prvků klikněte na typ ovládacího prvku.

Typ ovládacího prvku, kterou jste vybrali ovlivňuje rozložení skupiny.Další informace o jednotlivých typů ovládací prvek, naleznete v části Referenční dokumentace: Vlastnosti návrháře obrazovky.

Přidat tlačítka

V stromu obsahu obrazovky, vyberte libovolnou panel příkazů uzlu.
V horní části obrazovce Designer, klikněte na tlačítko Přidat položku rozložení, a potom klikněte na tlačítko tlačítko.

Tlačítko se zobrazí pod panel příkazů uzlu.
Kód, který běží, když uživatel klikne na tlačítko přidáte.Další informace naleznete v tématu Postupy: Přidání vlastního příkazu na obrazovku aplikace Silverlight.

Přidat položky

Z seznam členy obrazovce z obrazovce Designer, přetáhněte položku (například pole nebo příkaz) do požadovaného umístění v stromu obsahu obrazovky.

Tip

Strom obsahu obrazovky je hierarchii objektů na obrazovce, které jsou uvedeny uprostřed návrháře.

Při tažení položky se ukazatel myši se změní označuje, zda položka mohou být umístěny v dané místo.Je-li ukazatel myši se změní na kruh lomítko přes něj, nelze odstranit položky v daném umístění.

Můžete také přidat vlastní pole na obrazovku.Další informace naleznete v tématu Postupy: Přidání místní vlastnosti na obrazovku aplikace Silverlight.

Odebrat položky

V stromu obsahu obrazovky, vyberte položku (například pole nebo příkaz), který chcete odebrat z obrazovky.
V horní části stromu obsahu obrazovky, klikněte na tlačítko Odstranit tlačítko.

Přesunout položky

V stromu obsahu obrazovky, přetáhněte položku (například pole nebo příkaz) do požadovaného umístění v seznamu položek.

Například, přetáhněte PostalCode pole a umístí jej pod Country pole nebo přetáhněte ji Upravit tlačítko pozastavení výše uvedené Odstranit tlačítko.

[!POZNÁMKA]

Při tažení pole se ukazatel myši se změní označuje, zda položka mohou být umístěny v dané místo.Je-li ukazatel myši se změní na kruh lomítko přes něj, nelze odstranit položky v daném umístění.

Změna zobrazovaného názvu položky

V stromu obsahu obrazovky, vyberte položku (například pole nebo příkaz).
V Vlastnosti okna, vyberte možnost textové pole v rámci zobrazované jméno a zadejte požadovaný název pro položku.

Změna zobrazovaný název se nezmění název položky.Pouze mění název této položky, v jakém je zobrazen na obrazovce.

Změna umístění popisku u položky

V stromu obsahu obrazovky, vyberte pole.

V Vlastnosti okna, klepněte na rozevírací seznam v části pozici popisku a vyberte požadované polohy.

Jednotlivé možnosti jsou popsány v následující tabulce.

Umístění popisku	Popis
Zarovnání vlevo	Popisek se zobrazí na levé straně ovládacího prvku.
Zarovnat doprava	Popisek se zobrazí na pravé straně ovládacího prvku.
Nahoru	Popisek se zobrazí nad ovládacím prvkem.
Dolů	Popisek se zobrazí pod ovládacím prvkem.
Žádná	Pro vybraná datová pole se nezobrazí žádný popisek.
Sbalené	Toto pole je umístěna do pole, které by jinak vyhrazeno pro popisek.

Změna velikosti položky

V stromu obsahu obrazovky, vyberte položku (například pole nebo příkaz).
V Vlastnosti okno, v části pro změnu velikosti, vyberte požadovanou velikost pro šířku a výšku ovládacího prvku.

Informace o jednotlivých nastaveních naleznete v tématu Referenční dokumentace: Vlastnosti návrháře obrazovky.

Zobrazení nebo skrytí položky

V stromu obsahu obrazovky, vyberte položku (například pole nebo příkaz).
V Vlastnosti okna, zaškrtněte nebo zrušte je viditelná vlastnost.

Pokud vyberete možnost je viditelná, zobrazí se položka na obrazovce při spuštění aplikace.Pokud zrušíte je viditelná, položka není viditelný na obrazovce při spuštění aplikace.

[!POZNÁMKA]

Popisek (nejsou viditelné) se zobrazí vedle položky, které nejsou viditelné na obrazovce při spuštění aplikace.

Změna typu ovládacího prvku u položky

V stromu obsahu obrazovky, vyberte z rozevíracího seznamu vedle položky.
Z rozevíracího seznamu vyberte typ požadované ovládacího prvku.

Většina ovládací prvek typy jsou typy integrované řízení.Typ ovládacího prvku lze také nastavit na vlastní ovládací prvek, který vytvoříte pomocí dalších nástrojů.Další informace o vlastní ovládací prvky, naleznete v části Postupy: Přidání vlastního ovládacího prvku na obrazovku aplikace Silverlight.

Přidejte vlastní ovládací prvek na obrazovku

Ve Stromu obsahu obrazovky vyberte libovolnou skupinu.
V horní části obrazovce Designer, klikněte na tlačítko Přidat položku rozložení, a potom klikněte na tlačítko vlastní ovládací prvek.

Další informace naleznete v tématu Postupy: Přidání vlastního ovládacího prvku na obrazovku aplikace Silverlight.

Zrušení změn

Na Upravit nabídky, klikněte na tlačítko Zpět.

Tip

Pokud nechtěně vrátit úpravy v obrazovce Designer, na Upravit nabídky, klikněte na tlačítko znovu.

Změnit, zda kolekce zobrazuje Data, když se na obrazovce načte první

V seznam členy obrazovky z obrazovce Designer, vyberte záhlaví kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zrušte automaticky spustit dotaz zaškrtávací políčko, pokud nechcete, aby kolekce Chcete-li zobrazit všechna data, když se objeví na obrazovce.Vyberte automaticky spustit dotaz zaškrtávací políčko, pokud chcete do kolekce, chcete-li zobrazit data, když se objeví na obrazovce.

Povolení nebo zakázání stránkování

V seznam členy obrazovky z obrazovce Designer, vyberte záhlaví kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zrušte podporu stránkování zaškrtávací políčko, pokud chcete, aby uživatelé mohli zobrazit všechny řádky vrácené dotazem i v případě kolekce řádků je vysoké.Vyberte podporu stránkování zaškrtávací políčko, pokud chcete omezit počet záznamů, které se zobrazí uživateli při dotaz vrátí velké množství záznamů.
Pokud vyberete možnost podporu stránkování, v části číslo. položek pro zobrazení na stránku, zadejte počet řádků, které má být zobrazen uživateli.

[!POZNÁMKA]

Uživatelé mohou procházet sady řádků klepnutím na odkaz na obrazovce.

Povolit nebo zakázat řazení

V seznam členy obrazovky z obrazovce Designer, vyberte záhlaví kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zrušte podporují řazení zaškrtávací políčko, pokud nechcete, aby uživatelům řadit data, která se zobrazí pro kolekci.Vyberte podporu stránkování zaškrtávací políčko, pokud chcete povolit uživatelům řadit data, která se zobrazí pro kolekci.

Povolit nebo zakázat vyhledávání

V seznam členy obrazovky z obrazovce Designer, vyberte záhlaví kolekce (například OrderCollection záhlaví).
V Vlastnosti okna, zrušte Podpora vyhledávání zaškrtávací políčko, pokud nechcete, aby pole hledání se zobrazí nad kolekce.Vyberte Podpora vyhledávání zaškrtávací políčko, pokud chcete, aby pole hledání se zobrazí nad kolekce.