chore: 新增搜索框图标移动动画

新增搜索框图标移动动画

Log:

src/widgets/dsearchedit.cpp

@@ -39,6 +39,9 @@ DWIDGET_BEGIN_NAMESPACE
 DCORE_USE_NAMESPACE
 DGUI_USE_NAMESPACE
 
+constexpr int ANI_DURATION = 200;
+constexpr int HIDE_CURSOR_MARGIN = -4;
+
 #ifdef ENABLE_AI
 class VoiceDevice : public QIODevice
 {
@@ -162,7 +165,7 @@ class VoiceDevice : public QIODevice
   \class Dtk::Widget::DSearchEdit
   \inmodule dtkwidget
   @brief The DSearchEdit class provides input box widget specifically used for searching
-  
+
   @details The DSearchEdit class inherits from the DLineEdit class.
   Compared to regular input box widgets, DSearchEdit provides search button instructions，thus users can use it more naturally.
   As shown in the figure：
@@ -246,7 +249,7 @@ bool DSearchEdit::isVoiceInput() const
     D_DC(DSearchEdit);
 #ifdef ENABLE_AI
     return d->voiceInput && d->voiceInput->state() == QAudio::ActiveState;
-#endif // 
+#endif //
 #else
     return false;
 #endif
@@ -270,7 +273,11 @@ DSearchEditPrivate::DSearchEditPrivate(DSearchEdit *q)
     , action(nullptr)
     , iconWidget(nullptr)
     , label(nullptr)
+    , animation(new QPropertyAnimation)
 {
+    animation->setPropertyName("pos");
+    animation->setEasingCurve(QEasingCurve::OutCubic);
+    animation->setDuration(ANI_DURATION);
 }
 
 DSearchEditPrivate::~DSearchEditPrivate()
@@ -377,15 +384,28 @@ void DSearchEditPrivate::_q_toEditMode(bool focus)
 {
     D_Q(DSearchEdit);
 
-    if (focus  || !q->lineEdit()->text().isEmpty()) {
-        action->setVisible(true);
-        iconWidget->setVisible(false);
-        lineEdit->setPlaceholderText(placeholderText);
-    } else {
-        action->setVisible(false);
-        iconWidget->setVisible(true);
-        lineEdit->setPlaceholderText(QString());
-    }
+    if (animation->state() == QPropertyAnimation::Running)
+        return;
+
+    auto textMargins = q->lineEdit()->textMargins();
+    QMargins marginsInAnimation(HIDE_CURSOR_MARGIN, 0, 0, 0);
+
+    animation->setTargetObject(iconWidget);
+    animation->setStartValue(QPoint(q->lineEdit()->geometry().center().x() - iconWidget->width() / 2, iconWidget->pos().y()));
+    animation->setEndValue(QPoint(0, iconWidget->pos().y()));
+
+    q->connect(animation, &QPropertyAnimation::finished, q, [q, this, textMargins]() {
+        q->lineEdit()->setTextMargins(textMargins);
+        if (animation->direction() == QPropertyAnimation::Direction::Forward) {
+            action->setVisible(true);
+            iconWidget->setVisible(false);
+            lineEdit->setPlaceholderText(placeholderText);
+        } else {
+            iconWidget->setVisible(true);
+            lineEdit->setPlaceholderText(QString());
+            iconWidget->move(QPoint(q->lineEdit()->geometry().center().x() - iconWidget->width() / 2, iconWidget->pos().y()));
+        }
+    });
 
 #ifdef ENABLE_AI
     //Focus disappears, clear voice check
@@ -394,6 +414,20 @@ void DSearchEditPrivate::_q_toEditMode(bool focus)
         _q_onVoiceActionTrigger(false);
     }
 #endif
+
+    if (!q->lineEdit()->text().isEmpty())
+        return;
+
+    if (focus) {
+        animation->setDirection(QPropertyAnimation::Direction::Forward);
+    } else {
+        action->setVisible(false);
+        animation->setDirection(QPropertyAnimation::Direction::Backward);
+    }
+
+    iconWidget->setVisible(true);
+    q->lineEdit()->setTextMargins(marginsInAnimation);
+    animation->start();
 }
 
 void DSearchEditPrivate::_q_onVoiceActionTrigger(bool checked)

src/widgets/private/dsearchedit_p.h

@@ -9,6 +9,7 @@
 #include <DSearchEdit>
 
 #include <QLabel>
+#include <QPropertyAnimation>
 
 QT_BEGIN_NAMESPACE
 class QAudioInput;
@@ -37,6 +38,7 @@ class DSearchEditPrivate : DLineEditPrivate
 
     QWidget *iconWidget;
     QLabel *label;
+    QPropertyAnimation *animation;
 
 #ifdef ENABLE_AI
     QAction *voiceAction = nullptr;