void Widget::paintEvent(QPaintEvent *event)

{

    QPainter    painter(this);//创建与绘图设备关联的QPainter对象

    ...//painter在设备的窗口上画图

}

class Widget : public QWidget
{
    Q_OBJECT
protected:
    void    paintEvent(QPaintEvent *event) Q_DECL_OVERRIDE;

public:
    explicit Widget(QWidget *parent = 0);
    ~Widget();

private:
    Ui::Widget *ui;
};

int W=this->width(); //绘图区宽度

int H=this->height(); //绘图区高度

QRect rect(W/4,H/4,W/2,H/2); //中间区域矩形框

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter    painter(this);//创建QPainter对象
    int W=this->width(); //绘图区宽度
    int H=this->height(); //绘图区高度
    QRect rect(W/4,H/4,W/2,H/2); //中间区域矩形框

//设置画笔
    QPen    pen;
    pen.setWidth(3); //线宽
    pen.setColor(Qt::red); //划线颜色
    pen.setStyle(Qt::SolidLine);//线的类型，实线、虚线等
    painter.setPen(pen);

//设置画刷
    QPixmap texturePixmap(":images/images/texture.jpg");
    QBrush  brush;
    brush.setStyle(Qt::TexturePattern); //画刷填充样式
    brush.setTexture(texturePixmap);
    painter.setBrush(brush);
//绘图
    painter.drawRect(rect);
}

4 渐变填充

• QLinearGradient：线性渐变。指定一个起点及其颜色，终点及其颜色，还可以指定中间的 某个点的颜色，起点至终点之间的颜色会线性插值计算，得到线性渐变的填充颜色。
• QRadialGradient：有简单辐射渐变和扩展辐射渐变两种方式。简单辐射渐变是在一个圆内 的一个焦点和一个端点之间生成渐变颜色，扩展辐射渐变是在一个焦点圆和一个中心圆之 间生成渐变色。
• QConicalGradient：圆锥形渐变，围绕一个中心点逆时针生成渐变颜色。

• PadSpread模式是用结束点的颜色填充外部区域，这是缺省的方式。
• Repeatspread模式是重复使用渐变方式填充外部区域。
• Reflectspread是反射式重复使用渐变方式填允外部区域。

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter    painter(this);//创建QPainter对象
    int W=this->width(); //绘图区宽度
    int H=this->height(); //绘图区高度

//径向渐变
    QRadialGradient  radialGrad(W/2,H/2,qMax(W/8,H/8),W/2,H/2);
    radialGrad.setColorAt(0,Qt::green);
    radialGrad.setColorAt(1,Qt::blue);
    radialGrad.setSpread(QGradient::ReflectSpread);
    painter.setBrush(radialGrad);
//绘图
    painter.drawRect(this->rect);//填充更大区域，会有延展效果
}

//线性渐变
//  QLinearGradient  linearGrad(rect.left(),rect.top(),
                  rect.right(),rect.bot//tom()); //对角线                      QLinearGradient  linearGrad(rect.left(),rect.top(),
                   rect.right(),rect.top());//从左到右
    linearGrad.setColorAt(0,Qt::blue);//起点颜色
    linearGrad.setColorAt(0.5,Qt::green);//中间点颜色
    linearGrad.setColorAt(1,Qt::red);//终点颜色
    linearGrad.setSpread(QGradient::ReflectSpread);  //展布模式
    painter.setBrush(linearGrad);

//圆锥型渐变
    QConicalGradient  coniGrad(W/2,H/2,45);
    coniGrad.setColorAt(0,Qt::yellow);
    coniGrad.setColorAt(0.5,Qt::blue);
    coniGrad.setColorAt(1,Qt::green);
    painter.setBrush(coniGrad);