Udostępnij przez

Konfigurowanie opcji projektanta XAML w programie Visual Studio

Projektant XAML w programie Visual Studio umożliwia wizualne edytowanie dokumentów XAML dla projektów WPF i UWP. Włączając i dostosowując opcje projektanta, możesz usprawnić przepływ pracy i dostosować środowisko edycji do własnych potrzeb. Ten artykuł przeprowadzi Cię przez proces włączania projektanta i konfigurowania jego kluczowych opcji.

Wymagania wstępne

  • Zainstalowany program Visual Studio
  • Projekt oparty na języku XAML (taki jak WPF lub UWP)

Włączanie projektanta XAML

Włącz projektanta XAML, aby uzyskać dostęp do funkcji edycji wizualizacji i zaawansowanych funkcji IntelliSense dla dokumentów XAML.

  1. Uruchom program Visual Studio i wybierz pozycję Narzędzia > Opcje z menu głównego.

  1. W okienku Opcje rozwiń sekcję Wszystkie ustawienia>Projektant XAML>Ogólne.

  2. Zaznacz pole wyboru Włącz projektanta XAML .

  3. Uruchom ponownie program Visual Studio, aby zmiany zaczęły obowiązywać.

  1. W oknie dialogowym Opcje rozwiń sekcję projektanta XAML>Ogólne.

  1. Zaznacz pole wyboru Włącz projektanta XAML , a następnie wybierz przycisk OK.

  2. Uruchom ponownie program Visual Studio, aby zmiany zaczęły obowiązywać.

Ustawianie domyślnego widoku dokumentu

Wybierz sposób wyświetlania dokumentów XAML po otwarciu, w tym kodu źródłowego XAML, widoku projektu wizualnego kodu lub obu tych elementów.

  1. Otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia>XAML Designer>Ogólne.
  1. Otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Projektant> XAML Ogólne.

  1. Użyj listy rozwijanej i ustaw wartość domyślnego ustawienia widoku dokumentu :

    • Widok źródłowy: pokaż tylko kod źródłowy XAML.
    • Widok projektu: pokaż tylko projektanta wizualnego.
    • Widok podzielony: umożliwia wyświetlenie zarówno projektanta wizualizacji, jak i kodu źródłowego obok siebie.
  1. Kliknij przycisk OK.

Zmienianie orientacji podziału

Dostosuj układ widoku dzielonego, aby pasował do przepływu pracy.

  1. Otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia>XAML Designer>Ogólne.
  1. Otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Projektant> XAML Ogólne.

  1. Użyj listy rozwijanej i ustaw wartość ustawienia Orientacja podziału :

    • Pionowo: pokaż kod źródłowy w okienku po lewej stronie i projektant wizualizacji w okienku po prawej stronie.
    • Poziome: Wyświetl projektanta wizualnego w górnym okienku, a kod źródłowy w dolnym okienku.
    • Ustawienie domyślne: Użyj zalecanej orientacji platformy.
  1. Kliknij przycisk OK.

Konfigurowanie zachowania powiększenia

Ustaw sposób powiększania projektanta XAML, aby ułatwić nawigację.

  1. Otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia>XAML Designer>Ogólne.
  1. Otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Projektant> XAML Ogólne.

  1. Użyj listy rozwijanej, aby ustawić wartość ustawienia Zoom za pomocą.

    • Kółko myszy
    • Ctrl + kółko myszy
    • Alt + kółko myszy
  1. Kliknij przycisk OK.

Aby uzyskać więcej informacji na temat resetowania ustawień programu Visual Studio, zobacz Resetowanie ustawień.

Domyślne ustawienie powiększenia

Użyj tego ustawienia, aby określić domyślną wartość powiększenia do wyświetlania dokumentu XAML.

  1. Otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia>XAML Designer>Ogólne.
  1. Otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Projektant> XAML Ogólne.

  1. Użyj listy rozwijanej i ustaw wartość domyślnego ustawienia powiększenia :

    • Ostatnio używane: użyj ostatniej użytej wartości powiększenia dla wszystkich dokumentów XAML domyślnie. Gdy dokument XAML jest otwierany po raz pierwszy, ustawienie "Dopasuj wszystko" jest używane tylko po raz pierwszy.
    • Dopasuj wszystko: użyj tej opcji, aby ustawić wartość powiększenia na "Dopasuj wszystko" dla projektanta XAML. Po zamknięciu i ponownym otwarciu dokumentu XAML ostatnia ustawiona wartość będzie nadal używana dla tej sesji, ale w przypadku różnych sesji domyślnie jest używana wartość "Dopasuj wszystko".
  1. Kliknij przycisk OK.

Ustawienia edytora

Te ustawienia określają zachowanie projektanta wizualnego podczas edytowania dokumentu XAML.

Name Description
Automatyczne nadawanie nazw elementom interaktywnym podczas tworzenia Określa, czy dla nowego elementu interaktywnego jest podana nazwa domyślna podczas dodawania go do projektanta.
Automatyczne wstawianie właściwości układu podczas tworzenia elementów Określa, czy właściwości układu są udostępniane dla nowego elementu podczas dodawania go do projektanta. Właściwości układu to te, które mają wpływ na układ kontrolki, na przykład Margin i VerticalAlignment. Poniższy kod XAML pokazuje sposób tworzenia przycisku z wybraną opcją i bez tej opcji:
<Button Content="Button" HorizontalAlignment="Left" Margin="245,56,0,0" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
<Button Content="Button" Grid.Row="1"/>
Korzystanie z układu opartego na ćwiartce Określa, czy aktualnie wybrany element sterujący jest ustawiony względem najbliższych krawędzi kontenera nadrzędnego. Jeśli to pole wyboru zostało wyczyszczone, wyrównania kontrolek nie zmieniają się podczas operacji przenoszenia ani tworzenia.
Automatyczne uzupełnianie elementów przybornika Określa, czy kontrolki użytkownika i kontrolki niestandardowe w bieżącym rozwiązaniu są wyświetlane automatycznie w przyborniku.
Automatyczne dodawanie przykładowych danych podczas tworzenia elementów Określa, czy podczas dodawania nowego elementu interaktywnego do projektanta mają być automatycznie dodawane przykładowe dane.
Włącz szybkie akcje projektanta Umożliwia używanie skrótów klawiaturowych, aby uzyskać dostęp do funkcji w narzędziowni.

Ustawienia (tylko dla Blend)

Użyj tych opcji, aby uzyskać dostęp do unikatowych ustawień podczas edytowania plików XAML przy użyciu programu Blend.

W programie Blend otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia>XAML Designer>Ogólne.

W programie Blend otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Projektant XAML>Ogólne.

Istnieje jedna właściwość specyficzna dla Blend

  • Typ jednostek: określa, czy miary w interfejsie projektowym są oparte na punktach czy pikselach. Ponieważ aplikacje uniwersalne systemu Windows nie obsługują punktów, jednostki są automatycznie konwertowane na piksele po wybraniu pozycji Punkty.

Tablica grafiki (tylko blend)

Użyj tych ustawień, aby określić zachowanie projektanta XAML podczas edytowania dokumentów XAML w programie Blend.

W programie Blend otwórz okienko Narzędzia>Opcje i rozwiń sekcję Wszystkie ustawienia, następnie > i Artboard.

W programie Blend otwórz okno dialogowe Narzędzia>Opcje i rozwiń sekcję Płaszczyzna graficzna>XAML.

W poniższych sekcjach opisano dostępne właściwości tablicy grafiki.

Przyciąganie

Name Description
Pokaż siatkę przyciągania Określ, czy linie siatki są wyświetlane w edytorze projektowym, aby ułatwić wyrównanie kontrolek. Kontrolki dodane do projektanta przeskakują do tych linii siatki, gdy wybrana jest opcja Przyciąganie do linii siatki.
Przyciąganie do linii siatki Gdy kontrolki są dodawane lub przenoszone wokół projektanta, są przyciągane do linii siatki.
Odstępy między liniami siatki Określa odstępy między liniami siatki w pikselach lub punktach (zgodnie z ustawieniem Jednostki typu ).
Przyciąganie do linii wyrównania Określa, czy kontrolki przylegają do linii zatrzaskowych.
Margines domyślny Po włączeniu przyciągania do linii prowadzących określa odstęp między kontrolką a liniami prowadzącymi w pikselach lub punktach (zgodnie z ustawieniem Jednostki miary).
Domyślne wypełnienie Po włączeniu opcji przyciągnij do linii przyciągania określa dodatkowy odstęp między kontrolem a liniami przyciągania w pikselach lub punktach (zgodnie z ustawieniem Jednostki miary).

Animacja

Użyj ustawienia Animacja, aby określić, czy w programie Blend pojawia się ostrzeżenie, gdy włączone są zależne (nieakcelerowane) animacje.

Efekty

Użyj ustawień efektów , aby określić, czy efekty są renderowane podczas edytowania plików XAML w projektancie XAML podczas pracy w programie Blend.

Name Description
Efekty renderowania Określa, czy efekty będą renderowane podczas edytowania plików XAML w projektancie XAML w programie Blend.
Próg powiększenia Określa procent powiększenia, w którym efekty są renderowane po zaznaczeniu pola wyboru Efekty renderowania . Jeśli przekroczysz to ustawienie powiększenia, efekty nie będą już renderowane w XAML Designer.

Zobacz także

  • Last updated on