Step By Step Creation Of Camera App In Microsoft PowerApps

Before reading this article, please go through the some important links of articles, mentioned below.

• Quick Start on Microsoft PowerApps
• To Use Template
• To Use Blank App
• To Add Excel File
• To Use Sort And SortByColumn Functions
• To Use Filter, Search, And LookUp Functions
• To Use Common Data Model(CDM)

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 Camera app in PowerApps.

Step 1 Log into 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.



Step 2 Create a New App in PowerApp

After logging in, we can see the Dashboard. Subsequently, we click on the New button.



Step 3

Choose the Blank app.



Step 4 Designing the App

Now, let's start designing the app. On left side, we can see the Individual Screens to 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.



Step 5 Drag and Drop the Camera tool

1. Go to the Media menu and choose drag the Camera tool.
   
   
   
   
2. Place the Camera tool on the screen.
   
   
   
   
3. Rename the MyCam
   
   
   

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.
   
   
   
   
2. Drop the Image control to the screen.
   
   
   

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.
   
   
   
   
2. Add coding to the Image Control
   Select the Image control and add this coding MyPicture to the Items event.
   
   
   

Step 8

Run the App



Output 1

 

Main Screen



Output 2

Click on the Camera tool. This image is stored in the image gallery.



Output 3

Whenever you click on the camera, the images are added in the image gallery.



Conclusion

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