An.II / Sem.

I
Curs 5 Programare Interfeţe Grafice .

Programare Interfeţe Grafice

Miercuri-16.11.2005
Curs 5 (PIG5)

1. Crearea unei casete de dialog

Vom crea o casetă de dialog numită Change Diameter

P1. Insert Resource şi din Resource Type selectăm Dialog. Va apare caseta de dialog Insert
Resource şi dăm click pe New. ⇒ caseta cu numele Dialog.
P2. Plasăm un nou rând static în caseta de dialog şi scriem New Diameter. Dăm click pe butonul
Edit Box (ab|) de pe caseta Instrumente. Sub New Diameter a apare noua casetă de editare.
P3. După Enter apare foaia de proprietăţi cu numele Edit Properties. În câmpul ID scriem
IDC_DIAMETER ŞI Enter.
P4. Redimensionăm controlul şi-l poziţionăm cu săgeţile
P5. Redimensionăm caseta de dialog
P6. Cu caseta de dialog selectată, dăm Enter şi ⇒ foaia de proprietăţi Dialog Properties. Aici
completăm căsuţa ID cu IDD_DIAMETERDLG iar casuta Caption cu Change Diameter
P7. Dăm dublu click pe caseta de dialog şi apare o casetă de dialog numită Adding a Class ce
ataşează definiţia acelei clase ce descrie caseta. Selectăm opţiunea Create a new class, apoi Ok
şi apare caseta de dialog New Class
P8. Aici scriem în căsuţa Name: CDiameterDlg, şi apoi Ok. Va apare fereastra MFC Class
Wizard ce creează clasa CDiameterDlg. Om face acţiunile următoare:
P9. Selectăm din meniu eticheta Member Variab şi apoi selectăm Adaugă Variabile. Va apare
P10. Add Member Variabile, cu Member variabile name: m_diameter şi Variabile Type:
int, apoi dăm Enter. Aici putem da o valoare de iniţializare
P11. Ok şi se revine în MFC Class Wizard. Scriem 0 în caseta Minimum Value şi 100 în caseta
Maximum Value, apoi Ok

2. Editarea barei de instrumente a aplicaţiei

Butoanele de pe bară trebuie să corespundă cu cele din bara de meniu.

P1. Din Resource View a foii de proprietăţi Project WorkSpace dăm dublu click pe intrarea
Toolbar şi dublu click pe elementul de identificare a resursei: IDM_MAINFRAME. Apare
fereastra resursei de pe bara de instrumente
P2. Click pe Cut şi ţinând apăsat butonul îl tragem în afara barei de instrumente. Astfel se
elimină butonul. La fel pentru Copy, Paste şi rămân doar: Print Preview, Open Save, Print şi
Help.
P3. Click pe butonul fără simbol de pe bara de instrumente pentru adăugarea unui nou buton.
Folosim instrumentele de desenare şi aducem un cerc roşu şi reprezintă Change Color di meniul
Circle.
P4. Dulu click pe acest uton şi a apare foaia de proprietăţi Toolbar Button Properties. Vom
încărca ID cu ID_CIRCLE_CHANFECOLOR. Acest nume se poate selecta din lista derulantă.
În căsuţa Prompt se afişează textul corect pentru comanda respectivă. Se termină cu Enter
P5. Click pe următorul buton fără simbol pentru a crea un nou buton. Pe el om desena () şi
a fi asociată comenzii Change Diameter din meniul Circle.
P6. Dublu click pe noul buton în foaia de proprietăţi şi completăm: ID:
ID_CIRCLE_CHANGEDIAMETER, iar Prompt:textul care există, apoi Enter.
P7. Click pe utonul Change Color, ţinem apăsat utonul şi-l tragem înainte de butonu Print.
P8. Tragem butonul Print spre dreapta pentru a-l separa de cele din stânga
Astfel am terminat de configurat bara de instrumente.

Modificarea pictogramelor aplicaţiei

1 din 2
 An.II / Sem. I
Curs 5 Programare Interfeţe Grafice .
Este afişată în caseta de dialog About Circle App pe bara de titlu.
Avem o pictogramă prestabilită de Vrăjitor, dar dorim să o modoficăm. Ea reprezintă tipul
aplicaţiei ca şi tipul documentelor ce pot fi utilizate.
P1. În pagina Resource View din fereastra Project WorkSpace dăm dublu click pe intrarea
Icon şi apoi dublu click pe elementul de identificare al resursei IDR_MAINFRAME afişând
astfel Pictograma aplicaţiei
P2. Cu instrumentele de desenare trasăm un cerc roşu care va fi simbolul aplicaţiei
P3. În CDevice (partea de sus a editorului de pictograme) selectăm small (pictograma va fi
redusă la 16/16). Aplicaţiile sub Windows au 2 dimensiuni pentru pictograme: mare pentru
modul de afişare Large Icon din Windows Explorer şi mică, pentru alt mod de afişare, care
apare şi pe bara de titlu a aplicaţiei. La noi apare şi în caseta Dialog About.
P4. Revenim la Resource View din Project WorkSpace şi dublu click pe IDR_CIRCLETYPE.
Este pictograma de document.
P5. Vom desena:

În acest moment am editat toate resursele aplicaţiei.

Testarea
Testarea aplicaţiei se face selectând butonul Execute Program (!) sau din Buil Execute
CircleApp.exe, sau Ctrl+F5
Se observă că unele comenzi sunt dezactiate, neexistând cod pentru ele.

===//===

2 din 2