diff --git a/img/close_hovered.svg b/img/close_hovered.svg
new file mode 100644
index 0000000000000000000000000000000000000000..1cccdf877e6b03d778b30f82c23cd9a1f865a3b3
--- /dev/null
+++ b/img/close_hovered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g><g style="opacity:0;"><path d="M0,0C0,0,24,0,24,0C24,0,24,24,24,24C24,24,0,24,0,24C0,24,0,0,0,0Z" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M19.071138303375243,4.928786344879151C18.680638303375247,4.53826214487915,18.047438303375245,4.538262344879151,17.65693830337524,4.928786344879151L11.999948303375245,10.58574334487915L6.343148303375244,4.928933344879151C5.952618303375244,4.53840914487915,5.3194553033752445,4.5384089448791505,4.928931303375244,4.928933344879151C4.538407203375244,5.31945734487915,4.538407203375244,5.95262334487915,4.928931303375244,6.3431433448791505L10.585738303375244,11.99995334487915L4.928985303375244,17.65669334487915C4.538460603375244,18.04719334487915,4.538460603375244,18.68039334487915,4.928985303375244,19.070893344879153C5.319509303375244,19.461493344879152,5.952678303375244,19.461493344879152,6.343198303375244,19.070893344879153L11.999948303375245,13.41416334487915L17.656838303375245,19.071093344879152C18.047338303375245,19.461593344879148,18.680538303375243,19.461593344879148,19.071038303375246,19.071093344879152C19.461638303375246,18.68059334487915,19.461638303375246,18.04739334487915,19.071038303375246,17.65689334487915L13.414168303375245,11.99995334487915L19.071138303375243,6.3430033448791505C19.461638303375246,5.9524733448791505,19.461638303375246,5.319310344879151,19.071138303375243,4.928786344879151Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/qml.qrc b/qml.qrc
index ddb47b6b37a90c8f51f2f6e7974641e54e00eb2f..fdca6a9b2369f2eb77f7e04132e4a905587b41d2 100644
--- a/qml.qrc
+++ b/qml.qrc
@@ -43,5 +43,6 @@
         <file>img/down.svg</file>
         <file>img/extend.svg</file>
         <file>qml/js/keycode.js</file>
+        <file>img/close_hovered.svg</file>
     </qresource>
 </RCC>
diff --git a/qml/HideButton.qml b/qml/HideButton.qml
index fefddf6e45723e4cb9805ce8a65ed6180b90542c..5a5fcfcba7698cf4f1ff3120a6daa1ea8cfeff0a 100644
--- a/qml/HideButton.qml
+++ b/qml/HideButton.qml
@@ -19,17 +19,18 @@ import QtQuick 2.0
 import QtQuick.Controls 2.0
 
 Rectangle {
-    height: virtualKeyboard.toolbarSize
-    width: virtualKeyboard.toolbarSize
+    height: virtualKeyboard.toolButtonSize
+    width: virtualKeyboard.toolButtonSize
     anchors.verticalCenter: parent.verticalCenter
     anchors.right: parent.right
     anchors.rightMargin: virtualKeyboard.cardinalNumber * 3.5
     color: virtualKeyboard.virtualKeyboardColor
+    radius: virtualKeyboard.toolButtonRadius
 
     Image {
         id: hideButtonImg
         anchors.centerIn: parent
-        sourceSize: Qt.size(parent.width, parent.width)
+        sourceSize: Qt.size(parent.width * 0.5, parent.width * 0.5)
         source: "qrc:/img/close.svg"
     }
 
@@ -44,19 +45,24 @@ Rectangle {
         hoverEnabled: true
 
         onPressed: {
-            hideButtonImg.source = "qrc:/img/close_pressed.svg"
+            color = virtualKeyboard.hideButtonPressedColor
         }
 
         onReleased: {
             virtualKeyboard.hideVirtualKeyboard()
+            color = virtualKeyboard.hideButtonHoverColor
         }
 
         onEntered: {
             hideButtonToolTip.visible = true
+            color = virtualKeyboard.hideButtonHoverColor
+            hideButtonImg.source = "qrc:/img/close_hovered.svg"
         }
 
         onExited: {
             hideButtonToolTip.visible = false
+            color = virtualKeyboard.virtualKeyboardColor
+            hideButtonImg.source = "qrc:/img/close.svg"
         }
     }
 }
diff --git a/qml/PlacementModeButton.qml b/qml/PlacementModeButton.qml
index 9100adaf10a1a42efdaa3220df53c02fda605df1..e2a1b4348db2e119e6c58b85e714a420c0356288 100644
--- a/qml/PlacementModeButton.qml
+++ b/qml/PlacementModeButton.qml
@@ -19,8 +19,8 @@ import QtQuick 2.0
 import QtQuick.Controls 2.0
 
 Rectangle {
-    height: virtualKeyboard.toolbarSize
-    width: virtualKeyboard.toolbarSize
+    height: virtualKeyboard.toolButtonSize
+    width: virtualKeyboard.toolButtonSize
 
     property var alignmentRight
 
@@ -28,9 +28,11 @@ Rectangle {
     anchors.right: alignmentRight.left
     anchors.rightMargin: virtualKeyboard.cardinalNumber * 3.5
     color: virtualKeyboard.virtualKeyboardColor
+    radius: virtualKeyboard.toolButtonRadius
+
     Image {
         id: placementModelButtonImg
-        sourceSize: Qt.size(parent.width, parent.width)
+        sourceSize: Qt.size(parent.width * 0.5, parent.width * 0.5)
         source: "qrc:/img/upfloat.svg"
         anchors.centerIn: parent
     }
@@ -48,10 +50,20 @@ Rectangle {
 
         onEntered: {
             placementModelButtonToolTip.visible = true
+            color = virtualKeyboard.placementButtonHoverColor
         }
 
         onExited: {
             placementModelButtonToolTip.visible = false
+            color = virtualKeyboard.virtualKeyboardColor
+        }
+
+        onPressed: {
+            color = virtualKeyboard.placementButtonPressedColor
+        }
+
+        onReleased: {
+            color = virtualKeyboard.placementButtonHoverColor
         }
     }
 
diff --git a/qml/VirtualKeyboard.qml b/qml/VirtualKeyboard.qml
index dc0bab490f4a7a36007dbae5d1b51fb5376ca802..a62e109765b15f02ab71494c65625282cf6a6b36 100644
--- a/qml/VirtualKeyboard.qml
+++ b/qml/VirtualKeyboard.qml
@@ -68,6 +68,7 @@ Rectangle {
     property int preeditX: cardinalNumber * 3.5
     property int candidateListWidth: virtualKeyboardContent.width - 7*cardinalNumber
     property int toolbarSize: cardinalNumber * 3
+    property int toolButtonSize: cardinalNumber * 6     /*关闭按钮尺寸调大*/
     property int candidateListX: cardinalNumber * 2
     property int candidateListSpacing: cardinalNumber * 3
     property int keyRadius: cardinalNumber
@@ -107,9 +108,15 @@ Rectangle {
     property color preeditBottomColor: "#E4E6E9" /*预编辑下方分割线颜色*/
     property color dragBarIndicatorColor: "#1D1D1D" /*拖拽条指示器颜色*/
 
+    property color hideButtonPressedColor: "#C43232" /*关闭按钮按下态颜色*/
+    property color hideButtonHoverColor: "#E93C3C" /*关闭按钮悬浮态颜色*/
+    property color placementButtonPressedColor: "#C8C8C8" /*布局模式切换按钮按下态颜色*/
+    property color placementButtonHoverColor: "#DCDCDC" /*布局模式切换按钮悬浮态颜色*/
+
     //圆角相关
     property int virtualKeyboardFloatPlacementRadius: 16
     property int dragBarIndicatorRadius: 2
+    property int toolButtonRadius: 8
 
     //状态相关
     property string letterState: "NORMAL"