Qt常用控件

QWidget与QFrame

QWidget所有图形控件的基类
QFrame与QWidget的区别
- QFrame是基本控件的基类, QWidget是QFrame的基类. 因此QFrame支持的方法更多一些.

QMenu与QMenuBar

头文件

#include <QMenuBar>//菜单栏

#include <QMenu>//菜单

#include <QAction>//动作

构造代码

//添加菜单栏

QMenuBar *mBar = menuBar();

//添加菜单

QMenu *pFile = mBar->addMenu("文件");

//添加菜单项, 添加动作

QAction *pNew = pFile->addAction("新建");

//连接到对应槽函数

connect(pNew, &QAction::triggered, [](){});

//添加分割线

pFile->addSeparator();

//创建一个菜单文本为“保存(&S)”并且Ctrl+S为键盘快捷键的“文件保存”操作。

fileSaveAction = new QAction( "Save File", QPixmap( filesave),"&Save", CTRL+Key_S, this, "save" );

//连接到对应槽函数

connect( fileSaveAction, SIGNAL( activated() ) , this, SLOT( save() ) );

QToolBar

头文件

#include <QToolBar>

#include <QPushButton>

构造代码

//添加工具栏

QToolBar *toolBar = addToolBar("toolBar");

//把上面菜单栏定义的指针直接拿过来就添加到工具栏了.

toolBar->addAction(pNew);

//定义其他文字或图片工具栏按钮

QPushButton *b = new QPushButton(this);

b->setText("^_^");

//按下工具栏按钮, 笑脸变成123

connect(b, &QPushButton::clicked, [](){b->setText("123");});

QStatusBar

头文件

#include <QStatusBar>

#include <QLabel>//显示控件

构造代码

QStatusBar *sBar = statusBar();

QLabel *label = new QLabel(this);//新建标签

label -> setText("hello");//设置标签显示内容

sBar -> addWidget(label);//将标签添加至状态栏

核心控件(工作区控件)

代码

//将QTextEdit设置为核心控件

this->setCentralWidget(new QTextEdit);

QDockWidget

头文件

#include <QDockWidget>

创建代码

//创建浮动窗口

QDockWidget *dock = new QDockWidget(this);

//将浮动窗口显示在窗口右边

addDockWidget(Qt::RightDockWidgetArea, dock);

//创建一个编辑框

QTextEdit *textEdit = new QTextEdit(this);

//将编辑框放到浮动窗口里

dock->setWidget(textEdit);

QDialog

对话框如果申请了堆区内存, 关闭时是不进行释放的, 只有程序结束才释放. 可通过以下属性设置对话框关闭时即释放内存

QDialog *p = new QDialog;

p->setAttribute(Qt::WA_DeleteOnClose);

QMessageBox

头文件

#include <QMessageBox>

关于

//参数:指定父窗口, 标题, 内容

QMessageBox::about(this, "about", "关于qt");

问题

//参数:指定父窗口, 标题, 问题, 返回选择结果

int ret = QMessageBox::question(this, "question", "是否关闭?");

switch(ret)

{

    case QMessageBox::Yes:

        qDebug()<<"你选择了yes";

        break;

    case QMessageBox::No:

        qDebug()<<"你选择了no";

        break;

    default:

        break;

}

//第四个参数可以指定显示的选项

ret = QMessageBox::question(this, "question", "是否关闭?", QMessageBox::Ok|QMessageBox::Cancel);

QFileDialog

头文件

#include <QFileDialog>

使用

//参数:指定父窗口, 标题, 路径. 返回字符串为文件路径.

QString path = QFileDialog::getOpenFileName(this, "open", "../");

//最后一个参数可以设定可选文件类型.

path = QFileDialog::getOpenFileName(this, "open", "../", "souce(*.cpp *.h);;Text(*.txt);;all(*.*)");

打开多个文件(getOpenFileNames)时, 返回QStringList

Qlabel

属性
- pixmap属性设置图片(直接选时是相对路径)
- scaledContents自动填充
Qt相对路径问题
- 编译运行时, 相对路径为makefile
为避免相对路径带来的问题, 可以使用资源文件, 也可以采用获取exe文件相对路径的方式.
资源文件添加方法:
1. 在工程里将需要用到的图片放到集中的文件夹.
2. 添加Qt Resource File, 设置一个文件名
3. 在*.qrc上双击或者"open in editor"菜单
4. 添加-添加前缀
5. 添加资源文件
6. 编译保存一下
7. 此后编译出的可执行文件包含资源文件, 因此大一些

QLineEdit

设置边框颜色和圆角

setStyleSheet(QString("border:1px solid;border-radius:2px;border-color:rgb(120, 120, 120);border-width:1px;")

设置左边留白

setTextMargins(8, 0, 0, 0);

QScrollArea

自定义竖直下拉滚动条
- 设置圆角并隐藏上下的三角符号

    CScrollArea::CScrollArea(QWidget *parent): QScrollArea(parent)

    {

        setStyleSheet("QScrollArea{border:0;padding:0;}");//设置下拉滚动条影响范围的区域边框为0

        verticalScrollBar()->setStyleSheet(

            "QScrollBar{margin: 0px;background:transparent; width: 6px;height:30px; min-width:6; min-height:30}"//设置下拉滚动条背景宽度6高度30无边框背景透明

            "QScrollBar::handle{background:#c0c0c0; border:0; height:40;min-height:40;border-radius:3px;}"//设置滚动条颜色#c0c0c0无边框最小高度40圆角3px

            "QScrollBar::handle:hover{background:gray; border:0;}"//设置鼠标徘徊颜色为灰色边框0

            "QScrollBar::sub-line{background:transparent;width:0px;height:0px;border:0;}"//设置下拉滚动条上拉三角为0

            "QScrollBar::add-line{background:transparent;width:0px;height:0px;border:0;}"//设置下拉滚动条下拉三角为0

        );

    }

给QScrollArea影响区域加外框
- 如果想把滚动条区域框起来, 应该将以上控件放入一个QWidget, 设置QWidget的边框和颜色, 并设置其不影响滚动条局域, 可以设置QWidget子控件不继承其Style属性. 下面代码中 #widgetOut表示该设置仅对这个控件生效

     ui.widgetOut->setStyleSheet("QWidget #widgetOut{border:1px solid;border-color:#e6e6e6;padding:0;}");

QCheckBox

使用自定义图片的CheckBox

setStyleSheet(QString("QCheckBox::indicator:unchecked { image: url(%1);}").arg("/checkbox/unchecked.png") +

        QString("QCheckBox::indicator:unchecked:hover {image: url(%1);}").arg("/checkbox/uncheckedHover.png") +

        QString("QCheckBox::indicator:checked {image: url(%1);}").arg( "/checkbox/checked.png") +

        QString("QCheckBox::indicator:checked:hover {image: url(%1);}").arg("/checkbox/checkedHover.png") +

        QString("QCheckBox::indicator:indeterminate {image: url(%1);}").arg("/checkbox/partiallyChecked.png") +

        QString("QCheckBox::indicator:indeterminate:hover {image: url(%1);}").arg("/checkbox/partiallyCheckedHover.png") +

        QString("QCheckBox::indicator:unchecked:disabled {image: url(%1);}").arg("/checkbox/disable.png"));

QTableWidget

自定义QTabelWidget各风格

    //first example

    pWindow->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);		//去掉水平滚动条

    pWindow->verticalHeader()->setVisible(false);				        //设置垂直头不可见

    pWindow->setFrameShape(QFrame::NoFrame);				            //设置无边框

    pWindow->setSelectionBehavior(QAbstractItemView::SelectRows);		//一次选择一行

    //设置选中行的背景色

    pWindow->setStyleSheet("selection-background-color:#e5e5e5;selection-color:#666666;background-color:#ffffff;color:#666666;");

    pWindow->setEditTriggers(QAbstractItemView::NoEditTriggers);		//设置不可编辑

    pWindow->horizontalHeader()->setHighlightSections(false);		    //点击表时不对表头行光亮(获取焦点)

    //设置表头不可拖动

    pWindow->horizontalHeader()->setSectionResizeMode(QHeaderView::Fixed);

    pWindow->horizontalHeader()->setSectionsClickable(false);		    //禁止表头点击

    //设置表头字体，颜色

    pWindow->horizontalHeader()->setStyleSheet("QHeaderView::section {background-color:#f7f7f7;border:1px solid #e5e5e5;}");

    pWindow->horizontalHeader()->setFixedHeight(40);			        //设置表头的高度

    LL::SetVerticalScrollbar(pWindow->verticalScrollBar());			    //设置垂直滚动条风格

    pWindow->setItemDelegate(new CNoFocusDelegate());			        //设置鼠标行时，不显示单元格虚框

    pWindow->setSelectionMode(QAbstractItemView::SingleSelection);		//设置只允许选择一行

    //设置表头字体

    QFont font = pWindow->horizontalHeader()->font();

    font.setBold(false);

    font.setPixelSize(12);

    pWindow->horizontalHeader()->setFont(font);

    //Second Example

    ui.tableWidget->setRowCount(6);                                      //设置6行

    ui.tableWidget->setColumnCount(3);                                   //设置3列

    ui.tableWidget->verticalHeader()->hide();                            //隐藏垂直表头

    ui.tableWidget->setHorizontalScrollBarPolicy(Qt::ScrollBarAlwaysOff);   //隐藏水平滚动条

    ui.tableWidget->setVerticalScrollBarPolicy(Qt::ScrollBarAlwaysOff);     //隐藏垂直滚动条

    ui.tableWidget->verticalHeader()->setSectionResizeMode(QHeaderView::Stretch);    //禁止竖直滚动

    ui.tableWidget->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);    //禁止水平滚动

    ui.tableWidget->setColumnWidth(0, 182);                                 //添加一列

    ui.tableWidget->setColumnWidth(1, 173);                                 //添加一列

    ui.tableWidget->setColumnWidth(2, 135);                                 //添加一列

    //======table header set======

    ui.tableWidget->horizontalHeader()->setMinimumHeight(35);               //水平表头高度

    ui.tableWidget->horizontalHeader()->setDisabled(true);                  //设置不可编辑

    ui.tableWidget->horizontalHeader()->setSectionsClickable(false);        //设置不可点击

    QFont font("Segoe UI", -1, 50);

    font.setPixelSize(15)

    ui.tableWidget->horizontalHeader()->setFont(font);                      //设置表头字体

    ui.tableWidget->horizontalHeader()->setStyleSheet("QHeaderView::section{background-color: rgb(255, 255, 255);"  //背景色

        //"border-radius:0px;"

        "border:0;"                                                                                                 //表头边框

    "min-height:29px;}"                                                                                             //最小高度

    );

    ui.tableWidget->horizontalHeader()->setSectionsMovable(false);                                                  //关闭列宽调整

    QStringList header;

    header << tr("First Title") << tr("Second Title") << tr("Thread Title");                                        //表头内容

    ui.tableWidget->setHorizontalHeaderLabels(header);                                                              //加载表头内容

    //===Content set===

    ui.tableWidget->setFrameShape(QTableWidget::NoFrame);                                                           //设置无边框

    ui.tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers);                                             //禁止编辑

    ui.tableWidget->setStyleSheet(

        "gridline-color:rgb(255,255,255);"                                                                          //分割线颜色

        "background:white;"                                                                                         //背景色

        "color:#666666;"                                                                                            //字体颜色

        "selection-background-color:rgb(255,255,255);"                                                              //选中背景色

        "selection-color:rgb(60,60,60);"                                                                            //选中字体颜色

        );

    ui.tableWidget->setFont(font);                                                                                  //设置字体

    ui.tableWidget->setItem(0, 0, new QTableWidgetItem(tr("1 horizon header")));                                    //内容设置

    ui.tableWidget->setItem(1, 0, new QTableWidgetItem(tr("2 horizon header")));

    ui.tableWidget->setItem(2, 0, new QTableWidgetItem(tr("3 horizon header")));

    ui.tableWidget->setItem(3, 0, new QTableWidgetItem(tr("4 horizon header")));

    ui.tableWidget->setItem(4, 0, new QTableWidgetItem(tr("5 horizon header")));

    ui.tableWidget->item(0, 0)->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);                              //居中设置

    ui.tableWidget->item(1, 0)->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

    ui.tableWidget->item(2, 0)->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

    ui.tableWidget->item(3, 0)->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

    ui.tableWidget->item(4, 0)->setTextAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

    //======Photo loadding===========

    std::vector<QLabel *> label;

    label.clear();

    QLabel *label_N = new QLabel();

    label_N->setPixmap(QPixmap("../no.png"));

    label_N->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

    for (int i = 0; i < 9; ++i)

    {

        QLabel *label_Y = new QLabel();

        label_Y->setPixmap(QPixmap(strPath + "../yes.png"));

        label_Y->setAlignment(Qt::AlignHCenter | Qt::AlignVCenter);

        label.push_back(label_Y);

    }

    if ((label.size() > 9) || (label.size() == 9))

    {

        ui.tableWidget->setCellWidget(0, 1, label.at(0));

        ui.tableWidget->setCellWidget(1, 1, label.at(1));

        ui.tableWidget->setCellWidget(2, 1, label.at(2));

        ui.tableWidget->setCellWidget(3, 1, label.at(3));

        ui.tableWidget->setCellWidget(0, 2, label.at(4));

        ui.tableWidget->setCellWidget(1, 2, label.at(5));

        ui.tableWidget->setCellWidget(2, 2, label.at(6));

        ui.tableWidget->setCellWidget(3, 2, label.at(7));

        ui.tableWidget->setCellWidget(4, 2, label.at(8));

    }

Qt常用控件

Qt常用控件

QWidget与QFrame

QMenu与QMenuBar

QToolBar

QStatusBar

核心控件(工作区控件)

QDockWidget

QDialog

QMessageBox

QFileDialog

Qlabel

QLineEdit

QScrollArea

QCheckBox

QTableWidget

相关文章