Know bara de instrumente Intuit, curs

Bara de instrumente plutitoare

Dacă sunteți în aplicația nevoie doar de o pereche de butoane de pe bara de instrumente, este mai ușor de utilizat prima opțiune. Dar dacă faci aplicație serioasă și doresc ca el a fost un set de instrumente profesionale. este mai bine să profite de panoul mobil, cum ar fi programele de MS Office. Aceste panouri pot fi mutate, puteți detașa de forma și de a face o fereastră separată. Cu toate acestea, hai să scrie același exemplu al unui program cu un astfel de panou.

Creați o nouă aplicație. set pentru a forma componente ControlBar file suplimentare. Aceasta este o componentă simplă. Acesta funcționează ca un bar, dar vă permite să mutați barele de instrumente în interiorul de către utilizator. Alinierea de proprietate stabilit în partea de sus. și autosize de proprietate - la True. Apoi, componenta se va extinde în mod automat sau contract când mutați bara de instrumente în cadrul acestuia.

Acum du-te la tab-ul Win32 și găsiți componenta ToolBar. Aceasta este bara de instrumente. instalați peste ControlBar. După cum puteți vedea, ControlBar a luat imediat la înălțimea necesară. Dacă ștergeți selecția cu această componentă, veți vedea că are un jabou în partea de sus. De obicei, astfel de programe nu sunt bibelouri, așa că scoateți-l. EdgeBorders proprietatea componentei este extinsă și spectacole care au volane. Instalați ebTop la False. Acum, bara noastră are un aspect profesional, dar îi lipsesc butoane. Este de dorit și apoi setați proprietatea autosize la True.

Începe adăugarea de butoane. Faceți clic dreapta pe bara de instrumente și selectați NewButton. Un nou buton. Echipa NewSeparator Acest lucru creează un meniu separatori între butoanele. Butonul Delete sau separator este simplu - evidențiați-l și apăsați .

Să creeze același panou ca și în exemplul anterior. După primul buton, se introduce un separator, și apoi încă două butoane. Din nou, aceste butoane sunt convexe, și în aplicații moderne, au un aspect mai plat. Evidențiați panoul în sine, și proprietatea plat schimbat la True. atunci toate butoanele de pe panoul va arăta plat.

Acum setați componenta ImageList pe formular și încărcați aceleași trei imagini: dooropen.bmp, led2on.bmp și led2off.bmp.

Acum, selectați bara de instrumente. și alegeți noastre de proprietate Imagini ImageList. Fotografii din listă este încărcată automat în buton. Dacă nu vă place distribuirea acestor imagini, le puteți modifica prin modificarea ImageIndex de proprietate. Prima imagine este la indexul 0, al doilea - 1, și așa mai departe. Astfel, aveți posibilitatea să atribuiți diferite butoane ale listei de imagine.

Să ne uităm la unele dintre proprietățile benefice ale butoanelor de pe bara de instrumente. Butonul în sine este numit toolbutton. dar o astfel de componentă în paleta de instrumente nu, îl puteți descărca, trebuie doar să faceți clic pe bara de instrumente, faceți clic dreapta și selectând NewButton. cu proprietăți similare cu butonul clic SpeedButton. Să le examinăm în detaliu.

AllowAllUp. Dacă este setat la True. butonul sincronizeaza starea sa cu grupul de alte butoane - în orice moment poate fi apăsat un singur grup buton. Această caracteristică funcționează numai în cazul în care proprietatea Grupate (gruparea) a butonului este, de asemenea, setat la True. Evidențiați ultimele două butoane și setați ambele aceste proprietăți la TRUE.

Legendă. Conține o inscripție pe buton, care va merge împreună cu imaginea, în cazul în care proprietatea setul de instrumente ShowCaptions este setat la True. În primul buton, de tip „Exit“ în proprietate, în al doilea - „activ“ și un al treilea „Inactiv“. Că nu va fi activ sau nu, nu contează, acum suntem doar a învăța cum să lucreze cu Bara de instrumente. Acum, selectați bara de instrumente în sine. ShowCaptions și setați proprietatea la True. După cum puteți vedea, butoanele au devenit mai mari, și cu imaginea pe ele merge bine, și text. În unele aplicații, vă puteți întâlni aceste bare de instrumente. Din nou, a reveni proprietatea la False. Pentru a reveni la dimensiunea inițială a butoanelor, selectați primul buton și de a schimba dimensiunea sa. Setați înălțimea și proprietățile Lățime setată la 23.

Jos. Ca și înainte, această proprietate este responsabil pentru starea butonului - apăsat sau nu. Pentru a repeta exemplul anterior, stabilit în primele butoane jos la True.

ImageIndex. Cu această caracteristică, am înțeles deja, este responsabil pentru imaginea, care este afișat pe buton.

Stil. stil de buton. Poate cea mai interesantă caracteristică. Dacă compilați exemplu, veți vedea că, atunci când apăsați butonul, acesta revine la starea de depresie. Și dacă noi, ca un ultim exemplu, este necesar pentru a apăsat întotdeauna doar un singur buton într-un grup? Am grupat ultimele două butoane și le-a arătat sincronizat cu grupul alte butoane. Acum le selectați din nou, și în stilul Proprietăți Selectați tbsCheck. Acest stil permite butonul să fie apăsat. Pentru ao depăși, va trebui să faceți clic pe butonul din nou. În cazul în care butoanele sunt grupate, ca în exemplul nostru, apăsând un alt buton apăsat mai întâi.

Bara de instrumente în sine are, de asemenea, un număr de proprietăți interesante care au nevoie să știe. Selectați-l, si uita-te la Object Inspector. Proprietăți, cum ar fi Align. Înălțime și lățime, nu vom discuta, la fel de familiar cu ele pe celelalte componente.

Autosize. Dacă Adevărat. panoul va regla automat înălțimea, ținând cont de înălțimea butoanelor.

ButtonHeight. Specifică înălțimea butoanelor care sunt create în acest panou.

ButtonWidth. Specifică lățimea acestui panou. Buton pentru a fi pătrat, lăsați aceste proprietăți sunt egale între ele.

Legendă. Numele barei de instrumente pe care doriți să arate, dacă eliminați bara de instrumente off și să-l într-o fereastră separată. Setați această proprietate „File“.

Plat. Dacă egal cu adevărat. butoanele arata modern, fără denivelări.

Listă. Acesta funcționează în cazul în care ShowCaptions este setat la True. Dacă egal cu adevărat. imaginea este presată pe malul stâng, și text - la dreapta. În caz contrar, imaginea va fi de mai sus, iar textul - butonul de jos.

ShowCaptions. Activează sau dezactivează afișarea textului pe butoane.

În plus, știm că cheia poate avea statut diferit, și să fie activ sau inactiv (depinde de proprietățile care au activat). Butonul Plain într-o stare inactivă are un model de tonuri de gri. Butoanele au trei opțiuni pentru imagine - normale, inactive, iar când peste butonul se află cursorul mouse-ului. Un container ImageList imposibil de a încărca imagini de diferite stări buton. Dacă doriți să utilizați toate cele trei state, trebuie 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. care este, pentru a se potrivi reciproc în ordinea listei. Apoi, setați:

Imagini. Aici specificați containerul cu imaginea obișnuită a butonului, o facem ImageList1.

DisabledImages. Aici specificați containerul cu imagini butoane inaccesibile.

HotImages. Aici indică un container cu imagini buton atunci când cursorul mouse-ului peste ele.

De obicei, o astfel de înțelepciune nu are nevoie să specificați nevoie de un singur butoane de imagine. Dar să fie conștienți de astfel de posibilități de componente necesare.

DragKind. Poate cea mai interesantă caracteristică a barei de instrumente. Acesta poate avea două opțiuni - dkDrag (implicit), și dkDock. Dacă setați dkDrag. panoul poate fi mutat numai în ControlBar. Pentru a face acest lucru, cursorul mouse-ului pentru a apuca bara verticală de pe panoul din partea stângă ș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ă-l facă.

Acum, un alt exemplu interesant al barei de instrumente. Butoanele de pe acest panou poate fi conectat la meniul principal sau pop-up. Asta este, dacă aveți meniul principal. și există comanda „Exit“, pe care le-au programat deja, nu este nevoie să scrie același cod într-un buton este suficient pentru a conecta la o componentă a meniului principal.

Noi nu avem un cod de tratare a evenimentului, faceți clic pe „Exit“. Dacă există - șterge. Setați pentru a forma meniul principal. Se specifică în cazul în care "File" și subsecțiunile "Open", "-" și "Exit". Tie meniul cu ImageList nostru. și „Exit“ atribuie dooropen.bmp imagine. Acum a crea un handler eveniment pentru acest element, și montați-l

Salvați proiectul, compilați-l și a vedea cum funcționează. Acum, selectați butonul „Exit“ din bara de instrumente, iar în proprietatea MenuItem selectați. cu care să se asocieze butonul (a mea este 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. Acesta este responsabil pentru această proprietate PopupMenu. în care puteți selecta meniul pop-up. DropDownMenu proprietate se conectează la butonul auxiliar de meniu. în cazul în care există unul.

Am studiat modalitățile de organizare a barei de instrumente profesionale, acum programele vor arata mai solide.