【QT-lineEidte动画效果

QT-lineEidte动画效果

一、演示效果

二、核心代码

c 复制代码
#ifndef DynamicUnderlineLineEdit_H
#define DynamicUnderlineLineEdit_H

#include <QWidget>
#include <QLineEdit>
#include <QPainter>
#include <QPaintEvent>
#include <QFocusEvent>
#include <QTimer>
#include <QColor>
#include <QPointF>
#include <QPalette>

//动态下划线单行文本框:Dynamic Underline LineEdit
class DynamicUnderlineLineEdit : public QLineEdit
{
    Q_OBJECT
public:
    explicit DynamicUnderlineLineEdit(QWidget *parent = nullptr);
    explicit DynamicUnderlineLineEdit(const QString &text, QWidget *parent = nullptr);

    void setLinePen( const QPen &focusInPen,
                    const QPen &focusOutPen = QPen(QBrush(QColor(66,66,66)),2)); // 设置线条的绘制画笔,参数:获取焦点的绘制画笔,失去焦点的绘制画笔
    void setTextColor(const QColor &textColor);                                 // 设置输入文字颜色
    void setPlaceholderTextColor(const QColor &placeholderText);                // 设置预设背景文字颜色
    void setLineSpeed(int speed);                                               // 设置线条填速度,越小越快,最小为1,实际使用可根据文本框的长度不同设置不同的速度以达到最佳观感

private:
    int right_coordinate{-1};   // 线条右侧坐标
    QTimer *timer;
    QPen inactive_pen;// 未获得焦点时线条的绘制画笔
    QPen active_pen; // 获得焦点时线条的绘制画笔

    void initializeMemberVariable();

private slots:
    void inFocus();  // 获得焦点
    void outFocus(); // 失去焦点

protected:
    virtual void paintEvent(QPaintEvent *event) override;
    virtual void focusInEvent(QFocusEvent *event) override;  // 获取焦点事件
    virtual void focusOutEvent(QFocusEvent *event) override; // 失去焦点事件
};

#endif // DynamicUnderlineLineEdit_H
cpp 复制代码
#include "DynamicUnderlineLineEdit.h"

DynamicUnderlineLineEdit::DynamicUnderlineLineEdit(QWidget *parent)
    : QLineEdit{parent},
      timer{new QTimer(this)}
{
    initializeMemberVariable();
}
DynamicUnderlineLineEdit::DynamicUnderlineLineEdit(const QString &text, QWidget *parent)
    : QLineEdit::QLineEdit(text,parent)
{
    initializeMemberVariable();
}

void DynamicUnderlineLineEdit::setLinePen( const QPen &focusInPen,const QPen &focusOutPen)
{
    inactive_pen = focusOutPen;
    active_pen = focusInPen;
}

void DynamicUnderlineLineEdit::setTextColor(const QColor &textColor)
{
    const_cast<QPalette &>(palette()).setColor(QPalette::ColorRole::Text, textColor);
}

void DynamicUnderlineLineEdit::setPlaceholderTextColor(const QColor &placeholderText)
{
    const_cast<QPalette &>(palette()).setColor(QPalette::ColorRole::PlaceholderText, placeholderText);
}

void DynamicUnderlineLineEdit::setLineSpeed(int speed)
{
    timer->setInterval(speed);
}

void DynamicUnderlineLineEdit::initializeMemberVariable()
{
    setFocusPolicy(Qt::ClickFocus);
    timer->setInterval(12);
    connect(timer, &QTimer::timeout, this, &DynamicUnderlineLineEdit::inFocus);
    setAttribute(Qt::WA_TranslucentBackground);//背景透明
    setFrame(false);//无边框
    setTextMargins(10, 0, 0, 0);//设置文本左边距10像素
    inactive_pen.setColor(qRgb(66, 66, 66));
    inactive_pen.setWidth(2);
    active_pen.setColor(qRgb(0, 123, 255));
    active_pen.setWidth(2);
}

void DynamicUnderlineLineEdit::inFocus()
{
    right_coordinate += 10;
    if (right_coordinate > width())
        timer->stop();
    update();
}

void DynamicUnderlineLineEdit::outFocus()
{
    right_coordinate -= 10;
    if (right_coordinate < 0)
        timer->stop();
    update();
}

void DynamicUnderlineLineEdit::paintEvent(QPaintEvent *event)
{
    QLineEdit::paintEvent(event);
    QPainter painter = QPainter(this);
    painter.setRenderHint(QPainter::RenderHint::Antialiasing); // 抗锯齿
    painter.setPen(inactive_pen); // 设置画笔颜色和线条样式
    painter.drawLine(0, height() - inactive_pen.width(),width(), height() - inactive_pen.width()); // 在底部画未选中时的线条
    painter.setPen(active_pen);
    painter.drawLine(-2, height() - active_pen.width(),right_coordinate, height() - active_pen.width()); // 在底部画选中时的线条
}

void DynamicUnderlineLineEdit::focusInEvent(QFocusEvent *event)
{
    QLineEdit::focusInEvent(event);
    timer->disconnect();
    connect(timer, &QTimer::timeout, this, &DynamicUnderlineLineEdit::inFocus);
    timer->start();
}

void DynamicUnderlineLineEdit::focusOutEvent(QFocusEvent *event)
{
    QLineEdit::focusOutEvent(event);
    timer->disconnect();
    connect(timer, &QTimer::timeout, this, &DynamicUnderlineLineEdit::outFocus);
    timer->start();
}

三、下载链接

https://download.csdn.net/download/u013083044/88864880

相关推荐
亚雷12 分钟前
深入浅出达梦共享存储集群数据同步
数据库·后端·程序员
Nebula_g21 分钟前
Java哈希表入门详解(Hash)
java·开发语言·学习·算法·哈希算法·初学者
努力努力再努力wz23 分钟前
【C++进阶系列】:万字详解unordered_set和unordered_map,带你手搓一个哈希表!(附模拟实现unordered_set和unordered_map的源码)
java·linux·开发语言·数据结构·数据库·c++·散列表
励志不掉头发的内向程序员27 分钟前
【STL库】哈希表的原理 | 哈希表模拟实现
开发语言·c++·学习·散列表
计算机学长felix29 分钟前
基于SpringBoot的“基于数据安全的旅游民宿租赁系统”的设计与实现(源码+数据库+文档+PPT)
数据库·spring boot·旅游
万粉变现经纪人33 分钟前
如何解决 pip install -r requirements.txt 私有仓库认证失败 401 Unauthorized 问题
开发语言·python·scrapy·flask·beautifulsoup·pandas·pip
施嘉伟39 分钟前
SQL Server安全配置全面检查与优化方案
数据库·安全
量子炒饭大师41 分钟前
收集飞花令碎片——C语言字符函数与字符串函数
c语言·开发语言
懂得节能嘛.41 分钟前
【设计模式】Java规则树重构复杂业务逻辑
java·开发语言·设计模式