4. lecke: Egy átméretezhető kiadvány készítése
Previous Topic  Next Topic 

Ebben a leckében olyan különleges technikákat mutatunk be, amelyek egy átméretezhető kiadványhoz szükségesek. Az első dolog, amit el kell döntenünk az az, hogy a kiadványunk felülete hogyan nézzen ki. A legtöbb Windows-os alkalmazás néhány jellegzetes részre van osztva: eszközsor, állapotsor és munkaterület. Összetettebb alkalmazások tartalmazhatnak ennél több elemet, de a folyamat alapjában véve ugyanaz.


Itt egy egyszerű képnézegetőt készítünk, amelyik eszközsort tartalmaz egy fájlválasztó gombbal, egy, a kép nevét mutató állapotsort és egy képet megjelenítő munkaterületet.


Kezdjünk hozzá...

1. Indítsuk el a NeoBookot. Amennyiben a munkaasztalon megjelenik egy kiadvány, zárjuk be a Fájl/Összes bezárásamenüparanccsal. Válasszuk ki a Fájl/ Új menüpontot, vagy használjuk az Új ikont. Ekkor megjelenik a Új kiadvány ablak. Itt válasszuk a 640×480 pixelt, 16 millió színt, és az Általános alkalmazást (EXE).


2. Válasszuk ki a Kiadvány / Kiadvány tulajdonságai / Általános menüpontot, vagy nyomjuk meg az F6 billentyűt.


Megjelenik A kiadvány tulajdonságai ablak.


3. Írjuk be a Cím mezőbe: Képnéző.


4. A Szerző mezőbe írjuk be a nevünket.


5. Kattintsunk az Ablak ikonra a bal oldali ikonsoron.



6. Győződjünk meg, hogy az Ablak stílusa Normál ablak, és hogy a Címsor, Rendszermenü, Kis méret gomb, Teljes méret gomb, Átméreretezhető, Mozgatható és – ami a legfontosabb – Automatikus méretű munkaterület be legyen jelölve.


7. Kattintsunk az OK gombra.


A felület részei

Az első, amit el kell végeznünk, hogy három Konténer objektumot hozzáadjunk a kiadványunkhoz (minden felületelemhez egyet-egyet). A megfelelő tulajdonságok beállítása ezeknél a Konténereknél a kulcsa annak, hogy átméretezhető kiadványt tudjunk készíteni.


1. Válasszuk ki a Konténer eszközt az Eszközpalettáról.


2. Az egér segítségével húzzunk egy kb. 5 cm széles és 1 cm magas négyszöget az oldal felső részén.


3. Tartsuk a kurzort a Konténer objektum fölött, és kattintsunk az egér jobb gombjával.


Megjelenik A konténer tulajdonságai ablak.


4. Állítsuk az Illesztési helyet Felülre.



5. Kattintsunk az OK gombra.


A konténer mindig át fogja helyezni önmagát az oldal tetejéhez. Ez a konténer fogja az eszközsort képezni. Az Illesztési hely beállítása biztosítja, hogy az oldal tetejénél legyen a konténer akkor is, ha az olvasó megváltoztatja az ablak formáját.


A következő konténer lesz a kiadányunk állapotsora.


6. Válasszuk ki a Konténer eszközt az Eszközpalettáról.


7. Az egér segítségével húzzunk egy kb. 5 cm széles és 1 cm magas négyszöget az oldal alsó részén.


8. Tartsuk a kurzort a Konténer objektum fölött, és kattintsunk az egér jobb gombjával.


Megjelenik A konténer tulajdonságai ablak.


9. Állítsuk az Illesztési helyet Alulra.


10. Kattintsunk az OK gombra.


Végül készítsük el a legfontosabb részét a kiadványunknak, a munkaterületet.

11. Válasszuk ki a Konténer eszközt az Eszközpalettáról.


12. Az egér segítségével húzzunk egy kb. 5 cm széles és 5 cm magas négyszöget az oldal középső részén. Ügyeljünk arra, hogy a kurzor ne legyen más objektum fölött!


13. Tartsuk a kurzort a Konténer objektum fölött, és kattintsunk az egér jobb gombjával.


Megjelenik A konténer tulajdonságai ablak.


14. Állítsuk az Illesztési helyet Középre.



15. Ennél a konténernél a Margót állítsuk 8 pixelre, hogy maradjon egy kis hely a konténer oldala és a megjelenítendő kép között.


16. Kattintsunk az OK gombra.


A kép objektum létrehozása

Mivel a kiadvány, amit készítünk, egy képnéző, ezért egy kép objektumot is létre kell hoznunk, hogy el tudja látni a feladatát.


1. Válasszuk ki a Kép eszközt az Eszközpalettáról.


2. Biztosítanunk kell, hogy a kép objektum a munkaterület konténerhez legyen csatolva, ezért a kurzort helyezzük a munkaterület konténer fölé, és húzzunk egy négyszöget. (A mérete most nem fontos, nemsokára beállítjuk...)


A Windows fájlkiválasztója fog megjelenni.


3. Tulajdonképpen itt nincs szükségünk egy bizonyos képfájlra, de a NeoBook nem engedi, hogy egy kép objektumban ne legyen egy kép. Ezért válasszunk ki egy bármilyen képet, majd kattintsunk az OK gombra.


A kiválasztott kép megjelenik a kép objektumban.


4. A kép fölött kattintsunk az egér jobb gombjával.


Megjelenik A kép tulajdonságai ablak.


5. A Képfájl (Image File) mezőben megjelenik a kiválasztott kép neve. Töröljük ki, majd írjuk be (a zárójelekkel együtt) a következőt:


[Kepfajl]


A képernyő hasonlóan fog kinézni:



6. Állítsuk az Illesztési helyet Középre.


7. Kattintsunk a Megjelenés ikonra.


8. A Megjelenítési módot állítsuk Eredeti méretre.


9. Jelöljük be a Gördítő sávok és A kép mozgatásának engedélyezése egérrel jelölőnégyzetét.


10. Kattintsunk az OK gombra.


A kép most kitölti a munkaterület konténerünket a margókat leszámítva. Mivel a képet a konténerhez kapcsoltuk, ezért az illesztés nem a teljes oldara vonatkozik, hanem a konténerre. Nem kell aggódni amiatt, mert a kép objektum üres lett – ez szándékos!


Szöveg létrehozása az állapotsorban

A következő lépés a képfájl nevének elhelyezése a képnéző állapotsorában.

1. Válasszuk ki az Egyszerű felirat eszközt az Eszközpalettán.


2. Biztosítanunk kell, hogy a szöveg objektum a státus sor konténerhez legyen csatolva, ezért a kurzort helyezzük az állapotsor konténer fölé, és húzzunk egy négyszöget. (A mérete most nem fontos, de a kezdőpont és a végpont legyen a konténeren belül.)


Az Egyszerű felirat tulajdonságai ablak fog megjelenni.


3. A Felirat mezőbe írjuk be:

[Kepfajl].

(Ez ugyanaz a változónév, amit a képfájlnál megadtunk.)


4. Állítsuk be a Vízszintes margót 2-re, a Függőleges margótpedig 0-ra.


5. Állítsuk az Illesztési helyet Középre.


6. Kattintsunk az OK gombra.


7. Jelöljük ki a Szöveg objektuomot, majd a Stíluspalettán kattintsunk a kis nyílra a Vonalvastagság mellett.


8. A vastagságot állítsuk Nincs-re.


9. A Stíluspalettán lévő betűdoboz melletti nyílra kattintva válasszuk ki az Arial, Normál, 10 pontos betűtípust.


Fájlkiválasztó gomb létrehozása

Utoljára egy gombot helyezünk el az eszközsor konténerben, hogy az olvasóink ki tudják választani azt a képet, amit meg szeretnének nézni.

1. Válasszuk ki a Nyomógomb eszközt az Eszközpalettán.


2. Biztosítanunk kell, hogy a nyomógomb objektum az eszközsor konténerhez legyen csatolva, ezért a kurzort helyezzük az eszközsor konténer fölé, és húzzunk egy négyszöget. (A mérete most nem fontos, de a kezdőpont és a végpont legyen a konténeren belül.)


A Nyomógomb tuladjonságai ablak fog megjelenni.


3. A Felirat mezőbe írjuk be: Megnyitás.


4. Kattintsunk a Műveletek ikonra a bal oldali ikonsoron.


5. Írjuk be a következőt a Műveleti szerkesztőbe:


FileOpenBox "Kép kiválasztása" "Képek|*.jpg;*.bmp;*.png;*.gif" "" "[Kepfajl]" ""


6. Kattintsunk az OK gombra.


Ha a Megnyitás gomb feliratából hiányzik valami, az egérrel módosítsunk a gomb méretén. A kiadványunknak a következőhöz hasonlóan kell kinéznie:



A kiadvány mentése

Miután eddig eljutottunk, mentsük el munkánkat.


1. Válasszuk ki a Fájl / Mentés menüpontot.

Ha ez az első alkalom, hogy elmentjük munkánkat, a Mentés másként ablak jelenik meg.


2. A NeoBook 5 mappában nyissuk meg a Tutorial Files mappát.


3. Gépeljük be a Fájl neve mezőbe: Tutorial4.pub


4. Kattintsunk a Mentés gombra.


A kiadvány tesztelése

A kiadványt most már bátran teszteljük.


1. Válasszuk ki a Futtatás (az elejéről) parancsot a Kiadvány menüpont alatt.


2. Teszteljük a kiadványunkat úgy, hogy a Megnyitás gombbal kiválasztunk egy képet.


3. Ezzel a kiadvánnyal a méretezhető kiadvány bemutatása volt a cél, így próbáljuk ki megváltoztatni az ablak méretét az egér segítségével. Ahogyan az ablak mérete változik, a konténernek automatikusan hozzá kell igazítania a benne lévő objektumokat.


4. A tesztelés befejeztével kattintsunk a kiadvány ablakának zárógombjára vagy nyomjuk meg az Esc billentyűt.