1. Rajzok ksztse AndroidrendszerbenFestvszon, pontok, vonalak, fotkksztseForrs: http://www.appinventor.org/PaintPot2Ksztette: Mor RbertNK: LXO9OSSzak: Tanri mestersg IKT alapjai 2. Mit fogunk tanulni? - BevezetsA tananyag az albbiakba vezet beminket: Festvszon hasznlata Az rintkperny, valamint a fogds vidd technika kezelse Kpernyelrendezsek Vltozk hasznlata, hogyemlkezzenek a ceruza sznre smretreA programot az Appinventor2 alkalmazssal ksztjk el: Lpjnk be az Appinventor2 felletre Hozzunk ltre egy j projektet PaintPot nven Vlasszuk a Component Designer felletet a kpernyterv ksztshez Tekintsd meg az 1. s 2. filmet http://www.appinventor.org/paintpot2-steps 3. Alkotelemek tervezseA kvetkez alkotelemeket ksztjk el: Hrom nyomgombot vzszintes elrendezsben a vrs, zld skk sznek kivlasztshoz; Egy nyomgombot a rajzunk trlshez s kettt a ceruzamretnek vltoztatshoz; Egy festvsznat a rajzol fellethez. A vszon httrkpe aHelloPurr feladatbl megismert kitty.png kp lesz. A httrkpetksbb a kamerval ksztett felvtellel mdostani tudjuk. 4. Angol elnevezsek a Designer Editor-on 5. Szneket vlt gombokElszr ksztsk el a szneket vlt gombokat. Kvesd azutastsokat: Hzd a Button component-t a Viewer-re s cserld a Texttulajdonsgot Red-re, a BackgroundColor-t vrs sznre. Kattints a Button1-re a komponens listban, majd nevezd tRedButton nvre. Hasonlkppen jrj el a msik kt gombnl is, BlueButton-nak sGreenButton-nak nevezd el ket. 6. Helyezzk el vzszintesen a gombokatHa a gombokat vzszintesen akarod elhelyezni hasznld aHorizontalArrangement komponenst az albbiak szerint: A Layout palettrl vlaszd a HorizontalArrangement komponenst shelyezd el a gombok alatt. A Properties panelen a Width tulajdonsgnl vlaszd a "Fill parent"opcit, gy az teljes szlessgben kitlti a rendelkezsre ll teret akpernyn. Hzd a hrom gombot a HorizontalArrangement komponensbe. 7. Adjuk hozz a festvsznatA festvszon egy olyan objektum, ahol a felhasznlk rajzolhatnak krkets vonalakat. A Drawing and Animation palettrl hzzuk be a Canvas komponenst aViewer-re s nevezzk t DrawingCanvas-re. lltsuk be a Width tulajdonsgnl a "Fill parent, a Height tulajdonsgnla 300 pixels opcit. A Canvas httere a Kitty.png kp legyen. A PaintColor tulajdonsgot lltsuk vrsre. 8. Az als gombok s a kamera komponens elhelyezseA palettrl hzzunk egy HorizontalArrangement elemet a festvszon al.Hzunk a HorizontalArrangement elemre ngy gombot az albbi belltsokkal:1. A nv legyen TakePictureButton, a Text tulajdonsg "Take Picture".2. A nv legyen WipeButton, a Text tulajdonsg "Wipe.3. A nv legyen BigButton, a Text tulajdonsg "Big Dots.4. A nv legyen SmallButton, a Text tulajdonsg "Small Dots.A Media palettrl hzzunk egy Camera komponenst a Viewer elemre. Ez egynem lthat objektum lesz. 9. Angol elnevezsek a Block Editor-on 10. rints esemny pont rajzolsaA Blokkszerkeszt DrawingCanvasfikjbl a DrawingCanvas.Touchedblokkot hzzuk a munkaterletre!Hzzuk a DrawingCanvas.DrawCircleparancsot a DrawingCanvas.Touchedesemnykezel rszbe!Hzzuk a get x s get y paramtereketa DrawingCanvas.DrawCircle parancsba,ezek tartalmazzk az rints x s ykoordintit!Hzzuk az 5-s szmot a Numberfikbl a Canvas.DrawCircle parancsba,gy megadtuk, hogy a rajzolt pontsugara 5 egysg legyen! 11. Vonszols esemny vonal rajzolsaA Blokkszerkeszt DrawingCanvasfikjbl a DrawingCanvas.Draggedblokkot hzzuk a munkaterletre!Hzzuk a DrawingCanvas.DrawLineparancsot a DrawingCanvas. Draggedesemnykezel rszbe!Hzzuk a get prevx s get prevyparamtereket a DrawingCanvas.DrawLine parancsba, ezek tartalmazzkaz ujjunk jelenlegit megelzhelyzetnek x s y koordintit! Ezekutn hzzuk a get currentx s getcurrenty paramtereket aDrawingCanvas. DrawLine parancsba,ezek tartalmazzk az ujjunk jelenlegihelyzetnek x s y koordintit! 12. Gombok programozsa az esemnykezelbenHzzuk a RedButton.Click blokkot amunkaterletre! Adjuk hozz a setDrawingCanvas.PaintColor parancsot slltsuk be piros sznre. Jrjunk gy el atbbi sznbellt gombnl is.Hzzuk a WipeButton.Click blokkot amunkaterletre! Adjuk hozz aDrawingCanvas.Clear parancsot. Ezzel agombbal trlhetjk a kpernyt. 13. Kp ksztse kamervalHzzuk a Camera1.AfterPicture blokkota munkaterletre! Adjuk hozz a setDrawingCanvas.BackgroundImageparancsot s lltsuk be a get imageparamtert. gy a Canvas httrkpe akamerval ksztett kp lesz.Hzzuk a TakePictureButton.Click blokkota munkaterletre! Adjuk hozz aCamera1.TakePicture parancsot. slltsuk be a get image paramtert. Ezzela gombbal kszthetnk kpet a mobileszkznk kamerjval. 14. Pont mret vltoztatsa vltozksegtsgvelA Blokkszerkeszt Variables fikjblaz initialize global blokkot hzzuk amunkaterletre s nevezzk el dotSizenvre! Adjunk neki kezdrtket aNumeric fikbl. gy ltrehoztunk egygloblis vltozt a pontmretbelltsra.Hzzuk a SmallButton.Click blokkot amunkaterletre! Adjuk hozz a setglobal dotSize parancsot. Ezzel agombbal lltjuk 2 egysgre apontmretet. Hasonlan jrjunk el aBigButton gombbal is. 15. A teljes alkalmazs: PaintPot 16. Ksznm a figyelmet!