Udostępnij za pośrednictwem


Obszary w obszarze roboczym w programie Blend

Jeśli korzystasz z Blend, chwilę zapoznać się z obszaru roboczego Blend.W tym temacie przejmuje krótki przewodnik.

W tym temacie:

  • Samouczek obszaru roboczego

  • Samouczek obszaru roboczego

  • Samouczek panelu Narzędzia

  • Samouczek panelu Zasoby

  • Samouczek obiektów i osi czasu panel

  • Samouczek Panelu właściwości

  • Samouczek Panelu projektów

  • Samouczek Panelu urządzenia

Samouczek obszaru roboczego

Blendzawiera dwa domyślne obszary robocze: projekt obszar roboczy i animacji obszar roboczy.Użytkownik może przełączać je naciskając klawisz CTRL-F11.

Projekt obszaru roboczego pozwala skupić się na ogólne tworzenia pakietów administracyjnych.Animacji Przesuwa obszar roboczy obiekty i osi czasu panelu w obszarze roboczym, tak aby osi czasu ma więcej miejsca do wyświetlenia.

Projektowanie obszarów roboczych (po lewej) i animacji (po prawej)

eea17aa0-ebae-42b5-a03a-165bf4d54fda

B1_1

Menu

B1_4

Obszar kompozycji

B1_2

Panel narzędzi

B1_5

Panel projektów, panel właściwościi w panelu Zasoby

B1_3

Panel obiektów i osi czasu

B1_6

Panel wyniki (warstwie w obiekty i osi czasu w panelu animacji obszaru roboczego)

W obszarze roboczym Blend for Visual Studio zawiera wszystkie elementy wizualne interfejsu.Należą do obszaru roboczego, panele, konfiguracje obszar roboczy, tworzenia widoków i menu.

Obszary robocze

B1_1

Kart dokumentów widoku wszystkie projektu dokumenty, które są otwarte, w tym windows, strony, słowniki zasobów i formanty użytkownika.

B1_2

Pliki Active określić bieżący otwartego dokumentu w obszarze roboczym i również wyświetlić wszystkie pliki, które są otwarte w kartach dokumentu.

B1_3

Widoki należy użyć jednej z trzech środowiska tworzenia pakietów administracyjnych w czasie rzeczywistym:

  • Widok projektu użyj projekt widoku do autora dokumentów przy użyciu wizualne przedstawianie w obszarze roboczym.

  • Widok Kod użyj kod widoku do tworzenia lub edytowania kodu XAML.

    [!UWAGA]

    Narzędzia panelu obiekty i osi czasu panelu i właściwości nie działają kod widoku.Ponadto w większości pozycji menu są wyłączone w tym widoku.

  • Widok złożony wyświetla jednocześnie kodu i projekt widoku.Możesz również zmienić orientację systemu windows za pomocą orientacji widoku podziału na widoku menu.

Blend Obszar roboczy jest dostosowywalny i skalowalny w sposób unikatowy.Można zmienić orientację panelu, zadokować lub Przestaw panele, zmiana rozmiaru paneli przeciągając krawędzie, powiększenia obszaru roboczego i przełączania przyciągania obiektów w obszarze roboczym.Ponadto można zmienić schematu kolorów obszar roboczy za pomocą motyw właściwości w opcje okno dialogowe (dostępny za pośrednictwem narzędzia menu).

Samouczek obszaru roboczego

Obszar roboczy jest powierzchnię swoją pracę.Rysując obiekty i modyfikować ją wizualne projektowanie dokumentu.

78ec5d4d-3af1-46bd-ab63-bc4fc542806f

B1_1

Powierzchnię projektową Visual ustawić opcje obszaru roboczego, takich jak zmiana koloru tła w opcje okno dialogowe.

B1_2

Edytor XAML edycji kodu XAML w edytorze XAML.

B1_3

Obszar roboczy formanty używać tych elementów sterujących powiększenia obszaru roboczego, włączyć renderowanie efektów, ustawić opcje przyciągania i Włącz pliku adnotacji.

B1_4

Kart dokumentów użyć, gdy użytkownik ma więcej niż jednego dokumentu, Otwórz w obszarze roboczym, aby przełączyć między nimi przez kliknięcie odpowiedniej karty.

B1_5

Przyciski Użyj tych przycisków, aby przełączyć między projekt, XAML, i podziału widoków.

B1_6

Obiekt obsługuje za pomocą dojść obiektu można zmodyfikować obiektu przy użyciu myszy.

Obejrzyj krótki klip wideo:Skonfiguruj zainstalowane funkcjeObszar roboczy.

Samouczek panelu Narzędzia

Można użyć narzędzia panelu Blend for Visual Studio do tworzenia i modyfikowania obiektów w aplikacji.Aby utworzyć obiekty wybierania narzędzia i w obszarze roboczym przy użyciu myszy do rysowania.

Panel narzędzi

B1_1

Wybór narzędzi wybierz obiekty i ścieżki.

Użyj bezpośredni wybór narzędzie, aby wybrać osadzonych obiektów i segmenty ścieżki.

Objaśnienie A

Narzędzia gradientu i pędzla

B1_2

Wyświetl narzędzia dostosować widok obszaru roboczego, takich jak przesuwanie i powiększanie.

Objaśnienie B

Narzędzia ścieżki

B1_3

Pędzel narzędzia pracy z visual atrybuty obiektu, takie jak transformacji Pędzel, malowanie obiektu lub wybranie atrybuty jednego obiektu do zastosowania ich do innego obiektu.

C objaśnienie

Narzędzia kształtu

B1_4

Obiekt narzędzia rysować najbardziej typowe obiektów w obszarze roboczym, takich jak ścieżek, kształtów, panele układu, tekstu i formanty.

Objaśnienie D

Panele układów

B1_5

Narzędzia zasobów dostępu zasoby panelu i wyświetlić ostatnio używane zasobów w bibliotece.

E objaśnienie

Formanty tekstu 

Objaśnienie F

Typowe formanty 

Obejrzyj krótki klip wideo:Skonfiguruj zainstalowane funkcjePasek narzędzi.

Samouczek panelu Zasoby

Narzędzia panel zawiera najpopularniejsze formanty, ale można znaleźć wszystkich formantów w zasoby panelu.W rzeczywistości znajdują się wszystkie obiekty, które można dodać do swojego obszaru roboczego, włącznie z formantami, style, media, zachowania i efektów.

Panel składników zasobów

B1_1

Pole wyszukiwania Wpisz w polu Szukaj, aby filtrować listę zasobów.

B1_2

Tryb siatki i tryb listy Przełączaj pomiędzy widokiem Trybu siatki a widokiem Trybu listy zasobów.

B1_3

Kategorie zasobów Kliknij kategorię lub podkategorię, aby wyświetlić listę zasobów w tej kategorii.

B1_4

Style Pokaż wszystkie style, które znajdują się w słowniku zasobu.

B1_5

Opis Wyświetl opis wybranej kategorii lub podkategorii zasobów.

Samouczek obiektów i osi czasu panel

Za pomocą tego panelu można organizować obiektów z danej kompozycji i, jeśli chcesz, aby animować je.

Obiekt i osi czasu panel w trybie animacji

B1_1

Obiekty widoku wyświetlić wizualnym drzewie dokumentu.Użytkownik może przejść do szczegółów różnych poziomach szczegółowości.Można także dodać warstwy do dalszego porządkowania obiektów w obszarze roboczym.W ten sposób można zablokować lub ukryć je jako grupa.

B1_2

Wskaźnik trybu rekordu zobaczyć, czy rejestrowane zmiany właściwości na osi czasu.

B1_3

Selektor pomocą wyświetlić listę scenorysy utworzone przez siebie.

B1_4

Zamknij pomocą zamknąć bieżącego pomocą.

B1_5

Serii ujęć opcje tworzenie, zduplikowane, odwrotnie, Usuń, Zmień nazwę lub zamknij pomocą.

B1_6

Formanty odtwarzania Nawigacja w osi czasu.Można także przeciągać wskaźnik odtwarzania w celu nawigowania (lub przesuwania punktu czytania) po osi czasu.

B1_7

Zakres do zwrócenia zakres obiektów wyświetlić powrót do poprzedniego główny obiekt lub poprzedni zakres.Można to zrobić tylko wtedy, gdy modyfikujesz stylów lub szablonu.

B1_8

Rejestrowanie kluczową rejestrowania migawka właściwości obiektu wybranego w bieżącym punkcie w czasie.

B1_9

Opcje przyciągania ustawić osi czasu przyciągania, mają być przyciągane rozwiązania i Wyłącz funkcję przyciągania osi czasu.

97fa60b9-0caf-4387-9225-b57510d32209

Pokaż/Ukryj, Zablokuj/Odblokuj Pokaż lub Ukryj widoczności i blokowania opcje dla wyświetlanie obiektów.

B1_11

Pozycja głowicy na osi czasu Pokaż bieżącego czasu w milisekundach.Można również bezpośrednio wpisać wartości czasu w tym polu, aby przejść do określonego punktu w czasie.Dokładność zależy od rozdzielczości przyciągania ustawionej w oknie dialogowym Opcje przyciągania.

B1_12

Głowica określenia, jakie punktu w czasie animacji znajduje się.Przeciągając wskaźnik odtwarzania na osi czasu, można wyświetlić podgląd animacji.

B1_13

Ustaw na osiach czasu klatek kluczowych Zmień wartość właściwości w określonym miejscu w czasie.

d839d12c-07a1-4127-a830-4a8e7069f4fe

Zmień kolejność obiektów ustawić kolejność wyświetlania obiektów.Kliknięcie tego przycisku pozwala rozmieścić obiekty w widoku struktury względem osi Z (od przodu do tyłu) lub według kolejności znaczników (kolejności, w jakiej są prezentowane w widoku XAML).

B1_15

Oś czasu powiększenia ustawić rozdzielczość powiększenia osi czasu.Powiększanie pozwala bardziej szczegółowo edytować animację, a pomniejszenie przedstawia bardziej ogólny obraz zdarzeń w dłuższym okresie.Jeśli po powiększeniu nie można ustawić ramki kluczowej na żądanej pozycji w czasie, należy sprawdzić, czy ustawiono odpowiednio dużą rozdzielczość przyciągania.

Objaśnienie 16

Oś czasu tworzenia obszaru wyświetlanie osi czasu oraz przenosić klatek kluczowych przeciągając nich lub za pomocą ich menu skrótów.

Samouczek Panelu właściwości

Za pomocą tego panelu można wyświetlać i modyfikować właściwości obiektu.Ponadto można ustawić bezpośrednio w obszarze roboczym.Jeśli jednak zmiany właściwości zostaną odzwierciedlone w właściwości panelu.

Panel właściwości

Kategorie , rozwiń i Zwiń kategorie właściwości.Click Expand 6375953d-074c-421a-bbb3-6f5055b67b64 and Collapse  to show or hide category details.

B1_1

Nazwa i typ wyświetlić ikony, nazwę i typ wybranego obiektu.

B1_2

Rozmieść według rozmieszczania właściwości w porządku alfabetycznym według nazwy, źródła lub kategorii.

B1_3

Pędzel właściwości ustawić właściwości visual pędzle, takich jak Pędzel wypełnienia, pociągnięć pędzla i Pędzel pierwszego planu.

B1_4

Edytor kolor służy do tworzenia i pędzle gradientu jednolitym kolorem.

B1_5

Selektora kolorów wybrać kolor.

B1_6

Kolor moduły wyświetlić kolor początkowy, bieżący kolor i ostatni kolor

B1_7

Kroplomierzy używać kolor dowolnego elementu na ekranie.Kroplomierz kolor jest dostępny, gdy pełny kolor pędzla jest zaznaczone.Kroplomierz Gradient jest dostępny, gdy pędzla Gradient jest zaznaczone.

B1_8

Właściwości i zdarzenia ustawić właściwości lub wybierz zdarzeń dla wybranego elementu.

B1_9

Pole wyszukiwania wyszukiwania dla właściwości.Filtr właściwości, które są wyświetlane w wpisać wyszukiwania pola.

97fa60b9-0caf-4387-9225-b57510d32209

Pędzel edytora karty Użyj, aby wybrać to edytor pędzla.Można wybrać nie pędzla, pełny kolor pędzla, pędzla Gradient, rozmieszczanych pędzla, lub pędzla zasobów.

B1_11

Kolor zasoby dotyczą tego samego koloru dokładną różnych właściwości.Zasoby kolor karta zawiera zasobów lokalnych i zasobów systemowych.

B1_12

Przestrzeń kolorów RGB zmodyfikować kolor przez dostosowanie wartości dla R, G, lub B edytory numer (czerwony, zielony, niebieski).

B1_13

Kanału alfa zmodyfikować wartości alfa za pomocą edytora numer obok A.

d839d12c-07a1-4127-a830-4a8e7069f4fe

Konwertuj kolor do zasobu Konwertuj wybranego koloru na kolor zasobu.Po kliknięciu przycisku na karcie Zasoby kolorów dostępnych zasobów kolorów.

B1_15

Wartość szesnastkowa Przeglądaj wartość szesnastkową koloru wyświetlane.

Objaśnienie 16

Suwak gradientu pojawia się tylko wtedy, gdy wybrano pędzla gradientowego.

d50027a1-6824-4ad8-8b4e-558b0756dcf8

Pokaż zaawansowane właściwości wyświetlanie kategorii właściwości, które rzadko używane.

Obejrzyj krótki klip wideo:Skonfiguruj zainstalowane funkcjePanel właściwości.

Samouczek Panelu projektów

Panel projektów pozwala zarządzać plikami w projekcie.

604be326-7297-454f-9e70-ac79cc4dd9f1

B1_1

Pole wyszukiwania wpisać wyszukiwania pole, aby filtrować listę plików projektu.

B1_2

Rozwiązanie zawiera projekt aplikacji i odpowiadające im pliki.

B1_3

Odwołuje się do obejmuje odwołaniami do projektów, takich jak pliki DLL.

B1_4

Połączony element Strzałka nakładają się na ikonę połączone do elementu, co oznacza, że element nie istnieje w folderze projektu.

B1_5

SampleData obejmuje wygenerowane przykładowe pliki danych.

B1_6

MainWindow.xaml kodem pliku dla dokumentu głównego.

B1_7

ResourceDictionary zestaw zasobów, które mogą być współużytkowane przez cały swój projekt.

Obejrzyj krótki klip wideo:Skonfiguruj zainstalowane funkcjePanel Projekt.

Samouczek Panelu urządzenia

Ten panel pomaga symulować różne widoki aplikacji, po jego uruchomieniu.

Panel urządzenia

B1_1

Wyświetl rozmiarów ekranów i rozwiązania dla aplikacji w wersji Preview.

B1_2

Orientacja różnych orientacji dla aplikacji w wersji Preview: pozioma lub pionowa.

B1_3

Krawędź różnych krawędzi wyrównania dla swojej aplikacji w wersji Preview: obu, od lewej, prawej, lub Brak.

B1_4

Duży kontrast podgląd aplikacji na podstawie kontrast wybrane ustawienia.To ustawienie, jeśli wartość inną niż wartość domyślne, zastąpią RequestedTheme App.xaml zestawu właściwości.

B1_5

Zastąp skalowanie aplikacji w oparciu o skalę wyświetlania zwiększone w wersji Preview.Jeśli skala wyświetlania wynosi 100%, wybierając zastąpić skalowanie będzie symulować skalę wyświetlania 140%.Jeśli skala wyświetlana jest 140%, symulowanych skala jest 180%.

B1_6

Motyw podgląd aplikacji na podstawie wybranego motywu.

B1_7

Minimalna szerokość Wyświetla podgląd aplikacji w oparciu o ustawienie minimalnej szerokości.Minimalna szerokość można zmienić w App.xaml.

B1_8

Pokaż chrome zaznacz lub usuń Pokaż chrome pole wyboru, aby włączyć ramki symulowanych tablet wokół swoją aplikację za pomocą projekt widoku lub wyłączyć.

B1_9

Obiekty do wyświetlenia zaznacz lub usuń klipu do wyświetlenia pole wyboru, aby obcina całego dokumentu lub Pokaż wyświetlanego dokumentu.

97fa60b9-0caf-4387-9225-b57510d32209

Wdrażanie lokalizację docelową wybierz urządzenia docelowego, w którym zostanie wdrożony aplikacji podczas tworzenia.

Pomóż nam ewoluować naszych zawartość!

Jeśli został znaleziony wideo lub artykuł, który zawiera przydatne, należy zapoznać się z obszaru roboczego Blend, należy podzielić i którego z firmą Microsoft.Po analizujemy zawartości, firma Microsoft może dodać łącze do niej tak, aby inni mogą korzystać z odnajdywania sieci.

Jeśli chcesz zasugerować nowe wideo, również chcemy poznać Państwa opinie.Jeśli podobne żądań otrzymane od innych osób, utworzymy jedną jako czas i zezwolić na priorytety.

Nikt nie zna lepsze niż firmy.Dzięki Powiedz nam, jakie zasoby pomogły, należy zapoznać się z obszaru roboczego Blend, a obszary nie dobrze wyjaśniono przez nas lub innym osobom w naszej społeczności, aby firma Microsoft może lepiej ewoluować naszych zawartości pomaga.

Udostępnij sugestie tutaj.