To keep track of which canvas should be used, we declare and use a global variable as shown below. This will continue through all four canvases and then we rotate back again to first canvas. The second picture will be saved onto second canvas. Once a picture is taken, it will be saved and shown onto first canvas. The canvases are used to show the pictures that are taken. For additional tutorials, please see HERE. This tutorial assumes you know the basics of App Inventor. Using this approach, the Label serves as a spacer and puts spacing between our canvas components.
To keep the canvases spaced properly, we use Label component with its Text background set to None. After a camera picture is taken, one of the canvas background images is changed to show the image. that are used in the sample app.įor the layout, we use Vertical and horizontal screen arrangements to contain the four canvases. It also shows you the non-visible components (e.g. We will be working toward the design shown in figure blow:īelow figure is showing you, at high level, how the components are arranged in our design editor. Web – for posting the picture to a PHP server.Canvas – for displaying pictures onto canvas (4 canvases will be used).Post / transmit a selected picture to a PHP server.Select one of the pictures and get the picture name.Display the last 4 pictures on your device.The app will be developed using MIT App Inventor
I’ll show you how you can develop an app that allows you to accomplish the following tasks. In this tutorial, we will develop a Photo Booth app.