Step By Step Creation Of Camera App In Microsoft PowerApps

Introduction

 
Before reading this article, please go through the some important links of articles, mentioned below.
In PowerApps, we can add camera control.
 
Camera Tool
 
Camera tool is used to take a snap with the device's camera. The user can update photos in the data source, wherever the app is running.
 
Follow the steps, mentioned below, to work with the Camera app in PowerApps.
 
Step 1 Log in to PowerApps
 
After downloading PowerApps from the Window store, here we need Microsoft-related organization’s Office 365 ID or (MSDN, Microsoft, Skype, Office 365, etc.) to login with it.
 
PowerApp
 
Step 2 Create a New App in PowerApp
 
After logging in, we can see the Dashboard. Subsequently, we click on the New button.
 
PowerApp
 
Step 3
 
Choose the Blank app.
 
PowerApp
 
Step 4 Designing the App
 
Now, let's start designing the app. On the left side, we can see the Individual Screens add our data. On the right side, we see the list of Layouts. On the top, we see the formula bar.
 
Subsequently, you have seen the Properties of the screen, which you selected. On the right side, we see the Add DataSource to add the external DataSource.
 
PowerApp
 
Step 5 Drag and Drop the Camera tool
  1. Go to the Media menu and choose to drag the Camera tool.
     
     
  2. Place the Camera tool on the screen.
     
    PowerApp
     
  3. Rename the MyCam
     
    PowerApp
Step 6 Drag and Drop the Image Tool
 
The Image tool is used here to store your image when you click the camera.
  1. Go to the Gallery and drag the vertical image only.
     
    PowerApp
     
  2. Drop the Image control to the screen.
     
    PowerApp
Step 7 Adding the coding
  1. Add coding to the camera
     
    Select the Camera control and Add this coding Collect(MyPicture, MyCam.Photo) to the OnSelect event.
     
    PowerApp
     
  2. Add coding to the Image Control
     
    Select the Image control and add this coding MyPicture to the Items event.
     
    PowerApp
Step 8
 
Run the App
 
PowerApp
 
Output 1
 
Main Screen
 
PowerApp
 
Output 2
 
Click on the Camera tool. This image is stored in the image gallery.
 
PowerApp
 
Output 3
 
Whenever you click on the camera, the images are added to the image gallery.
 
PowerApp
 

Conclusion

 
I hope, you understood how to add Camera Control in Microsoft PowerApps and how to run it.


Similar Articles