DATA
CZAS
IMIENINY
FAZA KSIĘŻYCA
STAFLOTA ⊕ SEKTOR ALFA · BITEDU STATION
Desktop Apps · WPF · INF.04

Zbuduj aplikację desktopową
krok po kroku

Tutaj uczysz się wyłącznie praktyki aplikacji okienkowych: układasz interfejs, dodajesz kontrolki, łączysz je ze zdarzeniami i wywołujesz własne metody. Każdy etap kończy się działającą aplikacją.

Technologie 10 kroków 15 projektów testy INF.04
Technologie desktopowe

WinForms, WPF czy MAUI — co wybrać?

Wszystkie korzystają z C#, ale inaczej budują interfejs i nadają się do innych projektów. Na egzaminie zawsze najpierw przeczytaj wymagania arkusza i użyj wskazanej technologii.

WINDOWS · NAJSZYBSZY START

Windows Forms

Interfejs tworzysz głównie w projektancie metodą przeciągnij i upuść. Zdarzenia trafiają do pliku formularza. Technologia działa tylko na Windows i pozwala bardzo szybko zbudować klasyczny formularz.

Designer Form1.cs Windows
Wybierz, gdy: aplikacja jest prosta, ma powstać szybko i nie wymaga rozbudowanego wyglądu.
Porównaj kontrolki i zdarzenia
WINDOWS · GŁÓWNA ŚCIEŻKA

WPF

Interfejs opisujesz w XAML. WPF daje rozbudowane layouty, style, binding i dobre rozdzielenie widoku od logiki. Wymaga więcej nauki, ale lepiej porządkuje większe aplikacje.

XAML Binding Grid
Wybierz, gdy: tworzysz aplikację Windows z bardziej dopracowanym interfejsem, listami i danymi.
Zacznij od layoutów WPF
WIELE PLATFORM · MOBILE

.NET MAUI

Jeden projekt może działać na Androidzie, iOS, macOS i Windows. MAUI także używa XAML, lecz ma inne kontrolki i cykl życia niż WPF. To osobna ścieżka dla aplikacji mobilnych i wieloplatformowych.

Android XAML Cross-platform
Wybierz, gdy: aplikacja ma działać na telefonie albo na kilku platformach.
Przejdź do ścieżki MAUI
Najprostsza decyzja: szybki formularz Windows — WinForms; rozwijana aplikacja Windows — WPF; aplikacja mobilna lub wieloplatformowa — .NET MAUI. Dalsza część tej strony koncentruje się na WPF.

Najpierw zrozum schemat

Każda aplikacja WPF składa się z trzech części

Najpierw budujesz ekran, potem reagujesz na akcję użytkownika, a na końcu uruchamiasz logikę.

01 / WIDOK

Layout i kontrolki

Grid, StackPanel, TextBox, Button, TextBlock. Układasz ekran zgodnie z projektem.

02 / POŁĄCZENIE

Zdarzenie i code-behind

Zdarzenie Click pobiera dane z kontrolek, sprawdza je i przekazuje do odpowiedniej metody.

03 / LOGIKA

Funkcje, metody i klasy

Obliczenia i reguły umieszczasz poza interfejsem. Dzięki temu kod jest czytelny i można go testować.

Teoria INF.04 jest wspólna dla desktopu, mobile i web. Typy aplikacji, cykl życia, BHP, UML, testowanie i dokumentację powtarzasz w osobnym materiale INF.04 przed egzaminem. Na tej stronie skupiamy się na budowaniu aplikacji WPF.

Ścieżka praktyczna

Dowolna aplikacja WPF w 10 krokach

Powtarzaj ten sam schemat w każdym projekcie. Z czasem zmienią się dane i kontrolki, ale sposób pracy pozostanie taki sam.

01

Przeczytaj wymagania i naszkicuj okno

Wypisz dane wejściowe, przyciski, wyniki i operacje. Dopiero potem otwórz Visual Studio.

Struktura aplikacji desktopowej
05

Połącz kontrolkę ze zdarzeniem

Zdarzenie Click uruchamia metodę obsługującą akcję użytkownika.

Obsługa zdarzeń w WPF
06

Pobierz i skonwertuj dane

Odczytaj wartości kontrolek i bezpiecznie zamień tekst na odpowiednie typy danych.

Metody, typy i konwersje w C#
07

Oddziel logikę od interfejsu

Przenieś obliczenia i reguły do osobnej klasy. Code-behind powinien tylko łączyć ekran z logiką.

Oddzielenie logiki od UI
08

Waliduj dane i pokaż wynik

Obsłuż błędne dane, wyświetl komunikat i pokaż poprawny wynik użytkownikowi.

Modele i walidacja danych
10

Przetestuj i przygotuj projekt do oddania

Sprawdź przypadki testowe, wykonaj zrzuty, opisz metodę i upewnij się, że projekt uruchamia się po rozpakowaniu.

Testy jednostkowe MSTest

Praktyka

15 projektów od pierwszego okna do poziomu egzaminu

Nie musisz robić wszystkiego naraz. Zacznij od poziomu podstawowego, a potem przejdź do projektów z danymi i pełnych zadań.

Start

Organizer

Pierwsze okno, pola tekstowe, przyciski i prosty układ.

Otwórz projekt
Start

Kalkulator średniej ocen

Pobieranie liczb, obliczenie wyniku i prezentacja w kontrolce.

Otwórz projekt
Start

TrackBar – kolorowy suwak

Zdarzenie zmiany wartości i natychmiastowa reakcja interfejsu.

Otwórz projekt
Start

Zadania WPF: BMI i NWD

Krótkie ćwiczenia łączące kontrolki z metodami obliczeniowymi.

Otwórz projekty
Start

Aplikacja dwuekranowa

Otwarcie drugiego okna i przekazywanie danych pomiędzy ekranami.

Otwórz projekt
Rozwój

Sito Eratostenesa WPF

Algorytm w osobnej klasie oraz interfejs odpowiedzialny tylko za dane i wynik.

Otwórz projekt
Rozwój

Prosty kalkulator i testy

Kompletna logika obliczeń oraz projekt testów jednostkowych.

Otwórz projekt
Rozwój

Biblioteka WPF

Modele, lista obiektów, dodawanie, usuwanie i wyświetlanie danych.

Otwórz projekt
Rozwój

Domowy budżet

Lista wydatków, filtrowanie, walidacja, binding i zapis danych.

Otwórz projekt
Rozwój

Pizzeria Pasta la Vista

Większy formularz zamówienia, kontrolki wyboru, lista i podsumowanie.

Otwórz projekt
Rozwój

WPF z bazą SQLite

CRUD, lokalna baza danych i prezentacja rekordów w aplikacji.

Otwórz projekt
Egzamin

Rezerwacja hotelu

Formularz, obliczenia kosztu i interfejs zgodny z wymaganiami zadania.

Otwórz zadanie
Egzamin

Serwis iPhone

Zlecenia serwisowe, walidacja danych oraz rozbudowany formularz WPF.

Otwórz zadanie
Egzamin

Paragon do faktury

Przetwarzanie danych oraz zapis do plików TXT i JSON.

Otwórz zadanie
Rozszerzenie

Multimedia w WPF

Audio, wideo, zasoby aplikacji i sterowanie odtwarzaniem.

Otwórz projekt

Sprawdź wiedzę

Testy i powtórka INF.04

Teoria jest wspólna dla wszystkich typów aplikacji. Po praktyce WPF sprawdź również dokumentację, UML, BHP i organizację pracy.

Teoria 1

Algorytmy, OOP i aplikacje

Podstawowe pojęcia, rodzaje aplikacji, kontrolki, zdarzenia i programowanie obiektowe.

Uruchom test 1
Teoria 2

UML, testy i dokumentacja

Przypadki testowe, diagramy, dokumentowanie kodu i przygotowanie projektu do oddania.

Uruchom test 2
Teoria 3

BHP, Git, Scrum i bezpieczeństwo

Łatwe do przeoczenia zagadnienia, które pojawiają się w części pisemnej egzaminu.

Uruchom test 3
Sprawdzian praktyczny

Rezerwacja hotelu

Wykonaj aplikację samodzielnie według wymagań, a dopiero potem porównaj rezultat z materiałem.

Rozwiąż zadanie
Przed pełnym arkuszem: przeczytaj analizę najczęściej powtarzanych błędów.

Gotowość

Potrafię samodzielnie wykonać aplikację WPF

  • utworzyć projekt WPF i rozpoznać jego pliki
  • zbudować układ przy pomocy Grid i StackPanel
  • dodać i poprawnie nazwać kontrolki
  • obsłużyć zdarzenie Click
  • pobrać i skonwertować dane wejściowe
  • oddzielić logikę od interfejsu
  • zwalidować dane i wyświetlić komunikat
  • pokazać listę obiektów lub zapisać dane
  • przetestować najważniejszą metodę
  • przygotować dokumentację i pliki do oddania
Aplikacje desktopowe · WPF · INF.04 · bitedu.pl