QComboBox显示文本居中问题

项目场景:

项目中为了与其他控件显示的文本对齐,需要对QComboBox显示文本进行居中显示。网上找了一下并没有找到好的方法,记录一下这次解决方法


解决方案:

首先从网上找了一下,网上主流方法是通过setLineEdit(QLineEdit *edit)来设置edit的文本居中来完成文本居中显示,这样相当于改变了QComboBox显示框的属性了。但是这样点击edit框会无法弹出下拉框,又需要对edit框进行点击事件处理才可以完成。

我需要正常的label进行显示,尽量不改变它原有的属性,并且可以适用样式表。

通过查看ComboBox::paintEvent()方法源码发现其实现很简单

void QComboBox::paintEvent(QPaintEvent *)
{
    QStylePainter painter(this);
    painter.setPen(palette().color(QPalette::Text));

    // draw the combobox frame, focusrect and selected etc.
    QStyleOptionComboBox opt;
    initStyleOption(&opt);
    painter.drawComplexControl(QStyle::CC_ComboBox, opt);//这里是绘制复杂控件,也就是ComboBox框加上箭头,以及控件背景

    // draw the icon and text
    painter.drawControl(QStyle::CE_ComboBoxLabel, opt);//这个就是绘制显示的文本
}

通过上面代码来看,我们只需要修改painter.drawControl(QStyle::CE_ComboBoxLabel, opt);这一行代码,让文本能够居中显示就可以了。下面是我实现

    // draw the icon and text
    if(opt.editable)
    {
        //编辑模式下应用原有绘制,其实qt源码实现中并没有绘制任何东西
        painter.drawControl(QStyle::CE_ComboBoxLabel, opt);
    }
    else
    {
        //计算显示文本的区域,去除右边下拉箭头图标
        QRect textR = style()->subControlRect(QStyle::CC_ComboBox, &opt, QStyle::SC_ComboBoxEditField, this);
        //让文本可以通过text-align属性调整位置,使用绘制PushButton文本的样式来进行绘制
        QStyleOptionButton optLabel;
        optLabel.init(this);
        optLabel.rect = textR;
        optLabel.text = opt.currentText;
        optLabel.icon = opt.currentIcon;
        optLabel.iconSize = opt.iconSize;
        painter.drawControl(QStyle::CE_PushButtonLabel, optLabel);
    }

总结:

qt控件的绘制函数里有很多可以借鉴和直接拿过来用的,另外QStylePainter 中的draw相关函数中有很多qt封装很好的控件绘制,还会适用qss样式表,合理的运用其中的方法可以解决很多问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值