Merge pull request #194 from saeugetier/feature/184-background-image-selector

Feature/184 background image selector

Author: saeugetier

…es/backgrounds/pexels-pixabay-259915.jpg images/backgrounds/Brickwall.jpgimages/backgrounds/pexels-pixabay-259915.jpg renamed to images/backgrounds/Brickwall.jpg images/backgrounds/pexels-pixabay-259915.jpg renamed to images/backgrounds/Brickwall.jpg

@@ -78,7 +78,7 @@
         <file>qml/GalleryMenuForm.ui.qml</file>
         <file>qml/content/DelegateGalleryItem.qml</file>
         <file>qml/styles/RoundProgressBarStyle.qml</file>
-        <file>images/backgrounds/pexels-pixabay-259915.jpg</file>
+        <file>images/backgrounds/Brickwall.jpg</file>
         <file>shaders/vmirror.frag.qsb</file>
         <file>shaders/passthrough.frag.qsb</file>
         <file>shaders/bw.frag.qsb</file>
@@ -95,5 +95,6 @@
         <file>shaders/previewshader.frag</file>
         <file>shaders/previewshader.frag.qsb</file>
         <file>models/coco.names</file>
+        <file>images/backgrounds/Stripes.png</file>
     </qresource>
 </RCC>

images/backgrounds/Stripes.png

@@ -126,6 +126,7 @@ SnapshotMenuForm {
     cameraRenderer.backgroundFilter.method: snapshotSettings.chromaKeyEnabled ? "Chroma" : "Neural"
     cameraRenderer.backgroundFilterEnabled: snapshotSettings.backgroundFilterEnabled
     cameraRenderer.backgroundFilter.keyColor: snapshotSettings.chromaKeyColor
+    cameraRenderer.backgroundImage: snapshotSettings.backgroundImage
 
     SequentialAnimation
     {

qml.qrc

@@ -1,5 +1,6 @@
 import QtQuick
 import QtCore
+import Qt.labs.folderlistmodel
 
 SnapshotSettingsForm {
     property alias flashEnabled: settings.flashEnabled
@@ -9,6 +10,7 @@ SnapshotSettingsForm {
     property alias backgroundFilterEnabled: settings.backgroundFilterEnabled
     property alias chromaKeyEnabled: settings.chromaKeyEnabled
     property alias chromaKeyColor: settings.chromaKeyColor
+    property alias backgroundImage: settings.backgroundImage
 
     Settings
     {
@@ -21,8 +23,38 @@ SnapshotSettingsForm {
         property bool backgroundFilterEnabled: false
         property bool chromaKeyEnabled: false
         property real chromaKeyColor: 0.5
+        property url backgroundImage: "qrc:/images/backgrounds/Brickwall.jpg"
     }
 
+    function findBackgroundFiles()
+    {
+        // use default backgrounds if no user backgrounds are found
+        var path = StandardPaths.locate(StandardPaths.AppLocalDataLocation, "backgrounds", StandardPaths.LocateDirectory)
+
+        if(path.len > 0)
+        {
+            // check if the path is a valid directory and display this custom path in log
+            console.log("Background images path: " + path)
+            return path
+        }
+        else
+        {
+            // use default backgrounds if no custom backgrounds are provided
+            return "qrc:/images/backgrounds/"
+        }
+    }
+
+    FolderListModel
+    {
+        id: backgroundImageModel
+        folder: findBackgroundFiles()
+        nameFilters: ["*.jpg", "*.png", "*.JPG", "*.PNG"]
+        showDirs: false
+        sortField: FolderListModel.Name
+    }
+
+    backgroundImageSelectorModel: backgroundImageModel
+
     showButton.onClicked:
     {
         if(state !== "expanded")
@@ -85,6 +117,20 @@ SnapshotSettingsForm {
         settings.chromaKeyColor = sliderChromaKeyFilterColor.value
     }
 
+    backgroundImageSelector.currentIndex: backgroundImageSelectorModel.indexOf(settings.backgroundImage)
+    backgroundImageSelector.onCurrentIndexChanged:
+    {
+        if(backgroundImageSelectorModel.count > 0)
+        {
+            console.log("selected index " + backgroundImageSelector.currentIndex)
+            if (backgroundImageSelector.currentIndex >= 0)
+            {
+                settings.backgroundImage = backgroundImageSelectorModel.get(backgroundImageSelector.currentIndex, "fileUrl")
+                console.log("selected background " + settings.backgroundImage)
+            }
+        }
+    }
+
     Behavior on width
     {
         PropertyAnimation