优化虚拟键盘UI界面的代码

qml/CandidateList.qml

@@ -19,7 +19,7 @@ import QtQuick 2.0
 import QtQuick.Controls 2.0
 
 Rectangle {
-    width: virtualKeyboard.width
+    width: parent.width
     height: virtualKeyboard.toolAndCandidateHeight
     color: virtualKeyboard.virtualKeyboardColor
     visible: !virtualKeyboard.isToolbarVisible

qml/ClassicKeyboardLayout.qml

@@ -19,7 +19,7 @@ import QtQuick 2.0
 import "key/"
 
 Column {
-    width: virtualKeyboard.width
+    width: parent.width
     spacing: virtualKeyboard.keySpacing
     visible: virtualKeyboard.layout == "classic" ? true : false
 

qml/DragBar.qml

@@ -18,8 +18,7 @@
 import QtQuick 2.0
 
 Rectangle {
-    id: dragBar
-    width: virtualKeyboard.width
+    width: parent.width
     height: virtualKeyboard.dragBarHeight
     color: virtualKeyboard.virtualKeyboardColor
     radius: virtualKeyboard.virtualKeyboardFloatPlacementRadius

qml/KeyboardLayoutArea.qml

@@ -19,11 +19,14 @@ import QtQuick 2.0
 import QtQuick.Window 2.0
 
 Rectangle {
-    width: virtualKeyboard.width
+    visible: isKeyBoardLayoutVisible
+
+    width: parent.width
     height: virtualKeyboard.keyboardLayoutHeight
-    anchors.top: toolbarAndCandidate.bottom
-    anchors.topMargin: keySpacing * 2
+    radius: virtualKeyboard.radius
     color: virtualKeyboard.virtualKeyboardColor
 
+    anchors.topMargin: keySpacing * 2
+
     ClassicKeyboardLayout{}
 }

qml/Preedit.qml

@@ -19,11 +19,10 @@ import QtQuick 2.0
 import QtQuick.Controls 2.0
 
 Rectangle {
-    width: virtualKeyboard.width
+    width: parent.width
     height: virtualKeyboard.preeditHeight
     color: virtualKeyboard.virtualKeyboardColor
     x: virtualKeyboard.preeditX
-    anchors.top: dragBar.visible ? dragBar.bottom : parent.top
 
     Label {
         font.pointSize: virtualKeyboard.preeditTextFontSize

qml/Separator.qml

@@ -19,8 +19,7 @@ import QtQuick 2.0
 import QtQuick.Controls 2.0
 
 Rectangle {
-        anchors.top: preedit.bottom
-        width: virtualKeyboard.width
+        width: parent.width
         height: 1
         color: virtualKeyboard.preeditBottomColor
 }

qml/ToolbarAndCandidateArea.qml

@@ -18,9 +18,8 @@
 import QtQuick 2.0
 
 Rectangle {
-    width: virtualKeyboard.width
+    width: parent.width
     height: virtualKeyboard.toolAndCandidateHeight
-    anchors.top: preedit.bottom
     color: virtualKeyboard.virtualKeyboardColor
     Toolbar{}
     CandidateList{}

qml/VirtualKeyboard.qml

@@ -253,16 +253,38 @@ Rectangle {
         }
     }
 
-    DragBar{id: dragBar}
-    Preedit{id: preedit}
-    ToolbarAndCandidateArea{id: toolbarAndCandidate}
-    KeyboardLayoutArea{
-        visible: isKeyBoardLayoutVisible
-        anchors.bottom: virtualKeyboard.bottom
+    Rectangle {
+        id: virtualKeyboardComponent
+        color: virtualKeyboard.virtualKeyboardColor
         radius: virtualKeyboard.radius
-    }
 
-    Separator{
-        id: separator
+        width: parent.width
+        height: parent.height
+        
+        DragBar {
+            id: dragBar
+            anchors.top: parent.top
+        }
+
+        Preedit {
+            id: preedit
+            anchors.top: dragBar.visible ? dragBar.bottom : parent.top
+        }
+
+        Separator {
+            id: separator
+            anchors.top: preedit.bottom
+        }
+        
+        ToolbarAndCandidateArea {
+            id: toolbarAndCandidate
+            anchors.top: separator.bottom
+        }
+        
+        KeyboardLayoutArea {
+            id: keyboardLayoutArea
+            anchors.bottom: virtualKeyboardComponent.bottom
+        }
+        
     }
 }