Pierwszy projekt

Utworzenie projektu

1. Otwórz Visual Studio 2022.
2. Kliknij Create a new project.
3. Wybierz Windows Forms App (.NET Framework) i kliknij Next.
4. Nazwij projekt, np. MojePortfolio i kliknij Create.
5. Wybierz wersję .NET Framework (np. 4.8) i kliknij Create.

Krok 2: Utworzenie ekranu rejestracji

1. Form1.cs będzie naszym ekranem rejestracji.
2. Otwórz Toolbox (z menu View > Toolbox, jeśli nie jest widoczny).
3. Przeciągnij na formę następujące kontrolki:
   • Label dla „Imię i nazwisko”
   • TextBox obok etykiety, nazwij go txtName
   • Label dla „Opis”
   • TextBox poniżej, nazwij go txtDescription
   • PictureBox do wczytania zdjęcia, nazwij go pictureBox
   • Button o nazwie btnUploadImage i tekstem „Załaduj zdjęcie”
   • Button o nazwie btnSubmit z tekstem „Przejdź do portfolio”
4. Ustaw odpowiednio kontrolki na formularzu, aby stworzyć prosty formularz rejestracji.

Krok 3: Dodanie kodu do przycisków na ekranie rejestracji

Kliknij dwukrotnie przycisk btnUploadImage, aby otworzyć kod, i dodaj kod, który pozwala użytkownikowi wczytać zdjęcie:

private void btnUploadImage_Click(object sender, EventArgs e)

{

    OpenFileDialog openFileDialog = new OpenFileDialog();

    if (openFileDialog.ShowDialog() == DialogResult.OK)

    {

        pictureBox.Image = Image.FromFile(openFileDialog.FileName);

    }

}

Kliknij dwukrotnie przycisk btnSubmit i dodaj kod, który przekaże dane do drugiego formularza:

public static string UserName;

public static string UserDescription;

public static Image UserImage;

private void btnSubmit_Click(object sender, EventArgs e)

{

    UserName = txtName.Text;

    UserDescription = txtDescription.Text;

    UserImage = pictureBox.Image;

    PortfolioForm portfolioForm = new PortfolioForm();

    portfolioForm.Show();

    this.Hide();

}

2. Kod ten zapisuje dane w zmiennych statycznych, aby były dostępne w drugim formularzu i otwiera drugi formularz.

Krok 4: Dodanie nowego formularza – PortfolioForm

1. W Solution Explorer kliknij prawym przyciskiem na projekt, wybierz Add > Windows Form… i nazwij formularz PortfolioForm.cs.
2. Na nowym formularzu PortfolioForm przeciągnij na formę:
   • Label dla wyświetlenia imienia i nazwiska, nazwij go lblName
   • Label dla opisu, nazwij go lblDescription
   • PictureBox dla zdjęcia, nazwij go pictureBox
   • Button z tekstem „Powrót”, nazwij go btnBack
3. Ułóż kontrolki w przyjaznym układzie, aby użytkownik mógł zobaczyć podsumowanie swojego profilu.

Krok 5: Dodanie kodu do PortfolioForm

Kliknij dwukrotnie formularz PortfolioForm i w metodzie PortfolioForm_Load dodaj kod, który pobierze dane z pierwszego formularza i wyświetli je:

private void PortfolioForm_Load(object sender, EventArgs e)

{

    lblName.Text = Form1.UserName;

    lblDescription.Text = Form1.UserDescription;

    pictureBox.Image = Form1.UserImage;

}

Kliknij dwukrotnie przycisk btnBack i dodaj kod, który pozwala użytkownikowi wrócić do ekranu rejestracji:

private void btnBack_Click(object sender, EventArgs e)

{

    Form1 registrationForm = new Form1();

    registrationForm.Show();

    this.Close();

}

Krok 6: Konfiguracja wyświetlania PortfolioForm

1. W Solution Explorer otwórz Form1.cs (nasz formularz rejestracji).

Dodaj kod, aby otworzyć drugi formularz po kliknięciu btnSubmit:

PortfolioForm portfolioForm = new PortfolioForm();

portfolioForm.Show();

Krok 7: Uruchomienie aplikacji i testowanie

1. Kliknij Start (zielona strzałka w Visual Studio) lub naciśnij F5, aby uruchomić aplikację.
2. Wprowadź dane w formularzu rejestracji, załaduj zdjęcie, a następnie kliknij „Przejdź do portfolio”.
3. Powinien otworzyć się drugi ekran z podsumowaniem wprowadzonych danych.

Krok 8: Dopracowanie aplikacji

1. Stylizacja – dostosuj kolory, rozmiary i czcionki, aby aplikacja wyglądała atrakcyjnie.
2. Obsługa wyjątków – np. sprawdzenie, czy wszystkie pola są wypełnione przed przejściem do ekranu portfolio.
3. Dodanie funkcji resetu – przycisk, który pozwoli użytkownikowi wyczyścić formularz rejestracji.