fix: Optimize the selected icon position

Optimize the selected icon position Log: Optimize the selected icon position
linuxdeepin · Jul 23, 2024 · 8737911 · 8737911
1 parent 9dd7e0f
commit 8737911
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 68 deletions.
diff --git a/src/qml/Control/ListView/ThumbnailListDelegate.qml b/src/qml/Control/ListView/ThumbnailListDelegate.qml
@@ -264,60 +264,37 @@ Item {
     Component {
         id: selectedIconComponent
         Item {
-            anchors.fill: parent
-
-            // 计算图片区域的位置
-            Rectangle {
-                id: imageArea
-                anchors.centerIn: parent
-                width: parent.width - 14
-                height: parent.height - 14
-                visible: false
-            }
+            id: imageArea
+            anchors.top: parent.top
+            anchors.right: parent.right
+            anchors.topMargin: 2
+            anchors.rightMargin: 2
+            width: 20
+            height: 20
 
             //选中后显示的图标
             DciIcon {
                 name: "select_active_1"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "Inner_shadow"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "shadow"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "yes"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
         }
     }

diff --git a/src/qml/Control/ListView/ThumbnailListDelegate2.qml b/src/qml/Control/ListView/ThumbnailListDelegate2.qml
@@ -204,60 +204,37 @@ Item {
     Component {
         id: selectedIconComponent
         Item {
-            anchors.fill: parent
-
-            // 计算图片区域的位置
-            Rectangle {
-                id: imageArea
-                anchors.centerIn: parent
-                width: parent.width - 14
-                height: parent.height - 14
-                visible: false
-            }
+            id: imageArea
+            anchors.top: parent.top
+            anchors.right: parent.right
+            anchors.topMargin: 2
+            anchors.rightMargin: 2
+            width: 20
+            height: 20
 
             //选中后显示的图标
             DciIcon {
                 name: "select_active_1"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "Inner_shadow"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "shadow"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
 
             DciIcon {
                 name: "yes"
                 visible: true
-                anchors {
-                    top: imageArea.top
-                    right: imageArea.right
-                    topMargin: 5
-                    rightMargin : 5
-                }
+                anchors.centerIn: parent
             }
         }
     }