Notatnik - tworzymy interfejs
W tej części kursu, postaram się przybliżyć, trochę informacji o tworzeniu bardziej rozbudowanych aplikacji za pomocą C++Buildera.
Tworzenie każdej aplikacji należy zacząć od przygotowania jej interfejsu. Przed tym jednak należy wygenerować nowy projekt. W tym celu wybierz z menu File | New | Application. Od razu zmień właściwość Caption formularza ( dostępna w Object Inspector ) na "Notatnik v1.0".
1.1 - Menu
Teraz możemy przejść do tworzenia interfejsu naszego programu. Na początek, poprzez wstawienie komponentu MainMenu z palety Standard, utworzymy menu. Kliknij podwójnie na właśnie wstawiony obiekt. W tym momencie powinno zostać otworzone nowe okienko, służące do wizualnego tworzenia menu.
Zmień właściwość Caption podświetlonego pola na: &Plik kliknij w dowolnym pustym miejscu okna. Powinieneś ujrzeć dwa nowo utworzone kwadraciki, jeden pod przed chwilą otworzoną pozycją, drugi z jej prawej strony. Wybierając jeden z nich możesz dodać kolejną pozycję menu. Nas narazie interesuje utworzenie pozycji wyświetlanych po wyborze pozycji "Plik".
Znaczek & powoduje podkreślenie następującej za nim litery, dzięki czemu możliwy jest wybór pozycji menu poprzez wciśnięcie na klawiaturze zaznaczonego znaku
Wybierz prostokąt znajdujący się pod napisem "Plik" zmień jego właściwość Caption na: &Nowy, kliknij w puste miejsce. W podobny sposób dodaj następujące pola: &Otwórz, &Zapisz, &Zapisz jako... Teraz dodajmy linię oddzielającą poprzednie pozycję od następnej. W tym celu dodaj kolejne pole wpisując zamiast jej nazwy, coś takiego: "-" (myślnik) Kliknij w pustą przestrzeń i dodaj jeszcze pole &Zamknij. W tym momencie tworzone menu powinno wyglądać mniej więcej tak:
Pozostaje nam teraz utworzenie pozostałych węzłów menu. Wybierz prostokąt znajdujący się z prawej strony napisu Plik. Ustaw właściwość Caption na &Edycja, dodaj ( tak jak to wcześniej robiliśmy ) następujące podwęzły: &Cofnij, - (myślnik), &Wytnij, &Kopiuj, Wkl&ej, - (myślnik), Zawijaj wiersze. Teraz samodzielnie utwórz kolejne dwa węzły. Pierwszy "&Widok" zawierający następujące pozycje: Pasek &narzędzi, &Statusbar, oraz kolejny "Pomo&c" zawierający tylko jedną pozycję "&O programie...". W tym momencie tworzenie menu jest już zakończone możesz zamknąć otwarte okienko.
1.2 - Pasek narzędzi
Zajmiemy się teraz tworzeniem paska narzędzi. Wstaw na formę komponent Panel ( karta Standard ). Zaznacz go, wyczyść jego właściwość Caption, Align ustaw "alTop" dzięki czemu pasek powinien przylegać do górnej krawędzi okna. Zmień jeszcze jego właściwość Height na 33.
Na przed chwilą wstawionym Panelu, umieść komponent TSpeedButton ( Additional ). Zmień jego właściwości Height oraz Width na 23. Jeżeli nie masz uaktywnionej palety wyrównywania - włącz ją poprzez wybranie View | Alignment Palette. Zaznacz komponent SpeenButton1 i z przed chwilą uruchomionej palety wybierz przycisk znajdujący się po środku dolnego rzędu... w tym momencie komponent powinien znajdować się dokładnie na środku panelu ( względem wysokości ). Powtarzaj całą operację dodawania komponentu TSpeedButton aż do osiągnięcia następującego efektu:
Przydałoby się teraz dodać obrazki ilustrujące przeznaczenie przed chwilą wstawionych guzików. Do tego celu służy opcja Glyph w Object Inspector. Kliknij na niej dwukrotnie, wybierz opcję Load i załaduj bitmapę ( standardowo 16x16 pixeli ). My posłużymy się udostępnianymi razem z C++Builderem. Znajdują się one w katalogu ...ImagesButtons Do pierwszego przycisku przyporządkuj plik filenew.bmp, zaś do następnych kolejno: fileopen.bmp, filesave.bmp, cut.bmp, copy.bmp, paste.bmp
Teraz zajmiemy się komponentami, które będą umożliwiały zmianę stylu tekstu. Najpierw, obok przed chwilą utworzonych przycisków, wstaw TComboBox ( Standard ). Wyczyść właściwośc Text. Ponownie wstaw kolejny komponent tej klasy. Będzie on służył do zmiany rozmiaru tekstu. Ustaw jego właściwość Text na 10, zaś Width ustaw na 40. Zapewne spotkałeś się już z programami, które umożliwiają wybór rozmiaru tekstu z rozwijanej listy. Przydałoby się, aby nasza lista, także zawierała takie elementy. Zaznacz komponent ComboBox2 i kliknij podwójnie na właściwości Items. W nowym oknie wpisz w kolejnych liniach liczby, które posłużą do określania rozmiaru tekst... 8, 10, 12, 14 itd. zaakceptuj je wciskając ok. Na koniec wstaw kolejny komponent klasy TSpeedButton ( tak jak już to wcześniej robiliśmy ). Po jego wciśnięciu wyświetli się okienko służące do zmiany koloru. Jako bitmapę załaduj plik font.bmp W tej chwili menu powinno wyglądać mniej więcej tak:
1.3 - Pozostałe komponenty
Tworzenie interfejsu naszego programu dobiega końca. Pozostaje nam już tylko dodanie dwóch komponentów. Na formularz wstaw listwę TStatusBar ( Win32 ). Zmień jej właściwość Name na Statusbar. Umieść jeszcze komponent TRichEdit ( Win32 ). Właściwość Align zmień na alClient, kliknij dwukrotnie pozycję Lines i wyczyść listę.
Na tym zakończymy tworzenie interfejsu naszego progamu.
Tworzenie każdej aplikacji należy zacząć od przygotowania jej interfejsu. Przed tym jednak należy wygenerować nowy projekt. W tym celu wybierz z menu File | New | Application. Od razu zmień właściwość Caption formularza ( dostępna w Object Inspector ) na "Notatnik v1.0".
1.1 - Menu
Teraz możemy przejść do tworzenia interfejsu naszego programu. Na początek, poprzez wstawienie komponentu MainMenu z palety Standard, utworzymy menu. Kliknij podwójnie na właśnie wstawiony obiekt. W tym momencie powinno zostać otworzone nowe okienko, służące do wizualnego tworzenia menu.
Zmień właściwość Caption podświetlonego pola na: &Plik kliknij w dowolnym pustym miejscu okna. Powinieneś ujrzeć dwa nowo utworzone kwadraciki, jeden pod przed chwilą otworzoną pozycją, drugi z jej prawej strony. Wybierając jeden z nich możesz dodać kolejną pozycję menu. Nas narazie interesuje utworzenie pozycji wyświetlanych po wyborze pozycji "Plik".
Znaczek & powoduje podkreślenie następującej za nim litery, dzięki czemu możliwy jest wybór pozycji menu poprzez wciśnięcie na klawiaturze zaznaczonego znaku
Wybierz prostokąt znajdujący się pod napisem "Plik" zmień jego właściwość Caption na: &Nowy, kliknij w puste miejsce. W podobny sposób dodaj następujące pola: &Otwórz, &Zapisz, &Zapisz jako... Teraz dodajmy linię oddzielającą poprzednie pozycję od następnej. W tym celu dodaj kolejne pole wpisując zamiast jej nazwy, coś takiego: "-" (myślnik) Kliknij w pustą przestrzeń i dodaj jeszcze pole &Zamknij. W tym momencie tworzone menu powinno wyglądać mniej więcej tak:
Pozostaje nam teraz utworzenie pozostałych węzłów menu. Wybierz prostokąt znajdujący się z prawej strony napisu Plik. Ustaw właściwość Caption na &Edycja, dodaj ( tak jak to wcześniej robiliśmy ) następujące podwęzły: &Cofnij, - (myślnik), &Wytnij, &Kopiuj, Wkl&ej, - (myślnik), Zawijaj wiersze. Teraz samodzielnie utwórz kolejne dwa węzły. Pierwszy "&Widok" zawierający następujące pozycje: Pasek &narzędzi, &Statusbar, oraz kolejny "Pomo&c" zawierający tylko jedną pozycję "&O programie...". W tym momencie tworzenie menu jest już zakończone możesz zamknąć otwarte okienko.
1.2 - Pasek narzędzi
Zajmiemy się teraz tworzeniem paska narzędzi. Wstaw na formę komponent Panel ( karta Standard ). Zaznacz go, wyczyść jego właściwość Caption, Align ustaw "alTop" dzięki czemu pasek powinien przylegać do górnej krawędzi okna. Zmień jeszcze jego właściwość Height na 33.
Na przed chwilą wstawionym Panelu, umieść komponent TSpeedButton ( Additional ). Zmień jego właściwości Height oraz Width na 23. Jeżeli nie masz uaktywnionej palety wyrównywania - włącz ją poprzez wybranie View | Alignment Palette. Zaznacz komponent SpeenButton1 i z przed chwilą uruchomionej palety wybierz przycisk znajdujący się po środku dolnego rzędu... w tym momencie komponent powinien znajdować się dokładnie na środku panelu ( względem wysokości ). Powtarzaj całą operację dodawania komponentu TSpeedButton aż do osiągnięcia następującego efektu:
Przydałoby się teraz dodać obrazki ilustrujące przeznaczenie przed chwilą wstawionych guzików. Do tego celu służy opcja Glyph w Object Inspector. Kliknij na niej dwukrotnie, wybierz opcję Load i załaduj bitmapę ( standardowo 16x16 pixeli ). My posłużymy się udostępnianymi razem z C++Builderem. Znajdują się one w katalogu ...ImagesButtons Do pierwszego przycisku przyporządkuj plik filenew.bmp, zaś do następnych kolejno: fileopen.bmp, filesave.bmp, cut.bmp, copy.bmp, paste.bmp
Teraz zajmiemy się komponentami, które będą umożliwiały zmianę stylu tekstu. Najpierw, obok przed chwilą utworzonych przycisków, wstaw TComboBox ( Standard ). Wyczyść właściwośc Text. Ponownie wstaw kolejny komponent tej klasy. Będzie on służył do zmiany rozmiaru tekstu. Ustaw jego właściwość Text na 10, zaś Width ustaw na 40. Zapewne spotkałeś się już z programami, które umożliwiają wybór rozmiaru tekstu z rozwijanej listy. Przydałoby się, aby nasza lista, także zawierała takie elementy. Zaznacz komponent ComboBox2 i kliknij podwójnie na właściwości Items. W nowym oknie wpisz w kolejnych liniach liczby, które posłużą do określania rozmiaru tekst... 8, 10, 12, 14 itd. zaakceptuj je wciskając ok. Na koniec wstaw kolejny komponent klasy TSpeedButton ( tak jak już to wcześniej robiliśmy ). Po jego wciśnięciu wyświetli się okienko służące do zmiany koloru. Jako bitmapę załaduj plik font.bmp W tej chwili menu powinno wyglądać mniej więcej tak:
1.3 - Pozostałe komponenty
Tworzenie interfejsu naszego programu dobiega końca. Pozostaje nam już tylko dodanie dwóch komponentów. Na formularz wstaw listwę TStatusBar ( Win32 ). Zmień jej właściwość Name na Statusbar. Umieść jeszcze komponent TRichEdit ( Win32 ). Właściwość Align zmień na alClient, kliknij dwukrotnie pozycję Lines i wyczyść listę.
Na tym zakończymy tworzenie interfejsu naszego progamu.
Materiał dodany przez użytkownika: alphan