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.

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.

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 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.

PowerApp

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.

    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 in the image gallery.

PowerApp

Conclusion

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