Aplikacje desktopowe · Visual Studio

Visual Studio: pięć okien, których użyjesz codziennie

Na pierwszy rzut oka Visual Studio przytłacza liczbą paneli i przycisków. Do pracy z WPF potrzebujesz naprawdę kilku. Poznasz je tak, żeby przestać klikać „gdzieś tam” i wiedzieć, gdzie jesteś.

około 30 minut
Visual Studio · .NET 9
INF.04.5.1

Po tej lekcji: wskazać w oknie Visual Studio Solution Explorer, Toolbox, Properties i Error List, zatrzymać program na punkcie przerwania i obejrzeć wartości zmiennych.

Zacznijmy od kokpitu

Środowisko to kokpit samochodu

Solution Explorer pokazuje, gdzie jesteś, jak nawigacja. Toolbox to schowek z narzędziami. Properties to panel ustawień. A lista błędów to kontrolki na desce rozdzielczej, które mówią, że coś jest nie tak.

Dobry kierowca nie zna każdego przycisku na pamięć, ale wie, gdzie jest kierownica (edytor kodu) i hamulec (zatrzymanie debugowania), zanim ruszy w trasę. Na egzaminie liczy się każda minuta, a czas na szukanie właściwego okna odejmuje się od czasu na zadanie.

1 · Poznaj okna

Kliknij obszar i zobacz, do czego służy

To makieta okna Visual Studio z projektem WPF. W zakładce „Poznaj okna” klikaj kolejne części. Potem przełącz się na „Gdzie kliknąć?” i sprawdź, czy trafiasz bez podpowiedzi.

Pięć okien wystarczy do całej tej lekcji i większości egzaminu: Solution Explorer, Toolbox, Properties, edytor z projektantem i Error List.

2 · Jak to jest zbudowane

Solution, projekt i foldery, których nie ruszasz

Dwa poziomy organizacji są mylone na początku najczęściej. Zapamiętaj porównanie z teczką.

Solution (.sln)teczka

Plik grupujący jeden lub więcej projektów. U nas jedno rozwiązanie ma jeden projekt, ale w większych systemach grupuje ich kilkanaście.

Na przykład aplikacja, biblioteka wspólna i testy w jednej teczce

Projekt (.csproj)jedna aplikacja

Opis i pliki jednej aplikacji lub biblioteki. Z projektu powstaje plik .exe albo .dll.

Na przykład projekt WPF z oknem głównym

App.xamlpunkt startowy

Początek całej aplikacji. Tu definiuje się zasoby wspólne dla wszystkich okien, np. style i kolory.

Na przykład jeden kolor akcentu dla każdego okna

bin i objnie dotykaj

Foldery generowane automatycznie przy budowaniu (tu leży skompilowany .exe). Nie edytuje się ich ręcznie i nie dodaje do repozytorium Git. Po usunięciu powstaną od nowa.

Na przykład po „Wyczyść rozwiązanie” znikają, a po budowaniu wracają

3 · Cztery linijki, które warto rozumieć

Ustawienia projektu WPF

Dwuklik na nazwie projektu w Solution Explorerze otwiera plik z ustawieniami. Czasem trzeba go poprawić ręcznie, więc dobrze wiedzieć, co oznaczają wiersze.

MojaAplikacja.csprojxml

<Project Sdk="Microsoft.NET.Sdk">

  <PropertyGroup>
    <OutputType>WinExe</OutputType>
    <TargetFramework>net9.0-windows</TargetFramework>
    <Nullable>enable</Nullable>
    <UseWPF>true</UseWPF>
  </PropertyGroup>

</Project>

OutputType = WinExe Wynikiem budowania ma być aplikacja okienkowa, a nie konsolowa. Dlatego przy uruchomieniu nie pojawia się czarne okno konsoli.
TargetFramework = net9.0-windows Wersja .NET, na której działa projekt. Dopisek -windows oznacza, że projekt używa API tylko dla Windows, bo WPF działa wyłącznie tam.
Nullable = enable Kompilator ostrzega o miejscach, gdzie zmienna może być pusta (null). Kod jest przez to bezpieczniejszy.
UseWPF = true Najważniejsza linijka: dołącza biblioteki WPF i uczy kompilator przetwarzać pliki .xaml. Bez niej projekt się nie skompiluje.

4 · Ściągawka

Skróty, które oszczędzają czas

Skrót	Co robi	Kiedy
`F5`	Uruchamia program z debugowaniem.	domyślnie, gdy chcesz zobaczyć działanie lub zatrzymać na punkcie przerwania
`Ctrl+F5`	Uruchamia program bez debugowania.	szybki test, ale punkty przerwania nie działają
`F9`	Ustawia lub usuwa punkt przerwania w bieżącej linii.	przed uruchomieniem lub w trakcie
`F10`	Wykonuje bieżącą linię i przechodzi do następnej (przeskakuje nad metodą).	krokowanie po kodzie
`F11`	Jak F10, ale wchodzi do wnętrza wywoływanej metody.	gdy chcesz zobaczyć, co dzieje się w środku
`Shift+F5`	Zatrzymuje debugowanie.	po zakończeniu sprawdzania
`F4`	Otwiera okno Properties.	szukanie właściwości kontrolki
`Ctrl+Alt+L`	Otwiera Solution Explorer.	gdy okno zniknęło
`Ctrl+Shift+S`	Zapisuje wszystkie pliki.	przed budowaniem, na wszelki wypadek

Pięć pierwszych skrótów z tabeli wystarczy, żeby sprawnie debugować.

Laboratorium · ćwiczenie w przeglądarce, do którego odsyłają rozgrzewki na końcu lekcji

5 · Zatrzymaj program

Punkt przerwania i okno Locals

Debugger pozwala zatrzymać program w wybranej linii i oglądać wartości zmiennych. Kliknij numer przy linii, żeby ustawić czerwony punkt przerwania, potem naciśnij F5. Spróbuj F10, a potem F11 przy linii z wywołaniem metody Dodaj.

F10 omija wnętrze metody, F11 do niej wchodzi. Okno Locals pokazuje wartości zmiennych z bieżącego miejsca, więc od razu widać, gdzie coś poszło nie tak.

6 · Czego unikać

Cztery pułapki w Visual Studio

Każdy z początkujących wpada w któryś z nich. Znasz je, więc możesz ich uniknąć.

7 · Szybki przegląd

Pięć rzeczy do sprawdzenia, zanim naciśniesz F5

Wypróbuj je na dowolnym projekcie z poprzedniej lekcji.

Konfiguracja na pasku narzędzi to Debug.
Znam położenie okien Solution Explorer, Properties i Error List.
Wiem, że w oknie .xaml mam jednocześnie podgląd i kod.
Mam ustawiony punkt przerwania (F9) w miejscu, które chcę obejrzeć.
Rozróżniam F5 (z debugowaniem) i Ctrl+F5 (bez).

Podsumowanie

Co warto zapamiętać

Solution (.sln) to teczka na projekty, projekt (.csproj) to jedna aplikacja.
Solution Explorer pokazuje pliki, Toolbox kontrolki, Properties ustawienia zaznaczonej kontrolki, a Error List błędy z numerami linii.
UseWPF w pliku .csproj włącza obsługę WPF, a net9.0-windows mówi, że projekt jest tylko dla Windows.
Foldery bin i obj są generowane przy budowaniu i nie edytujesz ich ręcznie.
F5 uruchamia z debugowaniem, F9 ustawia punkt przerwania, F10 omija metodę, F11 wchodzi do niej.

Dalej na swoim koncie

Rozgrzewki, quiz i zadania są w biurku ucznia.

Teoria jest otwarta dla wszystkich. Żeby rozwiązywać zadania, zapisywać szkice i widzieć swój postęp, zaloguj się.

Zaloguj się →

Źródła i dalsza nauka