Qt实现wgt在点击focux状态时加边框效果

背景

• 项目中需要给一个自定义的QWidget控件加选中边框。

思路

• 加透明背景，设置border带颜色边框，响应focux事件切换选中及默认状态。

实现

m_borderWgt = new QWidget(this);
m_borderWgt->setAttribute(Qt::WA_TransparentForMouseEvents);
m_borderWgt->setStyleSheet("background:transparent; border:1px solid blue;");

void TestWidget::focusInEvent(QFocusEvent *event)
{
    m_bFocus = true;
    focusState();
    this->update();
}

void TestWidget::focusOutEvent(QFocusEvent *event)
{
    m_bFocus = false;
    focusState();
    this->update();
}

void TestWidget::focusState()
{
    m_borderWgt->setGeometry(0, 0, rect().width(), rect().height());
    if (m_bFocus) {
        m_borderWgt->show();
    } else {
        m_borderWgt->hide();
    }
}