十三、Qt 2D绘图(三)绘制文字

接着上一次的教程,这次我们学习在窗体上绘制文字。

1.绘制最简单的文字。

我们更改重绘函数如下:

void Dialog::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    painter.drawText(100,100,”yafeilinux”);

}

我们在(100100)的位置显示了一行文字,效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/0112-300x234.jpg

2.为了更好的控制字体的位置。我们使用另一个构造函数。在帮助里查看drawText,如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/0212-300x174.jpg

这里我们看到了构造函数的原型和例子。其中的flags参数可以控制字体在矩形中的位置。我们更改函数内容如下。

void Dialog::paintEvent(QPaintEvent *)
{
    QPainter painter(this);
    QRectF ff(100,100,300,200);

    //
设置一个矩形
    painter.drawRect(ff);
    //
为了更直观地看到字体的位置,我们绘制出这个矩形
    painter.setPen(QColor(Qt::red));
    //
设置画笔颜色为红色
    painter.drawText(ff,Qt::AlignHCenter,”yafeilinux”);
    //
我们这里先让字体水平居中
}

效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/0312-300x205.jpg

可以看到字符串是在最上面水平居中的。如果想让其在矩形正中间,我们可以使用Qt::AlignCenter

这里我们也可以使用两个枚举变量进行按位与操作,例如可以使用Qt::AlignBottom|Qt::AlignHCenter实现让文字显示在矩形下面的正中间。效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/0410-300x212.jpg

对于较长的字符串,我们也可以利用“\n”进行换行,例如”yafei\nlinux”。效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/0510-300x215.jpg

3.如果要使文字更美观,我们就需要使用QFont类来改变字体。先在帮助中查看一下这个类。

http://www.yafeilinux.com/wp-content/uploads/2010/04/069-300x258.jpg

可以看到它有好几个枚举变量来设置字体。下面的例子我们对主要的几个选项进行演示。

更改函数如下。

void Dialog::paintEvent(QPaintEvent *)
{
    QFont font(“Arial”,20,QFont::Bold,true);
    //
设置字体的类型,大小,加粗,斜体
    font.setUnderline(true);
    //
设置下划线
    font.setOverline(true);
    //
设置上划线
    font.setCapitalization(QFont::SmallCaps);
    //
设置大小写
    font.setLetterSpacing(QFont::AbsoluteSpacing,5);
    //
设置间距
    QPainter painter(this);
    painter.setFont(font);
    //
添加字体
    QRectF ff(100,100,300,200);
    painter.drawRect(ff);
    painter.setPen(QColor(Qt::red));
    painter.drawText(ff,Qt::AlignCenter,”yafeilinux”);
}

效果如下。

http://www.yafeilinux.com/wp-content/uploads/2010/04/079-300x211.jpg

这里的所有字体我们可以在设计器中进行查看。如下。

 http://www.yafeilinux.com/wp-content/uploads/2010/04/089-300x164.jpg