Sdílet prostřednictvím


Návrh XAML ve Visual Studiu a Blendu pro Visual Studio

Visual Studio i Blend pro Visual Studio poskytují vizuální nástroje pro vytváření poutavých uživatelských rozhraní a bohatého prostředí médií pomocí XAML pro různé typy aplikací. Obě integrovaná vývojová prostředí (IDE) sdílejí společnou sadu funkcí, včetně vizuálního editoru XAML (návrháře). Blend pro Visual Studio, který podporuje platformy WPF a UPW, poskytuje další nástroje pro navrhování vizuálních stavů a vytváření animací.

Můžete přepínat mezi sadou Visual Studio a Blendem pro Visual Studio a dokonce můžete mít současně otevřený stejný projekt v obou prostředích IDE. Změny uložené v souborech XAML v jednom integrovaném vývojovém prostředí (IDE) se dají použít prostřednictvím automatického opětovného načítání při přepnutí do druhého integrovaného vývojového prostředí (IDE). Chování při opětovném načítání můžete řídit tak, že přejdete na Nástroje>Možnosti>Prostředí>Dokumenty v IDE.

Instalace

  • Pokud chcete vytvářet aplikace WPF, nainstalujte v sadě Visual Studio úlohu vývoje desktopových aplikací .NET . Nainstaluje se také Blend pro Visual Studio.

    snímek obrazovky pracovního balíčku Vývoj desktopových aplikací .NET z instalačního programu sady Visual Studio

  • Pokud chcete vytvářet aplikace pro UPW, nainstalujte v sadě Visual Studio úlohu vývoj pro univerzální platformu Windows. Nainstaluje se také Blend pro Visual Studio.

    snímek obrazovky s úlohou Vývoj univerzální platformy Windows z instalačního programu sady Visual Studio

Sdílené možnosti

U nejzákladnějších úloh vývoje sdílí Visual Studio a Blend pro Visual Studio stejnou sadu oken a funkcí s některými drobnými rozdíly. Mezi nejdůležitější body patří:

  • IntelliSense: Obě prostředí IDE podporují funkce IntelliSense, jako je dokončování příkazů.

  • Ladění: Můžete ladit v Visual Studio a Blendu pro Visual Studio, včetně nastavení zarážek v kódu pro ladění spuštěné aplikace a použití Hot Reload ke změně kódu XAML během běhu aplikace. Pro zachování konzistentního prostředí ladění v sadě Visual Studio obsahuje Blend pro Visual Studio většinu ladicích oken a panelů nástrojů sady Visual Studio.

  • Načíst soubor znovu: Soubory XAML můžete upravovat v sadě Visual Studio nebo Blend pro Visual Studio. Upravené soubory, které se uložily, se automaticky znovu načtou při přepínání mezi prostředími IDE. Chování při opětovném načítání můžete řídit tak, že přejdete na Nástroje>Možnosti>Prostředí>Dokumenty v IDE.

  • Synchronizovaná rozložení a nastavení: Rozložení a předvolby nastavení nástroje pro přizpůsobení návrhu pro Visual Studio nebo Blend pro Visual Studio se synchronizují mezi zařízeními a verzemi, když se přihlásíte pomocí stejného účtu přizpůsobení. Viz Synchronizace nastavení ve více počítačích.

Pokročilé možnosti v Blendu pro Visual Studio

Pokud chcete zvýšit produktivitu, zvažte použití Blendu pro Visual Studio pro následující úlohy. Jedná se o oblasti, ve kterých Blend pro Visual Studio nabízí více funkcí než samotný návrhář nebo kód sady Visual Studio.

Úkol Visual Studio Blend pro Visual Studio Další informace
Vizuální stavy návrhu Neexistuje žádný nástroj, který by vám pomohl navrhnout vizuální stavy; musíte je vytvořit programově. Pomocí nástrojů pro návrh můžete změnit vzhled ovládacího prvku na základě jeho stavu. vizuální stavy
vytváření animací Neexistuje žádný nástroj pro návrh animací; musíte je vytvořit programově. To vyžaduje pochopení systému animace a časování ve WPF a rozsáhlé znalosti kódování. Animace vytváříte vizuálně a můžete je zobrazit v Blendu pro Visual Studio. Je to rychlejší a přesnější než vytváření animací v kódu. Můžete přidat triggery pro zpracování interakce uživatelů a můžete přepnout na kód a přidat obslužné rutiny událostí a další funkce. Animovat objekty
Převod obrazců a textu na křivky pro snadnější manipulaci Nepodporuje se. U obrazců (například obdélníků a elips) můžete provést drobné nebo výrazné změny tím, že je převedete na cesty, což poskytuje lepší kontrolu při úpravách. Můžete změnit tvar nebo zkombinovat cesty a vytvářet složené cesty z více obrazců.

Textové bloky můžete také převést na cesty a manipulovat s nimi jako s vektorovými obrázky.
Kreslení obrazců a cest
úpravy ovládacích prvků, šablon a stylů Vyžaduje kódování a znalosti stylů a šablon WPF. Převést libovolný obrázek na ovládací prvek.

Pomocí nástrojů pro úpravy šablon můžete provádět změny ovládacích prvků, stylů a šablon pomocí několika kliknutí myší.

Můžete například použít Blend pro prostředky stylu sady Visual Studio k implementaci běžných ovládacích prvků WPF (například tlačítek, seznamů, posuvníků, nabídek atd.) a změnit jejich barvu, styl nebo podkladovou šablonu přímo v Blendu pro Visual Studio. Pokud chcete, můžete přepnout do kódu pro dokončovací úpravy.
Upravit styl objektů
Připojení uživatelského rozhraní k datovým Zdroj dat můžete vytvořit z prostředků, jako je databáze SQL Serveru, WCF nebo webová služba, objekt nebo seznam SharePointu, a pak vytvořit vazbu zdroje dat s ovládacími prvky uživatelského rozhraní.

Data v době návrhu musí být vytvořená ručně pro interaktivní návrhové prostředí.
Pro aplikace .NET Framework můžete snadno vytvářet ukázková data pro vytváření prototypů a testování. Až budete připraveni, přepněte na živá data.

Funkce pro generování dat v nástroji Blend pro Visual Studio jsou vynikající (můžete rychle přidávat jména, čísla, adresy URL a fotky), což vám může ušetřit spoustu času.

U živých dat můžete svázat ovládací prvky uživatelského rozhraní se souborem XML nebo s jakýmkoli zdrojem dat CLR.
Zobrazení dat

Další informace o pokročilém návrhu XAML naleznete v tématu Vytvoření uživatelského rozhraní pomocí Blendu pro Visual Studio.