Sdílet prostřednictvím


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#:

Vytváření animace v kódu jazyka C#

Zde najdete přehled o zkušenostech s programem Blend:

Vytváření animace v programu 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.

Animace objektů v Blendu

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.

Kreslení tvarů a cest v Blendu

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.

Vložení ovládacích prvků a změna jejich chování v Blendu

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žití interaktivní režim

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.

Vložení obrázků, videí a zvukových klipů v Blendu

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.

Úpravy stylu objektů v Blendu

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.

Zobrazení dat v Blendu

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.

Vytváření prototypů pomocí SketchFlow

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.

Setting workspace colors and fonts in 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

Managing solutions, projects, and files in Blend

Povolte uživatelům interakci s vaší aplikací.

Drawing objects in Blend

Vizuální zvýraznění svou aplikaci zavedením obrázků, videa a zvukové klipy.

Vložení obrázků, videí a zvukových klipů v Blendu

Vytvářet, upravovat a animovat 3D objekty.

Vkládání 3D objektů v Blendu

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.

Animace objektů v Blendu

Změnit tak, aby objekty se zobrazí, vytvořte styly a šablony, které můžete použít na více objektů.

Zobrazení dat v Blendu

Vytvořte krátký animace, které přesunout objekty nebo objevovat a zmenšení opět.

Úpravy stylu objektů v Blendu

Zobrazit ukázková data v vašeho návrháře i upravit rozložení stránek.

Working with behaviors in Blend

Vytvořte pracovní prototypu, které mohou být změněny do funkční aplikace bez nutnosti reimplementation.

Vytváření prototypů pomocí SketchFlow

Návrh Windows Phone a aplikace pro Windows Store

Aplikace s programem Blend pro návrh Windows Phone

Aplikace pro Windows Store návrh s programem Blend

Získejte další prostředky pro vývoj aplikací pro Store

Blog Windows App Builder