为QTimeEdit实现自定义QWidget弹窗：按钮样式匹配需求

核心思路 #

Qt的QDateEdit在设置setCalendarPopup(True)后，其下拉按钮的样式、交互逻辑完全由当前平台的QStyle控制。我们可以通过两种方式让CustomTimeEdit的按钮对齐这种原生体验：要么复用Qt风格的绘制规则，要么直接借用QDateEdit的原生按钮。

方案1：自定义按钮复用QStyle绘制逻辑 #

如果需要保留自定义按钮的结构，只需让它遵循QDateEdit下拉按钮的风格规范：

1. 设置按钮的控件类型 #

将自定义按钮的controlType指定为QStyle::CE_DateEditDropDown，让Qt风格自动应用对应的绘制规则：

void CustomDropDownBtn::paintEvent(QPaintEvent*)
{
    QPainter painter(this);
    QStyleOptionButton opt;
    opt.initFrom(this);
    // 指定为日期编辑下拉按钮类型
    opt.controlType = QStyle::CE_DateEditDropDown;
    // 同步按钮状态（按下、悬停、禁用等）
    opt.state = isDown() ? QStyle::State_Sunken : QStyle::State_Raised;
    opt.state |= isEnabled() ? QStyle::State_Enabled : QStyle::State_None;
    opt.state |= underMouse() ? QStyle::State_MouseOver : QStyle::State_None;
    
    // 调用当前风格绘制按钮
    style()->drawControl(QStyle::CE_DateEditDropDown, &opt, &painter, this);
}

2. 同步按钮尺寸与交互 #

• 重写sizeHint()获取风格定义的标准尺寸：

QSize CustomDropDownBtn::sizeHint() const
{
    QStyleOptionButton opt;
    opt.initFrom(this);
    opt.controlType = QStyle::CE_DateEditDropDown;
    return style()->sizeFromContents(QStyle::CT_DateEditDropDown, &opt, QSize(), this);
}

• 对齐交互逻辑：实现点击切换弹窗显隐、响应回车键/空格键触发弹窗、焦点行为与QDateEdit按钮一致。

方案2：直接复用QDateEdit的原生按钮（更简便） #

如果不需要自定义按钮结构，直接借用QDateEdit的内部按钮，完全复用原生样式与行为：

CustomTimeEdit::CustomTimeEdit(QWidget* parent) : QWidget(parent)
{
    auto layout = new QHBoxLayout(this);
    layout->setContentsMargins(0, 0, 0, 0);
    
    // 基础时间输入框
    auto timeEdit = new QTimeEdit(this);
    layout->addWidget(timeEdit);
    
    // 创建隐藏的QDateEdit，用于提取原生下拉按钮
    auto dummyDateEdit = new QDateEdit(this);
    dummyDateEdit->setCalendarPopup(true);
    dummyDateEdit->setVisible(false);
    
    // 获取并复用下拉按钮
    if (auto dropDownBtn = dummyDateEdit->findChild<QAbstractButton*>()) {
        layout->addWidget(dropDownBtn);
        // 绑定按钮点击到自定义弹窗的显隐逻辑（你已实现的自适应位置等逻辑可直接复用）
        connect(dropDownBtn, &QAbstractButton::clicked, this, [this]() {
            m_popupWidget->setVisible(!m_popupWidget->isVisible());
            if (m_popupWidget->isVisible()) {
                adjustPopupPosition(); // 你已实现的弹窗位置自适应方法
            }
        });
    }
}

这个方案的优势是无需手动处理绘制逻辑，按钮会自动跟随平台风格（比如Windows的圆角箭头、macOS的原生下拉箭头），且风格切换时自动同步样式。

关键注意事项 #

• 风格变化同步：若用自定义按钮，需重写changeEvent，在QEvent::StyleChange触发时调用update()重绘；复用原生按钮则无需额外处理。
• 焦点管理：确保弹窗关闭后焦点回到CustomTimeEdit的输入框，与QDateEdit的行为对齐。
• 事件过滤：保持你已实现的点击外部/失焦关闭弹窗的逻辑，与原生弹窗行为一致。

内容的提问来源于stack exchange，提问作者Andreas M.