Paint Pic (2)

CONSTRUIR: Editor Blocks

Ara és el moment d'entrar a l'Editor de blocs i de programar els components que acabes d'afegir al teu projecte. Ves a la finestra de l'editor de blocs.

Pas 1: Programar el botó de pintura vermella

Des de la paleta My Blocks, obre el calaix ButtonRed i arrossega el bloc whenButtonRed.Click.

Pas 2: Fer el canvi de color de pintura

Obre el calaix DrawingCanvas. Arrossega la DrawingCanvas.PaintColor al projecte (és possible que t'hagis de desplaçar per la llista de blocs al calaix per a trobar-lo) i col·loca'l al "do" del bloc whenButtonRed.Click.

Pas 3: Ajusta el color a vermell

Ves a la paleta Built-In. Obre el calaix Colours, arrossega el bloc per al color vermell i posa'l al DrawingCanvas.PaintColor.

Pas 4: Programar els botons de pintura blau i verd

Repeteix els passos 2-4 per als botons de color blau i verd.

Pas 5: Programar el botó de Netejar

L'últim botó per a configurar és el de Netejar. A la paleta My Blocks, obre el calaix ButtonWipe i arrossega WhenBotoNetejar.Click. . Del calaix DrawingCanvas, arrossega el bloc de crida a función DrawingCanvas.Clear i col·loca'l al "do" del blocue WhenBotoNetejar.Click.

Pas 6: Dibuixa un punt quan es toqui la pantalla

Obre el calaix DrawingCanvas i arrossega el bloc WhenDrawingCanvas.Touched a l'àrea de treball (Nota: els tres enganxadors de la dreta s'omplen automàticament amb els blocs x, y, i touchedSprite).

Arrossega un bloc de crida a funció DrawingCanvas.DrawCircle del calaix llenç (canvas) i col·loca'l al "do" del bloc WhenDrawingCanvas.Touched.

Pas 7: Col·loca el punt al lloc correcte a la pantalla:

Obre el calaix de my Definitions i troba els blocs de "valor x" i "valor y". Aquests blocs de valors es creen automàticament quan es posa el bloc controlador d'esdeveniment tàctil (WhenDrawingCanvas.Touched), i tenen les coordenades x, y del punt que es va tocar al llenç. Connecta el valor x i valor y als enganxadors corresponents al bloc WhenDrawingCanvas.Touched. . Assegura't d'arrossegar els blocs de value i NO els blocs de name corresponents, que se semblen molt.

Al marc del Built-in, obre el calaix de Matemàtiques i arrossega el bloc numèric . Clica al número "123" i canvia'l a 5; després, connecta'l a la ranura de ràdio. Per ara, els nostres punts tindran un radi de 5 píxels.

Pas 8: Dibuixa una línia quan un dit s'arrossega en el lllenç

Obre el calaix DrawingCanvas i arrossega el bloc c WhenDrawingCanvas.Dragged a l'àrea de treball (Nota: tots els enganxadors de la dreta s'omplen automàticament amb blocs de noms). Arrossega el bloc crida a función DrawingCanvas.DrawLine i col·loca'l a sota de la zona When del bloc DrawingCanvas.Dragged.

A My Definitions, arrossega els blocs Prevx, prevY, CurrentX, i el valor CurrentY i connecta'ls als terminals corresponents al bloc DrawingCanvas.Dragged.

Pas 9: Programa el botó de la càmera per a fer una foto

De la paleta My Blocks, obre el calaix ButtonCamera i arrossega el bloc WhenButtonCamera.Click . Del calaix Camera1, arrossega el bloc crida a funció Camera1.TakePicture i col·loca'l a sota del bloc ButtonCamera.Click.

Pas 10: Canviar la imatge de fons del llenç per la imatge capturada per la càmera

Arrossega el bloc WhenCamera1.AfterPicture i deixa'l a l'àrea de treball. A sota del calaix DrawingCanvas, arrossega el bloc SetDrawingCanvas.BackgroundImage i posa'l al bloc Camera1.AfterPicture.

Des del calaix My Definitions, arrossega el bloc d'imatge i col·loca'l a l'enganxador del bloc SetDrawingCanvas.BackgroundImage.

Ja està! Prova l'aplicació amb el telèfon, la tauleta o l'emulador.

TEST: Telèfon / emulador

Polsa un botó de color i toca la pantalla: apareixerà un punt amb el color seleccionat. Si arrossegues el dit per la pantalla, es dibuixarà una línia amb el color seleccionat. Tingues en compte que si un botó de color es toca, el color del primer punt serà de color negre. Polsa el botó de netejar per a esborrar el que hi ha a la pantalla. Polsa el botó Treu una foto i s'activarà la càmera del telèfon. Treu una foto i l'aplicació la posarà com a nou fons.

Continua amb la següent secció de la lliçó per a aprendre com canviar la mida dels punts.