Improve output of multiple screen resolutionsandbox/ruke47/flounder_RPi3

To improve output on various monitor with various resolution,
use scale_factor from WM to fit various screen resolution.

Change-Id: I5ef4d54712e405744a9c9d2a369fbb2d0d31716d
Signed-off-by: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>

1 files changed, 22 insertions, 12 deletions

diff --git a/app/Mixer.qml b/app/Mixer.qml
index 0588b77..73587a5 100644
--- a/app/Mixer.qml
+++ b/app/Mixer.qml
@@ -28,6 +28,8 @@ ApplicationWindow {
 
     // ----- Setup
     id: root
+    width: container.width * container.scale
+    height: container.height * container.scale
 
     // ----- Childs
     Mixer {
@@ -93,19 +95,27 @@ ApplicationWindow {
         }
     }
 
-    Label {
-        id: title
-        font.pixelSize: 48
-        text: "Mixer"
-        anchors.horizontalCenter: parent.horizontalCenter
-    }
+    Item {
+        id: container
+        anchors.centerIn: parent
+        width: 1080
+        height: 1487
+        scale: screenInfo.scale_factor()
+
+        Label {
+            id: title
+            font.pixelSize: 48
+            text: "Mixer"
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
 
-    ColumnLayout {
-        id: sliders
-        anchors.margins: 80
-        anchors.top: title.bottom
-        anchors.left: parent.left
-        anchors.right: parent.right
+        ColumnLayout {
+            id: sliders
+            anchors.margins: 80
+            anchors.top: title.bottom
+            anchors.left: parent.left
+            anchors.right: parent.right
+        }
     }
 }