Se4 - Selfie - Take Pictures, Save, Clear, and Reset your Images

Now we want to be able to add pictures to our list when we take a photo, clear the drawings on an image, save the drawings on an image, and reset to the default images.

Se4.1 Take Pictures

Remember using the camera you will need two when blocks, one to tell the camera to take the picture and one to tell the app where to store the picture.

A. The when.Click block is used to hold a call.TakePicture statement.

B) The when.AfterPicture block is used to tell the app where to store the picture. For this app we want the picture to be stored in our imageList list.

C. To do this we will need to add a block that adds items to a list to our when.AfterPicture block. See if you can find this block in the lists drawer.

D. You will need to clarify which list you want to add to, and the item that you want to add. We will want to add the image from the camera to the list.

E. Test your app.

i. Can you take pics?

ii. Do they appear with your other images?

Se4.2 Save

To save an image we will actually replace the current image with the image that you have edited.

A. To do this we will need a block from the list drawer that allows us to replace an item in the list. See if you can find this.

B. Then we will need clarify which list we are using, which is "ImageList"

C. The Index number that we are using which is "whichImage"

D. And the image that we are using to replace the item in the list with, this will be declared using a call.Save block from the DrawingCanvas.

E. Test your app, to see if you can save your images.

Se4.3 Clear

This button is fairly easy. We just need a when.Click command and call.Clear statement.

A. Drag a when.Click for the clearButton into the Viewer panel.

B. Drag a call.Clear statement into the when.Click block.

C. Test your app to make sure your clear button works.

Se4.4 Reset

For the "Reset" Button we will want to return our imageList back to it's original form.

A. So we will need go to our original variable and a set.ImageList statement

B. Then attach our original list to the set.ImageList block.

C. Test your app to see if you can reset your images to the default.

Se4.5 Test your app!

Does everything work?