Automatically set toolbar width

Change-Id: I4038afc1cb22102f8873014d90dedec79cbaa376
Reviewed-by: J-P Nurmi <jpnurmi@digia.com>

examples/quick/controls/gallery/main.qml

@@ -69,9 +69,8 @@ ApplicationWindow {
         onAccepted: imageViewer.open(fileUrl)
     }
 
-    ToolBar {
+    toolBar: ToolBar {
         id: toolbar
-        width: parent.width
         RowLayout {
             spacing: 2
             anchors.verticalCenter: parent.verticalCenter
@@ -265,10 +264,7 @@ ApplicationWindow {
         id:frame
         enabled: enabledCheck.checked
         tabPosition: controlPage.item ? controlPage.item.tabPosition : Qt.TopEdge
-        anchors.top: toolbar.bottom
-        anchors.bottom: parent.bottom
-        anchors.right: parent.right
-        anchors.left: parent.left
+        anchors.fill: parent
         anchors.margins: Qt.platform.os === "mac" ? 12 : 2
 
         Tab {

src/controls/ApplicationWindow.qml

@@ -141,11 +141,12 @@ Window {
         id: backgroundItem
         anchors.fill: parent
 
-        Row {
+        Item {
             id: toolBarArea
             anchors.top: parent.top
             anchors.left: parent.left
             anchors.right: parent.right
+            height: childrenRect.height
         }
 
         Item {
@@ -156,11 +157,12 @@ Window {
             anchors.bottom: statusBarArea.top
         }
 
-        Row {
+        Item {
             id: statusBarArea
             anchors.bottom: parent.bottom
             anchors.left: parent.left
             anchors.right: parent.right
+            height: childrenRect.height
         }
 
         onVisibleChanged: if (visible && menuBar) menuBar.__parentWindow = root

src/controls/StatusBar.qml

@@ -70,7 +70,8 @@ Item {
     id: statusbar
     activeFocusOnTab: false
     Accessible.role: Accessible.StatusBar
-    implicitWidth: parent ? parent.width : loader.item ? loader.item.implicitHeight : 0
+    width: parent ? parent.width : implicitWidth
+    implicitWidth: loader.item.implicitHeight
     implicitHeight: loader.item ? loader.item.implicitHeight : 0
     property Component style: Qt.createComponent(Settings.theme() + "/StatusBarStyle.qml", statusbar)
     Loader {

src/controls/ToolBar.qml

@@ -73,6 +73,7 @@ Item {
     id: toolbar
     activeFocusOnTab: false
     Accessible.role: Accessible.ToolBar
+    width: parent ? parent.width : implicitWidth
     implicitWidth: loader.item ? loader.item.implicitWidth : 0
     implicitHeight: loader.item ? loader.item.implicitHeight : 0
     property Component style: Qt.createComponent(Settings.theme() + "/ToolBarStyle.qml", toolbar)