Lekcja 1 - Kurs Visual C++ by SLASH

Witam wszystkich w moim drugim kursie programowania - jak zapewne niektórzy wiedzą pierwszy był Visual Basic - jednak ten język nie daje takich możliwości jak C++. Z racji tego, że teraz raczej pisze się w językach wizualnych miałem do wyboru Borland C++ Builder oraz Visual C++. Wybrałem Visual C++ z racji tego, że na Visual Basic dobrze mi się pracowało - a i chyba większość osób programujących w C++ używa właśnie togo narzędzia programowania.

Dla kogo jest ten kurs ? Często w sieci można znaleźć różne kursy C++ - ale tak patrząc zauważycie, że to tylko objaśnienia co niektórych funkcji - ale sensownego kursu chyba w polskich zasobach nie ma - sam chcąc się uczyć tego języka szukałem czegoś w sieci - ale nic. Postanowiłem więc napisać kurs całkowicie od podstaw - dzięki temu kursowi możesz szybko nauczyć się programować nie mając teraz o tym zielonego pojęcia !

No dobra - to tyle wstępem - wypadało by zacząć i napisać pierwszą aplikację.

Pasek narzędzi

                                    Oto obok przykładowy pasek narzędzi. Będziemy z niego bardzo często korzystać, więc postanowiłem, że nie będę opisywał gdzie się dana kontrolka znajduje i jak wygląda - zajęło by to za dużo czasu - pierwsza kolumna opisana jest obok paska, a druga po przecinkach.

Odpalamy naszego Visual C++ 5 lub 6 i już zaraz zobaczymy studio programistyczne - jak na razie nic ciekawego nie widzimy - na razie nie opisuję poszczególnych części studia bo to nie ma sensu - wszystko będzie objaśniane w swoim czasie. 
Aby stworzyć nową aplikację z menu File wybieramy New - wyskoczy nam okienko dialogowe z aktywną zakładką Project. Nie będziemy sami tworzyć struktury projektu - bo w końcu używamy Visual C++ - wybieramy więc "MFC AppWizard(exe)" . Teraz wc polu Location ustalmy miejsce składowania plików projektu - proponuję na C:\Windows\Pulpit\ a w pole project name wpisujemy nazwę programu - czyli np. Moja pierwsza aplikacja. Naciskamy OK. Teraz wyskakuje drugie okienko z możliwością wyboru typu aplikacji oraz języka. Typ przestawiamy na "Dialog Based", a język zostawiamy na angielski (nie wiem jak jest w wersji 6, ale na moim VC++ 5 nie mam Polskiego). Dajemy teraz Next. I widzimy kolejne okno - nie zmieniamy nic i dajemy tym razem klikamy już na Finish - jeśli kliknęlibyśmy na next pojawiło by się kolejne okno dialogowe - ale nic w nim byśmy już nie zmieniali.

Dobra - stworzyliśmy projekt - ale jak tu cokolwiek zrobić - ani dostępu do wizualnego programowania, ani nawet nie widać kodu. Musimy wiedzieć, że nasz projekt składa się z kilkunastu plików - jak na razie VC++ nie wie który plik ma pokazać. Nas zapewne będzie interesować to, na czym będziemy układać nasze elementy, czyli forma (ang. Dialog). W tym celu musimy przejść do Obszaru roboczego - To jest okienko po lewej, na dole widać 4 zakładki - Zapewne widzisz tam pierwsze litery tych zakładek - C (Class View), R (Resource View), Fi (File Viev), H (Help). No - myślę, że znalazłeś - nas będzie interesować ta druga czyli Resource View (Podgląd składników). Klikamy więc na tą zakładkę i już widzimy nazwę naszej aplikacji w tymże polu. Klikamy na nią i pokazują się nam kolejne 4 podfoldery - Dialog, Icon, String Table, Version - nas interesuje to pierwsze czyli Dialog - znów rozwijamy - teraz zobaczymy dwa składniki IDD_ABOUT..., oraz IDD_MOJA... - teraz interesuje nas IDD_MOJAPIERWSZAAPLIKACJA - klikamy więc dwukrotnie i .... JEST, JEST, JEST ! Naszym oczom ukazuje się forma - są tam 2 przyciski oraz Jakiś tekst. Na tej formie będziemy układać elementy

UWAGA ! Nie wiem jak się to tyczy wersji 6, ale w 5 muszę ręcznie zmieniać język na polski - po prostu w trybie projektowania mogę pisać polskimi literami - ale po kompilacji zamieniają się w krzaczki. Aby to zmienić kliknij prawym klawiszem myszki w obszarze roboczym (to po lewej) na nazwę naszej formy - wybierz Properties - zmień Language na Polish i zamknij okno

Napiszemy teraz prosty programik wyświetlający komunikat - usuń wszystkie obiekty z formy. Można to zrobić klikając na nie - obiekt powinien się zaznaczyć i naciskamy przycisk Del na klawiaturze. Po usunięciu wszystkich elementów spróbujmy trochę powiększyć ten obszar - zaznaczamy formę - chwytamy myszką za prawy dolny róg i trzymając lewy klawisz myszy rozciągamy do odpowiedniej wielkości.

Teraz ułożymy na niej dwa przyciski - jeden będzie wyświetlał komunikat, a drugi zamykał aplikację - tak więc z paska narzędzi (zobacz rysunek z tej lekcji) wybieramy przycisk (tzn. wciskamy go), teraz kliknij na formie i trzymaj wciśnięty klawisz - zobaczysz, że tworzysz za sobą przerywany prostokąt - po spuszczeniu klawisza zobaczysz stworzony przycisk - jeśli nie podoba Ci się wielkość możesz ją zmienić podobnie jak to czyniliśmy w przypadku formy - po prostu zaznacz i zmień rozmiar. Oczywiście przycisk możemy przenieść w inne miejsce - kliknij gdzieś na nim i trzymając przycisk przeciągnij w inne miejsce. Zapewne teraz nie podoba Ci się napis widniejący na tym przycisku - zmieńmy go więc. Kliknij prawym klawiszem myszki na tymże przycisku i wybierz Properties. Widzimy teraz zaznaczone pole ID, a tam napisz: IDC_BUTTON1 - to jest identyfikator przycisku - na razie nie będziemy go używać - ale jednak powinniśmy zmienić go na IDC_WITAJ - zaraz obok widzisz pole Caption - tu właśnie ustalamy co ma być napisane na przycisku - zmieńmy to na np. Pokaż komunikat. Teraz zamykamy to okienko i już widzimy ładny przycisk. Stwórzmy teraz drugi przycisk - zmień jego ID na IDC_ZAMKNIJ, a caption na Zamknij. Mamy już dwa przyciski - teraz musimy je oprogramować aby robiły to co chcemy - klikamy więc dwukrotnie na przycisk IDC_WITAJ - powinno pojawić się okno - teraz z lewej mamy wybór zdarzenia - widzimy tam BN_CLICKED, BN_DOUBLECLICKED. Może domyślasz się już o co chodzi ? Jest to zdarzenie dla którego będziemy dopisywać kod - czyli czy chcemy to zrobić dla zdarzenia kliknięcie czy podwójne kliknięcie - my oczywiście zostawiamy tak jak jest czyli kliknięcie. Klikamy więc na przycisku Add and Edit. Pojawi się monit z proponowaną nazwą - klikamy OK. I w ten sposób dostaliśmy się do kodu. Zapewne zaznaczyło Ci się coś takiego:

// TODO: Add your control notification handler code here

Jest to komentarz wygenerowany przez VC, że tutaj możemy dopisać odpowiedni kod. Wypadało by teraz wiedzieć co to są komentarze.
Komentarze to tekst który służy wyłącznie użytkownikowi - po prostu VC nie zwraca na to żadnej uwagi - możemy tutaj pisać sobie co się tera stanie z programem, albo zaznaczyć sobie pewne miejsce - po prostu komentarz - deklarujemy to przez // - za tymi dwoma slash-ami możemy pisać sobie co nam dusza zapragnie, ale tylko do końca linii. Będę tego często używał w programach więc na pewno zrozumiesz

OKi - tak więc kasujemy komentarz - bo po co ma on tu być - teraz musimy wygenerować kod, który będzie odpowiedzialny za wyświetlenie komunikatu - brzmi on tak:

MessageBox("Witaj","Tytuł");

Chyba nie muszę jeszcze nic komentować o co tu chodzi... A jednak muszę... ;(

Funkcja MessageBox powoduje wyświetlenie komunikatu z zadanymi parametrami które wpisujemy w nawias. Teraz pierwszym parametrem jest takst komunikatu - teraz musisz wiedzieć, że wszelki tekst ujmuje się w cudzysłów ( " ) - liczb nie musimy w nic ujmować. Kolejnym parametrem jest tytuł jaki się ma pojawić.  Średnikiem kończymy każdą instrukcję.

UWAGA !!! Bardzo ważne jest rozróżnianie małe / DUŻE  litery - jeśli napiszemy np. messagebox to przy kompilacji program zwróci błąd !!!

OKi. Pierwszy przycisk oprogramowany - ale co z drugim ? Musimy się teraz jakoś dostać z powrotem do trybu wizualnego - klikamy więc znów na IDD_MOJAPIERWSZAAPLIKACJA w obszarze roboczym (po lewej) i naszym oczom ukazuje się forma - teraz klikamy dwukrotnie na przycisk IDC_ZAMKNIJ i postępujemy tak samo jak z pierwszym przyciskiem. Czyli Add and Edit - OK i wpisujemy coś takiego:

OnOK( );

Jest to skrót do zamknięcia programu - i to tyle...

Teraz musimy jakoś uruchomić nasz program - poszukajmy gdzieś na paskach narzędzi (u góry) ikonki z brązowym wykrzyknikiem - albo z menu Buid wybieramy Execute Moja... (tam też zobaczysz taki wykrzyknik) - teraz wyskoczy komunikat proszący o potwierdzenie, że musimy zbudować kilka plików - dajemy więc OK - teraz obserwujmy co się dzieje na dole ekranu w Obszarze komunikacji z użytkownikiem - będziemy tam widzieć wszelkie informacje które przekazuje nam kompilator VC++. Po udanej kompilacji powinniśmy zobaczyć coś takiego:

Moja pierwsza aplikacja.exe - 0 error(s), 0 warning(s)

I już widzimy nasz pierwszy program

A co jeśli były błędy ? W takim programiku wiele nie da się zepsuć - prawdopodobnie pomyliłeś małe - DUŻE litery, albo zapomniałeś ; - są to najczęstsze błędy


Teraz zapewne jesteś ciekawy gdzie jest nasza aplikacja - zamykamy więc VC++ i na pulpicie zobaczymy nowy folder - wejdźmy pod niego - widzimy kilka plików i dwa foldery - wejdźmy pod Debug - a tam zobaczysz naszego EXE-ca. Możesz go sobie jeszcze raz uruchomić.

OKi - to tyle na dziś - była to pewnie dla Was najtrudniejsza lekcja - wiadomo - początki są najgorsze - ale pomyśl ile się dziś nauczyłeś ! Umiesz już tworzyć nowy projekt - układać elementy na formie oraz dodawać do nich kod - umiesz także kompilować. Poleceniem MessageBox zajmiemy się bardziej szczegółowo na kolejnych lekcjach


Pamiętaj ! Jeśli masz jakikolwiek problem ze zrozumieniem tego kursu to napisz do mnie - na każdego maila odpisuję chętnie. Także wszelkie opinie, zażalenia itp. kieruj na mój adres slash@ptik.prv.pl - chcę wiedzieć czy ten kurs Wam się podoba czy też nie