Programowo

Programowanie nie musi być trudne!


#1 2013-06-13 13:42:18

 MikiMaJe

Ojciec dyrektor

Zarejestrowany: 2013-06-13
Posty: 23
Punktów :   

#Lekcja 2: Tworzymy interfejs w KODA.

Witajcie ponownie Dzisiaj zajmiemy się interfejsem graficznym naszego programu a więc pierwsze co robimy to uruchomienie KODA (edytor GUI) aby to zrobić klikamy ALT + M będąc w SciTE Po włączeniu powinniśmy zobaczyć coś takiego:
http://warriorgame.cba.pl/GRAFIKI/KODA.jpg

Rozciągając i zwężając okienko o nazwie "Form1" zmieniamy wielkość okienka programu. A teraz obrazek do dalszej części poradnika:
http://warriorgame.cba.pl/GRAFIKI/Paseczek%20KODA.jpg

Po pierwsze klikamy na to A w żółtym kółku podpisane na obrazku "Napis" a następnie przeciągamy w wybrane miejsce w oknie "Form1" następnie w oknie o nazwie "Object inspector" odnajdujemy to:
http://warriorgame.cba.pl/GRAFIKI/Caption.jpg

I klikamy w pole obok zakładki "Caption" i kasujemy wszystko co tam jest wpisane, a następnie wpisujemy to co my chcemy czyli np. "To moje pierwsze GUI!" i kikamy gdziekolwiek indziej na oknie "Form1".
Teraz przejdźmy do przycisków pewnie się domyślacie, że klikamy na ikonkę oznaczoną na zdjęciu jako przycisk i w wybranym miejscu okna "Form1" i dodaj tym sposobem 3 przyciski aby wyglądało to jakoś tak:
http://warriorgame.cba.pl/GRAFIKI/nasze%20GUI.jpg

Po udanym zabiegu zmieńmy napisy na przyciskach a robimy to tak samo jak z poprzednimi napisami czyli tam gdzie pisze "Caption" z tą różnicą, że tutaj znajduje się na pierwszym miejscu.
Tak więc klikamy na nasz dodany przycisk i w okienku "Object inspector" obok napisu "Caption" wpisujemy nazwe przycisku np. pierwszy to "czekaj 10 sekund" , drugi "czekaj 2 sekund", i trzeci "Wyłącz", a ma to wyglądać tak:
http://warriorgame.cba.pl/GRAFIKI/Gotowe%20.jpg

Teraz tylko klikamy gdzieś na okienku "Form1" i w "Object inspector" zmieniamy nazwę na taką jak m się nazywać nasz progrm bądź dane okienko. Teraz jest wszystko gotowe wystarczy tylko zaimportować do SciTE i nasze GUI jest w programie .
Aby dodać GUI do SciTE klikamy przycisk "F9" będąc w KODA, a następnie:
http://warriorgame.cba.pl/GRAFIKI/Imort.jpg

Po zaimportowaniu tak to będzie wyglądać w SciTE:
http://warriorgame.cba.pl/GRAFIKI/Zrobione.jpg

Natomiast działanie przyciskom nadamy dopiero w następnej lekcji . Trzymajcie się ciepło.


Kto pyta nie błądzi!

Offline

 

Stopka forum

RSS
Powered by PunBB
© Copyright 2002–2008 PunBB
Polityka cookies - Wersja Lo-Fi

[ Generated in 0.050 seconds, 10 queries executed ]


Darmowe Forum | Ciekawe Fora | Darmowe Fora
www.maly-kacik.pun.pl www.g087dca.pun.pl www.hussarians.pun.pl www.ethersagaonline.pun.pl www.pecjgora.pun.pl