Wprowadzenie do programu Blend dla programu 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 obsługuje Windows Presentation Foundation (WPF) i programu Silverlight i obejmuje SketchFlow dla tworzenia prototypów (w wersji programu Visual Studio Ultimate i Premium).
Blend for Visual Studio zamienia Expression Blend.Aby uzyskać informacje o innych produktach wyrażenie i opcje pomocy technicznej, zobacz strony Microsoft Expression zmiany.
Blend przechowuje swoją pracę w języku oparty na formacie XML deklaratywne markup language (XAML).Obsługuje także kod JavaScript-HTML5/CSS3 dla aplikacji sieci web.Interfejs użytkownika można dokonać zmiany wizualnie w widoku projektu, który jest gdzie Blend swoim blaskiem lub dostosowanie interfejsu użytkownika w języku XAML.(Dowiedz się, jak projektuje się XAML program Blend.) Można następnie obsługiwać interfejsu użytkownika w kodzie aplikacji w programie Visual Studio.
Jak uzyskać Blend
Blend jest instalowane podczas instalacji programu Visual Studio.Jest ona dostępna w programu Visual Studio Professional 2013 z aktualizacji 2 i nowszych.Aby je otworzyć:
Typ Blend z ekranu Start systemu Windows.
—lub—
Otwórz WPF, Silverlight, systemu Windows Phone i Sklepu Windows projektu w programie Visual Studio, a następnie wybierz otwarty w programie Blend z widoku menu lub z menu skrótów dla projektu.
Do czego służy Blend?
Program Visual Studio zapewnia podejście pierwszej kodu do tworzenia aplikacji.Posiada także doskonałą projektanta, dzięki czemu można dodać elementy interfejsu użytkownika do aplikacji podczas tworzenia aplikacji.Struktury, takich jak Windows Presentation Foundation lub Silverlight służy do tworzenia interfejsu użytkownika.Jednak animacje i niestandardowych formantów często wymagają znajomości złożonych koncepcji oraz szeroką wiedzę kodowania.
Blend zapewnia visual obszaru roboczego, gdzie można utworzyć nowy interfejs użytkownika lub modyfikowania istniejących interfejs użytkownika, szybkie i intuicyjne.Paleta narzędzie mieszanego to rozbudowana i bardziej zaawansowane niż palety programu Visual Studio, co można zrobić jeszcze więcej.(Na przykład, można tworzyć animacje i ustawić płaszczyznach Projekcja do dodania do formantów bezpośrednio w Projektancie efektów trójwymiarowych.) Zwiększyć wydajność pracy przy użyciu narzędzia najlepsze dla każdego zadania: Projektowanie interfejsu użytkownika aplikacji w programie Blend, będziemy dodawać podstawowej XAML, jeśli, a następnie użyć programu Visual Studio Edytor kodu w programie dodatkowe funkcje i debugowanie aplikacji.Może mieć tego samego projektu, Otwórz w programie Visual Studio i Blend i przełączania między projektu i kodu dla najszybciej wyników.
Na przykład w tym miejscu jest kod Animowanie kształtu w języku C#:
.png "Tworzenie animacji w kodzie C#")
Oto migawki doświadczenia w programie Blend:
.png "Tworzenie animacji w programie Blend")
Aby zwiększyć wydajność, należy wziąć pod uwagę za pomocą programu Blend dla następujących zadań.Są to obszary, gdzie Blend zapewnia większą prędkość i funkcji niż projektanta programu Visual Studio lub kodach.
Aby |
Program Visual Studio samemu |
Program Visual Studio z Blend |
Więcej informacji |
|---|---|---|---|
Tworzenie animacji |
Nie ma żadnych narzędzie do projektowania dla animacji; należy je utworzyć programowo.Wymaga to zrozumienia animację i system czasu WPF i szeroką wiedzę kodowania. Dla aplikacji ze Sklepu Windows tworzenie animacji wymaga umiejętności w języku angielskim w języku XAML lub HTM5, CSS i JavaScript. |
Wizualnie tworzyć animacje i można przeglądać w Blend.To jest większa szybkość i dokładność niż tworzenie animację w kodzie.Możesz dodać wyzwalaczy obsługi interakcji i można przełączyć na kod, aby dodać obsługi zdarzeń i innych funkcji. Blend obsługuje również osią tworzenia animacji CSS (określone przez W3C) bez konieczności kodu JavaScript.Animację można edytować bezpośrednio w aplikacji, zobacz temat jak współdziała z innymi elementami. |
|
Włączanie kształty i tekst na ścieżki do manipulacji łatwiejsze |
Nieobsługiwane. |
Konwertując na ścieżki, które zapewniają kontrolę lepiej edycji można dokonać zmian drobne lub znaczne kształtów (takich jak prostokąty i elipsy).Można zmienić kształt lub łączenia ścieżek i Tworzenie ścieżek złożonych z wielu kształtów. Można także przekonwertować bloki tekstu na ścieżki do manipulowania je jako obrazy wektorową. |
|
Stosowanie interakcyjności w projekty interfejsu użytkownika |
Wymaga kodu C#, Visual Basic lub C++. |
Przeciągnij i upuść zachowania na formanty umożliwiające stosowanie interakcyjności w statycznych projektów.Zachowania są wstawki kodu gotową do użycia, hermetyzacji funkcji, takich jak przeciągnij i upuść, powiększenia/pomniejszenia i zmian stanu visual.Istnieje rozrasta się zestaw zachowań, których można wybierać z i tworzyć własne. Następnie można dostosować każdego zachowanie, zmieniając jego właściwości w programie Blend lub przez dodanie obsługi zdarzeń w kodzie. |
Wstawianie kontrolek i modyfikowanie ich zachowania w programie Blend |
Edytuj interaktywnie aplikacji |
Nieobsługiwane. |
Interakcji z aplikacji HTML, jak działa i wprowadzania zmian (na przykład przycisk przełączania, zmienić opcję lub rysować na obszaru roboczego).Wprowadzone zmiany zostaną zachowane po powrocie do trybu edycji.Umożliwia także trybie interakcyjnym wstrzymać aplikacji uruchomionych w określonym stanie, edytować jej kodu źródłowego i zobaczyć efekty natychmiast. |
|
Użyj Adobe kompozycji |
Nieobsługiwane. |
Importowanie kompozycji Adobe FXG, PhotoShop lub Illustrator i implementowania interfejsu użytkownika w programie Blend i programu Visual Studio. |
Wstawianie obrazów, klipów wideo i klipów audio w programie Blend |
Edytuj formanty, szablony i stylów |
Wymaga kodowania i wiedzy style WPF i szablonów. |
Włącz dowolny obraz w formancie. Szablon narzędzia do edycji do wprowadzania zmian do kontroli, style i szablony z kilka razy kliknąć myszą. Na przykład można użyć zasobów styl przejścia do wdrożenia typowe formanty WPF (takie jak przyciski, pola listy, paski przewijania, menu itp.) i zmienić ich kolor, styl lub podstawowej szablon bezpośrednio w programie Blend.Następnie można przełączyć na kod dla poprawek Chcąc. |
|
Interfejs użytkownika połączyć się z danymi |
Można utworzyć źródło danych z zasoby, takie jak bazy danych programu SQL Server, usługi WCF lub usługi sieci web, obiektów lub list programu SharePoint i powiązania źródła danych z formantów interfejsu użytkownika. Dane czasu projektowania należy utworzyć ręcznie celu korzystania z interaktywnych projektu. |
Utwórz przykładowe dane łatwe do tworzenia prototypów i testowania aplikacji.Przełącz, aby dane dynamiczne, gdy wszystko jest gotowe. Możliwości generowania danych mieszanego są zaległe (można dodawać nazwy, liczby, adresy URL, zdjęcia w prosty sposób na bieżąco) i można zapisać dużo czasu. Do pliku XML lub dowolnego źródła danych CLR dla dane dynamiczne, można powiązać formantów interfejsu użytkownika. |
|
Projektuj aplikację systemu Windows Phone i Sklepu Windows |
Ograniczone możliwości w Projektancie; należy użyć XAML dla złożonych zadań. |
(Obsługa systemu Windows Phone wymaga Visual Studio Professional 2013 z Update 2 lub nowszej.) Blend daje możliwości projektowania rozbudowana i przyspiesza i ułatwia tworzenie swojej aplikacji.Twórz aplikacje od początku do zakończenia w Projektancie Blend, przetestować emulatorów i można go zintegrować z kodu dla dodatkowych funkcji. |
Projektowanie interfejsu systemu Windows Phone aplikacje programu Blend Blend dla programu Visual Studio 2012 (aplikacje ze Sklepu Windows) Tworzenie aplikacji ze Sklepu Windows w programie Blend (MSDN Magazine) |
Tworzenie scenorysy i prototypów |
Kod prototypu w języku Visual Basic lub C# lub za pomocą oddzielnych narzędzia, takie jak Adobe dyrektor lub Flash. |
Użyj SketchFlow do rysowania i tworzenia prototypów pracy, który może być włączony do funkcjonalności aplikacji bez konieczności reimplementation. Można animować i dodać notacji do prototypów SketchFlow.Możesz również udostępniać innym użytkownikom prototypów, uruchom badaniach przydatności i uzyskiwanie opinii powyżej SharePoint lub w SketchFlow Windows Media Player. |
Resources
Aby |
Zobacz |
|---|---|
Rozpocząć pracę pracę z samouczek programu Blend |
Projektowanie interfejsu użytkownika XAML program Blend (Microsoft Virtual Academy) |
Dowiedz się, dlaczego deweloperów przejść do Blend |
Jak Blend dokonali tworzenia aplikacji systemu Windows 8 w 24 godziny (wpis w blogu) |
Zobacz, co nowego w najnowszej wersji programu Blend |
Co nowego dla deweloperów HTML (wpis w blogu) Co nowego dla aplikacji ze Sklepu Windows w języku XAML (wpis w blogu) |
Zapoznanie się z obszaru roboczego Blend. |
Ustawianie kolorów i czcionek obszaru roboczego w programie Blend |
Za pomocą paneli układu i formantów można organizować formanty, obrazów i innych obiektów na stronie |
|
Umożliwia korzystanie z aplikacji. |
|
Zwiększa atrakcyjność wizualną aplikacji przez wprowadzenie obrazów, wideo i audio klipów. |
Wstawianie obrazów, klipów wideo i klipów audio w programie Blend |
Tworzenia, modyfikowania i animowanie obiektów 3D. |
|
Dodaj kształty lub rysować wzory dowolne.Styl je, przekonwertować je na formanty lub umożliwia tworzenie ścieżki dla animacji. |
|
Zmień sposób, w jaki obiekty są widoczne, Utwórz style i szablony, które można stosować do wielu obiektów. |
|
Utwórz krótkie animacje, które przenieść obiekty lub je i wyewidencjonowywanie zaniku. |
|
Wyświetl przykładowe dane w swojej designer jak dostosować układ strony. |
|
Tworzenie prototypów pracy, który może być włączony do funkcjonalności aplikacji bez konieczności reimplementation. |
|
Projektuj aplikacje Sklepu Windows i systemu Windows Phone |
Projektowanie interfejsu systemu Windows Phone aplikacje programu Blend |
Uzyskanie dodatkowych zasobów umożliwiający projektowanie aplikacji ze sklepu |