Aplikacja dialogowa MFC krok po kroku

How to write MFC Application responsible for doing math on 2 float numbers.

Jak napisać aplikację dialogową w MFC by można było dodawać, odejmować, mnożyć czy dzielić liczby rzeczywiste wraz z zadaną precyzją wyniku.

1. MFC Krok po kroku Aplikacja dialogowa – budowa interfejsu użytkownika Zadania laboratoryjne (czas realizacji: 1 tydzień) Celem ćwiczenia jest poznanie sposobu tworzenia aplikacji windowsowych MFC oraz zasad umieszczania i programowania podstawowych kontrolek w oknie dialogowym. Uruchomić program, który w zależności od wyboru: doda, odejmie, pomnoży lub podzieli dwie liczby. W tym celu należy wykonać poniższe kroki. Tekst: Prof. Jerzy Kisilewicz Obrazki: Brian Bartkowiak, student

2. 1. Wybrać z menu File|New|Projects .

3. a. Wybrać lokalizację, czyli katalog, w którym automatycznie powstanie podkatalog (przestrzeń robocza tworzonego programu -> ang location ). W przestrzeni roboczej będą umieszczone pliki tworzonego programu. b. Wpisać nazwę projektu (będzie to nazwa podkatalogu i równocześnie programu) -> name . c. Z listy projektów wybrać: VisualC ++|MFC|MFC Application. i nacisnąć „OK”.

4. 2. Step1 – Nacisnąć „ Next ”.

5. Wybrać typ aplikacji „Dialog based ” i nacisnąć klawisz „ Finish ”.

6. 3. Skompilować i uruchomić wybraną aplikację. Wybrać z menu: Build|Build …, a następnie po poprawnej kompilacji uruchomić program wybierając: Debug | Start Without Debugging ... .

7. Powieli się okno z nazwą programu – zakończyć program naciskając klawisz „OK.” lub „ Cancel ”.

8. 4. Kliknąć napis “TODO: Place dialog controls here .” ( kontrolka „ Static Textt ”) Przesunąć okienko z tym tekstem do górnej krawędzi okna programu. Kliknąć prawym klawiszem na ww . tekst i wybrać „ Properties ”.

9. W okienku właściwości w linii edycyjnej „ Appearance|Caption ” wpisać inny dowolny tekst. W zakładce „ Align Textt ” można zmienić zmienić położenie tekstu.

10. 5. Z okienka „ Toolbox ” przeciągnąć myszką ikony Aa ( Static Textt ) oraz ab |( EditBox ) na wybrane miejsca obok siebie w okienku programu.

11. Jak w p. 4 wprowadzić do kontrolki „ Static Textt ” tekst z opisem pierwszej danej, która będzie wprowadzana do linii edycyjnej „Edit Box”. Powtórzyć (dwa razy) czynności z p.5 dla drugiej danej i dla wyniku . Uruchomić program.

12. 6. We właściwościach linii edycyjnej wyniku wybrać zakładkę „ Behavior ” i ustawić opcję „Read- only ” na TRUE.

13. 7. Zdefiniuj obsługę zdarzeń w pierwszej linii edycyjnej. Kliknij jej ikonę prawym klawiszem i wybierz „ Add Event Handler…”.

14. W okienku „Message type :” podświetl EN_KILLFOCUS (zdarzenie wyjścia myszą z obszaru linii edycyjnej). Naciśnij klawisz „ Add and Edit” i zaakceptuj nazwę funkcji. Pojawi się okno do edycji kodu źródłowego w C ++. ( jeśli IDC_EDIT1 identyfikuje tę linię edycyjną – sprawdzisz to w jej właściwościach).

15. Wpisz następującą zawartość funkcji obsługi zdarzenia /../

16. 8. Aby wrócić do edycji graficznej w lewym oknie (w zakładce „Res..”) rozwiń drzewo i gałąź „Dialog” oraz wybierz (dwuklik) okno dialogowe programu ( IDE_Nazwa_Projektu_DIALOG ).

17. Powtórz to samo dla drugiej linii edycyjnej (z identyfikatorem IDC_EDIT2 )

18. używając zmiennej b w miejsce zmiennej a.

19. Skompiluj program .

20. Błędy kompilacji wykazują brak definicji zmiennych: m_Text , a, prec , b.

21. 9. Zdefiniuj ww. zmienne w klasie okna dialogowego. Kliknij prawym klawiszem nazwę klasy okna dialogowego w zakładce „ Clas ..” i wybierz „ Add|MemberVariable ”.

22. Dodobnie dodaj zmienną prec typu int oraz zmienne a, b typu double .

23. 10. Dodaj zmienną zabezpieczoną ( Protected ) m_Text typu CString do klasy dialogowej. W tym celu przejdź do zakładki Class View . Wykonaj dwuklik na klasę dialogową - przejdziesz do edycji tej funkcji. Po instrukcji double b; dopisz inicjacje zmiennej CString m_Text ;

24. 11. Zmień system kodowania znaków. Przy otwartym projekcie wejdź w Project-> Properties

25. Configuration Properties->General, znajdź pole Character Set i wybierz Use Multi-Byte Character Set.

26. 12. Klikinij na klasę dialogowa. W poniżej ukażą się funkcje tej kasy. Wykonaj dwuklik na funkcji „ OnInitDialog ()”

27. – przejdziesz do edycji tej funkcji. Przed instrukcją return TRUE ; dopisz inicjację zmiennej prec – dopisz instrukcję prec =3;.

28. Skompiluj i uruchom program. Spróbuj wpisywać dane.

29. 13. W podobny sposób zainicjuj zmienne a i b oraz linie edycyjne wpisując do funkcji „ OnInitDialog ” instrukcje: /…/

30. 14. Dodaj funkcję obsługi kliknięcia klawisza „OK.”. W edytorze graficznym kliknij ten klawisz prawym klawiszem myszki i wybierz „ Add Event Handler…”.,

31. a następnie klawisz „ Add and Edit” i zaakceptuj nazwę funkcji.

32. W edytorze tekstu źródłowego usuń instrukcję OnOK ();

33. i na jej miejsce wpisz instrukcje: /…/

34. 15. Przetestuj działanie programu.

35. 16. Do okna programu (edycja graficzna) wstaw kontrolkę „ Group Box” i zwiększ jej wymiary .

36. W obszar kontrolki wstaw jeden pod drugim 4 przyciski „Radio Button”.

37. Zaznacz te przyciski i kliknij prawym klawiszem myszki, a następnie wyrównaj położenie przycisków wybierając „ Align Left Edges ”.

38. 17. Podobnie jak w p. 4 zaopatrz przyciski w teksty; „Dodaj”, „Odejmij”, „Pomnóż” i „ Podziel”.

39. W oknie właściwości pierwszego przycisku („Dodaj”) zaznacz opcję „ Group ” -> TRUE

40. Dla tego przycisku stwórz zmienną m_zadanie typu int – klikając go prawym klawiszem i wybierając „ Add Variable …”.

41. W „ Add Member Variable Wizard ” zmień „ Category ” na „Value”. Następnie ustaw „ Variable Type ” na typ całkowity „ int ”. nadaj nazwę zmiennej w okienku „ Variable Name ” i naciśnij „OK”.

42. 18. W konstruktorze klasy okna dialogowego sprawdź wartość początkową zmiennej m_zadanie . Jeżeli wartość będzie różna od 0, zmień ją na „0”. Następnie sprawdź działanie programu.

43. 19. Zmodyfikuj działanie funkcji obsługi naciśnięcia klawisza OK. tak, aby wynik zależał od wartości zmiennej m_zadanie (po wykonaniu funkcji UpdateData (), aktualizowane są wartości zmiennych stowarzyszonych z przyciskami i zmienna m_zadanie otrzymuje wartości : 0 – dodawanie, 1 – odejmowanie, 2 – mnożenie i 3 – dzielenie).

44. 20. Umieść w oknie dialogowym tekst statyczny i linię edycyjną do wprowadzenia wymaganej liczby cyfr ułamkowych – precyzji.

45. Napisz funkcję obsługi tej kontrolki „Edit Control ”, aby wprowadzoną liczbę całkowitą podstawiać do zmiennej prec zdefiniowanej w klasie okna dialogowego.

46. 21*. Działający program! (przypisek: Brian Bartkowiak)