MyChat_Client/messageeditarea.cpp

#include "messageeditarea.h"


MessageEditArea::MessageEditArea(QWidget *parent)
    : QWidget{parent}
{
    //设置必要的属性
    this->setFixedHeight(250);
    this->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);

    //创建垂直方向的布局管理器
    QVBoxLayout* vlayout = new QVBoxLayout();
    vlayout->setSpacing(0);
    vlayout->setContentsMargins(0, 0, 30, 10);
    this->setLayout(vlayout);

    //创建水平方向的布局管理器
    QHBoxLayout* hlayout = new QHBoxLayout();
    hlayout->setSpacing(0);
    hlayout->setContentsMargins(10, 0, 0, 0);
    hlayout->setAlignment(Qt::AlignLeft | Qt::AlignTop);
    vlayout->addLayout(hlayout);

    //将上方的四个按钮，创建好并添加到layout中
    QString btnStyle = R"(QPushButton { background-color: rgb(245, 245, 245); border: none; }
                            QPushButton:pressed {background-color: rgb(255, 255, 255); })";
    QSize btnSize(35, 35);
    QSize iconSize(25, 25);

    sendImageBtn = new QPushButton();
    sendImageBtn->setFixedSize(btnSize);
    sendImageBtn->setIconSize(iconSize);
    sendImageBtn->setIcon(QIcon(":/resource/image/image.png"));
    sendImageBtn->setStyleSheet(btnStyle);
    hlayout->addWidget(sendImageBtn);

    sendFileBtn = new QPushButton();
    sendFileBtn->setFixedSize(btnSize);
    sendFileBtn->setIconSize(iconSize);
    sendFileBtn->setIcon(QIcon(":/resource/image/file.png"));
    sendFileBtn->setStyleSheet(btnStyle);
    hlayout->addWidget(sendFileBtn);

    sendSpeechBtn = new QPushButton();
    sendSpeechBtn->setFixedSize(btnSize);
    sendSpeechBtn->setIconSize(iconSize);
    sendSpeechBtn->setIcon(QIcon(":/resource/image/sound.png"));
    sendSpeechBtn->setStyleSheet(btnStyle);
    hlayout->addWidget(sendSpeechBtn);

    showHistoryBtn = new QPushButton();
    showHistoryBtn->setFixedSize(btnSize);
    showHistoryBtn->setIconSize(iconSize);
    showHistoryBtn->setIcon(QIcon(":/resource/image/history.png"));
    showHistoryBtn->setStyleSheet(btnStyle);
    hlayout->addWidget(showHistoryBtn);

    //添加多行编辑框
    textEdit = new QPlainTextEdit();
    textEdit->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding);
    textEdit->setStyleSheet(R"( QPlainTextEdit {
        color: black;
        border: none;
        background-color: transparent;
        font-size: 14px;
        padding: 10px; }
)");
    textEdit->verticalScrollBar()->setStyleSheet(R"(
        QScrollBar:vertical {
        background-color: rgb(228, 228, 228);      /* 滚动条背景透明 */
        width: 6px;                  /* 默认宽度 */
        margin: 0px 0px 0px 0px;     /* 边距清零 */
    }
    QScrollBar::handle:vertical {
        background: #CCCCCC;         /* 滑块颜色（浅灰色） */
        min-height: 30px;            /* 滑块最小高度 */
        border-radius: 3px;          /* 圆角 */
    }
    QScrollBar::handle:vertical:hover {
        background: #999999;         /* 悬停时滑块颜色加深 */
        width: 10px;                 /* 悬停时宽度增大 */
    }
    QScrollBar::handle:vertical:pressed {
        background: #666666;         /* 按下时颜色更深 */
    }
    QScrollBar::add-line:vertical,
    QScrollBar::sub-line:vertical {
        height: 0px;                 /* 隐藏上下箭头按钮 */
        background: none;
    }
    QScrollBar::add-page:vertical,
    QScrollBar::sub-page:vertical {
        background: none;            /* 滚动条背景区域透明 */
    }
        
)");

    vlayout->addWidget(textEdit);


    //添加发送消息文本的按钮
    sendTextButton = new QPushButton();
    sendTextButton->setText("发送");
    sendTextButton->setFixedSize(120, 40);
    //仿Wechat的标准样式
    sendTextButton->setStyleSheet(R"(QPushButton { 
        font-size: 16px; 
        color: rgb(7, 193, 96);
        border: none;
        background-color: rgb(233, 233, 233);
        border-radius: 5px; }
    QPushButton:hover {
            background-color: rgb(210, 210, 210); }
    QPushButton:pressed {
            background-color: rgb(190, 190, 190); } 
)");


//// 创建阴影效果
//    shadowEffect = new QGraphicsDropShadowEffect;
//    shadowEffect->setBlurRadius(12);
//    shadowEffect->setOffset(0, 5);
//    shadowEffect->setColor(QColor(0, 0, 0, 150));
//    sendTextButton->setGraphicsEffect(shadowEffect);
//
//// 设置按钮样式表
//    sendTextButton->setStyleSheet(R"(
//    QPushButton {
//        background: qlineargradient(spread:pad, 
//                    x1:0, y1:0, x2:1, y2:0, 
//                    stop:0 #9b59b6, 
//                    stop:1 #8e44ad);
//        border-radius: 10px;
//        color: white;
//        font: bold 14px;
//        border: none;
//        margin: 5px;
//        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
//    }
//    QPushButton:hover {
//        background: qlineargradient(spread:pad, 
//                    x1:0, y1:0, x2:1, y2:0, 
//                    stop:0 #e67e22, 
//                    stop:1 #d35400);
//        box-shadow: 0 7px 20px rgba(0,0,0,0.4);
//    }
//    QPushButton:pressed {
//        background: qlineargradient(spread:pad, 
//                    x1:0, y1:0, x2:1, y2:0, 
//                    stop:0 #e74c3c, 
//                    stop:1 #c0392b);
//    }
//)");
//
//    // 连接按钮的按下和释放事件
//    connect(sendTextButton, &QPushButton::pressed, [=]() {
//        QPropertyAnimation* anim = new QPropertyAnimation(shadowEffect, "offset");
//        anim->setDuration(100);
//        anim->setStartValue(shadowEffect->offset());
//        anim->setEndValue(QPointF(0, 1));
//        anim->start(QAbstractAnimation::DeleteWhenStopped);
//        });
//
//    connect(sendTextButton, &QPushButton::released, [=]() {
//        QPropertyAnimation* anim = new QPropertyAnimation(shadowEffect, "offset");
//        anim->setDuration(150);
//        anim->setStartValue(shadowEffect->offset());
//        anim->setEndValue(QPointF(0, sendTextButton->underMouse() ? 3 : 5)); // 根据是否悬停决定最终位置
//        anim->setEasingCurve(QEasingCurve::OutBack);
//        anim->start(QAbstractAnimation::DeleteWhenStopped);
//        });
//
//    // 安装事件过滤器
//    sendTextButton->installEventFilter(this);



    vlayout->addWidget(sendTextButton, 0, Qt::AlignRight | Qt::AlignVCenter);

}


//bool MessageEditArea::eventFilter(QObject* obj, QEvent* event)
//{
//    if (obj == sendTextButton) {
//        if (event->type() == QEvent::Enter) {
//            // 鼠标进入事件
//            QPropertyAnimation* hoverAnim = new QPropertyAnimation(shadowEffect, "offset");
//            hoverAnim->setDuration(200);
//            hoverAnim->setStartValue(shadowEffect->offset());
//            hoverAnim->setEndValue(QPointF(0, 3));
//            hoverAnim->start(QAbstractAnimation::DeleteWhenStopped);
//            return true;
//        }
//        else if (event->type() == QEvent::Leave) {
//            // 鼠标离开事件
//            QPropertyAnimation* hoverAnim = new QPropertyAnimation(shadowEffect, "offset");
//            hoverAnim->setDuration(200);
//            hoverAnim->setStartValue(shadowEffect->offset());
//            hoverAnim->setEndValue(QPointF(0, 5));
//            hoverAnim->start(QAbstractAnimation::DeleteWhenStopped);
//            return true;
//        }
//    }
//    return QObject::eventFilter(obj, event);
//}