Camera App
Published October 2, 2021
In this tutorial, we will make a camera app. It will allow the user to take a picture, then it will show the picture on the phone screen.
🏷️ Tags: #newbie, #tutorials-and-guides
Step 1. Creating a new project
If you have never used App Inventor before, I suggest you to go ahead and read this Hello World tutorial first, because you haven't learn the basics yet. However, if you did, please log in to MIT App Inventor and create a project called 'Camera'.
Step 2. Dragging components
From the User Interface, drag out a Button.
Go down to the Media drawer and drag out a Camera.
Then, go up again to the User Interface and drag out an Image from the User Interface. Drop it below the Button.
Step 3. Blocks
Add the following blocks to tell the system that when the button is pushed, the system will allow the user to take a photo.
2. Drag out a setter for Image1.Picture to the empty workspace.
3. Remove the red helper block attached. To remove a block, simply click on it and press the Backspace key on your keyboard.
4. Combine this with some new blocks and you get the following event.
Note: You can get the parameter from either a variable get block or the local event.
Provided by @TheCodingBus from App Inventor community.
You're done!
Congratulations, you finished the tutorial!
Make sure to check out the App Inventor website to see lots of information. If you still don't understand, watch this video. If you completed, you know how to:
✔️ Set the pictures of images using the Blocks editor,
✔️ Use the Camera component and
✔️ Remove blocks using the keyboard.