Adăugarea de widget-uri

Pentru început vom insera textul în partea de sus a ferestrei program, care arată ca în imaginea de mai jos. Acest text informează utilizatorul despre modul de folosire a programului. Tipul de widget folosit se numeşte etichetă şi puteţi include unul în program în felul următor:

Selectaţi dialogul astfel încît acesta să fie poziţionat în bara de unelte: Common Widgets->TextLabel.
Cursorul poziţionat pe formă va lua formă de cruce. Desenaţi un dreptunghi pentru etichetă, ca într-un program de desenat şi veţi observa că acesta va fi creat cuprinzînd un text oarecare.
Pentru a modifica acest text daţi dublu clic pe etichetă şi apoi tastaţi textul dorit. Acesta va fi This program will create an email signature for you. Just fill in the boxes and hit the Create! button. Selectaţi Align Center pentru a-l poziţiona.
Textul din eticheta text
La final, folosind agăţătorile, redimensionaţi widget-ul la mărimea dorită. Pentru a fi poziţionat în partea de sus a ferestrei centraţi eticheta cu ajutorul mouse-ului. Aceasta tehnică este doar una temporară însă. În capitolele viitoare vom studia alte tehnici de aranjare, mai elegante.

QLabel-ul de sus

Această procedură este folosită pentru fixarea oricărui tip de widget care poate fi suportat de Qt Designer: selectaţi-l, mutaţi-l şi apoi modificaţi-i proprietăţile şi dimensiunea.

Un concept interesant în Qt Designer este faptul că widget-urile pot funcţiona ca şi containere pentru alte widget-uri. Acest fapt poate fi demonstrat prin crearea de linii de editare în interiorul cadrului. În imaginea de mai jos avem mai multe etichete şi căsuţe text în interiorul unui cadru, care este denumit GroupBox şi funcţionează ca un container pentru etichetele şi căsuţele text din interiorul său. Într-o primă fază vom crea frame-ul selectînd GroupBox-ul: dialogul Toolbox->Containers sau Tools->Containers->GroupBox din bara de defilare. Puteţi crea căsuţele text trasînd cu mouse-ul chiar sub eticheta creată anterior. În Property Editor puteţi modifica proprietăţile titlului astfel încît să modificaţi textul din cadru. Completaţi cîmpul destinat titlului cu detaliile necesare. Dacă observaţi un "+" în faţa unui item din Property Editor acesta indică faptul că există subproprietăţi ale sale ce pot fi de asemenea modificate.

După ce aţi creat cadrul (spre exemplu GroupBox-ul), creaţi încă trei etichete ca şi cea de mai sus, dar de acestă dată în cadrul GroupBox-ului. Puteţi verifica apoi în Object Explorer (Windows->Views->Object Explorer) dacă etichetele au devenit descendenţii cadrului GroupBox. Modificaţi textul etichetelor dînd dublu clic pe ele.

Un GroupBox cu 3 etichete

După ce aţi realizat toate acestea puteţi crea căsuţele text. Ele vor permite utilizatorului să-şi introducă numele şi adresa de e-mail. Vom folosi cel mai simplu tip de astfel de căsuţe: un widget numit QLineEdit care permite utilizatorului să introducă un text pe un singur rînd. Pentru nume şi adresa de e-mail trebuie create două astfel de widget-uri. În meniul Tools selectaţi Input Line Edit şi trasaţi widget-ul lîngă eticheta intitulată Your name. Se procedează analog şi pentru adresă.

Comentariul personalizat va fi ales de către utilizator. Vom folosi o listă derulantă care va pune la dispoziţia utilizatorului trei comentarii. Selectaţi iconiţa ComboBox sau meniul Tools->Input->ComboBox şi poziţionaţi căsuţa lîngă eticheta Witty comment. Apoi daţi dublu clic pe aceasta pentru a introduce textul dorit. Selectaţi butonul New Item şi introduceţi textul comentariului în căsuţa din dreapta. Repetaţi operaţiunea pentru al doilea şi al treilea comentariu. Apăsaţi OK cînd aţi terminat.

Redimensionaţi widget-urile pentru a avea un aspect compact.

Denumirea widget-urilor: Pînă în momentul de faţă nu am numit nici unul dintre widget-urile plasate în program. Este util ca acestora să li se atribuie o denumire internă pentru a putea fi apelate ulterior în program. Etichetele, neîndeplinind nici o funcţie nu trebuiesc denumite, însă alte widget-uri necesită acest lucru. Acesta este cazul căsuţelor text al căror conţinut trebuie prelucrat. Numele ar trebui să poată fi recunoscut cu uşurinţă şi să fie logic. Numele sînt atribuite cu ajutorul proprietăţii omonime (Name) care se găseşte în partea superioară a Property Editor. Prima LineEdit va fi denumită nameBox, iar cea de-a doua, mailBox. ComboBox-ul va fi identificat ca commBox. Aceasta ne va permite să accesăm comentariile. Daţi clic pe fiecare căsuţă text şi completaţi denumirea sa în cîmpul Name din Property Editor. Procedaţi similar şi la ComboBox.

Proiectarea grafică va fi finalizată prin adăugarea unei etichete intitulate Generated Signature. Sub aceasta vom adăuga un TextEdit (Tools->Input->TextEdit) unde va fi generată semnătura. Aceasta va fi denumită sigBox. Adăugăm apoi două butoane în partea de jos (Create! şi Cancel). Acestea nu vor fi neapărat denumite.

Salvaţi forma. O puteţi previzuliza astfel: Preview->Preview Form.

Forma înainte de aranjare