Projektowanie kodu XAML w programach Visual Studio i Blend for Visual Studio
Programy Visual Studio i Blend dla programu Visual Studio udostępniają narzędzia wizualne do tworzenia atrakcyjnych interfejsów użytkownika i rozbudowanych środowisk multimedialnych za pomocą języka XAML dla różnych typów aplikacji. Oba zintegrowane środowiska projektowe (IDE) mają wspólny zestaw funkcji, w tym wizualny edytor XAML (projektant). Program Blend dla programu Visual Studio, który obsługuje platformy WPF i UWP, udostępnia dodatkowe narzędzia do projektowania stanów wizualnych i tworzenia animacji.
Możesz przełączać się z powrotem między programem Visual Studio i programem Blend dla programu Visual Studio, a nawet mieć ten sam projekt otwarty w obu środowiskach IDE w tym samym czasie. Zmiany zapisane w plikach XAML w jednym środowisku IDE można zastosować za pośrednictwem automatycznego ponownego ładowania po przełączeniu się do drugiego środowiska IDE. Zachowanie ponownego ładowania można kontrolować, przechodząc do Narzędzia Tools>Options>Environment>Documents w dowolnym środowisku IDE.
Instalacja
Aby utworzyć aplikacje WPF, zainstaluj w programie Visual Studio pakiet narzędzi programowanie aplikacji klasycznych .NET. Program Blend for Visual Studio zostanie również zainstalowany.
Aby utworzyć aplikacje UWP, zainstaluj obciążenie platformy uniwersalnej systemu Windows w programie Visual Studio. Program Blend for Visual Studio zostanie również zainstalowany.
Możliwości udostępnione
W przypadku większości podstawowych zadań programistycznych program Visual Studio i Blend dla programu Visual Studio mają ten sam zestaw okien i możliwości, z pewnymi subtelnymi różnicami. Oto niektóre najważniejsze elementy:
IntelliSense: Oba środowiska IDE obsługują funkcje IntelliSense, takie jak uzupełnianie instrukcji.
Debugowanie: Można debugować w programie Visual Studio i Blend for Visual Studio, w tym ustawiać punkty przerwania w kodzie, aby debugować uruchomioną aplikację, i używać Hot Reload do modyfikacji kodu XAML w trakcie działania aplikacji. Aby zachować spójne środowisko debugowania w programie Visual Studio, program Blend dla programu Visual Studio zawiera większość okien i pasków narzędzi debugowania programu Visual Studio.
Załaduj ponownie plik: Możesz edytować pliki XAML w programie Visual Studio lub Programie Blend for Visual Studio. Edytowane pliki, które zostały zapisane ponownie, są automatycznie ładowane podczas przełączania się między środowiskami IDE. Zachowanie ponownego ładowania można kontrolować, przechodząc do pozycji narzędzia Tools>Options>Environment>Documents w dowolnym środowisku IDE.
Zsynchronizowane układy i ustawienia: Układy okien narzędzi i preferencje ustawień w narzędziach personalizacji dla Visual Studio lub Blend for Visual Studio są synchronizowane na urządzeniach i wersjach po zalogowaniu się na to samo konto personalizacji. Zobacz Synchronizowanie ustawień na wielu komputerach.
Zaawansowane możliwości w programie Blend for Visual Studio
Aby zwiększyć produktywność, rozważ użycie programu Blend dla programu Visual Studio w celu wykonywania następujących zadań. Są to obszary, w których program Blend dla programu Visual Studio oferuje więcej funkcji niż sam projektant programu Visual Studio lub kod.
| Zadanie | Visual Studio | Blend for Visual Studio | Więcej informacji |
|---|---|---|---|
| projektowanie stanów wizualnych | Nie ma narzędzia ułatwiającego projektowanie stanów wizualizacji; należy je utworzyć programowo. | Użyj narzędzi projektowych, aby zmienić wygląd kontrolki na podstawie jego stanu. | stany wizualne |
| Tworzenie animacji | Nie ma narzędzia do projektowania animacji; Należy je utworzyć programowo. Wymaga to zrozumienia systemu animacji i chronometrażu w WPF oraz szerokiej wiedzy w zakresie kodowania. | Animacje można tworzyć wizualnie i wyświetlać podgląd w programie Blend for Visual Studio. Jest to szybsze i dokładniejsze niż tworzenie animacji w kodzie. Możesz dodawać wyzwalacze do obsługi interakcji użytkownika i przełączać się na kod, aby dodać programy obsługi zdarzeń i inne funkcje. | Animowanie obiektów |
| Przekształcanie kształtów i tekstu w ścieżki w celu łatwiejszego manipulowania | Nie obsługiwane. | Możesz wprowadzić subtelne lub dramatyczne zmiany w kształtach (takich jak prostokąty i wielokropki), konwertując je na ścieżki, co zapewnia lepszą kontrolę edycji. Można przekształcać lub łączyć ścieżki i tworzyć ścieżki złożone z wielu kształtów. Bloki tekstowe można również przekonwertować na ścieżki, aby manipulować nimi jako obrazy wektorowe. |
Rysuj kształty i ścieżki |
| edytowanie kontrolek, szablonów i stylów | Wymaga kodowania i znajomości stylów i szablonów WPF. | Przekształcanie dowolnego obrazu w kontrolkę. Użyj narzędzi do edytowania szablonów, aby wprowadzić zmiany w kontrolkach, stylach i szablonach za pomocą zaledwie kilku kliknięć myszą. Możesz na przykład użyć zasobów w stylu blend for Visual Studio, aby zaimplementować typowe kontrolki WPF (takie jak przyciski, pola listy, paski przewijania, menu itp.) i zmienić ich kolor, styl lub podstawowy szablon bezpośrednio w programie Blend for Visual Studio. Następnie możesz przełączyć się na kod, aby dopracować szczegóły, jeśli chcesz. |
Modyfikowanie stylu obiektów |
| Łączenie interfejsu użytkownika z danymi | Źródło danych można utworzyć na podstawie zasobów, takich jak baza danych programu SQL Server, usługa WCF lub usługa internetowa, obiekt lub lista programu SharePoint, a następnie powiązać źródło danych z kontrolkami interfejsu użytkownika. Dane w czasie projektowania muszą być tworzone ręcznie w celu uzyskania interaktywnego środowiska projektowania. |
W przypadku aplikacji .NET Framework można łatwo tworzyć przykładowe dane do tworzenia prototypów i testowania. Przełącz się na dane na żywo, gdy będziesz gotowy. Możliwości generowania danych w programie Blend dla programu Visual Studio są wybitne (można łatwo dodawać nazwy, liczby, adresy URL i zdjęcia na bieżąco) i zaoszczędzić dużo czasu. W przypadku danych na żywo możesz powiązać kontrolki interfejsu użytkownika z plikiem XML lub z dowolnym źródłem danych CLR. |
Wyświetlanie danych |
Aby uzyskać więcej informacji na temat zaawansowanego projektowania XAML, zobacz Create a UI by using Blend for Visual Studio.