Improve output of multiple screen resolution

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

Bug-AGL: SPEC-1568, SPEC-1569, SPEC-1611

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

1 files changed, 12 insertions, 1 deletions

diff --git a/app/Radio.qml b/app/Radio.qml
index f812af1..894b9a3 100644
--- a/app/Radio.qml
+++ b/app/Radio.qml
@@ -24,6 +24,9 @@ import 'api' as API
 ApplicationWindow {
     id: root
 
+    width: container.width * container.scale
+    height: container.height * container.scale
+
     API.Binding {
         id: radio
 
@@ -37,6 +40,13 @@ ApplicationWindow {
         }
     }
 
+    Item {
+        id: container
+        anchors.centerIn: parent
+        width: 1080
+        height: 1487
+        scale: screenInfo.scale_factor()
+
     ColumnLayout {
         anchors.fill: parent
         Item {
@@ -64,7 +74,7 @@ ApplicationWindow {
 
                 ColumnLayout {
                     anchors.fill: parent
-                    anchors.margins: root.width * 0.02
+                    anchors.margins: container.width * 0.02
                     Item {
                         Layout.fillWidth: true
                         Layout.fillHeight: true
@@ -259,3 +269,4 @@ ApplicationWindow {
         }
     }
 }
+}