Aranjarea formularului de ecran
În acest capitol vom învăța cum să plasăm comenzile în formularul de ecran, cum se măsoară distanțele din interiorul acestuia. Aflăm ce înseamnă "clasa" și de ce este nevoie. Să ne familiarizăm cu paleta de elemente și cu browserul de obiecte.
Controale standard
Știm deja că aplicația este construită din obiecte. Și de unde vin obiectele? Pentru obiectele - controale, răspunsul este cunoscut: din paleta de elemente. Așa cum am văzut deja, această fereastră de instrumente constă dintr-o filă (denumirea ei este General - Home), pe care sunt deja plasate icoane de 20 de controale, numite cele standard. Dar le putem adăuga și alte controale: unele dintre ele au un IDE, unele sunt componente care fac parte din alte aplicații.
Cum să adăugăm aceste elemente - vom afla după. Acum vom muta indicatorul mouse-ului peste orice pictogramă a elementului din Paletă. Pe ecran apare fereastra Pointer, în care puteți citi numele elementului (Figura 1):
Pentru a afla cum să folosească prezența noastră existentă în „materialul de construcție“, să învețe mai întâi să recunoască „fața“ lui - adică, să știe ce pictograma reprezintă un anumit element din paleta. Pentru aceasta, prin întinderea paletei elementelor, vom semna fiecare dintre acestea cu numele lor englez și echivalentul rusesc (Figura 2):
O dată vom spune că unele elemente vor fi numite în principal nume de limbă engleză, unele în ambele variante. Principalul lucru este să înveți să înțelegi mai repede ce se întâmplă.
Plasați controlul în ecranul de formă
Există două moduri de plasare a unui element în formularul de ecran.
Metoda 1. Faceți dublu clic pe pictograma de control din Paletă. Elementul este plasat în mijlocul ecranului, având niște dimensiuni "standard". După aceea, cu ajutorul mouse-ului, elementul este mutat în locul potrivit și îi conferă dimensiunile geometrice necesare. Cum se face acest lucru?
Mutarea unui element se face prin tragere și plasare (Drag-and-drop): orientăm cursorul mouse-ului la obiect prin apăsarea butonului stâng al mouse-ului pentru a „prinde“ ea, și, fără a elibera butonul apăsat, mutați obiectul către locația dorită (Figura 3.):
În acest caz, după cum se poate vedea din figură, în fereastra indicatoare care apare atunci când vă deplasați, sunt afișate valorile curente ale coordonatelor elementului în formularul de ecran. Și acestea sunt coordonatele colțului din stânga sus. În ce unități sunt exprimate? La un moment dat învățăm, dar deocamdată spunem: în diferite.
Mărimea elementului instalat se modifică utilizând opt marcatori pătrat negru. adiacente elementului selectat (Figura 4):
Mouse-ul înscris la un astfel de marker duce săgeata bidirecțională a săgeții indicând direcțiile posibilei deplasări a margini a elementului care conține acest marker. Se afișează și fereastra indicatoare, în care sunt afișate coordonatele actuale.
În viitor, toate modificările locației și mărimii elementului plasat în formularul de ecran sunt realizate în același mod ca cel descris în prima metodă.
Apel la proprietăți și metode
După ce am plasat un anumit control în forma ecranului, putem plasa apoi același element, apoi altul și așa mai departe (Figura 5):
Toate aceste elemente vor fi obiecte de același tip. diferența va fi numai în valorile unor proprietăți. De exemplu, numele (proprietatea Nume) pentru toate aceste elemente trebuie să fie diferite. Dar inscripțiile de pe butoanele plasate (proprietatea Caption - Header) pot fi aceleași.
După plasarea elementului, proprietățile sau metodele sale pot fi accesate de oriunde din modulul care conține formularul său de ecran. Pentru a face acest lucru, trebuie să scrieți numele obiectului și apoi, prin punctul (numit, prin rolul său, navigație), numele proprietății sale. De exemplu:
Command1.Caption = "Ieșire" 'A atras valoarea la proprietatea Caption
Command1.SetFocus "Numit metoda SetFocus
Și dacă accesăm din modulul unei alte forme de ecran decât cea în care este plasat elementul, atunci trebuie să specificăm numele elementului care conține elementul din formular:
Form1.Command1.Move 200 'Metoda Metoda a fost apelată cu parametrul
Obiectul ca o clasă și ca o instanță
Să vedem fereastra proprietăților (Figura 6):
Se pare că, cu descrierea lui anterioară, nu am observat nimic. Anume: în lista de nivel superior nu există numai numele comenzii Command3 selectate, dar al doilea nume este CommandButton. Doar ceea ce a fost numit acest control în Paleta de elemente. Același nume "dublu" poate fi găsit și în alte controale. Și, în general, toate obiectele.
Acest fenomen se explică prin faptul că conceptul de "obiect" are două sensuri. Pe de o parte, aceasta este o clasă întreagă - la fel ca în zoologie. Pe de altă parte, există instanțe individuale din această clasă. Nu e de mirare: noi, la urma urmei, numim "dachshund" și rasa de câini, și un "specimen" specific acestei rase, care trăiește lângă vecini pe scară! Dar "copia" acestui lucru are și propriul nume - Gerda, de exemplu.
Deci, vorbind despre "obiect", în unele cazuri ne referim la clasă. în altele - o copie. De exemplu, dacă spunem că obiectul Label are o proprietate BorderStyle, vorbim de clasă. Dar dacă spunem că proprietatea BorderStyle a etichetei are o valoare de 1, atunci este un exemplu. plasate pe formular.
Object Browser
Atât clasa obiect, cât și instanța acesteia sunt cod și date. Dar clasa este un șablon. bara. Folosind instrumentele mediului integrat și instrumentele de limbaj de programare, pe baza acestui șablon creăm în aplicație orice număr de instanțe ale obiectului care diferă în valorile proprietăților lor. Clasa originală rămâne neschimbată.
Pentru aceste scopuri, IDE are o fereastră specială de instrument - Object Browser. Acesta poate fi apelat în orice moment apăsând tasta F2 (Figura 7):
În fereastra Object Explorer are două elemente principale: o listă de clase și o listă a membrilor (membri activi) clase selectate, proprietăți, metode, evenimente (precum și constantelor numite - valori imuabile care sunt accesate prin nume). Icoanele înaintea numelor membrilor clasei sunt:
În panoul Descriere, puteți citi o scurtă descriere a articolului selectat în prezent într-una din aceste liste, iar ajutorul complet al acestuia poate fi obținut prin apăsarea tastei F1.
Când ferestrele închid prezentarea generală
Pentru a apela Windows fereastra de proprietăți Form Layout, Project Explorer și Object Browser din bara de instrumente Standard sunt butoanele instrument care duplicat comanda corespunzătoare din meniul drop-down Vezi meniul principal (Figura 8.):
În același meniu, sunt indicate și tastele de comenzi rapide corespunzătoare. Prin urmare, închideți complet cu ușurință aceste ferestre atunci când interferează cu dvs. și deschideți-le când sunt necesare din nou!
Distanțele din interiorul formularului
Am menționat deja "coordonatele colțului din stânga sus al controlului", plasat în formularul de ecran. Aceste coordonate sunt considerate coordonatele controlului. Ce înseamnă asta?
Vom presupune că coordonatele oricărui punct din interiorul formularului sunt două numere. prima dintre ele este distanța de la punctul la marginea internă stângă a formei, se numește stânga, a doua este distanța de la punctul la hotarul intern superior al formei, se numește Top. Coordonatele punctului sunt înregistrate după cum urmează: (Stânga, Sus). Din definiția noastră rezultă că coordonatele colțului superior stâng al regiunii interioare a formei sunt (0, 0). Un astfel de punct este numit originea coordonatelor; prin axele de coordonate se trasează - linii de-a lungul cărora sunt amplasate distanțele (Figura 9):
Pe aceste linii, direcția este stabilită în direcția creșterii coordonatelor. Axa orizontală trece de la origine - spre dreapta de-a lungul părții superioare; Axa verticală este în jos de-a lungul părții din stânga a matriței. Pe aceste axe se vor determina coordonatele punctelor formelor wutry. Și în ce unități?
Unitatea implicită este Twip. Această valoare este setată implicit la proprietatea ScaleMode a formularului, care determină scala sa internă (Figura 10):
Aceasta este o unitate foarte mică, care corespunde la 1/1440 fracții de centimetru din formularul tipărit pe hârtie de către imprimantă. În aceste unități, lățimea și înălțimea formei în sine sunt întotdeauna exprimate în lățime și înălțime, indiferent de unitatea de măsură selectată în proprietatea ScaleMode (a se vedea figura 9).
Dacă alegem o altă unitate de măsură, lățimea și înălțimea formei în aceste unități vor fi exprimate prin proprietățile ScaleWidth și respectiv ScaleHeight.
Un rol special este jucat de valoarea (0-User) în primul element din lista de valori ScaleMode. Această valoare înseamnă selectarea "scării personalizate". Pentru a merge la acesta, designerul stabilește mai întâi dimensiunile necesare ale formei (prin tragere sau prin introducerea valorilor de proprietate Lățime și Înălțime). Și apoi introduce noi, convenabile pentru el valori de lățime și înălțime a formei în proprietățile ScaleWidth și respectiv ScaleHeight. Proprietatea ScaleMode va trece automat la valoarea (0-User) dacă nu a fost setată în prealabil. Aceasta introduce scală de măsurare „utilizator“ pentru fiecare axă: cota în lățime către ScaleWidth putem ști scara (în twips) a noii grile pentru axa X, împărțind înălțime la ScaleHeight - scara pentru axa Y. Și cum să se asigure că orizontală și verticală Cântăriile au coincis? Pentru a face acest lucru, atunci când selectați valorile ScaleWidth și ScaleHeight, asigurați-vă că relația dintre ele este aceeași ca între valorile Width și Height.
După setarea „scara utilizatorului“ maniera descrisă mai sus, și anume în noi unități vor fi exprimate prin coordonatele (stânga și sus) și dimensiunile geometrice (lățime și înălțime), toate plasate sub formă de controale. precum și coordonatele punctelor de formă, desenate sau verificate prin metodele sale grafice în stadiul execuției aplicației.
Utilizând grila
Ați observat deja că întreaga noastră formă este acoperită cu noduri-grid-uri. Când aplicația este pornită, grila dispare. Scopul său este de a specifica "puncte de referință" pentru alinierea elementelor plasate și pentru a se potrivi cu precizie dimensiunile acestora. Pentru a facilita alinierea, comanda implicită este "atrasă" de către partea stângă și cea superioară la cele mai apropiate rânduri de noduri verticale și orizontale, respectiv. Această proprietate poate fi oprită, iar distanța între ele este modificată în setări.
Apelați dialogul Instrumente => Opțiuni și selectați fila General în ea (vedeți Figura 11):
Există un grup de elemente pe acesta, intitulat Setări grilă formular. Cu ajutorul lor, putem:
• schimbați spațierea rețelei (distanța dintre nodurile sale în twips) orizontal (Lățime) și verticală (Înălțime);
• activați și dezactivați afișarea grilei (bifați caseta de selectare Grilă);
• activați și dezactivați alinierea pe grila (Aliniați comenzile la rețea).
Chiar dacă funcția de aliniere este dezactivată, elementul selectat poate fi aliniat în continuare cu grila folosind comanda Format => Align => to Grid.
Trimiteți-le prietenilor: