W kolejnym odcinku zajmiemy się umieszczaniem w naszym projekcie zestawu ikon służących szybkiemu korzystaniu z opcji programu. Reprezentantami ikon są małe obrazki przedstawiające najczęściej daną czynność jaka została im przypisana. My w naszym programie będziemy używali zbliżonych wyglądem ikon, jak ma to miejsce w innych aplikacjach (z powodu szybkiej identyfikacji czynności). Jednak programista może stworzyć własne obiekty graficzne, co na pewno będzie wyróżniać jego program. Są zwolennicy jednej i drugiej koncepcji. KROK 5 Cel: Tworzymy paski narzędzi z przyciskami. 1. Otwórz swój program: Moje dokumenty Pierwszy program_2 Projekt1.[rys.1] rys.1 Który z plików wybrać? Jeżeli chcesz otworzyć plik z formularzem i dalej projektować swój program, wybierz plik o nazwie Projekt1 Jeżeli chcesz tylko obejrzeć swój program lub z niego korzystać, wybierz plik Projekt1 (wersja.exe). Możesz również zajrzeć do właściwości (prawy przycisk myszy na ikonę) i porównać oba te pliki.
Pamiętaj, że aby ktoś mógł obejrzeć twój program lub z niego skorzystać, wystarczy przekazać tylko plik.exe (nie udostępniając kodu źródłowego). Sprawdź we właściwościach (prawy przycisk myszy), jaką wielkość ma ten plik. 2. Zaznacz górny panel. Wybierz komponent SpeedButton z zakładki Additional. [rys.2] 3. Ustaw dla przycisku właściwość - Glyph. Po otwarciu okna dialogowego wybierz opcję Load... rys.2 4. Musisz teraz odszukać katalog Buttons. Gdzie ten katalog może się znajdować? 5. Odszukaj C:/Program Files/Borland/Images/Buttons. Jeśli nie odnajdziesz folderu w tej lokalizacji, sprawdź ścieżkę: C:\Program Files\Common Files\Borland Shared\Images\Buttons
rys.3 6. Wybierz obiekt bulbon Otwórz OK. [rys.3] Czy pojawił się rysunek na przycisku? Do ustawienia właściwości tego przycisku wrócimy później (w kolejnym odcinku). Czeka cię teraz wiele pracy przy umieszczaniu następnych przycisków. 7. Odszukaj i wstaw przyciski symbolizujące: wycinanie wklejanie kopiowanie usuwanie Jak to zrobić? 8. Zaznacz górny panel. Wstaw komponent SpeedButton. Ustaw właściwości: Glyph Load... Cut (wytnij) Otwórz OK. Hint wpisz: wytnij ShowHint - True Skompiluj program. Zobacz jak wyglądają przyciski. Nie wykonują one jeszcze żadnej czynności (zajmiemy się tym później). Czy udało ci się ustawić podpowiedź? 9. Ustaw te same właściwości dla przycisków: wklej, kopiuj, czyść. Potrzebny nam jeszcze będzie na tym panelu jeden przycisk wychodzenia z programu. Proponuję użyć do tego komponentu: BitButton. 10. Zaznacz Panel. Wybierz komponent BitBtn z zakładki Additional. [rys.4]
Ustaw właściwości: Glyph Load.. doorshut Otwórz OK. Caption Wyjdź Hint Wyjście z programu ShowHint - True rys.4 Zajmijmy się tworzeniem przycisków na Panelu lewym. 11. Zaznacz lewy Panel. 12. Wybierz komponent SpeedButton i właściwości: Glyph Load... i na przykład filenew Hint Nowy dokument 13. Wybierz komponent SpeedButton i właściwości: Glyph Load... i na przykład fldr2open Hint Otwórz dokument 14. Wybierz komponent SpeedButton i właściwości: Glyph Load... i na przykład floppy Hint Zapisz dokument do pliku 15. Wybierz komponent SpeedButton i właściwości: Glyph Load... i na przykład font Hint Ustaw atrybuty czcionki 16. Wybierz komponent SpeedButton i właściwości: Glyph Load... i na przykład grphpie Hint Ustaw kolor tła Aby zobaczyć podpowiedź, należy ustawić we wszystkich przypadkach właściwość: ShowHint True. Jak ustawić tę właściwość dla wszystkich przycisków jednocześnie? Zaznacz kolejno przyciski przy wciśniętym klawiszu shift (wszystkie wybrane obiekty powinny zostać zaznaczone). 17. Wybierz właściwość ShowHint i ustaw ją na True. 18. Skompiluj program i zobacz czy ustawiona opcja działa.
Tak możesz postępować w przypadku przycisków (obiektów), którym ustawiasz tę samą właściwość. 19. Zaznacz razem ikony: wytnij, kopiuj, wklej, usuń (panel górny). Ustaw dla nich właściwości: Height 35 Width 35 Top 12 Może trzeba rozszerzyć panel? 20. Zaznacz razem ikony: Nowy dokument, Otwórz, Zapisz, Ustaw atrybuty czcionki, Ustaw kolor tła. Ustaw dla nich właściwości: Height 35 Width 35 Left 25 21. Zostały do ustawienia dwa przyciski: Wyjdź i Pomoc. Ustaw je według własnego uznania. Nie zapomnij o podpowiedziach. Czy twój formularz wygląda podobnie? [rys.5]. rys.5 22. Zapisz swoją pracę poleceniem Save (File Save) Następnie utwórz nowy folder Pierwszy program_3. Przekopiuj wszystkie pliki z folderu Pierwszy program_2 i umieść je w folderze pod nazwą: Pierwszy program_3. Do zobaczenia w następnym odcinku.