Dustin Baumbach, here is some code that I have used to implement multiple photo capture.
import QtQuick 2.0
import QtQuick.Layouts 1.1
import QtMultimedia 5.5
import ArcGIS.AppFramework 1.0
import ArcGIS.AppFramework.Controls 1.0
Rectangle { color: app.info.propertyValue("accent-color") property var filesArray: fileFolder.fileNames()
Photos_FileFolder { id: fileFolder
}
ColumnLayout { anchors.fill: parent
spacing:2
Rectangle { id: cameraRect
color: app.info.propertyValue("accent-color") Layout.fillWidth: true
Layout.fillHeight: true
Camera { id: camera
captureMode: Camera.CaptureStillImage
imageProcessing.whiteBalanceMode: CameraImageProcessing.WhiteBalanceFlash
exposure { exposureCompensation: -1.0
exposureMode: Camera.ExposurePortrait
}
flash.mode: Camera.FlashRedEyeReduction
imageCapture.onImageSaved: { filesArray = fileFolder.fileNames();
console.log(filesArray[filesArray.length-1])
var d = new Date();
var formattedPhotoName = app.photoPrefix + "_" + d.getHours() + d.getMinutes() + d.getSeconds() + ".jpg"
fileFolder.renameFile(filesArray[filesArray.length-1], formattedPhotoName)
}
}
VideoOutput { source: camera
anchors.fill: parent
focus : visible // to receive focus and capture key events when visible
}
Rectangle { anchors{ verticalCenter: parent.verticalCenter
right: parent.right
rightMargin: 5
}
color: app.info.propertyValue("secondary-text-color") opacity: 0.2
width: app.info.propertyValue("primary-button-size") height: width
radius: width * 0.5
Image { source: "../icons/ic_photo_camera_Orange_36pt_2x.png"
anchors.centerIn: parent
width: parent.width * 0.75
height: width
opacity: 1
}
visible: camera.imageCapture.ready
MouseArea { anchors.fill: parent
onClicked:{ camera.imageCapture.captureToLocation( fileFolder.path )
}
}
}
}
Rectangle{ Layout.preferredHeight: 230
Layout.maximumHeight: 230
Layout.fillWidth: true
color: app.info.propertyValue("divider-color") RowLayout { anchors.fill: parent
spacing: 5
Repeater{ id: repeater
anchors.fill: parent
anchors.margins: 5
model: filesArray.reverse()
Rectangle { width: 300
height: 169
color: app.info.propertyValue("default-primary-color") Image { anchors.fill: parent
fillMode: Image.PreserveAspectFit
source: AppFramework.resolvedPathUrl(fileFolder.file(modelData).path)
}
}
}
}
Text { id: txtCount
text: fileFolder.fileNames().length == 0 ? "no images yet" : filesArray.length
font{ pointSize: 18
}
color: app.info.propertyValue("dark-primary-color") }
}
}
}
Let me know how yo go.
Cheers,
Gareth
