QT学习- 简单样式表学习

1.QProgressBar样式表学习

附(仅为tesing)

widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QtGui>

class Widget : public QWidget
{
    Q_OBJECT

public:

    explicit Widget(QWidget *parent = 0);
    ~Widget();
    QProgressBar *bar;
};

#endif // WIDGET_H

widget.cpp

#include "widget.h"

#include <QStackedWidget>
#include <QVBoxLayout>
#include <QComboBox>
#include <QSlider>

Widget::Widget(QWidget *parent) :
    QWidget(parent)
{
 this->resize(500, 250);

    bar=new QProgressBar(this);
    bar->setOrientation(Qt::Vertical);
    bar->setTextVisible(true);
    bar->resize(30,100);
    bar->setRange(0,200);
    bar->setValue(44.5);
    bar->move(200,100);//
    bar->setStyleSheet("\
                       QProgressBar::chunk{\
                        background:blue;\
                        margin:1.0px;\
                        height:3px;\
                       }\
                       QProgressBar{\
                       border:6px solid red;\
                        background:black\
                       }\
");
   qDebug()<<"bottom(y1)"<<bar->geometry().top()<<"rigth(x1)"<<bar->geometry().left();
   qDebug()<<"bottom(y2)"<<bar->geometry().bottom()<<"rigth(x2)"<<bar->geometry().right();

}
Widget::~Widget()
{

}

2.QPushButton样式表 简单设计(正常模式、hover及pressed模式)

代码为

    QPushButton *button=new QPushButton(widge);
    button->resize(100,50);
    button->move(100,0);
    button->setFlat(true);
    button->setStyleSheet("QPushButton{background:red;border:0px;}\
                          QPushButton::hover{background:green;border:0px;}\
                            QPushButton::pressed{background:blue;border:0px}\
                          ");