Paint Pot Part1

Botão da camada “canvas” a e limpar
Os dois ultimos componentes são camadas “Canvas” e Limpar “wipe”

1- A partir da paleta de Desenho e da categoria Animação arraste um componente Canvas para o Viewer. Mude seu nome para "DrawingCanvas". Defina sua largura para " Fill Parent” e defina sua altura para 300 pixels.
2- Adicione uma imagem de fundo para a tela. Clique no campo que contém "None ..." ao lado “BackgroundImage” no painel de propriedades do “canvas”. Você pode usar o mesmo arquivo kitty.png, se você ainda o tê-lo do tutorial anterior. Ou você pode usar outra imagem.

From the Palette, drag the final button onto the screen, placing it under the canvas. Rename this button component to "ButtonWipe" and change its Text attribute to "Wipe".
3- Da paleta, arraste o último botão na tela, colocando-o sob a “canvas”. Renomeie este botão para "ButtonWipe" e alterar o seu texto do atributo para "wipe" ou “limpar”.

You've now completed the steps to set the appearance of your app. Here's how this should look in the Designer. Next, you'll define how the components behave.

Agora você já concluiu as etapas para definir a aparência do seu app. Veja como seu design deve aparentar. Em seguida, você vai definir a forma como os componentes se comportam.

Adicionar Manipuladores de Evento de Butão
No Bloco de Edição
1. Abra a aba para ButtonRed e arraste o bloco when ButtonRed.Click (

2. Abra o “DrawingCanvas” e arraste para for a o bloco set DrawingCanvas.PaintColor to . (lembre-se que o conjunto de componentes bloco é uma lista suspensa, portanto selecione o PaintColor na lista) e o coloque no do da seleção when ButtonWipe.Click .
(Encontre o DrawingCanvas.BackgroundColor)

(Mude para PaintColor)

3. Abra a gaveta Cores e arraste o bloco para a cor vermelha e coloque a em set DrawingCanvas.PaintColor to . (Clique em um bloco de cor depois de ter sido colocado irá exibir uma tabela de cores que você pode escolher.).
4. Repita os passos 2-4 para os botões azuis e