Práce s elementy v Návrháři XAML
Do aplikace můžete přidávat prvky – ovládací prvky, rozložení a obrazce – v xaml, v kódu nebo pomocí Návrháře XAML. Toto téma popisuje, jak pracovat s prvky v Návrháři XAML v sadě Visual Studio nebo Blend pro Visual Studio.
Přidání elementu do rozložení
Rozložení je proces určení velikosti a umístění prvků v uživatelském rozhraní. Pokud chcete umístit vizuální prvky, musíte je umístit do panelu rozložení. A Panel má podřízenou vlastnost, která je kolekce Typů FrameworkElement . Různé podřízené prvky, jako je Plátno, StackPanel a Grid, můžete použít Panel jako kontejnery rozložení a umístit a uspořádat prvky na stránce.
Ve výchozím nastavení Grid se panel používá jako kontejner rozložení nejvyšší úrovně v rámci stránky nebo formuláře. V rozložení stránky nejvyšší úrovně můžete přidat panely rozložení, ovládací prvky nebo jiné prvky.
Pokud chcete přidat prvek do rozložení v Návrháři XAML, udělejte jednu z těchto věcí:
Poklikejte na prvek v panelu nástrojů (nebo vyberte prvek v sadě nástrojů a stiskněte Enter).
Přetáhněte prvek ze sady nástrojů na kreslicí prkno.
V sadě nástrojů vyberte jeden z nástrojů kreslení (například Tři tečky nebo Obdélník) a potom nakreslete prvek na aktivním panelu.
Změna pořadí vrstvení prvků
Pokud jsou na kreslicí tabuli v Návrháři XAML dva prvky, zobrazí se jeden prvek před druhým v pořadí vrstvení. V dolní části seznamu prvků je v okně Document Outline prvek front-most (s výjimkou případů, kdy ZIndex vlastnost prvku je nastavena). Když vložíte prvek do stránky, formuláře nebo kontejneru rozložení, prvek se automaticky umístí před další prvky v aktivním prvku kontejneru. Pokud chcete změnit pořadí prvků, můžete použít příkazy Pořadí nebo přetáhnout prvky ve stromu objektů v okně Osnova dokumentu.
Pokud chcete změnit pořadí vrstvení, udělejte jednu z těchto věcí:
V okně Osnova dokumentu přetáhněte prvky nahoru nebo dolů a vytvořte požadované pořadí vrstvení.
Klikněte pravým tlačítkem myši na prvek v okně Osnova dokumentu nebo na kreslicí tabuli, pro kterou chcete změnit pořadí vrstvení, přejděte na Příkaz a potom klikněte na jednu z následujících možností:
Přenést do popředí , aby se prvek přenesl celou cestu k přední části pořadí.
Přenést vpřed přenést prvek dopředu o jednu úroveň v pořadí.
Pokud chcete prvek odeslat zpět o jednu úroveň v pořadí, odešlete prvek zpět.
Odeslat zpět , aby se prvek posílal až dozadu objednávky.
Změňte vlastnost ZIndex v oddílu Layout v okno Vlastnosti. U překrývajících se elementů má vlastnost ZIndex přednost před pořadím prvků zobrazených v okně Osnova dokumentu. Prvek, který má vyšší hodnotu ZIndex se zobrazí před sebou, když se prvky překrývají.
Změna zarovnání elementu
Prvky v kreslicí tabuli můžete zarovnat pomocí příkazů nabídky nebo přetažením prvků do zachytávání.
Přichycení je vizuální pomůcka, která pomáhá zarovnat prvek vzhledem k ostatním prvkům v aplikaci.
Pokud chcete zarovnat dva nebo více prvků pomocí příkazů nabídky:
Vyberte prvky, které chcete zarovnat. Stisknutím a podržením klávesy Ctrl můžete vybrat více prvků.
V části Rozložení okno Vlastnosti vyberte jednu z následujících vlastností v části HorizontalAlignment: Left, Center, Right nebo Stretch.
V části VerticalAlignment v části Rozložení v okno Vlastnosti vyberte jednu z následujících vlastností: Nahoře, Na střed, Dole nebo Roztažení.
Pokud chcete zarovnat dva nebo více prvků pomocí přichycení, přetáhněte v Návrháři XAML v rozložení, které obsahuje alespoň dva prvky, přetáhněte nebo změňte velikost jednoho z prvků tak, aby okraj byl zarovnaný s jiným prvkem.
Když jsou okraje zarovnané, zobrazí se hranice zarovnání označující zarovnání. Hranice zarovnání je červená přerušovaná čára. Hranice zarovnání se zobrazí pouze při přichycení k přichycení k přichycené čáry. Obrázek kreslicí plochy, která znázorňuje hranici zarovnání, najdete v tématu Vytvoření uživatelského rozhraní pomocí Návrháře XAML.
Změna okrajů elementu
Okraje v Návrháři XAML určují velikost prázdného místa kolem prvku na kreslicí ploše. Například okraje určují velikost mezery mezi vnějšími okraji prvku a hranicemi Grid panelu, který obsahuje prvek. Okraje také určují velikost mezery mezi prvky, které jsou obsaženy v objektu StackPanel.
Změna okrajů elementu v okno Vlastnosti:
Vyberte prvek, jehož okraje chcete změnit.
V části Rozložení v okno Vlastnosti změňte hodnotu (v pixelech nebo jednotkách nezávislých na zařízení, které jsou přibližně 1/96 palců) u některého z vlastností okrajů (nahoře, vlevo, vpravo nebo dole).
Pokud chcete v kreslicí tabuli změnit okraje elementu vzhledem ke kontejneru rozložení elementu, klikněte na doplňky okrajů , které se zobrazí kolem elementu, když je prvek vybrán a nachází se v kontejneru rozložení. Obrázek znázorňující doplňky okrajů najdete v tématu Vytvoření uživatelského rozhraní pomocí Návrháře XAML.
Pokud je průřez okrajů otevřený, svisle nebo vodorovně, není tento okraj nastavený. Pokud je okraj adorner zavřený, nastaví se tento okraj.
Když otevřete adorner okraje a opačný okraj není nastaven, je opačný okraj nastaven na správnou hodnotu podle umístění prvku v kreslicí tabuli. U opačných okrajů, například levý a pravý okraj, je vždy nastavena alespoň jedna vlastnost.
Důležité
Prvky umístěné uvnitř některých kontejnerů rozložení, jako je například Plátno, nemají doplňky okrajů. Prvky umístěné uvnitř objektu StackPanel mají doplňky okrajů pro levý a pravý okraj nebo horní a dolní okraje v závislosti na orientaci StackPanel.
Seskupení a oddělení prvků
Seskupení dvou nebo více prvků v Návrháři XAML vytvoří nový kontejner rozložení a umístí tyto prvky do tohoto kontejneru. Umístění dvou nebo více prvků do kontejneru rozložení umožňuje snadno vybrat, přesunout a transformovat skupinu, jako by prvky v této skupině byly jedním prvkem. Seskupení je také užitečné pro identifikaci prvků, které spolu vzájemně souvisejí, například tlačítka, která tvoří navigační prvek. Když prvky oddělíte, jednoduše odstraníte kontejner rozložení, který tyto prvky obsahoval.
Seskupení prvků do nového kontejneru rozložení:
Vyberte prvky, které chcete seskupit. (Pokud chcete vybrat více prvků, stiskněte a podržte tlačítko Při kliknutí na ně stiskněte klávesu Ctrl .)
Klikněte pravým tlačítkem myši na vybrané prvky, přejděte na příkaz Seskupit do a potom klikněte na typ kontejneru rozložení, ve kterém se má skupina nacházet.
Tip
Pokud pro seskupení prvků vyberete Viewbox, Border nebo ScrollViewer , umístí se prvky do nového panelu Mřížka v okně Viewbox, Border nebo ScrollViewer. Pokud oddělíte prvky v jednom z těchto kontejnerů rozložení, odstraní se pouze pole Viewbox, Border nebo ScrollViewer a panel Mřížka zůstane. Pokud chcete panel odstranit
Grid, oddělte prvky znovu.
Pokud chcete oddělit prvky a odstranit rozložení, klikněte pravým tlačítkem myši na skupinu, kterou chcete oddělit, a klikněte na Oddělit. Prvky můžete také seskupit nebo oddělit tak, že kliknete pravým tlačítkem myši na vybrané položky v okně Osnova dokumentu a kliknete na Seskupit do nebo Oddělit.
Resetování rozložení elementu
Výchozí hodnoty pro konkrétní vlastnosti rozložení prvku můžete obnovit pomocí příkazů Layout Reset. Pomocí tohoto příkazu můžete resetovat okraj, zarovnání, šířku, výšku a velikost prvku, a to jednotlivě nebo souhrnně.
Pokud chcete obnovit rozložení elementu, klikněte pravým tlačítkem myši na prvek v okně Osnova dokumentu nebo na kreslicí tabuli a pak zvolte Vlastnost>Reset PropertyName, kde PropertyName je vlastnost, kterou chcete resetovat (nebo zvolte Layout>Reset All a resetujte všechny vlastnosti rozložení prvku).