目录
1. 需求提出
2. 解决方法
1. 需求提出
QComboBox下拉项中的文本默认是居左的,如下:
有时需要将下拉项中的文本居中、居右。如何实现?
2. 解决方法
首先想到的是通过样式表来解决,但找遍Qt Assist和网络,都没这样的样式表,那就代码实现吧!本文用到了Qt的model/view framework框架,如果对Qt的“模型/视图/委托”框架不懂,本博文很难读懂。如果不懂这方面的知识,请在Qt Assistant 中输入Model/View Programming 学习了解。读者本机Qt安装目录下的Examples\Qt-XX.XX.XX\widgets\itemviews目录下有很多model/view framework的例子,可以进行自学了解,其中XX.XX.XX为Qt的版本号,如:5.14.1。代码如下:
comboBoxModel.h:
#ifndef COMBOBOXMODEL_H
#define COMBOBOXMODEL_H
#include <QAbstractItemModel>
class CComboBoxModel :public QAbstractItemModel
{
public:CComboBoxModel(QObject* parent = nullptr);public:// 设置项的文本内容void addComboBoxContent(const QString& qsItemContent);// 设置项的文本内容void addComboBoxContent(const QStringList& lstItemContent);// 设置项文本对齐方式void setItemTextAlignMent(Qt::Alignment eAlignment);
public: // virtualvirtual QModelIndex index(int row, int column, const QModelIndex& parent = QModelIndex()) const;virtual QVariant data(const QModelIndex& index, int role = Qt::DisplayRole) const;
private:virtual int columnCount(const QModelIndex& parent = QModelIndex()) const;virtual QModelIndex parent(const QModelIndex& index) const;virtual int rowCount(const QModelIndex & parent = QModelIndex()) const;private:QStringList m_lstComboBoxContent;Qt::Alignment m_eAlignment{ Qt::AlignLeft}; // 项文本默认左对齐};#endif COMBOBOXMODEL_H
comboBoxModel.cpp:
#include "comboBoxModel.h"
CComboBoxModel::CComboBoxModel(QObject* parent /*= nullptr*/):QAbstractItemModel(parent)
{}// 对于QComboBox只有1列
int CComboBoxModel::columnCount(const QModelIndex& parent /*= QModelIndex()*/) const
{return 1;
}// 根据项的行列索引取得项在模型中的模型索引。注意:对于QComboBox只有1列
QModelIndex CComboBoxModel::index(int row, int column, const QModelIndex& parent/* = QModelIndex()*/) const
{return createIndex(row, column);
}// 根据项的角色,取得该角色对应的属性
QVariant CComboBoxModel::data(const QModelIndex& index, int role /*= Qt::DisplayRole*/) const
{if (!index.isValid()){return QVariant();}if (Qt::TextAlignmentRole == role) // 项文本对齐属性{return QVariant(m_eAlignment);// Qt::AlignCenter;}else if(Qt::DisplayRole == role) // 项文本属性{auto rowIndex = index.row();return m_lstComboBoxContent[rowIndex];}return QVariant();
}QModelIndex CComboBoxModel::parent(const QModelIndex& index) const
{return QModelIndex();
}// 项个数
int CComboBoxModel::rowCount(const QModelIndex& parent/* = QModelIndex()*/) const
{return m_lstComboBoxContent.size();
}// 设置项的文本内容
void CComboBoxModel::addComboBoxContent(const QString& qsItemContent)
{m_lstComboBoxContent.append(qsItemContent);
}// 设置项的文本内容
void CComboBoxModel::addComboBoxContent(const QStringList& lstItemContent)
{m_lstComboBoxContent << lstItemContent;
}void CComboBoxModel::setItemTextAlignMent(Qt::Alignment eAlignment)
{m_eAlignment = eAlignment;
}
QtWidgetsApplication1.cpp:
#include "QtWidgetsApplication1.h"
#include "comboBoxModel.h"
#include<QLineEdit>
QtWidgetsApplication1::QtWidgetsApplication1(QWidget *parent): QWidget(parent)
{ui.setupUi(this);auto pModel = new CComboBoxModel(this);QStringList lst;lst << QStringLiteral("开机") << QStringLiteral("关机") << QStringLiteral("复位");pModel->addComboBoxContent(lst);auto eAlignment = Qt::AlignCenter;pModel->setItemTextAlignMent(eAlignment);ui.comboBox->setModel(pModel);auto pLineEdit = new QLineEdit;pLineEdit->setAlignment(eAlignment);pLineEdit->setReadOnly(true);ui.comboBox->setLineEdit(pLineEdit);m_qsLineEdit = lst[0];pLineEdit->setText(m_qsLineEdit);connect(ui.comboBox, QOverload<int>::of(&QComboBox::activated),[=](int index) { pLineEdit->setText(m_qsLineEdit); });connect(ui.comboBox, QOverload<int>::of(&QComboBox::currentIndexChanged),[=](int index){ auto modelIndex = pModel->index(index, 0); // 获取选择的项的模型索引auto text = pModel->data(modelIndex).toString(); // 根据模型索引,从模型中取出项文本pLineEdit->setText(text); // 将项的文本设置到编辑框m_qsLineEdit = text;});
}
其中m_qsLineEdit为在QtWidgetsApplication1.h定义的、用来保存上次选择的文本。注意:一定要响应编辑框的activated信号,否则在下拉框中选择新的项时,编辑框将会清空上次的文本,这样很不友好,如下:
如下为项文本居中的最终效果:
可以通过CComboBoxModel类的setItemTextAlignMent函数来设置对齐方式。其它的代码注释很明白,就不再解释了。