Dacă aveți nevoie doar de câteva butoane în bara de instrumente, este mai ușor să utilizați prima opțiune. Dar dacă faci aplicație serioasă și doresc ca el a fost un set de instrumente profesionale, cel mai bine este de a profita de panoul mobil, cum ar fi programele de MS Office. Astfel de panouri pot fi mutate, le puteți înlătura din formă și le puteți face o fereastră separată. Cu toate acestea, să scriem imediat un exemplu de program cu un astfel de panou.
Creați o nouă aplicație, instalați componenta ControlBar din fila Suplimentare din formular. Este o componentă simplă, funcționează ca un panou, dar permite barelor de instrumente să se miște în interiorul lor la voința utilizatorului. Setați proprietatea Aliniere la Top și proprietatea AutoSize la True. Apoi, componenta se va întinde automat sau se va micșora atunci când mutați barele de instrumente din interiorul acesteia.
Acum mergeți la fila Win32 și găsiți componenta Toolbar acolo. Aceasta este bara de instrumente, o instalați pe partea de sus a ControlBar. După cum puteți vedea, ControlBar a luat imediat înălțimea dorită. Dacă eliminați selecția de pe această componentă, veți vedea că are o brățară în partea superioară. De obicei, nu există o astfel de brățară pe programe, așa că o să o scoatem. Proprietatea EdgeBorders a componentei este extinsă și arată ce brioșe există. Setați ebTop la Fals. Bara de instrumente are un aspect profesional, doar butoanele care îi lipsesc. De asemenea, este de dorit să setați proprietatea AutoSize la True.
Să începem să adăugăm butoane. Faceți clic dreapta pe bara de instrumente și selectați NewButton. A apărut un nou buton. Comanda NewSeparator din acest meniu creează separatoare între butoane. Ștergeți un buton sau delimitator simplu - selectați-l și faceți clic pe
Să creăm același panou ca în exemplul anterior. După primul buton, introduceți separatorul, apoi încă două butoane. Din nou, aceste butoane sunt convexe, iar în aplicațiile moderne, ele arată mai plat. Selectați panoul propriu-zis și modificați proprietatea Flat la True, apoi toate butoanele de pe panou vor arăta plat.
Acum, instalați componenta ImageList pe formular și încărcați cele trei imagini: dooropen.bmp, led2on.bmp și led2off.bmp.
Acum selectați bara de instrumente, iar în proprietatea Imagini, selectați ImageList. Imaginile din listă încărcate automat în butoane. Dacă nu vă place distribuția acestor imagini, le puteți schimba schimbând proprietatea ImageIndex. Prima imagine are un indice de 0, al doilea este 1 și așa mai departe. Astfel, puteți atribui butoane unor imagini diferite din listă.
Să ne uităm la câteva proprietăți utile ale butonului de pe bara de instrumente. Butonul în sine se numește ToolButton, dar nu există o astfel de componentă în paleta de unelte, o puteți descărca doar făcând clic dreapta pe bara de instrumente și selectând NewButton. Butonul este similar în proprietățile butonului SpeedButton. Să le analizăm în detaliu.
AllowAllUp. Dacă este setat la True, butonul își sincronizează starea cu alte butoane din grup - în orice moment poate fi apăsat doar un singur buton al grupului. Această proprietate funcționează numai dacă proprietatea grupată a butonului este, de asemenea, setată la True. Selectați ultimele două butoane și setați aceste două proprietăți la True.
Legendă. Acesta conține inscripția de pe butonul care va apărea împreună cu imaginea dacă proprietatea ShowCaptions este setată pe True în bara de instrumente. La primul buton din această proprietate, scrieți "Ieșire", al doilea - "Activ" și al treilea "Inactiv". Orice va fi activ sau nu, nu contează, acum învățăm cum să lucrăm cu bara de instrumente. Acum, selectați bara de instrumente în sine și setați proprietatea ShowCaptions la True. După cum puteți vedea, butoanele au devenit mari, iar împreună cu imaginea, textul apare și pe ele. În unele aplicații, puteți găsi astfel de bare de instrumente. Din nou, returnați această proprietate la False. Pentru a readuce butoanele la dimensiunea originală, selectați primul buton și redimensionați-l. Setați proprietățile înălțime și lățime la 23.
Jos. Ca și înainte, această proprietate este responsabilă de starea butonului - este apăsat sau nu. Pentru a repeta exemplul anterior, setați primul buton Jos la True.
ImageIndex. Cu această proprietate, am înțeles deja, este responsabil pentru imaginea afișată pe buton.
Stil. Butonul stil. Poate, cea mai interesantă proprietate. Dacă compilați exemplul, veți vedea că atunci când butonul este apăsat, acesta va reveni la starea apăsată. Și dacă dacă noi, ca în exemplul anterior, ne cerem să apăsăm întotdeauna doar un singur buton din grup? Am grupat deja ultimele două butoane și le-am spus să sincronizeze starea cu celelalte butoane ale grupului. Acum, selectați-le din nou, iar în proprietatea Style, selectați tbsCheck. Acest stil permite ca butonul să rămână apăsat. Pentru ao stoarce, trebuie să faceți din nou clic pe buton. Dacă butoanele sunt grupate, ca în exemplul nostru, apăsarea unui alt buton va apăsa primul buton.
Bara de instrumente în sine are, de asemenea, o serie de proprietăți interesante pe care trebuie să le cunoașteți. Selectați-l și consultați Inspectorul de obiecte. Nu vom dezasambla proprietati cum ar fi Aliniere, Inaltime si Latime, deoarece sunt familiarizati cu alte componente.
Autosize. Dacă este adevărat, panoul aliniază automat înălțimea, având în vedere înălțimea butoanelor.
ButtonHeight. Specifică înălțimea butoanelor create pe acest panou.
ButtonWidth. Definește lățimea butoanelor de pe acest panou. Pentru ca butoanele să fie pătrate, lăsați aceste proprietăți egale una cu cealaltă.
Legendă. Numele barei de instrumente, care va fi vizibil dacă scoateți bara de instrumente de la locul său și faceți o fereastră separată de ea. Specificați proprietatea "Fișier" din această proprietate.
Plat. Dacă este adevărat, butoanele arată modern, fără bulgări.
Listă. Funcționează dacă ShowCaptions este setat la True. Dacă este adevărat, imaginea va fi apăsată la marginea din stânga, iar textul în dreapta. În caz contrar, imaginea va fi pe partea de sus, iar textul este în partea de jos a butonului.
ShowCaptions. Activează sau dezactivează afișarea textului pe butoane.
În plus, știm că butoanele pot avea stări diferite și pot fi active sau inactive (depinde de proprietatea Enabled). Un buton normal într-o stare inactivă are un ton gri. Butoanele au trei opțiuni de imagine - normale, inactive și când indicatorul mouse-ului este deasupra butonului. Într-un container ImageList este imposibil să încărcați imagini cu diferite stări ale butoanelor. Dacă doriți să utilizați toate cele trei stări, va trebui să instalați trei containere ImageList pentru imagini. În fiecare container, adăugați o imagine a stării sale, este important ca aceste imagini au același indice, adică, astfel încât acestea să corespundă reciproc pe lista de priorități. Apoi, instalați:
Imagini. Aici specificați un container cu imaginea obișnuită a butonului, avem ImageList1.
DisabledImages. Aici specificați un container cu imagini ale butoanelor indisponibile.
HotImages. Aici specificați containerul cu imaginile butoanelor în momentul în care indicatorul mouse-ului se află peste ele.
De obicei, astfel de înțelepciuni nu sunt necesare, este suficient să specificați doar o singură imagine a butoanelor. Dar este necesar să știm despre astfel de capabilități ale componentelor.
DragKind. Poate cea mai interesantă caracteristică a barei de instrumente. Poate avea două opțiuni - dkDrag (implicit) și dkDock. Dacă dkDrag este instalat, panoul poate fi mutat numai în interiorul butonului ControlBar. Pentru a face acest lucru, trebuie să utilizați indicatorul mouse-ului pentru a apuca linia verticală din partea stângă a panoului și mutați-l. Dar dacă setați această proprietate dkDock, bara de instrumente pot fi eliminate din ControlBar, instalați-l în interiorul ferestrei sau chiar și în afara acesteia. Încearcă să o faci.
Acum, un alt exemplu interesant de bara de instrumente. Butoanele de pe acest panou pot fi conectate la meniul principal sau pop-up! Asta este, dacă aveți meniul principal, și există o comandă „Exit“, pe care le-ați programat deja, nu este nevoie să scrie același cod într-un buton este suficient pentru a conecta la o componentă a meniului principal.
Nu avem codul de gestionare a evenimentului de ieșire. Dacă există, ștergeți. Setați meniul principal din formular. Specificați acolo secțiunea "Fișier" și subsecțiunile "Deschidere", "-" și "Ieșire". Asociați meniul cu ImageList și selectați imaginea "dooropen.bmp" în elementul "Ieșire". Acum creați un handler de evenimente pentru acest articol și scrieți acolo
Salvați proiectul, compilați-l și vedeți cum funcționează. Acum, selectați butonul "Ieșire" de pe bara de instrumente, iar în proprietatea MenuItem, selectați elementul de meniu cu care doriți să asociați butonul (am acest N4). Dacă ați făcut totul corect, atunci când programul în cazul în care utilizatorul selectează „Exit“ din meniu sau apăsați butonul „Exit“ din bara de instrumente, executați același cod.
În mod similar, butoanele pot fi legate de un meniu pop-up, este responsabil pentru această proprietate PopupMenu în care puteți selecta meniul pop-up. Proprietatea DropDownMenu asociază un buton cu un submeniu, dacă există.
Am explorat modalitățile de a organiza o bara de instrumente profesionistă, acum programele dvs. vor arăta mai solide.
Articole similare
Trimiteți-le prietenilor: