Začínáme s nástrojem Blend for Visual Studio 2013
Blend for Visual Studio is a visual tool for building engaging user interfaces and rich media experiences for Windows desktop, web, Windows Phone, and Windows Store apps.Blend podporuje Windows Presentation Foundation (WPF) a Silverlight a zahrnuje SketchFlow pro vytváření prototypů (v edice sady Visual Studio Ultimate a Premium).
Nástroj Blend for Visual Studio nahradí nástroje Expression Blend.Informace o dalších produktech výrazu a možnosti podpory naleznete stránky Microsoft Expression změny.
Blend uloží vaši práci v jazyce založený na formátu XML deklarativní (XAML).Podporuje také kód HTML5, CSS3/JavaScript pro webové aplikace.Uživatelské rozhraní můžete provést změny vizuálně v zobrazení Návrh, které je tam, kde Blend září nebo doladit uživatelského rozhraní v jazyce XAML.(Naučte se navrhovat uživatelské rozhraní XAML s programem Blend.) Uživatelské rozhraní lze poté připojili s kódem aplikace v sadě Visual Studio.
Jak získat Blend
Blend je nainstalován při instalaci sady Visual Studio.Je k dispozici v Visual Studio Professional 2013 Update 2 a novějším.Chcete-li jej otevřít:
Typ Blend na obrazovce Start systému Windows.
—nebo—
Otevřete WPF, technologii Silverlight, Windows Phone nebo Windows Store projektu v sadě Visual Studio a zvolte otevřít v nástroji Blend z zobrazení nabídky nebo z místní nabídky projektu.
Proč používat Blend?
Visual Studio poskytuje kód první přístup k vývoje.Je také vynikající designer, tak, aby se prvky uživatelského rozhraní pro svou aplikaci můžete přidat během vývoje.Můžete vytvářet uživatelské rozhraní architektury například Windows Presentation Foundation nebo Silverlight.Nicméně animace a vlastní ovládací prvky často vyžadují obeznámení se s koncepty komplexní a rozsáhlé znalosti kódování.
Poskytuje program Blend visual pracovní prostor, kde můžete vytvářet nové uživatelské rozhraní nebo pracovat s existující uživatelské rozhraní, rychle a intuitivně.Paleta nástroj Blend uživatele je rozsáhlé a propracované než Visual Studio palety, abyste mohli mnoho dalších.(Například můžete vytvářet animace a nastavit projekce plochy přidáte 3D efekty na ovládací prvky přímo v návrháři.) Zvýšení produktivity pomocí nejlepší nástroje pro každou úlohu: návrhu uživatelského rozhraní svou aplikaci v nástroji Blend, zpřesnění základní XAML, je-li a potom pomocí editoru kódu sady Visual Studio program další funkce a ladění aplikace.Může mít stejný projekt, otevřete v sadě Visual Studio a Blend a přepínat mezi návrhu a kódu pro nejrychlejší výsledky.
Zde je například kód pro animace tvaru v jazyce C#:
Zde najdete přehled o zkušenostech s programem Blend:
Chcete-li zvýšit produktivitu, zvažte použití Blend pro následující úlohy.Jedná se o oblasti, kde Blend nabízí více rychlost a funkce než návrháře aplikace Visual Studio nebo kódu samostatně.
Chcete-li |
Visual Studio sami |
Visual Studio s programem Blend |
Další informace |
---|---|---|---|
Vytváření animací |
Neexistuje žádný návrh nástroj pro animace; je nutné je vytvořte programově.To vyžaduje, aby pochopení animace a načasování systému v WPF a rozsáhlé znalosti kódování. Pro aplikace pro Windows Store vytváření animací vyžaduje fluency v jazyce XAML nebo HTM5, CSS a JavaScript. |
Vizuálně vytvoříte animace a lze prohlédnout v nástroji Blend.Toto je rychlejší a přesnější, než vytváření animace v kódu.Můžete přidat aktivační události pro zpracování interakci s uživatelem a můžete přejít na kód k přidání obslužné rutiny událostí a dalších funkcí. Blend také podporuje na základě časové osy pro tvorbu šablon stylů CSS animací (podle W3C) bez nutnosti kód jazyka JavaScript.Animace můžete upravit přímo v rámci vaší aplikace, abyste viděli, jak pracuje s další prvky. |
|
Zapnout tvary a text do cesty pro snazší zpracování |
Není podporováno. |
Malý nebo výrazné změny můžete provádět tvary (například obdélníky a elipsy) převede na cesty, které poskytují lepší úprav ovládacího prvku.Můžete změnit tvar nebo kombinovat cesty a vytvoříte cesty, složené z více tvarů. Můžete také převést textové bloky cesty k manipulaci se jako vector obrázky. |
|
Přidat interaktivitu k návrhů uživatelského rozhraní |
Vyžaduje kódu jazyka C#, Visual Basic nebo C++. |
Přetažením chování na ovládací prvky do statického návrhů přidat interaktivitu.Chování jsou fragmenty kódu připravených k použití, které zapouzdřují funkce, například přetažením, zvětšení a změny stavu visual.Zde je stále rostoucí sada chování, které můžete vybrat z a můžete vytvořit vlastní. Potom můžete přizpůsobit každý chování změnou její vlastnosti v nástroji Blend nebo přidáním obslužné rutiny v kódu. |
|
Interaktivně upravit svou aplikaci |
Není podporováno. |
Interakci s vaší aplikací HTML tak, jak je spuštěna a provádět změny (například přepínací tlačítko, některou z možností změnit nebo kreslit na plátně).Provedené změny se zachovají, když se vrátíte do režimu úprav.Můžete také interaktivním režimu Pozastavit aplikace spuštěné v konkrétním stavu, upravit jeho kód základní a ihned zobrazit účinky. |
|
Použít výtvarné dílo Adobe |
Není podporováno. |
Importovat Adobe FXG, PhotoShop nebo Illustrator výtvarné dílo a implementovat uživatelského rozhraní v nástroji Blend a Visual Studio. |
|
Upravit ovládací prvky, šablony a styly |
Vyžaduje znalost WPF styly a šablony a kódování. |
Zapnout libovolný obrázek do ovládacího prvku. Šablona nástroje pro úpravy provádět změny ovládací prvky, styly a šablony s několika kliknutí myší. Například můžete prostředky styl Blend implementovat běžné ovládací prvky rozhraní WPF (například tlačítek, seznamů, posuvníků, nabídkách atd.) a změnit jejich barvu, styl nebo základní šablony přímo v nástroji Blend.Potom přepnete do kódu pro všechny změny chcete-li. |
|
Uživatelské rozhraní se připojit k datům |
Můžete vytvořit zdroj dat z prostředků, jako jsou například databáze serveru SQL Server, WCF nebo webové služby, objekty nebo seznamy služby SharePoint a navázat zdroj dat pro ovládací prvky uživatelského rozhraní. Návrhu dat je nutné vytvořit ručně pro návrh interaktivní zážitek. |
Vytvořte ukázková data snadno pro vytváření prototypů a testování.Přepnout dynamická data, jakmile budete připraveni. Funkce generování dat Blend uživatele jsou zbývajících (můžete přidat názvy, čísla, adresy URL, fotografie snadno průběžně) a uložit mnoho času. Pro aktuální data můžete vázat ovládací prvky uživatelského rozhraní do souboru XML nebo jakýkoli zdroj dat CLR. |
|
Navrhujte aplikace pro Windows Phone nebo Windows Store |
Omezené možnosti v Návrháři; je nutné pomocí jazyka XAML pro komplexní práci. |
(Podpora pro Windows Phone vyžaduje Visual Studio Professional 2013 s aktualizací 2 nebo novější.) Blend umožňuje návrh rozsáhlé možnosti a urychluje a usnadňuje vývoj své aplikace.Sestavení aplikace od začátku do dokončení v Návrháři Blend, testování v emulátory a integrovat vlastní kódu pro další funkce. |
Aplikace s programem Blend pro návrh Windows Phone Nástroj Blend for Visual Studio 2012 (aplikace pro Windows Store) Vytváření aplikací pro Windows Store v nástroji Blend (Časopis MSDN Magazine) |
Vytvoření scénáře a prototypů |
Je nutné kód prototypu v jazyce Visual Basic nebo C# nebo použijte samostatný nástroj, například Adobe ředitel nebo Flash. |
K nakreslení a využívat pracovní prototypu, který lze zapnout funkční aplikace bez nutnosti reimplementation pomocí SketchFlow. Můžete animovat a přidat zápisy do vašeho prototypů SketchFlow.Můžete sdílet své prototypů s ostatními, spustit studie použitelnosti a získat zpětnou vazbu, prostřednictvím služby SharePoint nebo v programu SketchFlow Player. |
Prostředky
Chcete-li |
Další informace naleznete v tématu |
---|---|
Rychle začít práci s seznámení Blend |
Navrhování uživatelského rozhraní XAML s programem Blend (Microsoft Virtual Academy) |
Zjistěte, proč vývojáři změní Blend |
Jakým způsobem Blend k vytvoření aplikace pro Windows 8 za 24 hodin snadno (příspěvku blogu) |
Seznamte se s novinkami v nejnovější verzi programu Blend |
Novinky pro vývojáře HTML (příspěvku blogu) Co je nového u aplikací pro Windows Store XAML (příspěvku blogu) |
Seznámit se s pracovním prostoru Blend. |
|
K uspořádání ovládacích prvků, obrázků a dalších objektů na stránce použít panely rozložení a ovládací prvky |
|
Povolte uživatelům interakci s vaší aplikací. |
|
Vizuální zvýraznění svou aplikaci zavedením obrázků, videa a zvukové klipy. |
|
Vytvářet, upravovat a animovat 3D objekty. |
|
Přidat tvary nebo kreslit tvary ruky.Formátování je, převést je na ovládací prvky nebo je použít k vytvoření cesty pro animaci. |
|
Změnit tak, aby objekty se zobrazí, vytvořte styly a šablony, které můžete použít na více objektů. |
|
Vytvořte krátký animace, které přesunout objekty nebo objevovat a zmenšení opět. |
|
Zobrazit ukázková data v vašeho návrháře i upravit rozložení stránek. |
|
Vytvořte pracovní prototypu, které mohou být změněny do funkční aplikace bez nutnosti reimplementation. |
|
Návrh Windows Phone a aplikace pro Windows Store |
|
Získejte další prostředky pro vývoj aplikací pro Store |