Samouczek: tworzenie przeglądarki obrazów w aplikacji Windows Forms (.NET Framework)

W tej serii trzech samouczków utworzysz aplikację Windows Forms, która ładuje obraz i wyświetla go. Zintegrowane środowisko projektowe programu Visual Studio (IDE) udostępnia narzędzia potrzebne do utworzenia aplikacji.

Z tego pierwszego samouczka dowiesz się, jak wykonywać następujące działania:

• Tworzenie projektu programu Visual Studio korzystającego z formularzy Windows Forms
• Dodawanie elementu układu
• Uruchamianie aplikacji

Aby utworzyć nową aplikację windows Forms za pomocą platformy .NET, wykonaj czynności opisane w samouczku Tworzenie aplikacji Windows Forms przy użyciu platformy .NET. Aby dowiedzieć się więcej, zapoznaj się z przewodnikiem o Windows Forms .NET na platformie.

Warunki wstępne

• Do ukończenia tego samouczka potrzebny jest program Visual Studio. Odwiedź stronę pobierania Visual Studio, aby uzyskać bezpłatną wersję.
• Obciążenie dla tworzenia aplikacji desktopowych .NET. Aby zweryfikować lub zainstalować to obciążenie w programie Visual Studio, przejdź do Narzędzia>Pobierz narzędzia i funkcje. Aby uzyskać więcej informacji, zobacz Zmienianie obciążeń lub poszczególnych składników.

Tworzenie projektu formularzy systemu Windows

Podczas tworzenia przeglądarki obrazów pierwszym krokiem jest utworzenie projektu aplikacji Windows Forms App.

1. Otwórz program Visual Studio.

2. W oknie uruchamiania wybierz pozycję Utwórz nowy projekt.

   

3. W oknie Create a new project (Tworzenie nowego projektu) wyszukaj Windows Forms. Następnie wybierz pozycję Desktop z listy Typ projektu.

4. Wybierz szablon Windows Forms App (.NET Framework) dla języka C# lub Visual Basic, a następnie wybierz Dalej.

   

5. W oknie Konfigurowanie nowego projektu nadaj projektowi nazwę PictureViewer, a następnie wybierz pozycję Utwórz.

   

Program Visual Studio tworzy rozwiązanie dla aplikacji. Rozwiązanie to kontener dla wszystkich projektów i plików wymaganych przez aplikację.

W tym momencie program Visual Studio wyświetla pusty formularz w Windows Form Designer.

Dodawanie elementu układu

Aplikacja do wyświetlania obrazów zawiera pole obrazka, pole wyboru i cztery przyciski, które dodasz w następnym samouczku. Element układu kontroluje ich lokalizację w formularzu. W tej sekcji pokazano, jak zmienić tytuł formularza, zmienić rozmiar formularza i dodać element układu.

1. W projekcie wybierz projektant formularzy systemu Windows. Karta oznaczona Form1.cs [Projektowanie] dla języka C# lub Form1.vb [Projektowanie] dla języka Visual Basic.

2. Wybierz dowolne miejsce w Form1.

3. W oknie właściwości są teraz wyświetlane właściwości formularza. Okno Właściwości jest zwykle w prawym dolnym rogu programu Visual Studio. Ta sekcja steruje różnymi właściwościami, takimi jak kolor pierwszego planu i tła, tekst tytułu wyświetlany w górnej części formularza oraz rozmiar formularza.

   Jeśli nie widzisz Właściwości, wybierz pozycję Wyświetl okno właściwości>.

4. Znajdź właściwość Text w oknie Właściwości. W zależności od sposobu sortowania listy może być konieczne przewinięcie w dół. Wprowadź wartość przeglądarki obrazów, a następnie wybierz Wprowadź.

   Formularz zawiera teraz tekst Przeglądarka obrazów na pasku tytułu.

   Notatka

   Właściwości można wyświetlić według kategorii lub alfabetycznie. Użyj przycisków w oknie właściwości , aby przełączyć się tam i z powrotem.

5. Ponownie wybierz formularz. Wybierz uchwyt przeciągania w prawym dolnym rogu formularza. Uchwyt jest małym białym kwadratem w prawym dolnym rogu formularza.

   

   Przeciągnij uchwyt, aby zmienić rozmiar formularza, aby formularz był szerszy i nieco wyższy. Jeśli spojrzysz na okno właściwości, właściwość Size jest inna. Rozmiar formularza można również zmienić, zmieniając właściwość Size.

6. Po lewej stronie środowiska IDE programu Visual Studio wybierz kartę Przybornik. Jeśli go nie widzisz, wybierz pozycję View>Toolbox na pasku menu lub Ctrl+Alt+X.

7. Wybierz mały symbol trójkąta znajdujący się obok Containers, aby otworzyć grupę.

   

8. Kliknij dwukrotnie TableLayoutPanel w przyborniku. Możesz również przeciągnąć kontrolkę z przybornika na formularz. Kontrolka TableLayoutPanel zostanie wyświetlona w formularzu.

   

   Notatka

   Po dodaniu TableLayoutPanel, jeśli w formularzu pojawi się okno z tytułem TableLayoutPanel Tasks, kliknij dowolne miejsce wewnątrz formularza, aby je zamknąć.

9. Wybierz TableLayoutPanel. Możesz sprawdzić, która kontrolka jest zaznaczona, przeglądając okno właściwości .

   

10. Po wybraniu kontrolki TableLayoutPanel znajdź właściwość Dock, która ma wartość None. Wybierz strzałkę menu rozwijanego, a następnie wybierz pozycję Wypełnij, która jest dużym przyciskiem w środku menu rozwijanego.

    

    Docking odnosi się do sposobu dołączenia okna do innego okna lub obszaru.

    Kontrolka TableLayoutPanel wypełnia teraz cały formularz. Jeśli rozmiar formularza zostanie ponownie zmieniony, kontrolka TableLayoutPanel pozostanie zadokowana i zmienia rozmiar w celu dopasowania.

11. W formularzu wybierz TableLayoutPanel. W prawym górnym rogu znajduje się mały przycisk z czarnym trójkątem.

    Wybierz trójkąt, aby wyświetlić listę zadań kontrolki.

    

12. Wybierz Edytuj Wiersze i Kolumny, aby wyświetlić okno dialogowe Style Kolumn i Wierszy.

13. Wybierz pozycję Column1 i ustaw jego rozmiar na 15 procent. Upewnij się, że opcja Procent jest wybrana.

14. Wybierz pozycję Kolumna2 i ustaw ją na 85 procent.

    

15. W Pokaż w górnej części okna dialogowego Kolumna i Wiersze wybierz pozycję Wiersze. Ustaw Row1 na 90 procent, a Row2 na 10 procent. Wybierz pozycję OK, aby zapisać zmiany.

    TableLayoutPanel ma teraz duży górny wiersz, mały dolny wiersz, małą lewą kolumnę i dużą prawą kolumnę.

    

Układ został ukończony.

Notatka

Przed uruchomieniem aplikacji zapisz aplikację, wybierając przycisk paska narzędzi Zapisz wszystko. Alternatywnie, aby zapisać aplikację, wybierz pozycję Plik >Zapisz wszystko na pasku menu lub naciśnij Ctrl+Shift+S. Najlepszą praktyką jest wczesne i częste zapisywanie.

Uruchamianie aplikacji

Podczas tworzenia projektu aplikacji Windows Forms tworzysz program wykonywalny. Na tym etapie aplikacja Picture Viewer nie robi zbyt wiele. Na razie wyświetla się puste okno z napisem Przeglądarka Obrazów na pasku tytułu.

Aby uruchomić aplikację, wykonaj następujące kroki.

1. Użyj jednej z następujących metod:

   • Wybierz klucz F5.
   • Na pasku menu wybierz pozycję Debugowanie>Rozpocznij debugowanie.
   • Na pasku narzędzi wybierz przycisk Start.

   Program Visual Studio uruchamia aplikację. Zostanie wyświetlone okno z tytułem Picture Viewer.

   

   Spójrz na pasek narzędzi w środowisku IDE Visual Studio. Więcej przycisków jest wyświetlanych na pasku narzędzi po uruchomieniu aplikacji. Te przyciski umożliwiają wykonywanie takich czynności jak zatrzymywanie i uruchamianie aplikacji oraz pomaga w śledzeniu błędów.

   

2. Aby zatrzymać aplikację, użyj jednej z następujących metod:

   • Na pasku narzędzi wybierz przycisk Zatrzymaj debugowanie.
   • Na pasku menu wybierz Debug>Zatrzymaj debugowanie.
   • Na klawiaturze wprowadź Shift+F5.
   • Wybierz X w górnym rogu okna Picture Viewer.

   Podczas uruchamiania aplikacji w środowisku IDE programu Visual Studio nazywa się to debugowaniem . Uruchom aplikację, aby znaleźć i naprawić usterki. Wykonasz tę samą procedurę, aby uruchomić i debugować inne programy. Aby dowiedzieć się więcej na temat debugowania, zobacz Najpierw zapoznaj się z debugerem.

Następny krok

Przejdź do następnego samouczka, aby dowiedzieć się, jak dodać kontrolki do programu Picture Viewer.

Samouczek, część 2: Dodawanie kontrolek do przeglądarki obrazów