MFC - układ systemu Windows
Layout of controlsjest bardzo ważna i krytyczna dla użyteczności aplikacji. Służy do uporządkowania grupy elementów GUI w Twojej aplikacji. Podczas wybierania układu należy wziąć pod uwagę kilka ważnych kwestii -
- Pozycje elementów potomnych.
- Rozmiary elementów podrzędnych.
Dodawanie kontroli
Stwórzmy nowy projekt MFC oparty na dialogu MFCLayoutDemo.
Step 1 - Po utworzeniu projektu zobaczysz następujący ekran.
Step 2 - Usuń TODO z okna dialogowego.
Step 3 - Przeciągnij niektóre elementy sterujące z przybornika, które możesz zobaczyć po lewej stronie.
(Przeciągniemy jeden statyczny tekst i jedną kontrolkę edycji, jak pokazano na poniższej migawce).
Step 4 - Zmień podpis tekstu statycznego na nazwę.
Siatka sterowania
Siatka kontrolna to punkty siatki prowadzącej, które mogą pomóc w rozmieszczeniu elementów sterujących dodawanych w czasie projektowania.
Aby włączyć siatkę kontrolną, musisz kliknąć przycisk Przełącz siatkę na pasku narzędzi, jak pokazano na poniższej migawce.
Kontroluje zmianę rozmiaru
Po dodaniu kontrolki do okna dialogowego przyjmuje ona rozmiar domyślny lub rozmiar, w którym została narysowana. Aby pomóc w określaniu rozmiarów formantów w formularzu lub oknie dialogowym, program Visual Studio udostępnia wizualną siatkę utworzoną z czarnych punktów.
Aby zmienić rozmiar kontrolki, to znaczy nadać jej określoną szerokość lub wysokość, umieść mysz na jednym z uchwytów i przeciągnij ją w żądanym kierunku.
Możesz teraz zmienić rozmiar elementów sterujących za pomocą tej kropkowanej siatki.
Pozycje kontroli
Elementy sterujące, które umieszczasz w oknie dialogowym lub formularzu, przyjmują swoje miejsce. W większości przypadków te pozycje nie są praktyczne. Możesz je przenieść w dowolne wybrane miejsce.
Dodajmy więcej elementów sterujących -
Step 1 - Aby przesunąć element sterujący, kliknij i przeciągnij go w żądanym kierunku, aż osiągnie żądane położenie.
Step 2- Aby przenieść grupę elementów sterujących, najpierw je zaznacz. Następnie przeciągnij zaznaczenie w wybrane miejsce. Wybierzmy Static Texts i Edit Controls.
Step 3 - Przenieś te wybrane elementy sterujące na lewą stronę.
Aby pomóc w rozmieszczaniu formantów, program Visual Studio udostępnia pasek narzędzi Dialog z następującymi przyciskami.
Step 1 - Wyrównajmy pole wyboru i elementy sterujące statycznego tekstu do lewej, wybierając wszystkie te elementy sterujące.
Step 2 - Wybierz Format → Wyrównaj → Lefts.
Step 3 - Teraz możesz zobaczyć, że wszystkie te elementy sterujące są wyrównane do lewej.
Kolejność zakładek
Kontrolki dodane do formularza lub okna dialogowego są rozmieszczone w kolejności zgodnej z kolejnością, w jakiej zostały dodane. Po dodaniu kontrolek niezależnie od sekcji lub obszaru, w którym umieszczasz nową kontrolkę, jest ona umieszczana sekwencyjnie na końcu istniejących kontrolek. Jeśli tego nie naprawisz, użytkownik będzie miał trudności z nawigacją po elementach sterujących. Sekwencja nawigacji po elementach sterujących jest również nazywana kolejnością tabulacji.
Aby zmienić zakładkę, możesz użyć opcji menu Format → Kolejność tabulatorów lub użyć skrótu Ctrl + D. Naciśnijmy Ctrl + D.
Możesz teraz zobaczyć kolejność, w jakiej wszystkie te kontrolki są dodawane do tego okna dialogowego. Aby zmienić kolejność lub sekwencję kontrolek, kliknij wszystkie kontrolki w kolejności, w której chcesz nawigować.
W tym przykładzie najpierw klikniemy pole wyboru, a następnie elementy sterujące Edycja nazwy i adresu. Następnie kliknij OK i Anuluj, jak pokazano na poniższej migawce.
Uruchommy tę aplikację, a zobaczysz następujące dane wyjściowe.