本文共 20786 字，大约阅读时间需要 69 分钟。

一、简介

      Qt自带的界面不利于样式的调整和美化，自定义界面便于设计风格。

二、详解

1、代码

（1）pagenumbercontrol.h

#ifndef PAGENUMBERCONTROL_H#define PAGENUMBERCONTROL_H#include 
   
    #include "custombtn.h"#ifndef ABSTRACT  #define ABSTRACT =0#endif//usage:IPageNumberControl *app = new PageNumberControl(this);class IPageNumberControl : public QWidget{    Q_OBJECTpublic:    virtual ~IPageNumberControl(){};protected:    IPageNumberControl(QWidget *parent = 0):QWidget(parent){};public:    virtual void setCurrentPage(int currentPageNumber) ABSTRACT;    virtual void setTotalPage(int totalPageNumber) ABSTRACT;    virtual void setCurrentAndTotalPage(int currentPageNumber, int totalPageNumber) ABSTRACT;    virtual void setBackgroundColor(const QColor & color) ABSTRACT;signals:    void currentPageChanged(int);};class PageNumberControl : public IPageNumberControl{    Q_OBJECTpublic:    explicit PageNumberControl(QWidget *parent = 0);    ~PageNumberControl();public:    void setCurrentPage(int currentPageNumber);    void setTotalPage(int totalPageNumber);    void setCurrentAndTotalPage(int currentPageNumber, int totalPageNumber);    void setBackgroundColor(const QColor & color);protected:    void paintEvent(QPaintEvent *event);private:    void updatePageNumber();private slots:    void slotForwardPage();    void slotBackwardPage();private:    QLabel *currentPageLabel;    QLabel *middleLabel;    QLabel *totalPageLabel;    CustomBtn *forwardBtn;    CustomBtn *backwardBtn;    QPoint dragPosition;    int _currentPageNumber;    int _totalPageNumber;    QColor backgroundColor;};#endif // PAGENUMBERCONTROL_H
   

（2）pagenumbercontrol.cpp

#include 
   
    #include "pagenumbercontrol.h"PageNumberControl::PageNumberControl(QWidget *parent)    : IPageNumberControl(parent){ //   setAutoFillBackground(true);    backgroundColor = QColor(0xFF,0xFF,0xFF,0xFF);    _currentPageNumber = 1;    _totalPageNumber = 1;    setStyleSheet("QLabel{font-family:arial;font-size:14px; color:#19649F;}");    currentPageLabel = new QLabel(this);    middleLabel = new QLabel(tr("/"), this);    totalPageLabel = new QLabel(this);    forwardBtn = new CustomBtn(this);    forwardBtn->SetImgs(":/images/btn15_bg_hover.png", ":/images/btn15_bg.png", ":/images/btn15_bg_disable.png", "");    forwardBtn->resize(35, 15);    forwardBtn->move(0,0);    forwardBtn->setText("<", Qt::white, Qt::white, QFont("verdana", 10, QFont::Normal));    connect(forwardBtn, SIGNAL(clicked()), this, SLOT(slotForwardPage()));    backwardBtn = new CustomBtn(this);    backwardBtn->SetImgs(":/images/btn15_bg_hover.png", ":/images/btn15_bg.png", ":/images/btn15_bg_disable.png", "");    backwardBtn->setText(">", Qt::white, Qt::white, QFont("verdana", 10, QFont::Normal));    backwardBtn->resize(35, 15);    backwardBtn->move(18,0);    connect(backwardBtn, SIGNAL(clicked()), this, SLOT(slotBackwardPage()));    updatePageNumber();    resize(95, 15);    setWindowFlags(Qt::FramelessWindowHint);}PageNumberControl::~PageNumberControl(){}void PageNumberControl::setCurrentPage(int currentPageNumber){    if (currentPageNumber > _totalPageNumber) {    //超出最大页        _currentPageNumber = _totalPageNumber;    }    else if (currentPageNumber < 1) {              //设置超出最小范围        _currentPageNumber = 1;    }    else {        _currentPageNumber = currentPageNumber;    //正常    }    updatePageNumber();}void PageNumberControl::setTotalPage(int totalPageNumber)       //总页优先级高{    if (totalPageNumber < 1) {                          //总页设置超出最小范围        if (_currentPageNumber <= 1)  _totalPageNumber = 1;        else _totalPageNumber = _currentPageNumber;    }    else if (totalPageNumber < _currentPageNumber){     //总页设置小于当前页        _totalPageNumber = totalPageNumber;        _currentPageNumber = totalPageNumber;    }    else {        _totalPageNumber = totalPageNumber;             //正常    }    updatePageNumber();}void PageNumberControl::setCurrentAndTotalPage(int currentPageNumber, int totalPageNumber){    if (currentPageNumber > totalPageNumber)    //当前页范围过大，以总页数为优先级        _currentPageNumber = totalPageNumber;    setTotalPage(totalPageNumber);    setCurrentPage(currentPageNumber);}void PageNumberControl::slotForwardPage()              //向前翻页{    _currentPageNumber--;    emit currentPageChanged(_currentPageNumber);      //发送页面改变信号    updatePageNumber();}void PageNumberControl::slotBackwardPage()             //向后翻页{    _currentPageNumber++;    emit currentPageChanged(_currentPageNumber);      //发送页面改变信号    updatePageNumber();}void PageNumberControl::updatePageNumber(){    //翻页更新    if (_currentPageNumber <= 1) {        forwardBtn->enabled(false);    }    else {        forwardBtn->enabled(true);    }    if (_currentPageNumber >= _totalPageNumber) {        backwardBtn->enabled(false);    }    else {        backwardBtn->enabled(true);    }    QFontMetrics currentMetrics(currentPageLabel->font());    int currentTextWidth = currentMetrics.width(QString::number(_currentPageNumber));    int currentTextHeight = currentMetrics.height();    QFontMetrics totalMetrics(totalPageLabel->font());    int totalTextWidth = totalMetrics.width(QString::number(_totalPageNumber));    int totalTextHeight = totalMetrics.height();    currentPageLabel->resize(currentTextWidth, currentTextHeight);    totalPageLabel->resize(totalTextWidth + 1, totalTextHeight);    currentPageLabel->move(38, 0);    middleLabel->move(39 + currentTextWidth, 0);    totalPageLabel->move(44 + currentTextWidth, 0);    currentPageLabel->setText(QString::number(_currentPageNumber));    totalPageLabel->setText(QString::number(_totalPageNumber));}void PageNumberControl::setBackgroundColor(const QColor &color){    backgroundColor = color;    update();}void PageNumberControl::paintEvent(QPaintEvent *event){    QPalette pal = palette();    pal.setColor(QPalette::Background, backgroundColor);    setPalette(pal);    QWidget::paintEvent(event);}
   

（3）selecttemplate.h

#ifndef SELECTTEMPLATE_H#define SELECTTEMPLATE_H#include 
   
    #include "custombtn.h"#include "pagenumbercontrol.h"class SelectTemplate : public QDialog{    Q_OBJECTpublic:    explicit SelectTemplate(QWidget *parent = 0);protected:    void mousePressEvent(QMouseEvent *event);    void mouseMoveEvent(QMouseEvent *event);    void mouseReleaseEvent(QMouseEvent *event);    void paintEvent(QPaintEvent *event);private:    bool bPressFlag;    QPoint dragPosition;    QPixmap backGroundPix;    CustomBtn *closeBtn;    CustomBtn *confirmBtn;    QButtonGroup *group;    PageNumberControl *turnPage;signals:public slots:    void slotButtonGroup(QAbstractButton * button);    void slotButtonGroup(int id);    void slotConfirmBtn();};#endif // SELECTTEMPLATE_H
   

（4）selecttemplate.cpp

#include "selecttemplate.h"SelectTemplate::SelectTemplate(QWidget *parent) :    QDialog(parent), bPressFlag(false){    /***************setup********************/    setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);    setAutoFillBackground(false);    QPalette pal = palette();    pal.setColor(QPalette::Background, QColor(0xFF,0xFF,0xFF,0xFF));    setPalette(pal);    backGroundPix = QPixmap(":/images/client_bg.png");    resize(backGroundPix.width(),  backGroundPix.height());    confirmBtn = new CustomBtn(this);    confirmBtn->SetImgs(":/images/btn120_bg_hover.png", ":/images/btn120_bg.png"                        , "", ":/images/btn120_bg_hover.png");    confirmBtn->setText(QString(tr("<
   <确认选择"))); confirmbtn->
    move(185, 325);    connect(confirmBtn, SIGNAL(clicked()), this, SLOT(slotConfirmBtn()));    QListWidget *applistWidget = new QListWidget(this);    applistWidget->move(150, 60);    applistWidget->resize(280,250);    applistWidget->setStyleSheet("background-color:#ffffff;border-top: 1px solid #949494;"                                 "border-right: 1px solid #949494;border-bottom:1px solid #949494;");    applistWidget->setFocusPolicy(Qt::NoFocus);    //applistWidget->setEnabled(false);    QListWidgetItem *softWareOne = new QListWidgetItem;    softWareOne->setIcon(QIcon(":/images/appList_icon.png"));    softWareOne->setText(tr("ADobe Dreamweaver CS6"));    softWareOne->setSizeHint(QSize(35,32));    applistWidget->addItem(softWareOne);    QListWidgetItem *softWareTwo = new QListWidgetItem;    softWareTwo->setIcon(QIcon(":/images/appList_icon.png"));    softWareTwo->setText(tr("Flash Player"));    softWareTwo->setSizeHint(QSize(35,32));    applistWidget->addItem(softWareTwo);    group = new QButtonGroup(this);    for(int i = 0;i < 7; i++) {        QRadioButton *radioBtn = new QRadioButton(this);        radioBtn->setFocusPolicy(Qt::NoFocus);        radioBtn->setText(QString(tr("类型%1").arg(i+1)));        radioBtn->setStyleSheet("background-color:#c2e7f9;padding-left:4px;color:#19649f;");        radioBtn->move(40, i*30 + 70);        group->addButton(radioBtn, i);    }    connect(group, SIGNAL(buttonClicked(QAbstractButton *)), this, SLOT(slotButtonGroup(QAbstractButton *)));    connect(group, SIGNAL(buttonClicked(int)), this, SLOT(slotButtonGroup(int)));    for (int i = 0;i <7; i++){        QLabel *label  = new QLabel(this);        label->resize(105,3);        label->setFrameStyle(QFrame::HLine | QFrame::Raised);        label->setLineWidth(1);        label->move(40, i*30 + 90);     }    turnPage = new PageNumberControl(this);        //control pagenumber    turnPage->setCurrentAndTotalPage(2, 10);    turnPage->move(40, 285);    //connect(turnPage, SIGNAL(currentPageChanged(int)),this, SLOT(slotTurnPage(int)));    closeBtn = new CustomBtn(this);    closeBtn->SetImgs(":/images/dialog_btn_close_hover.png",":/images/dialog_btn_close.png","",":/images/dialog_btn_close_hover.png");    closeBtn->setGeometry(width() - 38, 5, 32, 32);    closeBtn->show();    connect(closeBtn, SIGNAL(clicked()), this, SLOT(close()));    move((QApplication::desktop()->width() - width())/2,  (QApplication::desktop()->height() - height())/2);}void SelectTemplate::paintEvent(QPaintEvent *event){    QPainter painter(this);    painter.drawPixmap(0, 0, backGroundPix.width(), backGroundPix.height(), backGroundPix);    painter.setPen(QPen(QColor("#2676A1"), 2));    painter.setFont(QFont("", 14, QFont::Black));    painter.drawText(QRect(190, 35, 400, 40), QString(tr("选择模板")));    painter.setPen(Qt::NoPen);    painter.setBrush(QColor("#c2e7f9"));    painter.drawRect(35,60,115,250);    painter.setPen(QPen(QColor("#d4d4d4"), 1));    painter.drawLine(0, height() - 1, width(), height() -1);    QDialog::paintEvent(event);}void SelectTemplate::slotButtonGroup(QAbstractButton * button){    qDebug("-----------QAbstractButton---------------");    qDebug() << button->text();    qDebug() << group->checkedId();    qDebug() << group->checkedButton();    if (group->checkedButton()) {        qDebug() << group->checkedButton()->text();    }}void SelectTemplate::slotButtonGroup(int id){    qDebug("-----------int---------------");    qDebug() << id;    qDebug() << group->button(id)->text();    qDebug() << group->checkedId();    qDebug() << group->checkedButton();    if (group->checkedButton()) {       qDebug() << group->checkedButton()->text();    }}void SelectTemplate::slotConfirmBtn(){    qDebug() << "---------------final----------------";    qDebug() << group->checkedId();    qDebug() << group->checkedButton();    qDebug() << group->checkedButton()->text();    close();}/****************move everywhere*******************/void SelectTemplate::mousePressEvent ( QMouseEvent * event){    bPressFlag = true;    dragPosition = event->pos();    QDialog::mousePressEvent(event);}void SelectTemplate::mouseMoveEvent(QMouseEvent *event){    if (bPressFlag) {        QPoint relaPos(QCursor::pos() - dragPosition);        move(relaPos);    }    QDialog::mouseMoveEvent(event);}void SelectTemplate::mouseReleaseEvent(QMouseEvent *event){    bPressFlag = false;    QDialog::mouseReleaseEvent(event);}
   

（5）applicationinfo.h

#ifndef DIALOG_H#define DIALOG_H#include 
   
    #include "custombtn.h"#include "vmcontrol.h"#include 
    
     class ApplicationInfo : public QWidget{    Q_OBJECTpublic:    ApplicationInfo(QWidget *parent = 0);    ~ApplicationInfo();private:    CustomBtn *_closeBtn;    VmmComboBox *opSystemType;    VmmComboBox *confTemplate;    VmmComboBox *dataDisk;    VmmComboBox *chooseTemplate;    QLabel *titleLabel;    QLabel *opSystemTypeLabel;    QLabel *confTemplateLabel;    QLabel *dataDiskLabel;    QLabel *chooseTemplateLabel;    QLabel *btnLabel;    CustomBtn *submitApplyBtn;    CustomBtn *templateBtn;    QMenu *_menu;    QMenu *_disk;protected:    void mousePressEvent(QMouseEvent * event);    void mouseMoveEvent(QMouseEvent * event);    void mouseReleaseEvent(QMouseEvent *event);    void paintEvent(QPaintEvent * event);private:     QPoint dragPosition;     bool bPressFlag;private slots:     void slotSubmit();     void slotChooseTemplate();     void slotSysNav();     void applyDisk(QAction *action);};#endif // DIALOG_H
    
   

（6）applicationinfo.cpp

#include "applicationinfo.h"#include "selecttemplate.h"ApplicationInfo::ApplicationInfo(QWidget *parent)    : QWidget(parent)    ,bPressFlag(false){    opSystemType = new VmmComboBox(this,  QString(tr("operating system")));    opSystemType->resizeWidth(232);    opSystemType->move(180,75);    opSystemType->insertItem(0, tr("General"));    opSystemType->insertItem(1, tr("Linux older)"));    opSystemType->insertItem(2, tr("Linux newer"));    opSystemType->insertItem(3, "Windows XP");    opSystemType->setCurrentIndex(3);    confTemplate = new VmmComboBox(this,  QString(tr("configure template")));    confTemplate->resizeWidth(232);    confTemplate->move(180, 125);    confTemplate->insertItem(0, tr("1Cpus 10GBMemory"));    confTemplate->insertItem(1, tr("2Cpus 20GBMemory"));    confTemplate->insertItem(2, tr("3Cpus 30GBMemory"));    confTemplate->setCurrentIndex(0);    dataDisk = new VmmComboBox(this,  QString(tr("Select a data disk")));    dataDisk->resizeWidth(232);    dataDisk->move(180, 175);    dataDisk->insertItem(0, tr("10GB"));    dataDisk->insertItem(0, tr("20GB"));    dataDisk->setCurrentIndex(0);    chooseTemplate = new VmmComboBox(this,  QString(tr("Select a template")));    chooseTemplate->resizeWidth(232);    chooseTemplate->move(180, 225);    chooseTemplate->insertItem(0, tr("Default"));    chooseTemplate->setCurrentIndex(0);    btnLabel = new QLabel(this);    btnLabel->setStyleSheet("background:rgba(255,255,255,255);");    templateBtn = new CustomBtn(this);    templateBtn->SetImgs(":/images/temple_btn_hover.png",                          ":/images/temple_btn.png","",                          ":/images/temple_btn_hover.png");    connect(templateBtn, SIGNAL(clicked()), this, SLOT(slotChooseTemplate()));    btnLabel->move(378,227);    btnLabel->resize(22,30);    templateBtn->move(378,226);    templateBtn->resize(32,33);    submitApplyBtn = new CustomBtn(this);    submitApplyBtn->SetImgs(":/images/dialogBtn_hover.png", ":/images/dialogBtn.png"                     , "", ":/images/dialogBtn.png");    submitApplyBtn->move(185, 275);    submitApplyBtn->setText(QString(tr("提交")));    connect(submitApplyBtn, SIGNAL(clicked()), this, SLOT(slotSubmit()));    setAutoFillBackground(true);    setWindowFlags(Qt::FramelessWindowHint); // | Qt::WindowStaysOnTopHint);    QPalette p;    p.setBrush(QPalette::Window, QBrush(QColor("#EDF5F9")));    //color    this->setPalette(p);    //setWindowState(Qt::WindowFullScreen);    resize(450, 350);    CustomBtn *_sysNav = new CustomBtn(this);    _sysNav->SetHoverImg(":/images/window_sysNav_hover.png");    _sysNav->SetNormalImg(":/images/window_sysNav.png");    _sysNav->move(0, 0);    connect(_sysNav, SIGNAL(clicked()), this, SLOT(slotSysNav()));    setStyleSheet("QMenu::item {background-color: #ebf6fd;padding: 3px 10px 3px 20px;border: 0px solid transparent;color: #19649f"                  "}QMenu::item:selected  {background-color: #006699;color: white} QMenu::item:!enabled{color: gray}");    _menu = new QMenu(this);    _disk = new QMenu(tr("Apply Disk   "), _menu);    _menu->addMenu(_disk);    for (int i = 1; i < 10; i++) {        _disk->addAction(QString("%1GB").arg(10 * i));    }    connect(_disk , SIGNAL(triggered(QAction*)), this, SLOT(applyDisk(QAction*)));    QAction *account = _menu->addAction(tr("Account"));    QAction *about = _menu->addAction(tr("about"));    QAction *exit = _menu->addAction(tr("exit"));    connect(exit, SIGNAL(triggered()), this, SLOT(close()));    _closeBtn = new CustomBtn(this);    _closeBtn->SetImgs(":/images/dialog_btn_close_hover.png",":/images/dialog_btn_close.png","",":/images/dialog_btn_close_hover.png");    _closeBtn->setGeometry(width() - 32, 0, 32, 32);    _closeBtn->show();    connect(_closeBtn, SIGNAL(clicked()), this, SLOT(close()));    move((QApplication::desktop()->width() - width())/2,  (QApplication::desktop()->height() - height())/2);}ApplicationInfo::~ApplicationInfo(){}void ApplicationInfo::paintEvent(QPaintEvent *event){    QPainter painter(this);    painter.setPen(QPen(QColor("#333333")));    painter.setFont(QFont("", 11, QFont::Normal));    painter.drawText(QRect(50, opSystemType->pos().y() + 10, 200, 20), QString(tr("system:")));    painter.drawText(QRect(50, confTemplate->pos().y() + 10, 200, 20), QString(tr("template :")));    painter.drawText(QRect(50, dataDisk->pos().y() + 10, 200, 20), QString(tr("datadisk:")));    painter.drawText(QRect(50, chooseTemplate->pos().y() + 10, 200, 20), QString(tr("template:")));    painter.setPen(QPen(QColor("#2676A1"), 2));    painter.setFont(QFont("", 16, QFont::Black));    painter.drawText(QRect(200, 25, 400, 40), QString(tr("信息显示")));    QWidget::paintEvent(event);}void ApplicationInfo::slotSubmit(){    QMessageBox::information(this,tr("info"),tr("ok!"));}void ApplicationInfo::slotChooseTemplate(){    SelectTemplate *templateInfo = new SelectTemplate;    templateInfo->move(this->pos());    templateInfo->setModal(true);    templateInfo->show();}void ApplicationInfo::slotSysNav(){    //_menu->popup(this->mapToGlobal( QPoint(_sysNav->geometry().left() - 140, 20)));    _menu->popup(mapToGlobal(QPoint(15, 0)));}void ApplicationInfo::applyDisk(QAction * action){    qDebug() << action->text();}void ApplicationInfo::mousePressEvent ( QMouseEvent * event){    bPressFlag = true;    dragPosition = event->pos();    QWidget::mousePressEvent(event);}void ApplicationInfo::mouseMoveEvent(QMouseEvent *event){    if (bPressFlag) {        QPoint relaPos(QCursor::pos() - dragPosition);        move(relaPos);    }    QWidget::mouseMoveEvent(event);}void ApplicationInfo::mouseReleaseEvent(QMouseEvent *event){    bPressFlag = false;    QWidget::mouseReleaseEvent(event);}

（7）waitingwidget.h

#ifndef WIDGET_H#define WIDGET_H#include 
   
    class Widget : public QWidget{    Q_OBJECTpublic:    Widget(QWidget *parent = 0);    ~Widget();    void start();    void stop();    void setMaskWidget(bool flag);private slots:    void slotRotatePic(qreal value);private:    QTimeLine *timeline;    int picture_number;    int counter;    QWidget *maskWidget;    QLabel *waitingLabel;};#endif // WIDGET_H
   

（8）waitingwidget.cpp

#include "waitingwidget.h"Widget::Widget(QWidget *parent)    : QWidget(parent)    , picture_number(12)    , counter(0){    setWindowFlags(Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint);    setAutoFillBackground(true);    QPalette pal = palette();    pal.setColor(QPalette::Background, QColor(0xFF,0xFF,0xFF,0x00));    setPalette(pal);    setVisible(false);    //resize(42, 42);    timeline=new QTimeLine(picture_number*1000,this);    timeline->setFrameRange(1,picture_number);    timeline->setUpdateInterval(50);    timeline->setLoopCount(0);    waitingLabel = new QLabel(this);    waitingLabel->resize(42, 42);    maskWidget = new QWidget(this, Qt::CustomizeWindowHint | Qt::FramelessWindowHint);    maskWidget->setStyleSheet( "background-color:rgba(0, 0, 0,35)");    maskWidget->hide();    if (parent) {        maskWidget->resize(parent->size());        waitingLabel->move((parent->width() - waitingLabel->width())/2,  (parent->height() - waitingLabel->height())/2);        this->move(parent->pos());    }    connect(timeline,SIGNAL(valueChanged(qreal)),this,SLOT(slotRotatePic(qreal)));}Widget::~Widget(){}void Widget::start(){    timeline->start();    timeline->setLoopCount(0);    this->setVisible(true);}void Widget::stop(){    timeline->stop();    this->setVisible(false);}void Widget::slotRotatePic(qreal value){    if(counter > 11)  counter = 0;    QPixmap backGroundPix(QString(":/images/loading_%1.png").arg(counter+1));    backGroundPix = backGroundPix.scaled(QSize(42, 42), Qt::IgnoreAspectRatio, Qt::SmoothTransformation);    waitingLabel->setPixmap(backGroundPix);    update();    counter++;}void Widget::setMaskWidget(bool flag){    if (flag == true)  maskWidget->show();    else  maskWidget->hide();}

2、运行

三、总结

（1）上述代码仅提供思路参考，只有界面的显示，也还有一些功能bug。